@charset "utf-8";
/* CSS Document */


/*LOADER*/
.content_loading{height:100%; position:fixed; top:0; left:0; background:var(--black); transition:all 0.5s ease-in-out; z-index:9999; opacity:1;}
.content_loading.hide{opacity:0; pointer-events:none;}

/*COLORS*/
:root{

	/*White*/
	--white-01:rgba(250,250,250,0.1);
	--white-02:rgba(250,250,250,0.2);
	--white-03:rgba(250,250,250,0.3);
	--white-04:rgba(250,250,250,0.4);
	--white-05:rgba(250,250,250,0.5);
	--white-06:rgba(250,250,250,0.6);
	--white-07:rgba(250,250,250,0.7);
	--white-08:rgba(250,250,250,0.8);
	--white-09:rgba(250,250,250,0.9);
	--white:#FFFFFF;

	/*Black*/
	--black-01:rgba(0,0,0,0.1);
	--black-02:rgba(0,0,0,0.2);
	--black-03:rgba(0,0,0,0.3);
	--black-04:rgba(0,0,0,0.4);
	--black-05:rgba(0,0,0,0.5);
	--black-06:rgba(0,0,0,0.6);
	--black-07:rgba(0,0,0,0.7);
	--black-08:rgba(0,0,0,0.8);
	--black-09:rgba(0,0,0,0.9);
	--black:#000000;

	--soft-gray:#CCCCCC;
	--gray:#999999;
	--dark-gray:#333333;

	--custom-blue: #18469D;
	--custom-dark-blue: #001F54;
	--custom-green: #80bd5e;
	--custom-skyblue: #7dd3f6;
	--custom-gray: #9c9c9c;
	--custom-medium-gray: #616161;
	--custom-dark-gray: #383838;
	--custom-black: #1e1e1e;
	--custom-time: #ffd356;


	--warning:#df0b5b;
	--warning-toast:#dd6464;

	/*Marquee*/
	--space:1rem;
	--space-05:0.5rem;
	--space-0:0rem;

}


/*GENERICS*/

html{width:100%; height:100%}

body{width:100%; height:100%; background:var(--white); font-size:1rem; font-family:'Sora', Arial, Helvetica, sans-serif; font-weight:400; color:var(--black); -webkit-font-smoothing:antialiased;}

a{color:var(--black); text-decoration:none; transition: all 0.35s ease-in-out;}

header, section, article, aside, footer, nav, figure, div, a{box-sizing:border-box; position:relative;}

	/*Form*/

		/*Input*/
		input{width: 450px; background-color: var(--black-03); border-radius: 20px; border: 1px solid var(--white); height: 40px; color: var(--white); padding: 0 15px; font-size: 0.75rem; font-weight: bold; letter-spacing: 1px;}
		input::placeholder{color: var(--white); font-weight: bold; font-size: 0.75rem; letter-spacing: 1px;}

		/*TextArea*/
		textarea{height:140px; resize:none; padding:20px; box-sizing:border-box;}

		/*Select*/
		.select_style{height:50px; border-bottom:var(--green) 1px solid; border-right:none; border-left:none; border-top:none;}
		.select_style::before{width:17px; height:17px; position:absolute; top:0; bottom:0; right:0; margin:auto 0; background:url(../../img/bg_arrow.svg) no-repeat; pointer-events:none; content:''}

			.select_style select{border:none; background:var(--white); height:100%; color:var(--black); box-sizing:border-box; -webkit-box-sizing:border-box;}

		/*Floating Label*/
		label.floating_label{position:absolute; top:14px; left:0;  font-family:'Muli', sans-serif; font-weight:400; color:var(--gray); pointer-events:none; z-index:10; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; will-change:font-size, color, top; touch-action:manipulation;}

			input:not(:placeholder-shown) + label,
			input:focus + label {top:0px; font-size:0.750rem;}

				input:not(:placeholder-shown),
				input:focus{padding: 0 15px !important;}

			select:focus + label,
			select:not([value=""]):valid + label{top:0px; font-size:0.750rem;}

				select:focus,
				select:not([value=""]):valid{padding:15px 0 0 !important;}

			textarea:not(:placeholder-shown) + label,
			textarea:focus + label {top:0px; font-size:0.750rem;}

				textarea:not(:placeholder-shown),
				textarea:focus{padding:20px 0 0 !important;}

		/*Checkbox*/
		.label-check {width:auto; float:left; position:relative; cursor:pointer; margin:0;}
		.label-check input[type="checkbox"] { opacity:0; position:absolute; left:0; top:0; margin:0; z-index:1; cursor:pointer; width:24px; height:24px;}
		.label-check span.label_check { position:relative; top:-2px; background:var(--gray-02); display:inline-block; vertical-align:bottom; margin-right:5px; width:24px; height:24px; border-radius:2px; box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.1);}
		.label-check input[type="checkbox"]:checked + span:after { content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:24px; height:24px; background-image:url(../../img/bg_check.svg); background-color:var(--green); background-repeat:no-repeat; border-radius:2px; background-position:center;}

		/*Warning*/

			/*Input*/
			.warning input{border-bottom:var(--warning) 1px solid}

			/*Input*/
			.warning textarea{border:var(--warning) 1px solid}

			/*Select*/
			.warning .select_style{border-bottom:var(--warning) 1px solid}

			/*Label*/
			.warning label{color:var(--warning);}

			/*CheckBox*/
			.warning .label-check span.label_check{background:var(--warning);}

			/*Terms*/
			.warning .terms{color:var(--warning);}

/*LAYOUT*/
.row{width:100%; display:flex; flex-wrap:wrap;}

.center_content{width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}

html.scroll{scroll-behavior: smooth;}

.main_wrap{z-index: 9; pointer-events: none; padding: 0 0 555px;}

.big_video_mobile{display: none;}

.navigation .search_bar{display: none;}

