@import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@400;700&display=swap');

.card--newspaper{
	max-height:265px;
}

.card--news{
	min-height: 150px !important;
	max-height: 290px;
}
.card--news div.title{
	display: block;
	height: 40px;
	position: relative;
	margin:10px 0;
	font-weight: bold;
	color:#2b4ca6;
	font-size: 18px;
}
.card--news div.title img{
	position: absolute;
	left:0;
	top:5px;
}
.card--news div.title span.text{
	color:#2b4ca6;
	font-size:18px;
	position: absolute;
	left:40px;
	top:-45px;
}
.card--news figure{

}
span.video-ico{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 160px;
	background: url('../images/video-play.png') center center no-repeat;
}
.gluten-free__more::before{
	background: url('../images/gluten-free/logo-small.png') center center no-repeat !important;
	background-size:cover;
}
div.glt-free{
	position: absolute;
	left: 32%;
	top: 250px;
}
/*.product__recipe{
	min-height: 240px;
	max-height: 350px;
	position: relative !important;
	margin-top:-700px;
	background: none;
}*/
div.footnote, .product__items div{
	width:100%;
	border-top:1px solid #f7f9fc;
	padding:10px 0;
	font-size:13px;
	display: block;
	position: relative;
}
div.footnote span{
	display: block;
	padding-left: 5px;
}

.about-timeline__content ul li p{
	width:calc(80% - 30px) !important;
}
.product__detail p img{
	margin:15px auto;
	display: block;
}
.product__recipe h2{
	font-size:30px;
}
.product__detail h1.cok-amacli{
	position: relative;
	display: block;
	line-height: 40px;
}
img.product-katkisiz{
	position: relative;
	width:225px;
	margin:0;
	padding:0;
	margin-bottom: -20px;
	margin-top:-20px;
	margin-left:20px;
}
img.product-award{
	position: absolute;
	right: -30px;
	top:60px;
	width: 13%;
}

@media (max-width: 1200px) {
	img.product-award{
		right: 20px;
		top:0px;
		width: 8%;
	}


}

img.product-glutenfree{
	position: absolute;
	right: 10px;
	top:60px;
	width:110px;
}

