* {margin: 0; padding: 0; outline: 0;}

:root {
	--dark: #191714;
	--normal: #e3ebef;
	--light: #f0f7fa;

	--text-header: #8e6a25;
	--text-sub-header: #c19446;
	--text-body: #9c906e;
	--header-bg:#91875A;
	--text-cyan: #65e7ff;

    --background: #191918;
	--blue: #0171b2;
	--blue-light: #eaf2f5;
	--fushia: #c70e88;
	--fushia-light: #bb6da0;
	--intro: #284563;
	--gray: #666;
	--yellow-dark: #f2ca12;
	--white: #fff;
	--spot-bg: #645c3e;
	--msg-bg:#3A3528;

}


body {
	font-family: "Nunito", sans-serif;
	 font-optical-sizing: auto;
	color: var(--text-body);
	font-size: 18px;
	background:#fff;
	border:0;
	overflow-x: hidden;
	font-weight:400;
}


h1, h2, h3, h4, h5 {
	font-family: "Nunito", sans-serif;
	font-weight:700;
	color:var(--text-header);
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
}


h1 {font-size: 46px; font-family: 'Bitter', serif;}
h2 {font-size: 35px;}
h3 {font-size: 24px; margin-bottom:0px; color:var(--text-sub-header);}/*green*/
h4 {font-size: 22px; color:var(--text-sub-header);}/*soil*/
h5 {font-size: 20px; color:#558db1;/*blue*/}

.seconder{color:#93be1e;}/*green*/
.third{color:#a88f6b;}/*soil*/
.fourth{color:#f8ba0a;}/*orange*/
.fifth{color:#558db1;}/*blue*/

h2.others{color:#a88f6b; text-align:center; font-family: 'Bitter', serif;}

a {color: #be9c6b; text-decoration:none;}

p {margin: 0 0 15px 0;}
p a{text-decoration:underline;}

ul{list-style:none;}


/*    -------------------- HEADER --------------*/

header{width:100%; height:130px; position:fixed; z-index:1001; top:0px; background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(230,230,230,1) 100%);}
/*body{background: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(241,241,241,1) 100%);}*/

.header-bg-r{
width:745px;
height:130px;
	position:fixed;
	top:0px;
	right:0px;
	padding:0px;
	background-image:url('/img/header-right-bg.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top; 
	display: block;
	line-height:0px;
	font-size:0px;
	z-index:1029;
}

.header-bg-l{
width:770px;
height:130px;
	position:fixed;
	top:0px;
	left:0px;
	padding:0px;
	background-image:url('/img/header-left-bg.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: top; 
	display: block;
	line-height:0px;
	font-size:0px;
	z-index:1028;
}

.logo-bant, .logo-bant-w{
width:100%;
	position:fixed;
	top:0px;
	padding:0px;
	min-width:320px;
}

.logo-bant{z-index:1030; height:130px; }


.logo-bant-w{z-index:1027; background:#fff; height:100vh; display:none;}



.logo-bant-sm{padding:8px; border-bottom:0px;}

.logo-bant-seperator{height:70px; width:1px; background:#dddddd;}

.logo-bant-trio{height:75px; padding-top:4px;}

.logo-container{padding:39px 35px;}


.lc-menu{margin-left:35px; line-height:22px; flex-grow:1;}

.logo-trfav{
	width:166px;
	height:52px;
		background-image:url('/img/turkish-bulgur-logo.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; 
	display: block;
	line-height:0px;
	font-size:0px;
}

.logo-trfav-wht{
position: absolute;
	width:98px;
	height:35px;
		background-image:url('/img/turkishfav-logo-wht.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; 
	display: block;
	line-height:0px;
	font-size:0px;
}

.icon-globe-big{position:relative; display:block; cursor:pointer;}
.icon-globe-big a{font-size:38px; line-height:38px; }


.icon-globe-sm a{font-size:32px; line-height:39px; cursor:pointer; color:#999;}


.selectlng{
margin-top:4px;
margin-left:2px;
font-size:16px;
text-transform:uppercase;
color:#bba482;
}

.toggleLng{display:block;}

.toggleLng a{color: #c5c5c5; font-size:18px; border-right:1px solid #c7bba9; line-height:12px; padding-right:8px; padding-left:8px; text-transform:uppercase;}
.toggleLng a:last-child{border-right:0px;}
.toggleLng a:hover{color:#666;}

.chgLngBig{position:absolute; right:50px; top:130px; display:none; background-color:#a88f6b; padding:10px;}
.chgLngBig a{color: #f4f3ec; font-size:18px; border-right:1px solid #dcd8c4; line-height:12px; padding-right:15px; padding-left:15px; text-transform:uppercase;}
.chgLngBig a:last-child{border-right:0px;}


.chgLngSm{position:absolute; background-color: rgba(158,82,117,0.9); width:100.5vw; left:0px; top:152px; padding:10px; display:none;}
.chgLngSm a{color: #fff; font-size:18px; border-right:1px solid #fff; padding-left:15px; padding-right:15px; text-transform:uppercase;}
.chgLngSm a:last-child{border-right:0px;}

.selectlng, .icon-world{color:#bba482 !important;}

/* ---------------  MAIN MENU */


.mainMenu{
background-color: rgba(255,255,255,1); height:37px !important; padding:7px; width:100%; z-index:1031; position:absolute; top:112px; left:0px; text-align:center; border-top:1px solid #dbdbdb;
}
.mainMenu a{font-size:17px; text-transform:uppercase;}

.nav li, .nav-footer li{display: inline-block; padding:0px 15px; border-right:1px solid #dcd8c4; line-height:15px;}
.nav li:last-child, .nav-footer li:last-child{border-right:0px;}
.nav a, .nav-footer a{font-family: 'Bitter', serif;}
.nav a:hover{color:#A58356;}

.nav-footer{margin-bottom:15px;}



/*.collapse{height:37px;}*/

.nav-toggle{margin-bottom:5px; margin-left:8px;}

.nav-toggle .circle{width:40px; height:40px; margin-left:5px;margin-top:2px;}

.navmain-toggle .icon-bar {background-color: #0C5CA9; width: 40px; height:6px; border-radius: 10px; display:block;}
.navmain-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}


.navmain-toggle{
position: relative;
    padding:0px;
	text-align:center;
cursor:pointer;
}

.navmain-toggle:focus {outline: 0;}

.nav-toggle a{text-decoration:none;}

/*---------------------------- SHOWCASE ***************** */

.inner {
	width: auto;
	min-width:290px;
	margin: 0 auto;
	position: relative;
	padding-top:130px;
}

.showcase {
position:relative;
background: linear-gradient(90deg, rgba(220,220,220,1) 0%, rgba(255,255,255,1) 50%, rgba(220,220,220,1) 100%);
color:#3d3d3d;
}


.discover-e{background:var(--text-sub-header); padding:5px 10px; margin-top:10px; margin-bottom:20px; border-radius:10px; color:#fff; display:inline-block;}
.discover-e img{margin-left:5px; margin-top:-3px;}
.discover-e a{padding:10px 5px; color:#fff;}

.grey-grad{background: linear-gradient(90deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 100%);}

.slider img{width:100%;}

.slidebox{position:relative;}
.slidebox-title{position:absolute; color:#fff; font-size:18px; padding:10px; padding-left:110px; top:10%; }

.slidebox-title h1{color:#fff; font-size:46px; font-weight:400 !important; background-color: rgba(0, 0, 0, 0.3); padding:10px; display:table;}
.slidebox-title p{color:#fff; font-size:22px; margin-bottom:10px;}

.slidebox-title-text{width:32vw; min-width:184px;}
.slidebox-title-text h1{margin-bottom:5px;}

.slidebox-title-btn-call{border-radius:10px; font-weight:700; font-size:16px; margin-top:15px; padding:10px; width:180px; background:#0C5CA9; color:#fff; cursor:pointer;}

.slidebox-title-btn-call > div:first-child{margin-right:15px;}
.slidebox-title-btn-call img{width:44px;}

.slidebox-title-more{display:inline-block; border-radius:10px; font-size:18px; font-weight:700; padding:10px; cursor:pointer;}
.slidebox-title-more.bgp{background:#0C5CA9;}
.slidebox-title-more.bgt{border:2px solid #0C5CA9;}

.slidebox-title-more.bgp span{color:#fff !important;}
.slidebox-title-more.bgt span{color:#0C5CA9 !important;}
.slidebox-title-more.bgt .icon-whatsapp{font-size:18px; font-weight:700;}

.slideboxImgPer{
width: 100vw; height: calc(100vw * (500/1920)); min-height:180px; background-repeat: no-repeat; background-position: center; background-size: cover;
}

.videoFrame{
position:relative; width: 100vw; height: calc(100vw * (900/1920)); background-repeat: no-repeat; background-position: center; background-image:url('/img/three-dots.svg');  pointer-events: none;
}

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

.videos{padding:25px;}
.map{width: 100%; height: calc(100% * (600/1920)); min-height:300px;}

/* /******************************* CONTENT /////////////////////////////////////////////////*/

.container-section{padding-top:10px;}

section{padding-bottom:50px;}

.content{position:relative; padding-top:25px; padding-bottom:25px; padding-left:100px; padding-right:100px; margin: auto; min-width:290px;}

.container-right{max-width:400px; min-width:290px;}

.maintext-container{width:67%; padding-right:80px;}

.maintext p, .recipes-text p{line-height:26px;}
.maintext img {padding-top:10px; padding-bottom:10px; width:300px;}

.articles{text-align:left !important; color:#999;}
.articles .spot{font-weight:700; color:#558db1;}
.articles .writer{font-size:16px;}
.articles a{color:#558db1;}

.articals-text{color:#a88f6b;}

.articals-text .columns > p::first-letter {
  float: left;
  font-size: 350%;
  margin-top:10px;
  font-weight:700;
  line-height:40px;
}

.articals-text .columns h3{margin-bottom:8px; margin-top:20px; font-size:28px;}

.curesandrecipes{padding-top:20px; padding-right:50px; width:67%; position:relative;}
.curesandrecipes > div{width:100%;}
.curesandrecipes.half > div{width:50%;}

.recipes .recipe img{width:100%;}

.recipe{width:100%;}
.recipe h4{margin-top:25px;  margin-bottom:5px;}
.recipe h3{color:var(--text-header); margin-bottom:5px;}

.recipe div:first-child{padding-right:20px; width:54%; padding-left:15%; text-align:right;}
.recipe div:last-child{width:46%; margin-bottom:25px;}

.camp-section{border-bottom:1px solid #b16655;}
.camp-year{background:#b16655; color:#fff; display:inline-block; font-size:28px; padding:5px 10px;}

.healthy-box-container{padding-bottom:10px;}
.healthy-box-container:nth-child(2){padding-top:30px; transform: rotate(357deg);}
.healthy-box-container.double:nth-child(2){padding-left:30px;}


.healthy-bulgur{padding-top:10px; padding-bottom:30px;}



.cures{position: relative;}
.cures p{color:#999; font-size:16px; line-height:20px;}

.cures-header, .recipes-header, .appetite-header{margin-bottom:15px;}

.cures-header h2, .recipes-header h2{font-weight:400 !important; margin:0px; font-size:22px; text-align:right;}
.recipes-header h2{color:var(--text-sub-header);}
.cures-header img, .recipes-header img, .appetite-header img{width:30px;}

.cures-header-title{border-bottom:4px solid #93be1e; flex-grow:1;}
.recipes-header-title{border-bottom:4px solid var(--text-sub-header); flex-grow:1;}


.appetite-header-title{border-bottom:4px solid #75bac5; flex-grow:1;}

h3.appetite{color:#75bac5 !important;}
.appetite-header-title h3{color:#75bac5 !important;}
.appetite-header p{color:#75bac5;}

.at-a-glance, .discover-more{padding-top:25px;}

.qfactstext{position:relative; padding-top:25px;}
.qfactsdesign{position:relative; border:1px solid #E3E5DF; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-left:40px solid var(--text-header); margin-bottom:20px; background-color:#fff; display: block;}
.qfactsdesign div{position:absolute; color:#dbc453; top:50%; left:-28px; margin-top:-22px; font-weight:700; font-size:32px; }
.qfactstext p > span{font-size:22px; font-weight:700; width:30px; height:100%; background-color:#6b4c17; color:#fff; display: inline-block;}
.qfactstext p{font-size:18px; padding:8px; padding-right:12px; margin-bottom:0px; display: block;}
.qfactstext h3{text-transform:uppercase; font-weight:400 !important; color:var(--text-header);}

.ifactstext{margin-bottom:30px; border:1px solid #E0DBCD; border-top-right-radius:30px; border-bottom-left-radius:30px; padding:15px;}
.ifactstext p{font-size:16px; margin-bottom:0px; }
.ifactstext img{margin:5px;}
.ifactstext h4{margin-bottom:5px !important;}

.sfactstext > div{padding-bottom:25px; position:relative;}
.sfactstext p {font-size:27px; font-weight:700; margin-bottom:0px;}
.sfactstext h3 {font-size:20px;}


.qfacts-container{width:33%; }

.divide-33{position:relative;}
.divide-33 .maintext{padding-right:50px; width:67%;}
.divide-33 .cures{padding-right:50px; }
.divide-33 .n-container{margin-left:30px; width:33%; position:absolute; top:0px; right:0px;}
.divide-33 .maintext img{width:300px;}

.divide-50{position:relative;}
.divide-50 > div{width:50%; float:right;}
.divide-50 > div img{width:100%;}
.divide-50 > div:first-child{padding-left:30px;}
.divide-50 h3{color:#f8ba0a;}
.divide-50 ul{margin-top:-10px;}
.divide-50 li{padding-bottom:10px; color:#75bac5;}
.divide-50 ul li::before {
  content: "● ";
}



.divide-half{padding-top:15px; padding-bottom:30px;}
.divide-half div{width:50%;}
.divide-half > div img{width:100%;}
.divide-half > div:last-child{padding-left:35px;}


table{width:100%; border-collapse: collapse;}
td, th{padding:3px; border:1px solid #e1ded7;}
tr{text-align: center;}
tr:nth-child(odd){background-color: #f1f0ec;}
td:nth-child(1), th:nth-child(1){text-align: left;}
th{color:var(--text-sub-header);}

.ingredients{position:relative;}
.ingredients ul{ margin-top:10px; margin-bottom:-4px; padding:10px; border-bottom:1px solid #75bac5; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.ingredients li{padding-bottom:10px; color:#75bac5;}
.ingredients ul li::before {content: "● ";}
.ingredients li:last-child{padding-bottom:0px;}

.ing-bottom-right{position:absolute; right:0px; bottom:0px;}

.recipes-text p{line-height:26px;}
.recipe-img{vertical-align:text-bottom; margin-bottom:25px;}

 .recipes-text .columns > p::first-letter {
  float: left;
  font-size: 200%;
  margin-right:5px;
  margin-top:-5px;
  color:#93be1e;
  font-weight:700;
}




.appetite-p{margin-top:10px; font-size:18px; color:#999 !important; font-style:italic; border-top:2px solid #75bac5; border-left:2px solid #75bac5; border-top-left-radius:10px; padding-top:10px; padding-left:10px;}

.secret{font-size:18px; color:#999 !important; font-style:italic; }

.products{ flex-direction: row; flex-wrap: wrap; }
.products > div{width:33.33%; padding:30px; text-align:center; position:relative; margin-bottom:40px;}
.products img{width:100%; }

.products-sm{margin:0 auto;}
.products-sm > div{width:12%; text-align:center; margin:15px 25px; line-height:18px;}
.products-sm img{width:100%; margin-bottom:5px;}
.products-sm a{font-size:18px;}

.prolabel{position:absolute; bottom:16%; left:47%; text-align:center; transform: rotate(350deg); background-color:#8CC63F; padding:9px 15px;}
.prolabel a{color:#fff; font-size:22px; font-weight:700; line-height:18px; padding:0px; margin:0px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}

.recipeLabel a {background:orange; padding:5px 10px; font-size:22px; line-height:32px; display:inline; font-weight:700; color:#fff; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.recipeLabel{transform: rotate(358deg); margin-top:-5px;}

.imgfs{position:absolute; bottom:40px; right:40px;}

.media-img{cursor:pointer;}

/*
.healthy-box-container:first-child{transform: rotate(2deg);}
.healthy-box-container:nth-child(2){padding-top:30px; transform: rotate(355deg);}
*/

.healthy-box-header{background:url('/img/healthy-header.svg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: top; 
	display: block;
width:290px;
height:37px;
}
.healthy-box-header-02 img{width:100%;}
.healthy-box-content{padding:15px; background: linear-gradient(180deg, rgba(244,244,230,1) 0%, rgba(247,247,242,1) 100%);}
.healthy-box-content p{font-size:15px; margin-bottom:0px; }
.healthy-box-content h5{margin-top:0px; color:#94a77d;}
.healthy-box-content img{width:40px; margin-right:10px;}

.healthy-label{position:absolute;left:0px; top:0px;}

/* NUTRITION BOX*/
.n-container{position: relative; min-width:290px;}
.n-box{border-radius:5px; border:1px solid #e6e6e6; position: relative;}
.n-box-container{padding:0px 20px;}
.n-box-row{border-bottom:1px solid #e6e6e6; font-size:24px; padding:10px 0px; color:#999;}
.n-box-row:last-child{border-bottom:none;}
.n-box-b{text-align:right;}
.n-box-b div{border-bottom-right-radius:5px; background-color:#8DC63F; height:15px; width:50%; }
.n-title-container{margin-top:30px;}
.n-title{background-color:#BC9B6A; color:#fff; font-weight:700; font-size:24px; line-height:48px; height:48px; text-align:right; flex-grow:1; padding-right:10px;}
.n-title img{height:26px;}
.n-img{padding:0px 25px; margin-top:-7px;}
.n-title-p{position:absolute; top:31px; left:-28px; z-index:2;}
.n-porsiyon{padding:20px 0px; margin:0px 25px; color:#BC9B6A; font-style:italic; border-bottom:1px solid #dfdfdf; font-weight:700;}
.n-porsiyon img{width:50px; margin-right:5px;}
.n-size{width:100%;}
.n-1{font-size:36px; font-weight:700; line-height:36px;}
.p-1{font-size:30px;}
.p-2, .p-3, .p-4{font-size:28px;}
.n-2, .n-3, n-4{font-size:24px; font-weight:700;}
.value{font-size:20px; margin-left:10px;}
.vitamin-C, .percent-C{color:#E88E18;}
.vitamin-A, .percent-A{color:#6E96AF;}
.vitamin-K, .percent-K{color:#95BC57;}
.vitamin-E, .percent-E{color:#8874A5;}
.vitamin-B1, .percent-B1, .vitamin-B5, .percent-B5, .vitamin-B3, .percent-B3{color:var(--text-sub-header);}
.n-2, .p-2{color:#AFA17D;}
.n-3, .p-3{color:#73868E;}
.n-4, .p-4{color:#74738E;}
.n-note{font-size:15px; font-style:italic; color:#999 !important; margin-top:15px;}
.value{font-weight:300;}

/*
iframe, video {
  width: 100%    !important;
  height: auto   !important;
}*/

.exporters{position:relative; width:100%; margin:0 auto; text-align:center;}
#ExpFrame{width:80%; }


.banners > div{position:relative; width:33.3%; padding:20px; margin-left:-20px; margin-right:-20px; cursor:pointer; }
.banners img{width:100%; border-radius:10px;}
.banners .title{position:absolute; bottom:35px; left:35px; width:75%;}

.banners .title a{font-weight:700; color:#fff; font-size:34px; line-height:31px; text-transform:uppercase;}

.banner-small  > div{width:16.66%;	padding:20px; margin-left:-20px; margin-right:-20px; cursor:pointer; text-align:center;}
.banner-small img{width:100%;border-radius:10px;}
.banner-small h5, .team h5{color:#375668;  text-transform:uppercase; text-align:center;}
.banner-small p, .banner-small a, .team p{font-family:'Oswald', serif;}

.banner-small .list-url{font-size:16px;}

.container-content{display:none;}
/*.container-content .columns{display:none;}*/
.container-content .content-item{display:none;}
.container-content h4{margin-bottom:5px;}
.container-content h1{margin-top:0px;}

.border-frame{border-radius:10px; padding:15px; border:1px solid #ccc;}

.clip-circle {clip-path: circle(50% at 50% 50%);}

.clip-circle.size-1 img{width:300px; height:300px; }
.clip-circle.size-2 img{width:100%; height:100%; }

.circle {
	border-radius: 50%;
	text-align:center;
	text-transform:uppercase;
}

.circle div{color:#fff;}

.circle.empty{
border: 2px solid rgba(128,44,95,1);
font-size:16px;
color:#012b39;
line-height:36px;
}


.x-back{position:absolute; right:0px; top:152px; z-index:1050; font-size:32px; line-height:22px; cursor:pointer; display:none; color:#fff; background:#9e5275; padding:3px 8px; margin-right:100px;}
.info-back{position:absolute; left:50%; top:152px; z-index:1050; font-size:32px; line-height:22px; cursor:pointer; display:none; color:#fff; background:#9e5275; padding:3px 8px; margin-left:100px;}
.info-back.info-btn{background:#ccc; border-radius:0px; margin-left:-24px;}

.x-back div{transform: scaleX(-1);}
.info-back div{transform: rotate(270deg);}

.footer{width:100%; font-size:14px; text-align:center; min-width:290px; border-top:1px solid #ebe6df;}
.footer p{margin-bottom:0px; color:#999;}
.footer span, .footer a{font-size:14px; font-weight:400;}

.footer a{margin-left:10px;}

.nav-footer a{font-size:15px;}

.footer-rel {position: relative;}
.footer-abs {position: absolute;bottom:0px;}


/* -----------------------------------********DESIGN************* --------------------------------- */


/* COLUMNS ********************/

.cols-rule div, .cols-no-rule div, .cols-rule > div, .cols-rule p, .cols-rule li, .cols-rule ul{
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

}

.cols-no-rule .one, .cols-rule .one{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.cols-no-rule .two, .cols-rule .two{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.cols-no-rule .three, .cols-rule .three{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.cols-no-rule .four, .cols-rule .four{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.cols-no-rule .five, .cols-rule .five{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;}

.cols-no-rule > div{
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	text-align:left;
}

.cols-rule.benefits > div{
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
	text-align:left;
	column-rule-style: dashed;
	-webkit-column-rule-style: dashed;
	-moz-column-rule-style: dashed;
	column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-color: var(--text-sub-header);
	-webkit-column-rule-color: var(--text-sub-header);
	-moz-column-rule-color: var(--text-sub-header);
}


.cols-rule > div{
text-align:left;
 -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
	column-rule-style: dashed;
	-webkit-column-rule-style: dashed;
	-moz-column-rule-style: dashed;
	column-rule-width: 3px;
	-moz-column-rule-width: 3px;
	-webkit-column-rule-width: 3px;
	column-rule-color: var(--spot-bg);
	-webkit-column-rule-color: var(--spot-bg);
	-moz-column-rule-color: var(--spot-bg);
}

.cols-no-rule > div h4, .cols-rule > div h4{margin-bottom:5px; }

.cols-no-rule > div h3, .cols-rule > div h3{display:block; text-align:left; padding:0px; margin-bottom:15px;}

/*.cols-rule p:first-of-type{color:var(--blue);}*/

.cols-rule li::before{content: "● ";}

.cols-rule li::first-letter{color:var(--text-header);}

.cols-rule p b{font-weight:400; color:var(--text-header);}


/*------------- columns */

.flex-container{
display: -ms-flexbox;
display: -webkit-flex;
  display: flex;
}

.flex-center-xy{
justify-content: center;
align-items:center;
}

.flex-row{
flex-direction: row; flex-wrap: wrap;
}

.flex-cc{justify-content: center;}
.flex-center{align-items:center;}
.flex-v-b{align-items:flex-end;}
.flex-top{align-items:flex-start;}
.flex-left{justify-content: left;}
.flex-right{justify-content: right;}
.flex-self-center{align-self:center;}
.flex-sp-bw{justify-content: space-between;}
.flex-sp-ev{justify-content:space-evenly;}
.flex-sp-ar{justify-content:space-around;}
.flex-bottom{align-items:flex-end;}

.after::after {
content: '';
flex: auto;
-webkit-flex:auto;
display:inline-block;
}

.after-box{height:0px;}

.end{margin:0;}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  margin:0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed, .embed-responsive iframe,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.er16-9{padding-top: 56.25%;}
.embed-responsive.er41{padding-top: 41.66%;}
.embed-responsive.map{padding-top: 32%;}

/* ---------------------- TOOLS ********************** */

.loading{
width:100%;
height:43px;
margin-top:30px;
background-image: url(/img/loading.svg);
background-position: center;
background-repeat: no-repeat;
display: block;
}

.mailbox{
position:absolute;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.7);
z-index:2000;
}

.modal span{font-size:16px;color:#375668;}

.modal{top:35%;padding:30px;}

form{margin:0px; padding:0px; border:0px;}

form{margin-top:20px; padding-bottom:10px;}

.btn-primary {background:#0C5CA9 !important;}

input, select, textarea{opacity:0.6;}

.help-block.with-errors{color:#9e5275;}

.lightbox{
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index:1040;
	background-color: rgba(0,0,0,0.6);
display:none;
 width:100%;
height:100%;
padding:0px;
margin:0px;
overflow:hidden;
}

.lightbox-container{
position:relative;
 width:100%;
 height:100%;
 overflow:hidden;
}

.lightbox-content{
position:relative;
height:auto; 
max-height:100%;
 overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
padding:15px;
}

.lightbox-content-box{
position:relative;
padding:10px;
background-color: rgba(255,255,255,1);
border-radius:5px;
}

.lightbox-img-close{
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width:30px;
	height:30px;
}

.lightbox-close {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	line-height: 25px;
	border:none;
border-radius:5px;
	cursor: pointer;
	background: #9e5275;
	color: #fff;
	padding: 5px;
	margin:15px;
	width:60px;
}

.lightbox img{width:100%;} 

#userpass{display:none;}

.messagebox{text-align:center;}
.messagebox span{color:#375668;}
.mod-msg{text-align:center; vertical-align:middle;}

#valid-msg, #error-msg{
    color: #9e5275;
}

/* -----------------************************* EFFECTS****************/

.boxshadow{box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}

.boxshadow02{box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);}

.boxshadow03{box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.1);}

.grey{filter: grayscale(0.3);}

.blend{mix-blend-mode: luminosity;}

.blink-on{
 animation: blinker 0.3s linear infinite;
}

.fixed{position:fixed; animation: toFix 0.4s;}
.absolute{animation: toAbs 0.3s; position:absolute;}

@keyframes toAbs {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes toFix {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/* ------------------------- ******* WINDOW SIZE ************** ------------------------------------------  */

@media(min-width: 1600px) {

			.navmain-toggle, .nav-toggle{display:none;}

			.navbar-collapse.collapse {
				display: block!important;
				padding-bottom: 0;
				overflow: visible!important;
			}
}


@media(max-width: 1599px) {

.banners .title{width:80%;}

.lc-menu{position:absolute; top:180px;}

.lc-logo{flex-grow:1;}

nav-toggle .logo-bant-seperator{margin:0px 20px;}

.mainMenu{top:152px; padding:30px; background:transparent; border-top:0px;}

.nav{padding:0px 15px;}

.nav li{display:block;padding:10px; border-right:0px;}
.nav li:last-child{border-bottom:0px;}

.nav li a{width: 100%; display: block; padding-left:17px; margin-top:2px;}
.nav span {color: #fff;}

.icon-globe-big{padding-right:10px;}

.header-bg-r{background-image:url('/img/header-right-bg-med.png');}

.content.top100{padding-top:40px;}
.slidebox-title{padding-left:60px;}
.slidebox-title h1{font-size:36px;}
.slidebox-title p{font-size:18px;}
.banners > div{padding:10px; margin-left:-10px; margin-right:-10px;}
.banners .title a{font-size:29px;}
.banners .title{bottom:25px; left:25px;}
.x-back{margin-right:50px;}


}


@media(max-width: 1400px) {
.maintext img{width:40%;}
.content{padding-left:50px; padding-right:50px;}
}

@media(max-width: 1350px) {
.banners .title{width:85%;}
.banners .title a{font-size:31px;}
.content-item-flex-col.img-flat.flex-container{flex-wrap: wrap; }
}




@media(max-width: 1100px) {
.banners .title a{font-size:26px;}
.content{padding-left:30px; padding-right:30px;}
.logo-container{padding:39px 30px;}
}


@media(max-width: 1023px) {

.healthy-box-header{
width:260px;
height:33px;
}


.ingredients ul{width:100%;}
.ingredients li{display:inline; margin-right:10px; padding-bottom:0px; font-size:16px;}

.articals-text .columns > p::first-letter {
  font-size: 300%;
  margin-top:8px;
  line-height:30px;
}

.recipeLabel a{font-size:18px; line-height:22px;}

.n-1{font-size:36px; line-height:36px;}
.p-1{font-size:24px;}
.p-2, .p-3, .p-4{font-size:22px;}
.n-2, .n-3, n-4{font-size:18px;}
.value{font-size:17px;}
.n-note{font-size:14px;}
.n-porsiyon{font-size:15px;}
.n-title{font-size:16px;}
.n-title img{height:20px;}
.n-porsiyon img{width:40px;}
.n-img {padding: 0px 15px;}


.x-back{margin-right:30px;}
.content.top100{padding-top:20px;}

.slidebox-title-text{width:36vw;}
.slidebox-title{padding-left:40px;}
.slidebox-title h1{font-size:32px;}
.slidebox-title p{font-size:16px;}
.section-video-single > div{width:100%;}
}


@media(max-width: 999px) {

.header-bg-r{background-image:url('/img/header-right-bg-small.png');}
}


@media(max-width: 939px) {
h1{font-size:36px;}
.banners .title a{font-size:20px; line-height:20px;}
.banners .title{width:80%;}
.divide-33 .n-container{position:relative; width:100%; top:auto; right:auto; margin-left:auto; margin-top:30px;}

.divide-33 .maintext{width:100%; padding-right:0px;}
.divide-33 .healthytext{padding-right:0px; }

.products-sm > div{width:12%; margin:15px 15px;}
.curesandrecipes {width:100%; padding-right:0px;}
.curesandrecipes.half > div{width:100%;}
}

@media(max-width: 816px) {
.maintext img{display:block; width:30%;}
.maintext-container{width:100%; padding-right:0px;}
.qfacts-container{width:100%; }

.divide-6733{flex-direction: row; flex-wrap: wrap;}
.products > div{width:50%; padding-left:5px;}
.prolabel{left:35%; bottom:14%;}
.products-sm > div{width:15%; margin:15px 15px;}

.divide-half.flex-container{display:block;}
.divide-half div{width:100%;}
.divide-half > div:last-child{padding-left:0px;}

.r-container{margin-bottom:20px;}

section{padding-bottom:25px;}
.slidebox-title-text{width:50vw;}
.slidebox-title-btn-call{display:none;}
.slidebox-title-more{display:none;}
.section-video.flex-container{display:block;}
.section-video > div:first-child{margin-right:0px; margin-bottom:15px;}
.section-video > div:last-child{margin-left:0px;}
.section-video > div{width:100%;}

.banners.flex-container {flex-wrap: wrap;}
.banners > div{width:50%;}

.logo-bant h5 {font-size: 16px; line-height:18px; margin-bottom:0px; margin-top:3px;}

.banners .title a{font-size:26px; line-height:26px;}
.health-inside{margin-top:30px;}
}



@media(max-width: 720px) {
.slidebox-title-text{width:50vw;}
.products-sm > div{width:25%; margin:15px 15px;}
.divide-33 .cures{padding-right:30px;}
.divide-50 > div{float:none; width:100%}
.divide-50 > div:first-child{padding-left:0px; padding-bottom:20px;}
h2{font-size:32px;}
.header-bg-r{background-image:none;}
}


@media(max-width: 660px) {

.banners .title a{font-size:20px; line-height:20px;}
.divide-33 .healthytext .flex-container{display:block;}
.divide-33 .maintext img{width:60%;}
.products > div{width:60%; padding:15px;}
.prolabel{left:28%;}
h2.others{font-size:28px;}
.flex-container.recipe{flex-wrap: wrap;}
.recipe div{width:100%;}
.recipe div:last-child{order:1; width:100%; margin-bottom:10px;}
.recipe div:first-child{order:2; width:100%; text-align:left; padding-left:0px; padding-right:0px;}
}


@media(max-width: 600px) {

.maintext img{display:none;}
.slidebox-title-text h1{font-size:28px; margin-bottom:5px;}
.slidebox-title{bottom:5%;}
.section-testimonials > div{width:95%;}
.slick-prev, .slick-next{display:none !important;}
.curesandrecipes{flex-wrap: wrap;}
.divide-33 .cures{padding-right:0px;}
.recipes{padding-top:30px;}
.flex-container.double{flex-wrap: wrap;}
.healthy-box-container.double:nth-child(2){padding-left:0px;}
}


@media(max-width: 530px) {
.slidebox-title-text{width:70vw;}
.slidebox-title{padding-left:15px; bottom:4%;}
.slidebox-title-text p{margin-bottom:0px;}
}



@media(max-width: 480px) {

.logo-container{padding:39px 15px;}

.products > div{width:100%;}
.products-sm > div{width:40%; margin:15px 15px;}
.products-sm.reci > div{width:100%;}

p:last-child{margin-bottom:0px;}
.section-video-single h5{font-size:16px; margin-top:0px;}

h1 {font-size: 32px;}
.content.top100{padding-top:5px;}
.content{padding:15px;}
.logo-bant-sm .btn-txt{display:none;}

.x-back{margin-right:0px;}

.lc-menu {
    margin-left: 15px;
}

}

@media(max-width: 375px) {

.logo-trfav{width:153px;height:48px; margin:2px 0px;}

}

@media(max-width: 360px) {

.header-bg-r{right:-23px;}


.nav-toggle{margin-left:4px;}
.section-video-single h5{font-size:15px;}
.banner-small.flex-sp-bw {justify-content: center;}
.banner-small > div{width:90%;}
.slidebox-title-text{min-width:250px;}
.banners .title a{font-size:26px; line-height:28px;}
}

@media(max-width: 320px) {
.lc-menu{flex-grow: 0;}
.header-bg-r{right:-40px;}
.logo-trfav{width:148px;height:46px; margin:3px 0px;}

}