/* NAVIGATION */
.navigation{position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; padding: 40px 120px; flex-wrap: wrap; pointer-events: all;}

		/* Img */
		.navigation .logo{display: flex;}
		.navigation .logo.home img{width: 165px; height: 85px;}
		.navigation .logo img{width: 100px; height: 55px;}

		/* Content Links */
		.navigation .content_links {display: flex; align-items: center; transform: all 0.35s ease-in-out;}

			.navigation .content_links li{position: relative; display: inline-block;}

			/* Categories */
			.navigation .content_links .content_categories{margin: 0 90px 0 0;}

			.navigation .content_links .content_categories .categories{color: var(--white); font-size: 0.75rem; font-weight: bold; line-height: 6.5; letter-spacing: 1px; text-align: center; display: flex; align-items: center; z-index: 2;}

				.navigation .content_links .content_categories .categories::before{position: absolute; width: 100%; height: 4px; bottom: 20px; left: 0; background-color: var(--white);transform: scaleX(0); transition: all 0.35s ease-in-out; content: '';}

				/* Hover */
				.navigation .content_links .content_categories .categories:hover::before{transform: scaleX(1.0);}

				/* Plus Animation */
				.navigation .content_links .content_categories .categories .cat_plus{position: relative; width: 10px; height: 10px; margin: 0 0 0 10px;}

				.navigation .content_links .content_categories .categories .cat_plus::before,
				.navigation .content_links .content_categories .categories .cat_plus::after{display: block; background-color: var(--white); position: absolute; top: 50%; left: 0; transition: 0.35s ease-in-out; width: 100%; height: 3px; content: '';}

				.navigation .content_links .content_categories .categories .cat_plus::before{transform: translateY(-50%);}
				.navigation .content_links .content_categories .categories .cat_plus::after{transform: translateY(-50%) rotate(90deg);}

					/* Active */
					.navigation .content_links .content_categories.active .categories .cat_plus::before{transform: translateY(-50%) rotate(-90deg); opacity: 0;}
					.navigation .content_links .content_categories.active .categories .cat_plus::after{transform: translateX(-50%) rotate(0);}

				/* Menu Categories */
				.navigation .content_links .content_categories .content_submenu{position: absolute; z-index: 1; opacity: 0; pointer-events: none; width: 700px; background: var(--white); border-radius: 20px; display: grid; grid-template-columns: 2fr 1fr; padding: 30px 40px; transition: all 0.5s ease-in-out;}

				.navigation .content_links .content_categories.active .content_submenu{opacity: 1; pointer-events: all;}

					/* List of Categories */
					.navigation .content_links .content_categories .content_submenu .submenu_list{align-items: flex-start; display: flex; flex-direction: column; max-height: 300px;}

						.navigation .content_links .content_categories .content_submenu .submenu_list li .item{font-size: 0.75rem; color: var(--custom-gray); line-height: 1.5; font-weight: 500; padding: 5px 0;}
						.navigation .content_links .content_categories .content_submenu .submenu_list li .item::before{position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: var(--custom-blue); top: 10px; left: -15px; content: none; transition: all 0.25s ease-in-out;}

						/* Hover */
						.navigation .content_links .content_categories .content_submenu .submenu_list li .item:hover::before{content: '';}
						.navigation .content_links .content_categories .content_submenu .submenu_list li .item:hover{color: var(--custom-blue); margin: 0 0 0 15px;}

						/* Active */
						.navigation .content_links .content_categories .content_submenu .submenu_list li .item.active{color: var(--custom-blue); margin: 0 0 0 15px;}
						.navigation .content_links .content_categories .content_submenu .submenu_list li .item.active::before{content: '';}
					
					/* Img */
					.navigation .content_links .content_categories .content_submenu .content_img{width: 190px; height: 190px; display: flex; justify-self: center;}

						.navigation .content_links .content_categories .content_submenu .content_img img{height: 100%; width: 100%; object-fit: cover; position: absolute; border-radius: 10px; opacity: 0; transition: all 0.35s ease-in-out;}

						/* Active Img */
						.navigation .content_links .content_categories .content_submenu .content_img img.active{opacity: 1;}

			/* Search */
			.navigation .content_links .search .btn_search{position: absolute;}

				.navigation .content_links .search .btn_search svg{fill: none; stroke-width: 2; stroke: var(--white); position: absolute; top: 12px; right: 20px;}

		/* Search Mobile */
		.navigation .search_mobile{display: none;}

		/* Menu Mobile */
		.navigation .links_mobile{display: none;}

	/* NAVIGATION FIXED */
	.navigation.fixed{position: fixed; background: var(--white); height: 80px; padding: 15px 120px; box-shadow: 0 2px 12px 0 var(--black-01); transform: translateY(-90px); transition: all 0.5s ease-in-out;}

	.navigation.fixed.show{transform: translateY(0);}

		/* Logo */
		.navigation.fixed .logo.home img,
		.navigation.fixed .logo img{width: 95px; height: 50px;}

		/* Content Links */
		.navigation.fixed .content_links .content_categories .categories{line-height: unset; color: var(--custom-blue);}

			/* Underline and Plus */
			.navigation.fixed .content_links .content_categories .categories::before{background-color: var(--custom-blue); bottom: -6px;}

			.navigation.fixed .content_links .content_categories .categories .cat_plus::before,
			.navigation.fixed .content_links .content_categories .categories .cat_plus::after{background-color: var(--custom-blue);}

			/* Categories Submenu */
			.navigation.fixed .content_links .content_categories .content_submenu{top: 60px; left: 0; box-shadow: 0 2px 12px 0 var(--black-01)}

	/* HOME Hero */
	.home .content_hero{align-content: flex-start;}

	.home .content_hero::before{position: absolute; background-color: var(--white); width: 100%; height: 160px; z-index: 2; content: ''; bottom: 0; left: 0;}

		/* Background Hero*/
		.home .content_hero .content_background{position: absolute; background: var(--black); height: calc(100% - 160px);}

		.home .content_hero .content_background video{height: 100%; width: 100%; object-fit: cover;}

			.home .content_hero .content_background figure{height: 100%; width: 100%;}

				.home .content_hero .content_background figure img{height: 100%; width: 100%; object-fit: cover; opacity: 0.5;}

		/* Animation Text */
		.home .content_hero .content_hero_text{padding: 200px 120px 0;}

		.home .content_hero .content_animation{flex-direction: column; justify-content: center; }

			.home .content_hero .content_animation h2{font-size: 6.25rem; line-height: 1; color: var(--white); font-weight: 800; margin: 0 0 25px;}
			.home .content_hero .content_animation p{line-height: 1.5; color: var(--white); font-size: 1.125rem; width: 600px;}

	/* Content Stories */
	.home .content_hero .container_hero{padding: 0 120px; width: 100%; margin: 50px 0 0; z-index: 4; pointer-events: all;}

	.home .content_hero .content_stories{background-color: var(--custom-blue); border-radius: 20px; height: 260px; }

		.home .content_hero .content_stories .container_stories{padding: 30px 0 30px 50px; width: 100%; display: flex;}

					/* Text */
					.home .content_hero .content_stories .content_text{display: flex; flex-direction: column; justify-content: space-around; width: 270px;}

						.home .content_hero .content_stories .content_text p{font-weight: 600; letter-spacing: 5px; color: var(--white); font-size: 0.75rem; text-transform: uppercase; opacity: 0.4;}

						.home .content_hero .content_stories .content_text h3{font-weight: bold; color: var(--white); font-size: 2rem;}

					/* List of Items */
					.home .content_hero .content_stories .content_slider_stories{width: calc(100% - 270px); display: flex; align-items: center;}

						.home .content_hero .content_stories .content_slider_stories .slider_stories .item a{ width: 140px; justify-content: center;}

								.home .content_hero .content_stories .content_slider_stories .slider_stories .item figure{width: 100px; height: 100px; position: relative;border-radius: 50px; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.3); border: 1px solid var(--white); overflow: hidden;}

									.home .content_hero .content_stories .content_slider_stories .slider_stories .item figure img{width: 100%; height: 100%; object-fit: cover; transition: all 1.25s cubic-bezier(0.25, 0.1, 0.1, 1);}

								.home .content_hero .content_stories .content_slider_stories .slider_stories .item h3{color: var(--white); font-weight: 400; margin: 20px 0 0; text-align: center; display: flex; justify-content: center;}

								/* Hover */
								.home .content_hero .content_stories .content_slider_stories .slider_stories .item:hover figure img{transform: scale(1.1);}

								/*Arrows*/
								.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-arrow{position: absolute; right: 60px; z-index: 6; width: 40px; height: 40px; background: transparent;display: flex; justify-content: center; align-items: center; padding: 0; font-size: 0; border: none;}

									.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-prev{bottom: 80px;}

									.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-next{bottom: 30px;}

								.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-arrow::before{content: ''; width: 38px; height: 38px; z-index: 2; background: url(../../img/bg_arrow_slider.svg) no-repeat;}

									.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-prev::before{transform: rotate(180deg);}

								.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-arrow::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: var(--white); border-radius: 30px; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); transform-origin:center;}

								.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-arrow:hover::after{transform: scale(1.1);}

	/* Marquee */
	.home .content_marquee{overflow:hidden; pointer-events:all; padding: 65px 0 90px 0; background: var(--white); pointer-events: all;}

	.home .content_marquee .marquee{height:100%; display:flex; align-items:center; overflow:hidden;}

		.home .content_marquee .marquee .content{height:60px;}

			.home .content_marquee .marquee-content-items li{height:100%; display:flex; align-items:center;}

				.home .content_marquee .marquee span{height:100%; display:flex; align-items:center; font-size:6.25rem; font-weight: bold; color:var(--custom-medium-gray); float:left; margin:0 20px 0 0; position:relative; line-height: 0.88; opacity: 0.1;}

	/*Products*/
	.content_recipes{padding:0 0 140px; background: var(--white); pointer-events: all;}

	.home .content_recipes:last-child{border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}

		/*Heading*/
		.content_recipes .content_heading{display: flex; justify-content: space-between; width: 100%; padding: 0 120px; align-items: center;}

			.content_recipes .content_heading a{font-weight: 600; line-height: 1; color: var(--custom-blue); font-size: 2.625rem; text-transform: uppercase;}

			.content_recipes .content_heading span{width: 80px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-weight: 600; background: var(--custom-dark-gray); color: var(--white); border-radius: 12px;}

		/*Category Slider*/
		.content_recipes .content_slider{margin:40px 0 65px 0;}

			/* Recipes */
			.content_recipes .content_slider .item_carousel{margin: 0 25px 0 0;}
			.content_recipes .content_slider .item_carousel:last-child{margin: 0;}

				/*Btn Liked*/
				.content_recipes .content_slider .item_carousel .btn_liked,
				.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked{width:20px; height:20px; position:absolute; z-index:8; left:8px; top:8px; background:url(../../img/bg_heart_line.svg) no-repeat; background-size:100% auto;}

					/*Active*/
					.content_recipes .content_slider .item_carousel .btn_liked::after,
					.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked::after{width:20px; height:20px; position:absolute; z-index:8; left:0; top:0; background:url(../../img/bg_heart_line.svg) no-repeat; background-size:100% auto; background-position:0px -35px; content:''; transform:scale(0); transition:all 0.35s ease-in-out; will-change:transform;}
					.content_recipes .content_slider .item_carousel .btn_liked:hover::after,
					.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked:hover::after{transform:scale(1.2);}
					.content_recipes .content_slider .item_carousel .btn_liked.active::after,
					.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked.active::after{transform:scale(1);}

				/* Link */
				.content_recipes .content_slider .item_carousel .recipe{display: flex; flex-wrap: wrap;}

				/* Content IMG and Button */
				.content_recipes .content_slider .item_carousel .recipe .recipe_item_container{width: 100%;}

				/* Button */
				.content_recipes .content_slider .item_carousel .recipe .content_button_recipe{position: absolute; bottom: 20px; display: flex; width: 100%; justify-content: center;}

					.content_recipes .content_slider .item_carousel .recipe .recipe_item_container span{display: flex; justify-content: center; align-items: center; width: 150px; height: 30px; text-align: center; background: var(--white); color: var(--custom-blue); border: 1px solid var(--custom-blue); border-radius: 20px; font-weight: bold; font-size: 0.75rem; z-index: 3; transition: all 0.5s ease-in-out; opacity: 0;}

					.content_recipes .content_slider .item_carousel:hover .recipe .recipe_item_container span{opacity: 1;}
				/*Image*/
				.content_recipes .content_slider .item_carousel .recipe figure{height: 330px; overflow:hidden; margin:0 0 10px; border-radius:4px;}

					.content_recipes .content_slider .item_carousel .recipe figure img{width: 100%; height: 100%; object-fit: cover;}

				.content_recipes .content_slider .item_carousel .recipe figure::before{width:102%; height:100%; position:absolute; bottom:0; left:0; z-index:2; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity:0.8; transform:scaleY(0); transform-origin:bottom; transition:all 1s cubic-bezier(.19,1,.22,1); will-change:transform; content:'';}
				.content_recipes .content_slider .item_carousel:hover .recipe figure::before{transform:scaleY(1);}

				/*Heading*/
				.content_recipes .content_slider .item_carousel .recipe h3{position:relative; font-weight:400; color: var(--custom-blue); line-height:1.5; font-size: 1.125rem;}

				/*Arrows*/
				.home .content_recipes .content_slider .slider_products .slick-arrow{position: absolute; bottom: 50%; z-index: 6; width: 58px; height: 58px; background: transparent;display: flex; justify-content: center; align-items: center; padding: 0; font-size: 0; border: none;}

				.home .content_recipes .content_slider .slider_products .slick-next{right: 40px;}

				.home .content_recipes .content_slider .slider_products .slick-prev{left: 40px;}

				.home .content_recipes .content_slider .slider_products .slick-arrow::before{content: ''; width: 20px; height: 28px; z-index: 2; background: url(../../img/bg_arrow_products.png) no-repeat;}

				.home .content_recipes .content_slider .slider_products .slick-next::before{transform: rotate(180deg);}

				.home .content_recipes .content_slider .slider_products .slick-arrow::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: var(--custom-black); border-radius: 30px; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); transform-origin:center;}

				.home .content_recipes .content_slider .slider_products .slick-arrow:hover::after{transform: scale(1.1);}