.product__items h3{
	color: #e40134;
	font-size: 23px;
	font-weight: 600;
	margin: 0;
}
.product__items ul.tab-switch{
	display: block;
	margin:0;
	padding:0;
}
.product__items ul.tab-switch li{
	list-style: none;
	display: inline-block;
	max-width: 48%;
}
.product__items ul.tab-switch li a{
	padding:10px 30px;
	display: block;
	color:#e40134;
	font-size: 15px;
	font-weight: 600;
	background: rgba(255,255,255,0.5);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.product__items ul.tab-switch li a.active{
	background: rgba(255,255,255,1);
}
.product__items ul.tab-switch li a span.blue{
	color:#2b4ca6;
	font-weight: normal !important;
}
.product__items .tabs-container{
	border-top:1px solid #fff;
	padding-top:10px;
}
.product__items .tabs-container .tab-content{
	display: none;
	position: relative;
}
.product__items .tabs-container .tab-content.active{
	display: block;
}

.card--secret:hover .card__social-button{
	color:#2b4ca6;
}
.product__contents ul li{
	position: relative;
	padding-left:20px;
}
.product__contents ul li::before{
	position: absolute;
	left:-20px;
}

.z-row p , .z-row h2 , .z-row h3 , .z-row a{
  z-index:999 !important;
  position: relative !important;
}

.header__nav--dropdown > a:before {
	margin-left: -90px;
}

.header__nav--dropdown > a:after {
	margin-left: -90px;
	width: 20px;
}

.header__nav--dropdown:hover > a:after {
	margin-left: -90px;
}

@media (max-width: 1200px) {
	div.glt-free{
		left: 47%; top:300px;
	}
}

@media (max-width: 1024px) {
	div.glt-free{
		left:80%;
		top:100px; width:15%;
	}
	div.glt-free img{ width:100%; }
}

@media (max-width: 1023px) {
	.mobile-full-width{
		width:100%;
	}
}
@media (max-width: 767px) {
	/*.product__recipe{
		max-height: 200px;
		position: absolute;
		margin-top:0;
	}*/
	.card--news.card--newspaper{
		min-height: 150px !important;
		max-height: 230px;
	}
	.card--news.card--newspaper figure img{
		max-height: 180px;
	}
	.mobile-full-width{
		width:100%;
	}
	img.product-katkisiz{
		
	}
	img.product-award,
	img.product-glutenfree{
		margin-bottom: 20px;
		top:10px;
		right:10px;
	}

	div.glt-free{
		left: 70%;
		top: 275px; width:25%;
	}
	
}



section.pProducts{margin-top: 110px; z-index:3; background:#eef3f9 url(../images/professional/professionalBg.jpg) no-repeat top center; padding-bottom:100px;}

.pProductsHeader{width: 100%; max-width:1280px; margin:auto; padding:50px 0;}
.pProductsHeader img{display:block; max-width:100%; margin:auto;}
.pProductsHeader p{display:block; color:#818D92; font-size:18px; text-align: center; max-width:1044px; margin:auto;} 

.pProductsContent{width: 100%; max-width:1280px; margin:auto;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}

.pProductItem{width: 23%; margin-bottom:2%; -webkit-box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.04); position:relative;
          box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.04); background:#fff; padding:30px 35px; border-radius: 20px;}
.pProductItem h2{padding:0; margin:0; font-weight: 500; font-size:28px; color:#2B4CA6; text-align:center;}
.pProductItem figure{display: block; width: 100%; position:relative; padding-bottom: 100%;}
.pProductItem figure img{display:block; width: 100%; height:auto; position:absolute; top:0; left:0; opacity: 0;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
.pProductItem figure img:first-child{opacity: 1;}
.pProductItem .linkList{width: 100%;}
.pProductItem .linkList a{display:block; font-size:20px; color:#818D92; font-weight: 500; position:relative; padding-left:36px; margin-bottom:15px; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
.pProductItem .linkList a:before{width: 26px; height:26px; border-radius: 100%; background:#EEF3F9; content:""; position:absolute; left:0; top:0; font: normal normal normal 11px/1 FontAwesome;     content: "\f054"; color:#cad4da; text-align:center; line-height:26px;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
.pProductItem .linkList a:hover{color:#2B4CA6;}
.pProductItem .linkList a:hover:before{color:#fff; background:#2B4CA6;}

.pProductItem.w100{width: 100%;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.pProductItem.w100 figure{width:20%; padding-bottom:20%;}
.pProductItem.w100 h2{width: 20%;}
.pProductItem.w100 .linkList{width: 50%;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.pProductItem.w100 .linkList a{width: 50%;}



.catalogueLink span{display:block; font-size:10px; color:#b30628; font-weight: bold; width:100px; height:39px; background:url(../images/icons/catalogueBtn.png) no-repeat; line-height:34px; padding-left:37px; }
.catalogueLink p{color:#e4ba1c; padding-left: 0px;}

@media screen and (max-width: 1024px) {
	.pProductItem{width: 31%;}
	.pProductItem .linkList a{font-size:16px;}
}

@media screen and (max-width: 640px) {
	.pProductsContent{justify-content:center;}
	.pProductItem.w100{width: 90%;}
	.pProductItem{width: 90%; margin-bottom:5%;}
	.pProductItem.w100 figure{width: 100%; order:2; padding-bottom:100%;}
	.pProductItem.w100 h2{width: 100%; order:1;}
	.pProductItem.w100 .linkList{width: 100%; order:3;}
	.pProductItem.w100 .linkList a{width:100%;}
}



section.noGluten{width: 100%; z-index: 3; margin-top:110px; font-family: 'Rokkitt', serif;}

.ngSection{width: 100%; height: auto; position: relative;}
.ngSection:before{width: 40%; height: 100%; background-repeat: no-repeat; background-position: right top; content: ""; position:absolute; top:0; left:0;}
.ngSection:after{width: 60%; height: 100%; background-repeat: no-repeat; background-position: left bottom; content: ""; position:absolute; top:0; right:0;}

.ngSection.first:before{background-image:url(../images/gluten-yok/blueTriangle.svg); width: 40%;}
.ngSection.first:after{background-image:url(../images/gluten-yok/blueLine.svg); width: 55%;}
.ngInner{width: 100%; max-width:1100px; margin:auto; padding:150px 0; position:relative; z-index: 2;}
.ngInner p{color:#000; font-size:20px;}
.ngInner h2{font-size:30px;}
.ngInner h2 small{font-size:20px;}
.ngInner span.blue{color:#A2D7CF;}
.ngInner span.orange{color:#F5AE46;}
.ngInner span.pink{color:#F89CBB;}
.ngInner span.green{color:#A4D09C;}
.ngInner span.purple{color:#C597C4;}


.yokArtik{padding-bottom: 100px; max-width:100%; display: block;}
.noGlutenOrder {display: inline-block; border-radius: 5px 25px 25px 25px; padding:0 75px 0 25px; background:#A2D7CF url(../images/gluten-yok/basket.svg) no-repeat 95% center; line-height: 60px; color:#fff; }

.stamp{display:block; position: absolute; top:110px; right:10%; width: 20%;}
.ngm1{display:block; position: absolute; bottom:-20%; right:-45%; width: 70%;}
.ngp1{display:block; position: absolute; top:50%; right:15%; width: 37%;}


.ngSection.second{text-align:center;}
.ngSection.second:before{background-image:url(../images/gluten-yok/orangeLine.svg); width: 45%; }
.ngSection.second:after{background-image:url(../images/gluten-yok/orangeTriangle.svg); width: 45%;}
.ngSection.second p{width: 100%;}

.ngb1{display:block; position: absolute; top:5%; left:-7%; width: 35%;}
.ngb2{display:block; position: absolute; top:-5%; right:-8%; width: 60%;} 

.ngSection.third{text-align:right;}
.ngSection.third:before{background-image:url(../images/gluten-yok/greenTriangle.svg); width: 55%;}
.ngSection.third:after{background-image:url(../images/gluten-yok/pinkLine.svg); width: 50%;}
.ngSection.third p{font-size:17px; max-width:500px; float: right; line-height: 2;}
.ngSection.third .ngInner{ padding:200px 5% 600px 0;}


.ngp2{display:block; position: absolute; top:0%; left:0;}
.ngm2{display:block; position: absolute; bottom:-20%; left:-25%;}


.ngSection.fourth h2.right{float: right; text-align: right;}
.ngSection.fourth p.right{float: right; text-align: right;}
.ngSection.fourth p{max-width: 500px; font-size:13px; line-height: 2;}
.ngSection.fourth:before{background-image:url(../images/gluten-yok/blueLine.svg); width: 50%;}
.ngSection.fourth:after{background-image:url(../images/gluten-yok/pinkTriangle.svg); width: 35%;}
.certificate{right:0; position: absolute; bottom: 30%;}

section.noGlutenProducts{width: 100%; z-index: 3; margin-top:110px; font-family: 'omnes_pro';}
.ngpSection{width: 100%; height: auto; position: relative; background: #fff; padding: 100px 0; overflow: hidden;}
.ngpSection.grey{background: #eef3f9;}
.ngpSection .inner{width: 100%; max-width:1200px; margin:auto; position:relative; z-index: 2;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap; justify-content: space-between; padding: 0 0 0 50px;}
.ngpSection .inner.shadow{padding: 20px 0 50px 50px;}
.ngpSection .inner.white{background:#f9fbfd; }

.ngpSection h2{color: #294e9d; font-size:25px; font-weight: 600; margin-bottom: 80px; width: 100%;}
.ngpSection h2.mb0{margin-bottom: 10px;}
.ngpSection h2 span{color: #d20124;}
.ngpSection h2.withIcon{display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items:center; border-bottom: 1px solid #294e9d; padding-bottom:30px; margin-bottom: 30px;}
.ngpSection h2.withIcon img{display: block; width: 80px; margin-left:10px;}
.ngpSection h2.withIcon img.big{width: 118px;}

.ngpSection .inner .left{width: 50%;}
.ngpSection .inner .right{width: 45%; padding: 20px 90px;}
.ngpSection .inner .left.small{width: 30%;}
.ngpSection .inner .left.small + .right{width: 70%;}

.ngpSection .inner .left.big{width: 60%;}
.ngpSection .inner .left.big + .right{width: 40%;}

.ngpSection .shadow{box-shadow: 0px 13px 27px 0px rgba(0, 0, 0, 0.11); border-radius:50px;}


.ngpSection p{color: #151516; font-size:17px; line-height: 1.5;}
.ngpSection p small{display: block; margin-top: 25px;}
.ngpSection a.ctaBtn{display: inline-block; background:#ff5a00; color: #fff; font-size: 17px; line-height: 50px; padding: 0 25px; border-radius: 5px 25px 25px 25px; margin-top: 40px;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
.ngpSection a.ctaBtn:hover{background: #294e9d;}
.ngpSection a.ctaBtn.blue{background: #294e9d;}
.ngpSection a.ctaBtn.blue:hover{ background:#ff5a00; }
.ngpSection a.ctaBtn.red{background: #e70a34;}
.ngpSection a.ctaBtn.red:hover{ background:#ff5a00; }

.ngpRow{width: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap; justify-content: space-between;}
.ngpRow .col{width: 50%; padding: 0 10px 15px;}
.ngpItem{width: 100%; height: 100%; text-align: center; color:#294e9d; font-weight: 500;}
.ngpItem span{display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap; background: #fff; height: 175px; margin-bottom: 10px; border-radius:30px; box-shadow: 0px 9px 6px 0px rgba(56, 56, 56, 0.09); align-items: center; justify-content: center;}
.ngpItem span img{display: block; max-width: 70%;}

.owl-carousel .ngpItem span{height: 230px;}

.ngpDecor{position: absolute; pointer-events: none;}
.ngpDecor.d1{right: -30px; top:20%;}
.ngpDecor.d2{left: 20px; top: 70%;}

.ngpDecor.d3{right: -30px; top:15%;}
.ngpDecor.d4{left:30px; top: 25%;}
.ngpDecor.d5{right: -30px; top:75%;}
.ngpDecor.d6{left:-10px; top: 70%;}

.ngpDecor.d7{right: -30px; top:15%;}
.ngpDecor.d8{left:0px; top: 25%;}
.ngpDecor.d9{right: -30px; top:75%;}
.ngpDecor.d10{left:-200px; top: 70%;}


/*
display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;
*/

.campaignPage{width: 100%; padding-top: 130px;}
.campaignHeader{width: 100%;}
.campaignHeader img{width: 100%; display: block;}
.campaignContent{background: url(../images/secret/bg.jpg) no-repeat center top #eef3f9; padding: 100px 0;}
.campaignContent h1{font-size: 30px; color:#2b4ca6; font-weight: 600;}
.campaignContent p{    color: #818d92;font-size: 20px;}
.campaignContent ul{padding-left: 0;}
.campaignContent ul li{width: 100%; display: block; border-radius: 10px; background: #fff;margin-bottom: 20px; -webkit-box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.04); box-shadow: 14px 14px 24px 0px rgba(0, 0, 0, 0.04); padding: 15px;}
.campaignContent ul li strong{font-weight: 500; color:#b30628;}

@media screen and (max-width: 1540px) {
	.yokArtik{width: 40%; padding-bottom: 60px;}
	.stamp{width: 15%; right: 15%;}
	.ngm1{width: 56%; right: -25%;}
}

@media screen and (max-width:768px) {
	.ngSection{padding:0 30px;}
	.ngInner{padding:100px 0;}
	.yokArtik{width: 100%;}
	.stamp{top:0; width: 25%; right:0;}

	.ngInner p, .ngInner h2{position:relative; z-index: 2;}

	.ngp1{width: 100%; position:relative; right:0; top:auto;}
	.ngm1{display: none;}

	.ngb2{top:50%; right:0;}
	.ngp2{width: 100%;}

	.ngm2{width:80%; bottom: -6%;}

	.ngSection.third .ngInner{padding:100px 0 300px;}

	.certificate{position: relative; width: 100%; bottom: 0;}

	.ngpSection .inner, .ngpSection .inner.shadow{padding:0 20px;}
	.ngpSection .inner .left{width: 100%!important;}
	.ngpSection .inner .right{width: 100%!important; padding: 20px;}
	.ngpDecor{transform: scale(.5)!important; opacity: .5!important;} 

}