/****HOMEPAGE****/
.main-home-section{
	position: relative;
}

.left-content, .right-content{
	width: 50%;
	float: left;
}
.right-content{
	overflow: hidden;
}


.element{
	width: 100%;
	background-color: #fff8ee;
	height: calc(74vh - 109px);
}
.element.high-element{
	height: calc(100vh - 109px);
}
.element.blue{
	width: 100%;
	background-color: blueviolet;
	height: 980px;
}
.flex{
	display: flex;
}
.align-center{
	align-items: center;
}
.text-holder{
	padding-top: 2.927083333333334VW;
	padding-left: 7.291666666666667VW;
	padding-right: 5.8125VW;
}
.right-align{
	text-align: right;
	padding-left: 0;
    width: 34.89583333333333VW;
}
.center-perfect{
	padding-top: 0;
}
.justify-right{
	justify-content: flex-end;
}
.text-holder ul li{
	padding-bottom: 2.604166666666667VW;
}
.text-holder ul li:last-of-type{
	padding-bottom: 0;
}
.text-holder h3{
	color: #ff8f8f;
	text-transform: uppercase;
	letter-spacing: 0.13541666666666669VW;
	font-weight: 600;
	font-size: calc( 18px + ( 25 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 18px + ( 25 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-bottom: 1.5625VW;
}
.text-holder h1{
	font-family: 'Buttercup';
	font-size: calc( 27px + ( 48 - 27 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 27px + ( 48 - 27 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-left: 1.8229166666666667VW;
	color: #23262b;
	padding-bottom: 2.083333333333333VW;
}
.text-holder h2{
	font-family: 'Buttercup';
	font-size: calc( 37px + ( 63 - 37 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 37px + ( 63 - 37 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-left: 1.8229166666666667VW;
	color: #23262b;
	padding-bottom: 2.083333333333333VW;
}
.text-holder h2 span{
	font-family: 'Poppins';
	font-weight: 400;
}
.text-holder p{
	padding-bottom: 1.404166666666667VW;
}
.text-holder p:last-of-type{
	padding-bottom: 0;
}
.image-element .main-img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}
.ice-element{
	position: absolute;
    z-index: 10;
    background: #ffe895;
    top: 50%;
    left: calc(50% - 13.666667VW);
    transform: translateY(-50%);
    width: calc(100% + 27.385417VW);
    /* height: 29.6875VW; */
	height: 32.6875VW;
}
/* .high-element .split a{
	display: inline-block;
} */
.postit{
	position: absolute;
    z-index: 5;
    display: block;
    bottom: -4.427083VW;
    left: -4.458333VW;
    width: 8.864583VW;
}
.split{
	float: left;
	width: 50%;
	height: 100%;
}
.split p{
	margin-bottom: 10px;
}
.split a{
	color: #000000;
}
.product-element{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right top;
}
.product-element.contained{
	object-fit: contain;
	object-position: right top;
}
.split h2{
	font-family: 'Buttercup';
	font-size: calc( 27px + ( 53 - 27 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 37px + ( 63 - 37 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #23262b;
    padding-bottom: 2.083333333333333VW;
    letter-spacing: 4px;
    padding-top: 3.14vw;
	padding-left: 1.32vw;
	padding-right: 1.32vw;
}
.split p{
	padding-left: 1.32vw;
	padding-right: 1.32vw;
}
.testimonials-homepage{
	padding: 5.291666666666667VW 0;
	background: #ecfafd;
}
.small-container{
	position: relative;
	width: 39.28125VW;
	margin: 0 auto;
	text-align: center;
}
.products-left-nav, .products-right-nav{
	display: none;
	position: absolute;
	z-index: 9;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}
.left-nav{
	position: absolute;
    top: 0;
    left: -2.25VW;
    width: 1.958333VW;
    height: 1.6125VW;
    cursor: pointer;
}
.right-nav{
	position: absolute;
    top: 0;
    right: -2.25VW;
    width: 1.958333VW;
    height: 1.6125VW;
    cursor: pointer;
}
.products-left-nav div img, .products-right-nav div img{
	display: block;
	width: 100%;
}
.testimonials-homepage h2{
	font-family: 'Buttercup';
	color: #23262b;
	font-size: calc( 28px + ( 54 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 34px + ( 60 - 34 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding-top: 1.0416666666666665VW;
	padding-bottom: 1.4583333333333333VW;
	letter-spacing: 4px;
}


.product-box{
	display: flex;
	width: 100%;
	height: 80vh;
	background-color: #ffebeb;
}
.different-color{
	background-color: #fff2c8;
}
.product-holder{
	width: 100%;
	position: relative;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.product-holder a{
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.product-holder a img{
	display: block;
	max-width: 100%;
	width: auto;
	max-width: 28.53125VW;
	max-height: 28.53125VW;
}
.products-list{
	display: flex;
	align-items: center;
  	justify-content: center;
	width: 100%;
	/* padding-bottom: 7.552083333333333VW; */
	padding-right: 14.322916666666666VW;
	overflow: hidden;
}
.products-list ul{
	width: 100%;
	text-align: right;
	font-size: 0;
	overflow-y: scroll;
	height: 60vh;
	padding-right: 0.78125VW;
}
.products-list ul li{
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	padding: 1.0416666666666665VW 0;
	border-bottom: 2px solid #9e9d96;
	text-align: right;
	transition: 0.2s ease-in all;
}
.products-list ul li a{
	font-weight: 500;
	display: block;
	text-transform: none;
	text-decoration: none;
	transition: 0.2s ease-in all;
	color: #23262b;
}
.products-list ul li:hover > a{
	color: #1692ad;
	letter-spacing: 0.0625VW;
	transition: 0.2s ease-out all;
}
.products-list ul li:hover{
	border-bottom: 2px solid #1692ad;
	transition: 0.2s ease-out all;
}


.products-list ul::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
  
}
.products-list ul{
	scrollbar-track-color:  #AAA;
	scrollbar-3dlight-color:  #AAA;
	scrollbar-darkshadow-color:  #AAA;
	scrollbar-arrow-color:  #AAA;
 }
.products-list ul::-webkit-scrollbar-track {
  background: #67b5c5;
  border-radius: 20px;
}
 
.products-list ul::-webkit-scrollbar-thumb {
  background-color: #1692ad;
  border-radius: 20px;
  scrollbar-track-color: #1692ad;
  
}
/* scrollbar-base-color: #000;
  scrollbar-face-color: #000;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000; */
/****HOMEPAGE****/	




.element-btn-holder{
	display: block;
	text-align: left;
	padding-top: 2.604166666666667VW;
	padding-left: 1.32vw;
}
.general-btn{
	font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
    display: inline-block;
    border: 2px solid #000000;
    border-radius: 50px;
    padding: 0.8625VW 2.34375VW;
    text-transform: uppercase;
    outline: none;
    background: transparent;
    color: #23262b;
    text-decoration: none;
}
.ajax_products{
	display: flex;
	width: 100%;
}

.text-holder h1{
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 1.483333333333333VW;
	line-height: initial;
	position: relative;
}

.animate-text span{
	display: inline-block;
	opacity: 0;
	width: 0.53541666666666669VW;
	position: relative;
	transform: translate(0px, 220px);
}
.animate-text span:first-of-type{
	width: 24px;
	line-height: 70px;
}
.contain{
	width: 80%;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}
.mobile-control{
	display: none;
}

.video-holder{
	display: block;
	width: 100%;
	height: 100%;
	background: #bab0d4;
}
.video-holder iframe{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.perfect-flex{
	display: flex;
	flex-wrap: wrap;
}
.full-height{
	height: 100%;
}
.flex-left, .flex-right{
	width: 50%;
	height: 100%;
}
.cream-box, .waffle-box{
	padding: 5.208333333333334VW 0;
	height: 100%;
	text-align: center;
}
.cream-box{
	background: url('../img/cream-back.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.waffle-box{
	background: url('../img/waffle-back.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.categs-section{
	height: auto;
}
.icon-holder{
	display: block;
	margin: 0 auto;
	width: 10.416666666666668VW;
}
.icon-holder img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
.cream-box h2, .waffle-box h2{
	font-family: 'Buttercup';
    color: #23262b;
    font-size: calc( 28px + ( 54 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 34px + ( 60 - 34 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	margin-top: 2.083333333333333VW;
	letter-spacing: 4px;
}
.prod-slider-holder{
	position: relative;
	width: 39.0625VW;
	margin: 4.234vw auto 0 auto;
	min-height: 17.2342vw;
}
.product-item{
	display: block;
	width: 56%;
    margin: 0 auto;
    height: 9.510417VW;
}
.product-item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom center;
}
.carousel-item{
	display: block;
	text-decoration: none;
}
.carousel-item h3{
	display: inline-block;
	font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
	position: relative;
	margin-top: 20px;
	text-decoration: none;
	color: #23262b;
	width: 80%;
    margin: 20px auto 0 auto;
}
/* .carousel-item h3::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -12px;
    width: 6px;
    height: 11px;
	background: url('../img/small-arr.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
} */
.margin-top-30{
	margin-top: 1.5625VW;
}

.perfect-dessert{
	background: #fff8ee;
	padding: 6.25VW 0;
	text-align: center;
}
.perfect-dessert h2{
	font-family: 'Buttercup';
    color: #23262b;
    font-size: calc( 28px + ( 54 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 34px + ( 60 - 34 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-top: 1.0416666666666665VW;
    padding-bottom: 1.4583333333333333VW;
    letter-spacing: 4px;
}
.dessert-flex{
	display: flex;
	flex-wrap: wrap;
	width: 70.677083VW;
	margin: 5.234vw auto 0 auto;
}
.info-item{
	margin-bottom: 2.864583333333333VW;
}
.info-item img{
	width: auto;
	max-width: 22%;
}
.info-item h4{
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	font-size: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 26px + ( 32 - 26 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	margin-bottom: 3px;
	color: #fe8f8e;
}
.info-item p{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 22 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: #23262b;
}
.left-dessert, .right-dessert{
	width: 30%;
}
.left-dessert{
	padding-right: 1.0416666666666665VW;
}
.right-dessert{
	padding-left: 1.0416666666666665VW;
}
.middle-dessert{
	width: 40%;
}
.the-stick{
	display: block;
	width: 60%;
	margin: 1.0416666666666665VW auto 0 auto;
}
.info-item ul{
	list-style-image: url(../img/elipse.png);
	list-style-position: inside;
	margin: 20px 0;
}
.info-item ul li{
	margin-bottom: 15px;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 16px + ( 20 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.info-item strong{
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
}
.info-item.espesial-box{
	width: 64%;
	margin-left: 23%;
	margin-top: 14%;
}
.element.only-on-mobile{
	display: none;
}
.iframe-holder{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40.10416666666667VW;
	height: 22.65625VW;
}
.iframe-holder iframe{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

@media screen and (max-width:1540px){
	.small-container{
		width: 48.28125VW;
	}
	.right-align{
		width: 41.895833VW;
	}
	.text-holder ul li {
		padding-bottom: 2.204166666666667VW;
	}
	.text-holder{
		padding-left: 4.291667VW;
    	padding-right: 2.8125VW;
	}
	.split.eighty{
		padding-left: 1.804166666666667VW;
		padding-right: 1.0583333333333333VW;
		padding-top: 2.854167VW;
	}
}
@media screen and (max-width:1380px){
	.dessert-flex{
		width: 77.677083VW;
	}
}
@media screen and (max-width:1290px){
	.ice-element{
		width: calc(100% + 23.385417VW);
   		height: 33.6875VW;
	}
}

@media screen and (max-width:1080px){
	.ice-element{
		left: calc(50% - 12.71417VW);
		width: calc(100% + 25.385417VW);
		height: 38.6875VW;
	}
	.text-holder{
		width: 100%;
	}
	.small-container {
		width: 65%;
	}
	.products-list{
		padding-right: 10.322917VW;
	}
	.product-holder a img{
		max-width: 31.4375VW;
	}
	.product-box{
		height: 73vh;
	}
	
}

@media screen and (max-width:980px){
	.left-content, .right-content{
		width: 100%;
		float: none;
	}
	
	
	.split h2 {
		font-size: 31px;
		line-height: 32px;
		padding-bottom: 15px;
	}
	
	.postit {
		bottom: -44px;
		left: 0;
		width: 57px;
	}
	
	.text-holder h3 {
		letter-spacing: 2.2px;
		font-size: 18px;
		line-height: 18px;
		padding-bottom: 0;
	}
	.text-holder h1 {
		font-size: 30px;
		line-height: initial;
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 0;
		margin-bottom: 12px;
	}
	
	.text-holder {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
	}
	.image-element .main-img{
		height: 540px;
	}

	.right-content{
		display: none;
	}
	.text-holder.right-align.center-perfect{
		padding-top: 0;
		text-align: center;
	}
	.testimonials-homepage{
		padding: 40px 0 60px 0;
	}
	.product-box {
		height: 420px;
	}
	.products-list{
		padding-right: 30px;
		padding-bottom: 0;
	}
	.products-list ul li {
		font-size: 16px;
		line-height: 16px;
		padding: 10px 0;
	}
	.footer{
		padding: 20px 15px 20px 15px;
	}
	.footer-flex{
		display: block;
	}
	.footer-col {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-col p {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 15px;
	}
	.footer-col ul li{
		display: block;
		margin-right: 0;
		text-align: center;
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 15px;
	}
	.right-hold, .left-hold{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.contain{
		width: 100%;
	}
	
	.mobile-control{
		display: block;
	}
	.compensator{
		height: 74px;
	}
	.element{
		height: 56.23423vw;
	}
	.ice-element {
		left: 0;
		right: 0;
		width: 95%;
		height: auto;
		margin: 0 auto;
	}
	.split{
		width: 100%;
		height: 39.2342vw;
	}
	.element.mobile-large{
		height: 96.2342vw;
	}
	.postit{
		display: none;
	}
	.flex-left, .flex-right{
		width: 100%;
	}
	.prod-slider-holder {
		position: relative;
		width: 80%;
		margin: 25px auto 0 auto;
		min-height: 140px;
	}
	.element.only-on-mobile{
		display: block;
		height: auto;
		padding-bottom: 35px;
	}
	.iframe-holder{
		width: 59.104167VW;
	    height: 32.65625VW;
	}
}

@media screen and (max-width:520px){
	.compensator{
		height: 74px;
	}
	.text-holder{
		padding-top: 35px;
	}
	.text-holder p{
		padding-bottom: 12px;
		font-size: 14px;
		line-height: 22px;
	}
	p {
		letter-spacing: 1.2px;
	}
	.ice-element {
		position: relative;
		width: 100%;
		background: transparent;
		top: 38%;
		height: 75%;
		padding: 25px 0;
	}
	.split{
		background: #ffe895;
		display: block;
		height: 97.2342vw;
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.split.eighty{
		text-align: center;
		display: block;
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.split h2 {
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 15px;
		padding-top: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.split p {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
		line-height: 22px;
	}
	.postit {
		bottom: -68px;
		left: -8px;
		width: 112px;
	}
	.image-element .main-img {
		display: none;
	}
	.text-holder h2{
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	.text-holder ul li {
		padding-bottom: 12px;
	}
	.small-container {
		width: 83%;
	}
	.testimonials-homepage h2{
		font-size: 28px;
    	line-height: 34px;
		padding-bottom: 15px;
		padding-top: 0;
	}
	.left-nav{
		left: -20px;
		width: 20px;
		height: 16px;
	}
	.right-nav {
		right: -20px;
		width: 20px;
		height: 16px;
	}
	.products-navigation{
		display: block;
	}
	.product-box{
		height: auto;
	}
	.product-holder{
		padding: 50px 0;
	}
	.products-list{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
    	/* padding-bottom: 20px; */
	}
	.products-list ul li{
		text-align: center;
		font-size: 18px;
		line-height: 18px;
		padding: 12px 0;
	}
	.products-list ul li:last-of-type{
		border-bottom: 0;
	}
	.children{
		opacity: 1;
		visibility: visible;
		position: relative;
		display: block;
	}
	
	.ajax_products{
		display: block;
	}
	.product-holder{
		display: none;
	}
	.element-btn-holder {
		padding-top: 25px;
		text-align: center;
	}
	.general-btn {
		font-size: 16px;
		line-height: 16px;
		padding: 14px 24px;
	}
	.animate-text span{
		width: 1.23541666666666669VW;
	}
	.animate-text span:first-of-type{
		width: 15px;
	}
	.testimonials-homepage h2{
		padding-top: 20px;
	}
	.text-holder h1{
		height:80px;
		padding-top: 0;
		padding-left: 0;
	}
	.animate-text span{
		width: 7px;
		line-height: 60px;
	}
	.animate-text span:first-of-type{
		width: 25px;
		padding-left: 2px;
	}
	.text-holder h3{
		padding-bottom: 0;
	}
	.element {
		height: 68.23423vw;
	}
	.element.mobile-large {
		height: 212.2342vw;
		background: url(../img/ice-detail.jpg);
    	background-repeat: no-repeat;
    	background-position: center center;
     	background-size: cover;
	}
	.product-item{
		width: 100%;
	    height: 22.510417VW;
	}
	.dessert-flex {
		width: 100%;
		padding: 0 0;
		margin: 35px auto 0 auto;
	}
	.left-dessert, .right-dessert, .middle-dessert{
		width: 100%;
	}
	.middle-dessert{
		order: 1;
	}
	.left-dessert{
		order: 2;
	}
	.right-dessert{
		order: 3;
	}
	.perfect-dessert h2{
		font-size: 30px;
		line-height: 36px;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.the-stick{
		width: 40%;
	}
	.info-item{
		margin-bottom: 0;
		text-align: center;
		margin: 0 0;
		padding: 50px 15px;
	}
	.info-item.espesial-box {
		width: 100%;
		margin-left: auto;
		margin-top: 25px;
		padding: 25px 15px;
		margin-bottom: 0;
	}
	.left-dessert{
		padding-right: 0;
	}
	.right-dessert{
		padding-left: 0;
	}
	.info-item.espesial-box{
		background: #ffebec;
	}
	.left-dessert > div:nth-last-of-type(4){
		background: #fff8ee;
	}
	.left-dessert > div:nth-last-of-type(3), .right-dessert > div:nth-last-of-type(3){
		background: #ecfafd;
	}
	.left-dessert > div:nth-last-of-type(2), .right-dessert > div:nth-last-of-type(2){
		background: #ffebec;
	}
	.left-dessert > div:nth-last-of-type(1), .right-dessert > div:nth-last-of-type(1){
		background: #fff8ee;
	}
	.icon-holder{
		margin: 0 auto 5.534vw auto;
	    width: 23.416667VW;
	}
	.video-holder iframe{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}
	.iframe-holder{
		width: 100%;
		height: 56.234vw;
		position: relative;
		top: 0;
		transform: translateY(0%);
	}
	.element.high-element.espesialos {
		height: auto;
		padding-top: 0;
	}
	.split{
		height: 89.2342vw;
	}
	.element.mobile-large{
		height: 201.2342vw;
	}
}


@media screen and (max-width: 365px){
	
}