/* RECIPE DETAIL */

/* Hero */
.recipe_detail .content_hero{height: 550px;}

	/* Background */
	.recipe_detail .content_hero .content_background{position: absolute; background: var(--black); height: 100%; width: 100%;}

		.recipe_detail .content_hero .content_background figure{height: 100%;width: 100%;}

			.recipe_detail .content_hero .content_background figure img{height: 100%; width: 100%; object-fit: cover; opacity: 0.5;}

	/* Text */
	.recipe_detail .content_hero .content_recipe_text{padding: 150px 120px 0; height: 100%; justify-content: space-between;}

		.recipe_detail .content_hero .content_recipe_text .content_animation{flex-direction: column; width: 45%; justify-content: space-between; pointer-events: all; z-index: 3;}

			.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading{flex-direction: column;}
			
				.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading h2{order: 2; font-size: 4rem; line-height: 1.11; color: var(--white);}

				.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading p{order: 1; font-size: 32px; font-weight: 600; letter-spacing: 3px; color: var(--white); text-transform: uppercase; margin: 0 0 15px 0;}

		/* Share and Liked Recipe */
		.recipe_detail .content_hero .content_recipe_text .content_share{width: 400px; height: 100px; background: var(--custom-blue); border-radius: 20px; align-items: center; justify-content: space-around; position: absolute; bottom: 0;}

		.recipe_detail .content_hero .content_recipe_text .content_share::before{width: 1px; height: 40px; background-color: var(--custom-gray); opacity: 0.3; content: ''; position: absolute; left: 50%;}

			.recipe_detail .content_hero .content_recipe_text .content_share .share{display: flex; align-items: center; width: 50%; justify-content: center;}

			.recipe_detail .content_hero .content_recipe_text .content_share .share .btn_share{margin: 0 15px 0 0;}

			.recipe_detail .content_hero .content_recipe_text .content_share .share .text{color: var(--white); text-transform: uppercase; font-size: 0.75rem; font-weight: 600;}

			.recipe_detail .content_hero .content_recipe_text .content_share .like{display: flex; align-items: center; width: 50%; }

				.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked{left: 80px; width: 28px; height: 28px; top: unset;}

					.recipe_detail .content_hero .content_recipe_text .content_share .like .btn_liked::after{width: 28px; height: 25px; left: 0; top: 0; background-position: 0px -49px;}

				.recipe_detail .content_hero .content_recipe_text .content_share .like .like_numbers{display: flex; flex-direction: column;}

					.recipe_detail .content_hero .content_recipe_text .content_share .like .like_numbers .number{font-weight: 600; letter-spacing: 5px; color: var(--white); font-size: 1.25rem;}

					.recipe_detail .content_hero .content_recipe_text .content_share .like .like_numbers .text{text-transform: uppercase; color: var(--white); font-size: 0.625rem; font-weight: 600;}

	/* Button Mobile Video */
	.recipe_detail .content_hero .content_recipe_text .content_animation .video_information{display: none;}

	/* Content Video */
	.recipe_detail .content_hero .content_recipe_text .content_video{width: 45%; pointer-events: all; z-index: 3; height: 110%;}

		/* Information */
		.recipe_detail .content_hero .content_recipe_text .content_video .video_information{height: auto; z-index: 5; position: absolute; left: 0; bottom: 0; transition:all 0.5s ease-in-out; will-change: opacity;}

			.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information{display: flex; justify-content: space-around; width: 40%; padding: 40px;}

				.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information h3{font-weight: bold; line-height: 1.75; font-size: 1.5rem; color: var(--white);}

				.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information .content_button{width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
				.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information .content_button::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--white); border-radius: 50%; transition: all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); content: '';}

					.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information .content_button svg{z-index: 2;}

			/* Hover */
			.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information:hover .content_button::before{transform: scale(1.1);}

		/* Background */
		.recipe_detail .content_hero .content_recipe_text .content_video .video_background{width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 4; transition:all 0.5s ease-in-out; will-change: opacity;}

			.recipe_detail .content_hero .content_recipe_text .content_video .video_background img{width: 100%; height: 100%; object-fit: cover; border-radius: 25px;}

		/* Recipe Video */
		.recipe_detail .content_hero .content_recipe_text .content_video .video_recipe{width: 100%; height: 100%; z-index: 2;}

			.recipe_detail .content_hero .content_recipe_text .content_video .video_recipe video{width: 100%; height: 100%; object-fit: cover; border-radius: 25px;}

			.recipe_detail .content_hero .content_recipe_text .content_video .video_recipe iframe{width: 100%; height: 100%; object-fit: cover; border-radius: 25px;}

		/* Play Video */
		.recipe_detail .content_hero .content_recipe_text .content_video.hide .video_information,
		.recipe_detail .content_hero .content_recipe_text .content_video.hide .video_background{opacity: 0; pointer-events: none;}

	/* Content */
	.recipe_detail .recipe_container{padding: 100px 0; pointer-events: all; background: var(--white);}

	.recipe_detail .recipe_container .center_content{justify-content: space-between; width: auto; padding: 0 120px;}

	/* Column Left */
	.recipe_detail .recipe_container .column_left{width: 55%;}

		.recipe_detail .recipe_container .column_left .tabs{display: flex; justify-content: space-between;}

			/* Tab */
			.recipe_detail .recipe_container .column_left .tabs .item_tab .title_tab{line-height: 1.5; color: var(--custom-skyblue); text-transform: uppercase; letter-spacing: 2px; font-weight: bold;}

			.recipe_detail .recipe_container .column_left .tabs .item_tab .description_tab{line-height: 1.5; color: var(--custom-black); text-transform: uppercase; letter-spacing: 2px; font-weight: bold;}

			/* Tab Line */
			.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(1):before{width: 1px; height: 44px; background-color: var(--custom-gray); opacity: 0.3; content: ''; position: absolute; left: 11%; top: 2px;}
			.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(2):before{width: 1px; height: 44px; background-color: var(--custom-gray); opacity: 0.3; content: ''; position: absolute; left: 42%; top: 2px;}
			.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(3):before{width: 1px; height: 44px; background-color: var(--custom-gray); opacity: 0.3; content: ''; position: absolute; left: 76%; top: 2px;}

			/* Instructions */
			.recipe_detail .recipe_container .column_left .instructions{margin: 90px 0 0;}

				.recipe_detail .recipe_container .column_left .instructions h6{font-size: 24px; letter-spacing: 2.7px; color: var(--custom-black); margin: 0 0 35px;}

				/* Step */
				.recipe_detail .recipe_container .column_left .instructions .step{margin: 0 0 70px;}

					.recipe_detail .recipe_container .column_left .instructions .step .number_step{font-size: 24px; letter-spacing: 2.7px; color: var(--custom-black); margin: 0 0 10px; font-weight: bold;}

					.recipe_detail .recipe_container .column_left .instructions .step .description_inst{line-height: 1.7; letter-spacing: 2px; color: var(--custom-black);}

			/* Timer Button */
			.recipe_detail .recipe_container .column_left .content_timer_button{width: 300px;}

				.recipe_detail .recipe_container .column_left .content_timer_button .btn_time{border: 1px solid var(--custom-blue); display: flex; align-items: center; justify-content: space-around; padding: 10px; border-radius: 30px; transition: all 0.5s ease-in-out;}

					.recipe_detail .recipe_container .column_left .content_timer_button .btn_time .text{font-size: 1.125rem; color: var(--custom-blue); text-transform: uppercase; font-weight: 600;}

					.recipe_detail .recipe_container .column_left .content_timer_button .btn_time:hover{border: 1px solid var(--white); background: var(--custom-blue);}

					.recipe_detail .recipe_container .column_left .content_timer_button .btn_time:hover .text{color: var(--white);}

					.recipe_detail .recipe_container .column_left .content_timer_button .btn_time:hover svg path{fill: var(--white);}

	/* Column Right */
	.recipe_detail .recipe_container .column_right{width: 410px; background-color: var(--custom-blue); position: sticky; top: 130px; align-self: flex-start; border-radius: 40px; display: flex;}

		.recipe_detail .recipe_container .column_right .content_ingredients{padding: 40px; width: 100%;}

			.recipe_detail .recipe_container .column_right .content_ingredients h6{font-size: 1.5rem; color: var(--white); letter-spacing: 2.7px; font-weight: 600;}

			/* Category */
			.recipe_detail .recipe_container .column_right .content_ingredients .category{margin: 35px 0;}

				.recipe_detail .recipe_container .column_right .content_ingredients .category p{text-transform: uppercase; color: var(--white); margin: 0 0 15px; font-weight: 600; letter-spacing: 3px;}

				.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li{font-size: 0.875rem; letter-spacing: 2px; justify-content: space-between; flex-wrap: nowrap; align-items: center; overflow: hidden; word-wrap: break-word; border-bottom: 1px solid var(--white-04); padding: 12px 0;}
				.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li:last-child{border: none;}

				.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li span.ingredient{color: var(--white);width: 49%;}

				.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li span.measurement{color: var(--custom-skyblue); width: 49%;}

	/* Recommended */
	.recipe_detail .content_recipes,
	.main_category .content_recipes,
	.search .content_recipes.grid{border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}

		.recipe_detail .content_recipes .content_heading,
		.main_category .content_recipes .content_heading,
		.search .content_recipes .content_heading{padding: 60px 120px 0;}

			.recipe_detail .content_recipes .content_heading h3,
			.main_category .content_recipes .content_heading h3,
			.search .content_recipes .content_heading h3{justify-content: center; text-transform: unset;}

		.recipe_detail .content_recipes .content_slider,
		.main_category .content_recipes .content_slider,
		.search .content_recipes .content_slider{margin: 0; padding: 60px 220px;}

			.recipe_detail .content_recipes .content_slider .recommended,
			.main_category .content_recipes .content_slider .recommended,
			.search .content_recipes .content_slider .recommended{display: grid; grid-template-columns: repeat(5,1fr); row-gap: 25px; column-gap: 25px;}

			.recipe_detail .content_recipes .content_slider .item_carousel,
			.main_category .content_recipes .content_slider .item_carousel,
			.search .content_recipes .content_slider .item_carousel{margin: 0;}

		/* Timer Fixed */
		.recipe_detail .content_timer{height:60px; position:fixed; bottom:0; left:0; z-index:30; background: var(--black); transform:translateY(70px); transition:all 0.35s ease-in-out; will-change:transform;}
		.recipe_detail .content_timer.active{transform:translateY(0); pointer-events: all;}

			.recipe_detail .content_timer .center_content_small{height:100%; margin: 0 auto; width: 990px; display: flex; justify-content: space-between; align-items: center;}

				/*Time*/
				.recipe_detail .content_timer .center_content_small .content_time{font-weight:600; font-size:1.750rem; position:relative; color: var(--custom-time); padding:0 0 0 40px;}
				.recipe_detail .content_timer .center_content_small .content_time::before{width:30px; height:35px; position:absolute; top:0; left:0; background:url(../../img/ic_timer_sprite.svg) no-repeat; content:'';}

				/*Actions*/
				.recipe_detail .content_timer .center_content_small .content_actions{display: flex;}

					.recipe_detail .content_timer .center_content_small .content_actions li{margin:0 50px 0 0;}
					.recipe_detail .content_timer .center_content_small .content_actions li:last-child{margin:0;}

						.recipe_detail .content_timer .center_content_small .content_actions li a{font-weight:600; padding:0 0 0 35px; color: var(--white);}
						.recipe_detail .content_timer .center_content_small .content_actions li a::before{width:30px; height:25px; position:absolute; top:2px; left:0; background:url(../../img/ic_timer_sprite.svg) no-repeat; content:'';}

						.recipe_detail .content_timer .center_content_small .content_actions li a:hover{opacity:0.5;}

						.recipe_detail .content_timer .center_content_small .content_actions li:nth-child(1) a::before{background-position:0px -66px; top:0px;}
						.recipe_detail .content_timer .center_content_small .content_actions li:nth-child(2) a::before{background-position:0px -126px;}

	/* RECIPE DETAIL VERTICAL VIDEO */
	.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_animation{justify-content: unset;}

	.recipe_detail .main_wrap.vertical  .content_hero .content_recipe_text .content_share{bottom: 250px;}

	.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_video{width: 410px; height: 700px;}

			.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_video .video_information{width: 75%;}

				.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_video .video_information .container_information{width: 100%;}

	.recipe_detail .main_wrap.vertical .recipe_container .column_right{margin: 300px 0 0 0;}

	/* RECIPE DETAIL NO VIDEO */
	.recipe_detail .main_wrap.no_video .content_hero .content_recipe_text .content_animation{width: 100%;}

	.recipe_detail .main_wrap.no_video .content_hero .content_recipe_text .content_share{bottom: -45px;}

/* CATEGORY  and SEARCH*/
.main_category .content_hero,
.search .content_hero{height: 330px; pointer-events: all;}

	/* Background */
	.main_category .content_hero .content_background,
	.search .content_hero .content_background{position: absolute; background: var(--black); height: 100%;}

	.main_category .content_hero .content_background figure,
	.search .content_hero .content_background figure{height: 100%; width: 100%;}

		.main_category .content_hero .content_background figure img,
		.search .content_hero .content_background figure img{height: 100%; width: 100%; object-fit: cover; opacity: 0.5;}

	/* Text */
	.main_category .content_hero .content_search_text,
	.search .content_hero .content_search_text{padding: 130px 0 0;}

	.main_category .content_hero .content_search_text .content_animation,
	.search .content_hero .content_search_text .content_animation{flex-direction: column; align-items: center;}

		.main_category .content_hero .content_search_text .content_animation h2,
		.search .content_hero .content_search_text .content_animation h2{color: var(--white); line-height: 1.11; font-size: 4.5rem;}

		.main_category .content_hero .content_search_text .content_animation p,
		.search .content_hero .content_search_text .content_animation p{color: var(--white); line-height: 1.5; font-size: 2rem;}

/* 404 */
/* Nav */
.error_not_found .navigation .content_links .content_categories .categories{color: var(--custom-blue);}

	.error_not_found .navigation .content_links .content_categories .categories::before{background-color: var(--custom-blue);}

	.error_not_found .navigation .content_links .content_categories .categories .cat_plus::before, 
	.error_not_found .navigation .content_links .content_categories .categories .cat_plus::after{background-color: var(--custom-blue);}

/* Content */
.error_not_found .content_hero{height: 650px; width: 100%; background: var(--white); border-radius: 0 0 40px 40px; z-index: 3; pointer-events: all;}

	.error_not_found .content_hero .container_error{padding: 0 120px; justify-content: space-between; align-items: center;}

		/* Headings */
		.error_not_found .content_hero .container_error .error_heading{width: 50%;}

			.error_not_found .content_hero .container_error .error_heading h2{font-size: 6.375rem; color: var(--custom-blue); line-height: 1.08; font-weight: 800; margin: 0 0 25px 0;}

			.error_not_found .content_hero .container_error .error_heading p{color: var(--custom-blue); line-height: 1; font-size: 1.5rem;}

			.error_not_found .content_hero .container_error .error_heading .button_error{width: 220px; height: 50px; display: flex; justify-content: center; align-items: center; background: var(--custom-blue); border-radius: 25px; margin: 30px 0 0 0;}
			.error_not_found .content_hero .container_error .error_heading .button_error:hover{background-color: var(--custom-dark-blue);}

				.error_not_found .content_hero .container_error .error_heading .button_error span{color: var(--white); line-height: 2; font-weight: bold;}

		/* IMG */
		.error_not_found .content_hero .container_error figure{height: 330px; width: 550px; border-radius: 20px;}

			.error_not_found .content_hero .container_error figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}

/*MODAL GENERIC*/
.modal{width:100%; height:100%; position:fixed; top:-101%; left:0; z-index:999; pointer-events:none; transition:all 0.05s ease-in-out; -webkit-transition:all 0.05s ease-in-out; transition-delay:0.8s; -webkit-transition-delay:0.8s; will-change:top;}
.modal.show{pointer-events:all; top:0; transition-delay:0s; -webkit-transition-delay:0s;}

	.modal::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0, 0, 0, 0.75); opacity:0; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:opacity; transition-delay:0.5s; -webkit-transition-delay:0.5s; content:'';}
	.modal.show::before{opacity:1; transition-delay:0.05s; -webkit-transition-delay:0.05s;}

	/*Box Model*/
	.modal{display:flex; flex-direction:column-reverse; justify-content:center;}

	/*Box*/
	.modal .box{margin:0 auto; z-index:3; opacity:0; will-change:opacity; transition-delay:0s; -webkit-transition-delay:0s; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out;}
	.modal.show .box{opacity:1; transition-delay:0.35s; -webkit-transition-delay:0.35s;}

		/*Close Button*/
		.modal .box .btn_close{width:16px; height:16px; position:absolute; top: -35px; right:-40px; z-index:10; background:url(../../img/ic_close.svg) no-repeat; font-size:0;}

/*MODAL STORIE*/

	/*Box*/
	.modal.storie .box{width:340px; transform:scale(0.8); -webkit-transform:scale(0.8); will-change:transform, opacity; transition:all 0.45s cubic-bezier(.68,-0.55,.27,1.55); -webkit-transition:all 0.45s cubic-bezier(.68,-0.55,.27,1.55);}
	.modal.storie.show .box{transform:scale(1); -webkit-transform:scale(1);}

		/*Information*/
		.modal.storie .content_information{margin:0 0 20px;}

			/*Image*/
			.modal.storie .content_information figure{width:50px; height:50px; position:relative; float:left; overflow:hidden; border-radius:50%; box-shadow:0 12px 20px 0 rgba(0, 0, 0, 0.3); border:solid 1px #ffffff;}

			/*Heading*/
			.modal.storie .content_information h3{position:relative; font-weight:400; color:#ffffff; padding:15px 0 0 70px; display:block;}

		/*Video*/
		.modal.storie .content_video{overflow:hidden; min-height:560px;}

			/*Gradients*/
			.modal.storie .content_video::after{width:105%; height:95px; position:absolute; bottom:-1px; left:-10px; z-index:1; pointer-events:none; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); background-image: linear-gradient(to bottom, #1e1e1e, rgba(30, 30, 30, 0)); content:'';}

			/*Video*/
			.modal.storie .content_video video{display:none;}
			.modal.storie .content_video iframe{width:340px; height:560px;}

		/*Options*/
		.modal.storie .content_options{height:60px; position:absolute; bottom:0; left:0; z-index:10;}

			/*Button Liked*/
			.modal.storie .content_options .btn_liked{width:26px; height:26px; position:absolute; z-index:4; right:35px; top:4px; background:url(../../img/bg_heart_line.svg) no-repeat; background-size:100% auto;}

				/*Active*/
				.modal.storie .content_options .btn_liked::after{width:26px; height:26px; position:absolute; z-index:4; left:0; top:0; background:url(../../img/bg_heart_line.svg) no-repeat; background-size:100% auto; background-position:0px -46px; content:''; transform:scale(0); -webkit-transform:scale(0); transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:transform;}
				.modal.storie .content_options .btn_liked:hover::after{transform:scale(1.2); -webkit-transform:scale(1.2);}
				.modal.storie .content_options .btn_liked.active::after{transform:scale(1); -webkit-transform:scale(1);}

			/*Liked text*/
			.modal.storie .content_options .liked_text{width:95px; text-align:center; font-weight:600; font-size:0.625em; color: var(--white); position:absolute; top:35px; right:0;}

			/*Button See Recipes*/
			.modal.storie .content_options .button{width:200px; height:40px; position:absolute; top:0; left:0; right:0; margin:0 0 0 30px; border-radius: 20px; display: flex; align-items: center; border: 1px solid var(--white);}

				.modal.storie .content_options .button .text{width: 100%; text-transform: uppercase; font-weight: bold; color: var(--white); font-size: 0.75rem; text-align: center;}

			.modal.storie .content_options .button:hover{border: 1px solid var(--custom-blue); background: var(--custom-blue);}

	/*Navigation*/
	.modal.storie .btn_arrows{width:20px; height:30px; position:absolute; top:0; bottom:0; margin:0 auto; z-index:5; margin:auto 0; border:none; font-size:0; background:url(../../img/sp_arrows_slider.svg) no-repeat; opacity:0; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; will-change:opacity;}

	.modal.storie.show .btn_arrows{opacity:0.4;}

	.modal.storie .btn_arrows:hover{opacity:1;}

		.modal.storie .btn_arrows.left{left:-50px; background-position:0px 0px;}

		.modal.storie .btn_arrows.right{right:-50px; background-position:0px -50px;}


/* Footer */
footer{width: 100%; height: 555px; position: fixed; bottom: 0; left: 0; background: var(--custom-blue); z-index: 7; pointer-events: all; padding: 100px 0 0;}
footer::before{width: 100%; height: 100px; background-color: var(--custom-blue); position: absolute; top: -99px; left: 0; content: '';}

	/* Content Footer */
	footer .content_footer{padding: 0 120px; display: flex; justify-content: space-between;}

		/* Headings */
		footer .content_footer .footer_headings{display: flex; flex-direction: column;}

			/* Logos */
			footer .content_footer .footer_headings .logo_footer{width: 120px; height: 60px; margin: 0 0 55px;}

			footer .content_footer .footer_headings h3{font-weight: bold; line-height: 1.2; color: var(--white); font-size: 4rem; margin: 0 0 45px;}

			/*Button Down*/
			footer .content_footer .footer_headings .button_up{width:70px; height:70px; position:relative; overflow:hidden; border-radius:50%; border:var(--white) 1px solid; background:var(--custom-blue); box-sizing:border-box; margin: 0 0 50px;}

				/*Arrow*/
				footer .content_footer .footer_headings .button_up .arrow{width:21px; height:22px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; background:url(../../img/bg_arrow_circle.svg) no-repeat; background-size:100% auto;}

				/*Animation*/
				footer .content_footer .footer_headings .button_up .arrow{animation: loop_animation 4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 0.1s infinite; animation-fill-mode:forwards;}

				@keyframes loop_animation {
					0% {
						top:110%;
					}
					20%{
						top:0;
					}
					80%{
						top:0;
					}
					100%{
						top:-110%;
					}
				}

			/*Circle*/
			footer .content_footer .footer_headings .button_up .circle{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}

			/*Animations*/
			footer .content_footer .footer_headings .button_up .circle{animation:circle_animation 30s linear infinite;}

				@keyframes circle_animation {
					0% {
						transform:rotate(360deg);
					}
					100%{
						transform:rotate(0deg);
					}
				}

		/* Categories */
		footer .content_footer .footer_categories{display: flex; flex-direction: column; justify-content: center;}

			footer .content_footer .footer_categories .content_category{display: grid; grid-template-columns: repeat(4,1fr); column-gap: 140px; row-gap: 5px;}

				footer .content_footer .footer_categories .content_category .footer_category{font-weight: 500; line-height: 2; font-size: 0.75rem; color: var(--white);}

				footer .content_footer .footer_categories .content_category .footer_category::before{position: absolute; width: 100%; height: 1px; bottom: -3px; left: 0; background-color: var(--white); transform: scaleX(0);transition: all 0.35s ease-in-out; content: '';}

				footer .content_footer .footer_categories .content_category .footer_category:hover::before{transform: scaleX(1);}
		/* Social */
		footer .content_footer .footer_social{display: flex; align-items: center;}

			footer .content_footer .footer_social .social{display: grid; grid-template-rows: repeat(5, 25px); row-gap: 20px;}

					footer .content_footer .footer_social .social li a{display: block;}

					footer .content_footer .footer_social .social li a.twitter svg path{fill: var(--white);}

					footer .content_footer .footer_social .social li a:hover{opacity: 0.5;}

	/* Content Small */
		footer .content_small{padding: 0 120px 10px;}

			footer .content_small .small_text{opacity: 0.5; color: var(--white); line-height: 1.5; font-weight: bold; font-size: 0.75rem;}

	/* Content Background */
	footer .content_background{position: absolute; width: 100%; bottom: 0;}

		footer .content_background figure{width: 100%; height: 100%;}

		footer .content_background figure .mobile_img{display: none;}

			footer .content_background figure img{height: 100%; width: 100%; object-fit: cover;}


/*Media Query 1600px Breakpoint*/
@media (max-width: 1700px) {

	/* RECIPE DETAIL */
	.recipe_detail .content_hero .content_recipe_text{padding: 200px 120px 0;}

	.recipe_detail .main_wrap.vertical  .content_hero .content_recipe_text .content_share{bottom: 300px;}


}

/*Media Query 1600px Breakpoint*/
@media (max-width: 1600px) {

		/* NAVIGATION */
		.navigation{padding: 40px 80px;}

		.navigation.fixed{padding: 15px 80px;}

		/* HOME */
		.home .content_hero .content_hero_text{padding: 200px 80px 0;}

		.home .content_hero .container_hero{padding: 0 80px;}

		.content_recipes .content_heading{padding: 0 80px;}

		.home .content_hero .content_stories .content_slider_stories .slider_stories .slick-arrow{right: 30px;}

		/* RECIPE DETAIL */
		.recipe_detail .content_hero .content_recipe_text{padding: 230px 80px 0;}

				.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading h2{font-size: 3.5rem;}

				.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information{width: 55%;}

		.recipe_detail .recipe_container .center_content{padding: 0 80px;}

		.recipe_detail .content_recipes .content_heading,
		.main_category .content_recipes .content_heading,
		.search .content_recipes .content_heading{padding: 40px 80px 0;}

			.recipe_detail .content_recipes .content_slider,
			.main_category .content_recipes .content_slider,
			.search .content_recipes .content_slider{padding: 50px 80px;}

		/* Recipe Detail Vertical */
		.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text{padding: 220px 80px 0;}

		.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_share{bottom: 315px;}

		/* 404 */
		.error_not_found .content_hero .container_error{padding: 0 80px}

		/* GENERIC */
		footer .content_footer{padding: 0 80px;}

}

/*Media Query 1400px Breakpoint*/
@media (max-width: 1400px) {

		/* RECIPE DETAIL */
		.recipe_detail .content_hero .content_recipe_text{padding: 220px 80px 0;}


}

/*Media Query 1300px Breakpoint*/
@media (max-width: 1300px) {
	/* NAVIGATION */
	.navigation{padding: 40px 50px;}

	.navigation.fixed{padding: 15px 50px;}

	/* HOME */
	.home .content_hero .content_hero_text{padding: 150px 50px 0;}

	.home .content_hero .container_hero{padding: 0 50px;}

	.content_recipes .content_heading{padding: 0 50px;}

	/* RECIPE DETAIL */
	.recipe_detail .content_hero .content_recipe_text{padding: 210px 50px 0;}

	.recipe_detail .recipe_container .center_content{padding: 0 50px;}

	.recipe_detail .content_recipes .content_heading,
	.main_category .content_recipes .content_heading,
	.search .content_recipes .content_heading{padding: 40px 50px 0;}

	.recipe_detail .content_recipes .content_slider,
	.main_category .content_recipes .content_slider,
	.search .content_recipes .content_slider{padding: 50px;}

	/* Recipe Detail Vertical */
	.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text{padding: 160px 80px 0;}

	.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_share{bottom: 260px;}

	/* 404 */
	.error_not_found .content_hero .container_error{padding: 0 50px}

	/* GENERIC */
	footer .content_footer{padding: 0 50px;}

}

/*Media Query 1200px Breakpoint Ipad Landscape*/
@media (max-width: 1200px) {

	/* NAVIGATION */
	.navigation,
	.navigation.fixed {padding: 0 20px;}

	/* RECIPE DETAIL */
	.recipe_detail .content_hero .content_recipe_text{padding: 95px 20px 0;}

			.recipe_detail .content_hero .content_recipe_text .content_video .video_information .container_information{width: 70%;}

	.recipe_detail .recipe_container .center_content{padding: 0 20px;}

	.recipe_detail .content_recipes .content_heading,
	.main_category .content_recipes .content_heading,
	.search .content_recipes .content_heading{padding: 0 20px;}

	.recipe_detail .content_recipes .content_slider,
	.main_category .content_recipes .content_heading,
	.search .content_recipes .content_slider{padding: 50px 20px;}

	/* Recipe Detail Vertical */
	.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text{padding: 160px 20px 0;}

	/* 404 */
	.error_not_found .content_hero .container_error{padding: 0 20px}

	/* GENERIC */
	footer .content_footer{padding: 0 20px;}

	footer .content_footer .footer_headings h3{font-size: 3rem;}

	footer .content_footer .footer_categories .content_category{column-gap: 50px;}



}

/*Media Query Ipad Portrait General*/
@media (max-width: 1000px) {

/* GENERIC */
html.scroll.stop{overflow: hidden;}

.main_wrap{padding: 0 0 770px;}

.big_video_mobile{display: none; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; pointer-events: none;}
.big_video_mobile.show{display: block; opacity: 1; pointer-events: all; z-index: 9999999;}

/* NAVIGATION */
.navigation{width: 100%;}

	/* Logo */
	.navigation .logo.home{order: 1; z-index: 4;}

		.navigation .logo.home img{width: 100px; height: 50px;}

	/* Content Links */
	.navigation .content_links{order: 0; z-index: 4;}

		.navigation .content_links .content_categories{margin: 0;}

		.navigation .content_links .content_categories .categories:hover::before{content: none;}

			.navigation .content_links .content_categories .content_submenu{display: none;}

		.navigation .content_links .search{display: none;}

	/* Search Mobile*/
	.navigation .search_mobile{display: flex; width: 55px; height: 45px; position: relative; order: 3; border: solid 1px var(--white); background-color: var(--black-03); border-radius: 21px;}

		.navigation .search_mobile .btn_search{position: absolute; height: 100%; width: 100%;}

			.navigation .search_mobile .btn_search svg{fill: none; stroke-width: 2; stroke: var(--white); position: absolute; top: 12px; right: 16px;}

			/* Search Active */
			.navigation .search_mobile.active{background: var(--white);}

				.navigation .search_mobile.active .btn_search svg{stroke: var(--custom-blue);}

	/* Search Bar */
	.navigation .search_bar{width: 100%; display: flex; opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; position: relative; order: 4;}

		.navigation .search_bar input{width: 100%; box-sizing: border-box;}

			/* Btn Close */
			.navigation .search_bar .btn_close{position: absolute; right: 10px; top: 10px; background: var(--white); border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center;}

			/* Show */
			.navigation.search .search_bar{opacity: 1; pointer-events: all;}

	/* Links Mobile */
	.navigation .links_mobile{height: 100vh; position: absolute; top: 0; left: 0; background-color: var(--white); padding: 100px 0 0; overflow-y: auto; transition: all 1s cubic-bezier(.19, 1, .22, 1); transform: translateX(-100vw); pointer-events: none; display: flex; z-index: 2;}

		.navigation .links_mobile .submenu_list{flex-direction: column;}

		.navigation .links_mobile .submenu_list .item{justify-content: center; font-size: 1.125rem; color: var(--custom-gray); line-height: 1.8;}

	/* Active Menu */
	.navigation.active .content_links .content_categories .categories{color: var(--custom-blue);}
	.navigation.active .content_links .content_categories .categories::before{background-color: var(--custom-blue);}

	.navigation.active .content_links .content_categories .categories .cat_plus::before,
	.navigation.active .content_links .content_categories .categories .cat_plus::after{background-color: var(--custom-blue);}

	.navigation.active .links_mobile{transform: translateX(0); pointer-events: all;}

	.navigation.active .search_mobile{opacity: 0; pointer-events: none;}
	.navigation.active .search_bar{opacity: 0; pointer-events: none;}

	/* Search Icon */
	.navigation.fixed .search_mobile.active{border: 1px solid var(--custom-blue);}

	/* Search Bar */
	.navigation.fixed .search_bar{position: absolute; padding: 0 20px; right: 0; top: 80px; background-color: var(--white); height: 50px; transition: all 1s cubic-bezier(.19, 1, .22, 1); transform: translateY(-95px);}

		.navigation.fixed .search_bar .btn_close{right: 30px;}

	/* Transition */
	.navigation.fixed.search .search_bar{transform: translateY(0); pointer-events: all;}


/* HOME */

	/* Hero */
	.home .content_hero .content_hero_text{padding: 220px 20px 0;}

	.home .content_hero .content_animation h2{font-size: 2.625rem; text-align: center;}

	.home .content_hero .content_animation p{width: auto; font-size: 1rem;text-align: center;}

	/* Slider */
	.home .content_hero .container_hero{padding: 0;}

		.home .content_hero .content_stories{height: 350px;}

			.home .content_hero .content_stories .container_stories{padding: 20px 30px; flex-direction: column;}

			.home .content_hero .content_stories .content_text{width: auto; align-items: center;}

				.home .content_hero .content_stories .content_text h3{font-size: 1.5rem;}

				.home .content_hero .content_stories .content_text h3 br{display: none;}

				.home .content_hero .content_stories .content_slider_stories{width: 100%; margin: 25px 0 0;}

				.home .content_hero .content_stories .content_slider_stories .slider_stories .item h3{font-size: 0.75rem; width: 80%;}

				/* Dots */
				.home .content_hero .content_stories .content_slider_stories .slick-dots,
				.content_recipes .content_slider .slider_products .slick-dots {position: absolute; display: flex; align-items: end; justify-content: center; width: 100%; bottom: -45px; left: 0; right: 0;}

					.home .content_hero .content_stories .content_slider_stories .slick-dots li,
					.content_recipes .content_slider .slider_products .slick-dots li{margin: 0 8px 0 0;}

					.home .content_hero .content_stories .content_slider_stories .slick-dots li:last-child,
					.content_recipes .content_slider .slider_products .slick-doots li:last-child{margin: 0;}

						.home .content_hero .content_stories .content_slider_stories .slick-dots li button,
						.content_recipes .content_slider .slider_products .slick-dots li button{width: 10px; height: 10px; border-radius: 5px; padding: 0; font-size: 0; box-sizing: border-box; border: none; background-color: var(--soft-gray); transition: all 0.35s ease;}

						.home .content_hero .content_stories .content_slider_stories .slick-dots li.slick-active button,
						.content_recipes .content_slider .slider_products .slick-dots li.slick-active button{background-color: var(--custom-green);}

	/* Marquee */
	.home .content_marquee{padding: 20px 0 40px 0;}

	.home .content_marquee .marquee span{font-size: 2.625rem;}

	/* CONTENT RECIPES */
		/* Heading */
		.content_recipes .content_heading{padding: 0 20px;}

			.content_recipes .content_heading h3{font-size: 1.5rem;}

			.content_recipes .content_heading span{width: 45px; height: 25px; font-size: 0.875rem; border-radius: 6px;}

			.content_recipes .content_slider .item_carousel .recipe{width: 100px;}

				.content_recipes .content_slider .item_carousel .recipe .recipe_item_container{height: 150px; margin: 0 0 10px;}

					.content_recipes .content_slider .item_carousel .recipe figure{height: 150px; width: 100px; margin: 0;}

					.content_recipes .content_slider .item_carousel .recipe h3{font-size: 0.875rem;justify-content: center;}

/* RECIPE DETAIL */

	/* Hero */
	.recipe_detail .content_hero .content_recipe_text{padding: 135px 20px 0;}

		.recipe_detail .content_hero .content_recipe_text .content_animation{width: 100%; justify-content: flex-start;}

		/* Headings */
			.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading h2{text-align: center; font-size: 2.625rem;}
			.recipe_detail .content_hero .content_recipe_text .content_animation .content_heading p{width: 100%; text-align: center; font-size: 1rem;}
		
		/* Content Video */
		.recipe_detail .content_hero .content_recipe_text .content_video,
		.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_video{display: none;}

		/* Button Mobile */
		.recipe_detail .content_hero .content_recipe_text .content_animation .video_information,
		.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_animation .video_information{display: flex; justify-content: center;}

		.recipe_detail .content_hero .content_recipe_text .content_animation .video_information .container_information,
			.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_animation .video_information .container_information{width: 200px; display: flex; border: 1px solid var(--white); border-radius: 30px; margin: 60px 0 0; align-items: center; justify-content: space-around; height: 60px;}

			.recipe_detail .content_hero .content_recipe_text .content_animation .video_information .container_information h3,
			.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_animation .video_information .container_information h3{font-size: 1.125rem; color: var(--white);}

			.recipe_detail .content_hero .content_recipe_text .content_animation .video_information .container_information .content_button,
			.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_animation .video_information .container_information .content_button{background-color: var(--white); width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

			/* Devices */
			.recipe_detail .content_hero .content_recipe_text .content_animation .video_information.android .container_information.open_modal_mobile.ios,
			.recipe_detail .content_hero .content_recipe_text .content_animation .video_information.ios .container_information.open_modal_mobile.android{display:none;}

		/* Share */
		.recipe_detail .content_hero .content_recipe_text .content_share{width: 100%; position: absolute; bottom: -45px;}

	/* Recipe */

		/* Column Left */
		.recipe_detail .recipe_container .column_left{width: 100%; order: 1;}

			/* Tabs */
			.recipe_detail .recipe_container .column_left .tabs{flex-direction: column; align-items: center; margin: 80px 0 0;}

				.recipe_detail .recipe_container .column_left .tabs .item_tab{display: flex; margin: 0 0 15px;}

					.recipe_detail .recipe_container .column_left .tabs .item_tab .title_tab{margin: 0 5px 0 0;}

					/* Tab Line */
					.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(1):before,
					.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(2):before,
					.recipe_detail .recipe_container .column_left .tabs .item_tab:nth-child(3):before{content: none;}

			/* Instructions */
			.recipe_detail .recipe_container .column_left .instructions{margin: 80px 0 0;}

			/* Timer */
			.recipe_detail .recipe_container .column_left .content_timer_button{width: 100%;}

				.recipe_detail .recipe_container .column_left .content_timer_button .btn_time{justify-content: center;}

					.recipe_detail .recipe_container .column_left .content_timer_button .btn_time .text{margin: 0 0 0 15px;}

		/* Column Right */
		.recipe_detail .recipe_container .column_right{order: 0; position: revert; width: 100%;}
		.recipe_detail .main_wrap.vertical .recipe_container .column_right{margin: 0;}

		.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li{padding: 8px 0;}

		.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li span.ingredient{width: 48%;}

		.recipe_detail .recipe_container .column_right .content_ingredients .category .container_category li span.measurement{width: 48%;}

		/* Recommended */
		.recipe_detail .content_recipes .content_heading,
		.main_category .content_recipes .content_heading,
		.search .content_recipes .content_heading{padding: 50px 20px;}

		.recipe_detail .content_recipes .content_heading h3, 
		.main_category .content_recipes .content_heading h3,
		.search .content_recipes .content_heading h3{text-align: center;}

		.recipe_detail .content_recipes .content_slider,
		.main_category .content_recipes .content_slider,
		.search .content_recipes .content_slider{padding: 0 20px;}

		.recipe_detail .content_recipes .content_slider .recommended,
		.main_category .content_recipes .content_slider .recommended,
		.search .content_recipes .content_slider .recommended{grid-template-columns: repeat(3,1fr); column-gap: 15px; row-gap: 30px;}

		/* Content Timer */
		.recipe_detail .content_timer .center_content_small{width: 100%; padding: 0 20px;}

			.recipe_detail .content_timer .center_content_small .content_time{font-size: 1.5rem; padding: 0 0 0 35px;}

				.recipe_detail .content_timer .center_content_small .content_actions li{margin: 0 25px 0 0;}


/* RECIPE DETAIL VERTICAL */

.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text{padding: 130px 20px 0;}

/* Content Share */
.recipe_detail .main_wrap.vertical .content_hero .content_recipe_text .content_share{width: 100%; bottom: -45px;}

/* Column Right */
.recipe_detail .main_wrap.vertical .recipe_container .column_right{margin: 0;}

/* RECIPE DETAIL NO VIDEO */

/* Hero */
.recipe_detail .main_wrap.no_video .content_hero .content_recipe_text{padding: 220px 20px 0;}

/* CATEGORY AND SEARCH */

/* Hero */
.main_category .content_hero .content_search_text,
.search .content_hero .content_search_text{padding: 140px 20px 0;}

	.main_category .content_hero .content_search_text .content_animation,
	.search .content_hero .content_search_text .content_animation{justify-content: space-around;}

		/* Headings */
		.main_category .content_hero .content_search_text .content_animation h2,
		.search .content_hero .content_search_text .content_animation h2{font-size: 2.625rem; text-align: center;}

		.main_category .content_hero .content_search_text .content_animation p,
		.search .content_hero .content_search_text .content_animation p{font-size: 1.5rem; text-align: center;}

/* 404 */
.error_not_found .content_hero{height: 700px;}

.error_not_found .content_hero .container_error{padding: 100px 20px;}

/* Headings */
.error_not_found .content_hero .container_error .error_heading{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}

.error_not_found .content_hero .container_error .error_heading h2{font-size: 2.625rem;}

.error_not_found .content_hero .container_error .error_heading .button_error{margin: 30px 0 60px;}

.error_not_found .content_hero .container_error figure{width: 100%; height: 240px;}

/* MODAL */
.modal .box{width: 320px;}

.modal .box .btn_close{top: -25px; right: 0;}

/* Storie Arrows */
.modal.storie .btn_arrows.left{left: -35px;}
.modal.storie .btn_arrows.right{right: -35px;}

.modal.storie .content_video iframe{width: 320px;}


/* FOOTER */
footer{padding: 80px 0 0; height: 770px; display: flex; flex-direction: column;}

		/* Content */
		footer .content_footer{flex-wrap: wrap;}

			/* Headings */
			footer .content_footer .footer_headings{display: grid; grid-template-columns: repeat(2,1fr);}

				footer .content_footer .footer_headings .logo_footer{order: 0; margin: 0;}

				footer .content_footer .footer_headings h3{order: 1; font-size: 2.625rem; margin: 0 0 25px;}

				footer .content_footer .footer_headings .button_up{justify-self: flex-end; margin: 0 0 20px;}

			/* Categories */
				footer .content_footer .footer_categories .content_category{grid-template-columns: 1fr; row-gap: 0;}

			/* Social */
			footer .content_footer .footer_social{align-items: flex-start;}

		/* Content Small */
		footer .content_small{padding: 0 20px 72px; text-align: center; margin: auto 0 0;}

		/* Background */
		footer .content_background figure .desktop_img{display: none;}

		footer .content_background figure .mobile_img{display: flex;}

}

/*Media Query Mobile*/
@media (max-width: 750px) {

}
