/*Reset Css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
    text-decoration: none;
}

html {  width: 100vw;   overflow-x: hidden; margin: 0px; padding: 0px;}
.cupimg { width: 10vw !important; margin-right: 3vw;}

 #circlesvg {  width: 20px; height: 20px; position: relative; transform: translate(-7px, -7px);}
.pointdiv { width: 60%; height: 60%; border-radius: 50%; overflow: hidden; background-color: #545152; position: absolute; left: 20%;  top: 20%;  }

table  { padding: 10px !important;  }
td { padding:  10px !important;  border-bottom: 1px solid #EFEFEF; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
input {
    -webkit-appearance: none;
    border-radius:0;
}
input { width: 100%; display: block;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none; }
body {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;
    line-height: 1;
    overflow-x:hidden!important;
    color: #000;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}



/*iframe{pointer-events: none}*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
button, input { line-height: normal; overflow: visible; }
table button, table input { overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
a{cursor: pointer; color: #000; }
a:hover{color: #000; text-decoration: none; }
a.link{position: relative;}
/*a.link:after{content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #000; }*/
body *:focus {outline:none;}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    zoom: 1;
}
.mobile{display: none!important;}
.desktop{display: block!important;}
.clearboth { clear: both; }
.clearboth10 { clear: both; height: 10px; }

/*Main Css*/

/*Animate*/
.runIn { transition: 0.5s linear all; opacity: 0; transform: translateY(10%);}
.runIn.visible { opacity: 1; transform: translateY(0);}

.mobile-slide-cont{display: none;}

.fadeIn{opacity: 0;}

.cT{text-align: center;}
.grey-bg{background: #f3f3f3; border-radius: 0.26vw;}
.grey-bg-noRadius{background: #f3f3f3;}
.pad-right-zero{padding-right: 0!important;}
.pad-left-zero{padding-left: 0!important;}



/*Header*/
header{float: left; position: relative; width: 100%; padding: 0;}

.mobile-header{display: none;}
.desktop-header{float: left; width: 100%; position: relative; }


/*Pages Leafs*/
 .leaf-box2 {position: absolute;width: 100vw; height: 100%; left: 0; right: 0;  }
 .left-top-leaf2 { position: absolute; left: -3%; top: 17vw; z-index: 1; transform-origin: center center; opacity: 0; max-width: 9vw; }
 .right-middle-leaf2 { position: absolute; position: absolute; right: -1.5vw; top: 33.67vw; z-index: 1; transform-origin: center center;  opacity: 0; max-width: 6vw;}
 .left-bottom-leaf2 { position: absolute; left: -4vw; bottom: 20%; z-index: 1; transform-origin: center center;  opacity: 0; max-width: 9vw;}

/**/
/*Index Leafs*/
  .index-right-top-leaf2 { position: absolute; right: -4%; top: 10%; z-index: 3; transform-origin: center center; opacity: 0; max-width:10vw;}
  .index-right-middle-leaf2 { position: absolute; right: -1%; bottom: -10%; z-index: 3; transform-origin: center center; opacity: 0; max-width: 10vw;}
  .index-left-bottom-leaf2 { position: absolute; left: -2%; bottom: 30%; z-index: 3; transform-origin: center center; opacity: 0; max-width: 7vw;}
/**/
/* Index Shop Leaf*/
 .leaf-box2 .index-shop-container-leaf {  position: absolute; right: 20%; top: 65%; z-index: 3; max-width: 6vw; transform-origin: center center; opacity: 0;}
/**/
/* Index Blog Leaf*/
.leaf-box2 .blog-leaf{position: absolute; top: 50%; transform:translateY(-50%); left: -5%; max-width: 9.2vw; transform-origin: center center; opacity: 0;}
/**/

/*Instagram Leaf*/
.leaf-box2 .instagram-leaf{position: absolute; top: -4%; right: 14%; max-width: 8vw; transform-origin: center center; opacity: 0;}
.leaf-box2 .instagram-leaf2{position: absolute; left: 2%; top: 15%; max-width: 10vw; transform-origin: center center; opacity: 0;}



/*Top Menu*/
.mobile-menu-container{display: none;}

.top-menu{float: left; width: 100%;  position: relative;  background: #1f1f1f;}
.tm-content{float: right; width: 61.6%;; height: 3.8vw;}
.top-links{float: left; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%;}
.top-links li{float: left; position: relative; padding-right:1.98vw }
.top-links li:last-child{padding: 0;}
.top-links li a{position: relative; font-family: 'rubik-regular'; font-weight: bold; letter-spacing: 1px; color:#b6b6b6; font-size: 0.63vw; text-decoration: none;}
.top-links li a #line{ background: #b6b6b6; width: 98%; height: 1px; position: absolute; bottom: -0.3vw; left: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1);}
.top-links li a:hover #line { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;
    -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.top-links li a.active { color: #fff;}
.top-links li a.active #line { background: #fff; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1);}



.social-box{float: left; position: relative; height: 100%; margin-left: 2vw;}
.social-box ul{float: left; position: relative; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.social-box li { float: left;}
.social-box li a { width: 1.88vw; height: 1.88vw; display: block; margin-right: 0.4vw; transition: ease all 0.5s}
.social-box li:last-child a { margin-right: 0;}
.social-box li a.facebook { background: url(../img/menu/split2.png); background-position-y: 0vw; background-size: 100%; background-repeat: no-repeat; }
.social-box li a.facebook:hover { background: url(../img/menu/split2-hover.png); background-position-y: 0vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.twitter { background: url(../img/menu/split2.png); background-position-y: -2.1vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.twitter:hover { background: url(../img/menu/split2-hover.png); background-position-y: -2.1vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.instagram { background: url(../img/menu/split2.png); background-position-y: -4.2vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.instagram:hover { background: url(../img/menu/split2-hover.png); background-position-y: -4.2vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.youtube { background: url(../img/menu/split2.png); background-position-y: -6.3vw; background-size: 100%; background-repeat: no-repeat;}
.social-box li a.youtube:hover { background: url(../img/menu/split2-hover.png); background-position-y: -6.3vw; background-size: 100%; background-repeat: no-repeat;}

.lang-change{float: left; position: relative; display: block; height: 100%; text-align: center; margin-left: 1.09vw; }
.lang-change a{display: block; position: relative; height: 100%; color: #fff; font-family:'rubik-regular';  font-size: 0.63vw;  letter-spacing: 1px; text-decoration: none; padding: 0 1.72vw; background:#2c2c2c;
display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.lang-change a:hover{background:#313131;  }

/*Main Menu*/
.main-menu{position: relative; float: left; width: 100%; height: 6.51vw; padding:0 7.81vw; }
.logo-wrap{float:left; position: relative; /*width: 22.5%;*/ height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.logo-wrap img{width: 7vw}

.mM-content{float: right; position: relative; height: 100%; padding-right: 8.5vw; }
.mM-content ul{float: left; position: relative;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%;}
.mM-content li{float: left; position: relative; padding-right:2.45vw }
.mM-content li:last-child, .mM-content li.button-style {padding: 0;}
.mM-content li.search-style i{font-size: 1vw;}
.mM-content li.search-style i, .mM-content li.search-style p{float: left;}
.mM-content li.search-style a{float: left; display: block; padding-left: 1.82vw; margin-left: 1.6vw;}
.mM-content li a{position: relative; font-family: 'rubik-regular'; letter-spacing: 1px; color:#000; font-size: 0.78vw; text-decoration: none;}
.mM-content li a #line{ background: #000; width: 98%; height: 1px; position: absolute; bottom: -0.3vw; left: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1);}
.mM-content li a:hover #line { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;
    -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mM-content li a.active{color:#04984c }
.mM-content li a.active #line{background:#04984c; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }


.mM-content li.button-style{ color:#04984c; border: 1px solid #04984c}
.mM-content .button-style a{display: block; padding: 1.04vw 1.61vw; color:#04984c; transition: 0.4s ease all}
.mM-content .button-style a:hover{color:#fff; background:#04984c }

/*Content*/
.main-wrapper{float: left; position: relative; width: 100%; padding: 0 0 1.56vw 0;}


/*Slider*/
.slider-wrap { float: left; position: relative; width: 100%;}
.slider-content { float: left; position: relative; width: 100%; z-index: 2}
.slider-content .slider-text { text-align: center; line-height: 2; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60%;}
.slider-content .slider-text span { display: block; font-family: 'avenir-medium'; font-size: 1.72vw; letter-spacing: 12px; margin-bottom: 1.46vw;}
.slider-content .slider-text span img { width: auto; margin: 0 auto; }
.slider-content .slider-text p { font-family: 'avenir-medium'; font-size: 2.34vw; line-height: 1.2; margin-bottom: 5.1vw;}
.slider-content .slider-text button { font-family: 'rubik-medium'; display: block; margin: 0 auto; font-size: 0.83vw; color: #fff; letter-spacing: 3px; border: 0;
border-radius: 7.33vw; outline: 0; padding: 1.51vw 2.5vw; background: #04984c;}

.slider-content .owl-dots { position: relative; width: 100%; float: left; margin: -5vw 0; text-align: center;}
.slider-content .owl-dot { position: absolute; width: 0.63vw; height: 0.63vw; top:-0.2vw; border-radius: 50%; border:0; outline: none; margin-right: 1.04vw; background: #fff!important; position: relative;}
.slider-content .owl-dot.active { width:0.99vw; height: 0.99vw; position: relative; top:0; margin-right: 1.04vw; background: #04984c!important; top: inherit; transform: inherit;}
.slider-content .owl-dot:last-child { margin-right: 0!important;}

.slider-content .owl-nav{position: absolute; width: 80%; top: 45%; left: 50%; transform: translate(-50%, -50%);}
.slider-content .owl-nav button{border:0; outline: none;}
.slider-content .owl-nav button.owl-prev{font-size:4.5vw; color:#fff; position: absolute; left: 5vw; }
.slider-content .owl-nav button.owl-next{font-size: 4.5vw; color:#fff; position: absolute; right: 5vw; }
.slider-content .owl-nav button.owl-next span, .slider-content .owl-nav button.owl-prev span{float: left; }

.slider-content .owl-nav button.owl-next , .slider-content .owl-nav button.owl-prev { transition: all ease 0.4s;}
.slider-content .owl-nav button.owl-next:hover span , .slider-content .owl-nav button.owl-prev:hover span { color: #FFF; transform: scale(0.9); background-color: #81B33D !important; }

.slider-content2{ float: left; position: relative; width: 100%; padding: 0 7.35vw }
.slider-content2 li{ float: left; position: relative; width: 100%; }
.slider-content2 li img{ width: 100%; }
.slider-content2 .slider-text{ text-align: center; line-height: 2; color: #000; position: relative; width: 100%; padding: 5.99vw 0 5.73vw 0 }
.slider-content2 .slider-text p{width: 55%; margin:0 auto; font-family: 'rubik-regular'; font-size:1.67vw; line-height: 1.35; letter-spacing: 1px; }
.slider-content2 .slider-text span{ display: block; font-family: 'rubik-medium'; font-weight: bold; font-size: 1.67vw; letter-spacing: 4px; margin-bottom: 2.86vw; }

.slider-content2 .owl-dots{position: relative; width: 100%; float: left; margin: -2vw 0; text-align: center;}
.slider-content2 .owl-dot{position: relative; width: 0.63vw; height: 0.63vw; border-radius: 50%; margin-right: 0.73vw;  background: #5e5e5e!important; outline: none!important}
.slider-content2 .owl-dot:last-child{margin-right: 0!important;}
.slider-content2 .owl-dot.active{width: 1.04vw; height: 1.04vw; position: relative; margin-right: 0.73vw; top: 0.21vw; background: #7cc576!important; }
.slider-content2 .owl-nav{position: absolute; width: 55%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.owl-carousel .owl-nav button.owl-next{ position: absolute; right: 0; outline: none!important; }
.owl-carousel .owl-nav button.owl-prev{ position: absolute; left: 0; outline: none!important; }

.owl-carousel.desktop.insta-blog .owl-nav button.owl-next{ right: -2vw; top: 36%; }
.owl-carousel.desktop.insta-blog .owl-nav button.owl-prev{ left: -2vw; top: 36%; }

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{ font-size: 4vw; }
.owl-stage{padding-left: 0!important}


/*Global*/

.global-container{float: left; position: relative; width: 100%;}
.global-wrap-pad { position: relative; float: left; width: 100%; padding: 5.16vw 7.35vw 5.16vw 7.35vw;}
.global-wrap-pad.paddBotReset { padding-bottom: 2.16vw; }
.global-wrap-pad2 { position: relative; float: left; width: 100%; padding: 3.39vw 7.35vw 3.39vw 7.35vw;}
.global-wrap-pad3 { position: relative; float: left; width: 100%; padding: 3.8vw 7.35vw 3.8vw 7.35vw;}
.global-wrap-pad4 { position: relative; float: left; width: 100%; padding: 0 7.35vw 0 7.354vw; background: #f8f8f8;}
.global-wrap-pad4:nth-child(odd) { position: relative; float: left; width: 100%; padding: 9.33vw 7.35vw 9.33vw 7.35vw; background: #f8f8f8;}
.global-wrap-pad4:nth-child(even) { background: #fff; padding: 9.33vw 7.35vw 9.33vw 7.35vw;}

.global-pad-top { padding-top: 3.39vw!important;}
.global-pad-top3 { padding-top: 6.5vw!important;}
.pT{padding-top: 2vw!important}
.pB{padding-bottom: 1.5vw!important}

.global-head { position: relative; float: left; width: 100%;}
.global-head h1, .global-head h2 { position: relative; display: block; font-family: 'rubik-medium'; color: #000; font-size: 1.56vw; letter-spacing: 1.5px; padding-bottom: 1.3vw;}
.global-head h4 { position: relative; display: block; font-family: 'rubik-regular'; color: #000; font-size: 1.56vw; letter-spacing: 1px; padding-bottom: 3.65vw;}
.global-head p { position: relative; display: block; font-family: 'rubik-light'; color: #000; font-size: 1.2vw; line-height: 1.3; padding-bottom: 2.97vw;}
.global-head p span, .global-head p strong, .global-head p b { font-family: 'rubik-medium'; color: #000; font-weight: normal;}

.global-text{width: 100%; float: left; position: relative;}
.global-text h2{width:100%; font-family: 'rubik-medium'; font-size:1.67vw; line-height: 1.4; padding-bottom: 2.6vw; display: block; float: left;}
.global-text h2.lp{padding:3vw 0 1.08vw 0; font-size: 1.46vw}
.global-text h2.lp:first-child{padding:2vw 0 1.08vw 0; }
.global-text h3 {width:100%;  font-family: 'rubik-medium'; font-size: 1.04vw; line-height: 1.4; padding: 2.6vw 0 0.75vw 0; display: block; float: left;}
.global-text p { font-family: 'rubik-light'; font-size: 0.94vw; line-height: 1.5; padding-bottom: 1.6vw; display: block; float: left; width: 100%;}
.global-text p.half-title { font-family: 'rubik-regular'; font-size: 1.46vw; line-height: 1.5; padding-bottom: 1.8vw; display: block; float: left; width: 80%}
.global-text p.half-title span { font-family: 'rubik-medium'; }
.global-text p.half-title br { display: none;}
.global-text p span, .global-text p strong { font-family: 'rubik-medium';}
.global-text p.small-exp{font-size: 0.89vw;}
.global-text p .italic-exp { float: left; position: relative; width: 100%; font-family: 'rubik-light-italic'; font-size: 0.89vw; padding: 0.75vw 0 0;}
.global-text a { text-decoration: underline; }

.textJustify p { text-align: justify; }
.gizlilikPol h3 { padding-top: 1vw; }

.global-button { display: inline-block; position: relative; font-family: 'rubik-medium'; font-size: 0.83vw; border: 1px solid #04984c; outline: 0; background: transparent; padding: 1.35vw 4.2vw 1.35vw 2.34vw; color: #04984c; letter-spacing: 2px; margin: 0 0 2.08vw 0; outline: none!important;}
.global-button:after { content: ""; position: absolute; background: url(../img/icons/shop-next.png); background-repeat: no-repeat; background-size: 100%;  width:0.94vw;
    height: 0.73vw; right: 13%; top: 50%; transform: translateY(-50%);  -webkit-transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.global-button:hover::after {-webkit-transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translate(0.5vw, -50%); transform: translate(0.5vw, -50%);}

.global-img-wrap{float: left; position: relative; width: 100%; padding:0 7.35vw 0 7.35vw; }
.global-wrap-pad2 .global-img-wrap{float: left; position: relative; width: 100%; padding:2vw 0 ; }

.global-img-wrap img{width: 100%;}
.global-img-wrap img.borderRadius{width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.global-img-wrap .img-exp-text { position: relative; width: 80%; margin: -3.02vw auto 0; text-align: center; padding: 2.34vw 0 6.51vw 0; background: #fff;}
.global-img-wrap .img-exp-text h4 { font-family: 'rubik-medium'; font-size: 1.35vw; color: #000; line-height: 1.4; letter-spacing: 2px; padding: 0 0 1.46vw 0;}
.global-img-wrap .img-exp-text p { font-family: 'rubik-light'; font-size: 1.04vw; color: #000; line-height: 1.4; letter-spacing: 1px; padding: 0 0 1.93vw 0;}
.global-img-wrap .img-exp-text p span, .global-img-wrap .img-exp-text p strong {font-family: 'rubik-medium';}
.global-img-wrap .img-exp-text button, .global-img-wrap .img-exp-text a { display: inline-block; position: relative; margin: 0 auto; border: 0; border-radius: 12vw;
    padding: 1.35vw 2.5vw; color: #fff; background: #04984c; font-family: 'rubik-medium'; font-size: 0.73vw; letter-spacing: 3px; text-decoration: none;}
.global-img-wrap .img-exp-text button, .global-img-wrap .img-exp-text a:hover{color: #fff}

.kvkkFormTable, .kvkkFormTableNew { width: 100%; border: 1px solid #000; margin-bottom: 30px; }
.kvkkFormTableNew tr { line-height: 1.3; }
.kvkkFormTable th, .kvkkFormTable td, .kvkkFormTableNew th, .kvkkFormTableNew td { border-bottom: 1px solid #000; border-right: 1px solid #000; vertical-align: middle; padding: 20px !important; }

.global-img-wrap2{float: left; position: relative; width: 32.9%; margin: 0 0.52vw 0.52vw 0; padding: 3.65vw 3vw; background: #f8f8f8; text-align: center; }
.global-img-wrap2:nth-child(2), .global-img-wrap2:nth-child(3), .global-img-wrap2:nth-child(4){margin-top:2vw;}
.global-img-wrap2:nth-child(4){margin-right: 0;}
/*.global-img-wrap2:nth-child(5), .global-img-wrap2:nth-child(6){width: 49.68%; margin-bottom: 3vw;}*/
.global-img-wrap2:nth-child(7){margin-right: 0}

.global-img-wrap2 img{width:100%; max-width: 14.58vw; }
.global-img-wrap2 a{text-decoration: none;  }
.global-img-wrap2 .img-exp-text{position: relative; padding: 2.6vw 0 0}
.global-img-wrap2 .img-exp-text h4{font-family: 'rubik-medium'; font-size:1.35vw; color:#000; line-height: 1.4; letter-spacing: 1px; padding: 0 0 1.41vw 0 }
.global-img-wrap2 .img-exp-text p{font-family: 'rubik-light'; font-size:1.04vw; color:#000; line-height: 1.7; letter-spacing: 1px; padding: 0 0 1.41vw 0; width: 100%; text-align: center; }
.global-img-wrap2 .img-exp-text p:last-child{padding: 0 }
.global-img-wrap2 .img-exp-text p span, .global-img-wrap2 .img-exp-text p strong{font-family: 'rubik-medium'; }

.global-img-wrap2:nth-child(5) .img-exp-text p, .global-img-wrap2:nth-child(6) .img-exp-text p{width: 70%; margin: 0 auto;}

.global-video-wrap{float: left; position: relative; width: 100%; padding: 0 7.35vw 0 7.35vw;}
.global-video-wrap h2{float: left; position: relative; width: 100%;  font-size: 1.35vw; font-family: 'rubik-medium'; letter-spacing: 2px;
padding: 0 0 3vw 0;}


.global-wrap-pad4 .global-img-wrap{width: 48%; margin-right: 2%; padding: 0 3.8vw 0 3.8vw;}
.global-wrap-pad4 .global-text{width: 23%}
.global-wrap-pad4 .global-text br{display: none;}
.global-wrap-pad4:nth-child(odd) .global-text {position: absolute; top: 50%; left: 60%; transform: translate(-50%, -50%);   }
.global-wrap-pad4:nth-child(even) .global-img-wrap {float: right;}
.global-wrap-pad4:nth-child(even) .global-text {position: absolute; top: 50%;  right: 40%; transform: translate(-50%, -50%); text-align: right;}
.global-wrap-pad4:last-child{margin-bottom: 9vw;}


/*Exp Img Wrap*/
.col-exp-img .global-img-wrap{float: left; position: relative; width: 49.65%; padding:0 0 0 7.35vw; margin: 0 0.52vw 0 0;}
.col-exp-img .global-img-wrap:nth-child(even){margin: 0; padding:0 7.35vw 0 0 }
.col-exp-img .global-img-wrap.fW{width: 100%; padding:0 7.35vw}


/*Explain Area*/
.explain-grey-area{float: left; position: relative; width: 100%; background: #f3f3f3; padding: 1.6vw 2.34vw; margin: 00;}
.explain-grey-area p{font-family:'rubik-light'; font-size: 0.89vw; color:#000; padding-bottom: 0; }
.explain-grey-area p span, .explain-grey-area p strong{font-family:'rubik-medium'; }
.explain-grey-area p a{color: #000; text-decoration: none; position: relative; }
.explain-grey-area p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -0.32vw; border-bottom: 1px solid #000;
 -webkit-transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94) }
.explain-grey-area p a:hover::after { -webkit-transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  bottom: -0.15vw}

.explain-grey-area2{float: left; position: relative; width: 100%; background: #f3f3f3; padding: 4.58vw 5.47vw 3vw; margin: 0 0 3vw; }
.explain-grey-area2 h4{font-family:'rubik-medium'; font-size: 1.88vw; color:#000; padding-bottom: 1.67vw; }
.explain-grey-area2 p{font-family:'rubik-regular'; font-size: 0.94vw; color:#000; padding-bottom: 2.08vw; line-height: 1.4 }
.explain-grey-area2 p span, .explain-grey-area2 p strong{font-family:'rubik-medium'; }
.explain-grey-area2 p a{color: #000; text-decoration: none; position: relative;  }
.explain-grey-area2 p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -0.26vw; border-bottom: 1px solid #000 }

.explain-grey-area3{float: left; position: relative; width: 70%; background: #f3f3f3;
    padding: 2.08vw 4.17vw 2.08vw 4.17vw; margin: 3.33vw 0 5vw; border-radius: 0.26vw;}
.explain-grey-area3 ul, .explain-grey-area3 li{float: left; position: relative; width: 100%; border-bottom: 0!important;}
.explain-grey-area3 h4{font-family:'rubik-medium'; font-size: 4vw; color:#000; padding-bottom: 5.07vw; }
.explain-grey-area3 li{padding: 0.8vw 0 0.4vw 0!important; line-height: 1.3;}
/*.explain-grey-area3 li:last-child{padding: 0!important}*/
.explain-grey-area3 p.half-title{ font-family: 'rubik-medium'; border-bottom: 0; font-size: 1.2vw; padding: 0; }
.explain-grey-area3 li p{font-family:'rubik-light'; font-size: 1.2vw; padding-left: 0; color:#000; padding-bottom: 1.51vw; line-height: 1.4 }
.explain-grey-area3 li p span{font-family:'rubik-medium'; }
.explain-grey-area3 li p a{color: #000; text-decoration: none; position: relative;  }
.explain-grey-area3 li p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -10px; border-bottom: 1px solid #000 }

.explain-grey-area3 li a{font-size: 1.2vw; padding-left: 0; color:#000; line-height: 1.4; font-family:'rubik-medium'; color: #000; text-decoration: none; position: relative;  }
.explain-grey-area3 li a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -0.2vw; border-bottom: 1px solid #000 }

.exp-button-cont{float: left; position: relative; width: 100%;}
.exp-button-cont li{float: left; margin-right:10.68vw }
.exp-button-cont li:last-child{margin-right: 0; }
.exp-button-cont p{width: 70%;}


/*Shop*/
.shop-wrap{float: left; width: 85%; position: relative; margin: 0 7.35vw 2.16vw 7.35vw; /*padding-bottom: 4vw; background: #f7f7f7;*/ }
.shop-wrap img{/*margin: -2vw 0 0 8.23vw; max-width: 25.73vw;*/ width: 100%; float: left; }
.shop-wrap p {  font-family: 'rubik-regular'; font-size: 1.35vw; text-align: center; color: #fff; line-height: 1.3; margin-bottom: 2.08vw; /*margin: 7.47vw 0 3.27vw 8vw; float: left;*/ }
.shop-wrap p span, .shop-wrap p strong { font-family: 'rubik-medium';}
/*.shop-wrap button, .shop-wrap a { position: relative; font-family: 'rubik-medium'; font-size:  0.83vw; outline: 0;
padding: 1.50vw 4.17vw 1.64vw 2.45vw; color: #04984c!important; letter-spacing: 2px; display: inline-block; background: #fff;*/ /*margin-left: 13vw; float: left; background: transparent; border: 1px solid #04984c;*/ /*}*/
/*.shop-wrap button:after, .shop-wrap a:after { content: ""; position: absolute; background: url(../img/icons/shop-next.png); background-repeat: no-repeat; background-size: 100%;  width:0.94vw;*/
/*    height: 0.73vw; right: 13%; top: 50%; transform: translateY(-50%);  -webkit-transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
*//*.shop-wrap button:hover::after, .shop-wrap a:hover::after {-webkit-transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .29s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translate(0.5vw, -50%); transform: translate(0.5vw, -50%);}*/
.dukkanText { position: absolute; right: 0; left: 5%; width: 35%; top: 37%; text-align: center; }
.shop-wrap img.dukkanD { display: block; }
.shop-wrap img.dukkanM { display: none; }

 /*Blogs*/
.blog-content{padding-top: 2vw;}
.blog-content p {  padding: 1.5vw 0 0; }
.read-all { position: relative; float: left; font-family: 'rubik-regular'; font-size: 0.83vw; color: #000!important; border: 0;
text-decoration: none!important; background: transparent; margin: 0 auto; padding: 0; margin: 1.67vw 0;  }

.read-all #line{ background: #000; width: 98%; height: 1px; position: absolute; bottom: -0.3vw; left: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1);}
.read-all:hover #line { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;
    -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

/*Instagram*/
.instagram-wrap { background: #f8f8f8; margin: 0 8% 6% 8%; width: 84%; padding: 4.16vw 7.35vw 6.16vw 7.35vw;}
.instagram-wrap .global-head h4{text-align: center; }

.buyContainer { display: block;   width: 100%; border-top: 1px #DCDCDC solid; }
.buyItem { height: 95px; display: flex; flex-direction: row; align-items: center;  /*margin-bottom: 10px;*/ border-bottom: 1px #DCDCDC solid; padding-top:  20px; padding-bottom: 20px; box-sizing: border-box; justify-content: space-between; }
.buyItem:last-child{margin-bottom: 10px;}
.buyItem .buyBrand { width: calc( 100% - 165px); height: 60px; display: flex; align-items: center; }
.buyItem .buyBrand img { height: 100%; max-width: 100%;}
.buyItem .global-button { margin: 0px !important; width: 164px; height: 55px; padding: 0px; padding-right: 29px; border-radius: 10px;}
.buyItem .global-button:after { top: 53%; }
.buyItem span { width: calc(60% - 168px); font-weight: bold; font-size: 12px; padding-right: 8px;}

/*Article*/
.article-box{float: left; position: relative; width: 100%;}
.col-two{position: relative; width: 49.67%; margin-right: 0.52vw; }
/*.col-two:nth-child(odd){margin-right: 0; }*/
.col-two.margin-zero{margin-right: 0;}
.col-three{width: 32.9%; margin-right:0.52vw; max-height: 31.25vw; overflow-y: hidden;}
.col-three:last-child{margin-right: 0;}
.col-three.margin-zero{margin-right: 0;}
/*.col-three:nth-child(3n){margin-right: 0;}*/
.article-box2{float: left; position: relative; width: 50%; padding: 3vw 0 8vw 0;}
.article-global-text{float: left; position: relative; width: 100%; border-bottom: 1px solid #858585}
.article-global-text h2{padding:3.4vw 0 1.56vw 0; font-size: 1.35vw;}
.article-box .global-text h3{padding-top:0; letter-spacing: 1px;}
.article-box .global-text p{padding-bottom: 2.14vw; width: 70%}
.article-box .read-all{margin-top: 0; text-transform: uppercase; font-family: 'rubik-medium'; letter-spacing: 1px;}
a #line{ background: #000; width: 98%; height: 1px; position: absolute; bottom: -0.3vw; left: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1);}
a:hover #line { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;
    -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.article-box > a:hover .read-all{color:#dedede;}

/*Products*/
.head-img-wrap{float: left; position: relative; width: 100%;}
.head-img{position: relative; float: left; width: 100%;}
.head-img img{width: 100%;}
.head-img h1{
    position: absolute; width: 100%; top:50%; transform: translateY(-50%); font-family: 'rubik-medium';
     font-size: 2.34vw; letter-spacing: 4px; line-height: 1.3; color: #fff; text-align: center;}

  /* BTH CSS*/

    .bth-wrap {
        padding: 4vw 9.38vw !important;
    }

    .company-info-wrap .action-link-cont{
        float: left;
        width: 20%;
        position: relative;
        left: 0;
        transform:translateX(0);
         margin: 3.15vw 0px;
    }

    .company-info-wrap{
        padding: 3.39vw 12vw;
    }

    .company-info-wrap .action-content{
        float: left;
        position: relative;
        width: 80%;
    }

    .company-info-wrap .action-link-cont button:after{
        content: none;
    }

    .company-info-wrap .dropdown-wrap{
        padding: 0vw 2.38vw !important
    }

    .company-info-wrap .action-links{
        width: 100%;
        border-radius: 0!important;
        border:1px solid transparent!important;
        background: #f6f6f6;
    }

    .bth-company-info-header h2 {
        padding: 0vw 0 1.5vw 0 !important;
        font-weight: bold;
    }

    .bth {
        background: #e9e9e9 !important;
        padding: 2.19vw 3vw !important;
        font-family: 'rubik-medium' !important;
    }

    .bth:hover,.bth.active-panel {
        background-color: #04984c !important;
        color: #ffffff;
    }

    button.bth:hover:after, a.bth:hover:after, button.bth.active-panel:after, a.bth.active-panel:after{
        content: '\002B' !important;
        color: #ffffff;
    }

    button.bth:after {
        right: 5.77% !important;
    }

    .bth:first-child {
        border-top:none !important;
    }

    .bth-details:last-child {
        border-bottom: none !important;
    }

    .bth-details {
        background: #fcfcfc;
        border-bottom: 1px solid #cacaca !important;
    }

    .bth-dropdown-details {
        padding: 2vw 0 3vw 3vw;
    }

    .bth-dropdown-details-top {
        font-size: 1.15vw;
        padding-bottom: 0.5vw;
        text-transform: uppercase;
        font-family: 'rubik-medium' !important;
    }

    .bth-dropdown-details-bottom {
        font-size: 1.10vw;
        padding-bottom: 2vw;
        font-family: 'rubik-regular' !important;
    }

    .bth-dropdown-details-contracts {
        font-size: 1vw;
        padding-bottom: 2vw;
        font-family: 'rubik-regular' !important;
    }

    .bth-contracts-icon {
        width: 3vw;
        vertical-align: middle;
        margin-right: 1vw;
    }

/*Video*/
.head-video-wrap{float: left; position: relative; width: 100%;}
.head-video-wrap a{ width: 100%; position: relative; float: left;}
.head-video-wrap a:after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:4.58vw; height: 4.58vw; background: url(../img/icons/video-play2.png) no-repeat; background-size: 100%;}
.head-video-wrap img{width: 100%; position: relative; float: left;}

.head-video-wrap h1{position: relative; float: left; width: 100%; padding: 4vw 7.35vw 0; font-family: 'rubik-medium'; font-size: 2.34vw;
letter-spacing: 4px; line-height: 1.3; color: #000; text-align: left;}

.blog-video-wrap{width: 100%; height: 31.25vw; overflow: hidden; float: left; position: relative;}
.video-background{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.product-content{float: left; position: relative; width: 100%;}

.action-link-cont { overflow: hidden; background-color: transparent; position: relative; display: inline-block; margin: 0 auto; width: 32%; left: 50%; transform: translateX(-50%);}

.action-link-cont button {font-family: 'rubik-regular'; font-size: 0.83vw; letter-spacing:  2px; color:#000; background:transparent; position: relative; float: left; width: 50%;
    outline: none; cursor: pointer; padding: 1.56vw 0; transition: 0.35s; border: 1px solid #111111;}
.action-link-cont button:after{position: absolute; content: ""; width: 1px; background: #04984c; right: 0; top: 0; height: 100%;}
.action-link-cont button:last-child:after{background: transparent;}
.action-link-cont button.active-tab {  background-color: #04984c; color:#fff; border-color:#04984c }
.action-link-cont button:first-child  {border-top-left-radius: 0.3vw;   border-bottom-left-radius: 0.3vw; border-right:0;}
.action-link-cont button:last-child  {border-top-right-radius: 0.3vw;   border-bottom-right-radius: 0.3vw; border-left: 0;}
.action-content { display: none; float: left;  animation: fadeEffect 1s; /* Fading effect takes 1 second */ }

.overlay{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0, 0.2);
    width: 100%;
    height: 100%;
    transition: ease all 0.4s;
}

figure.effect-bubba:hover .overlay{
    background: transparent;
}

.col1-product, .col1-product ul {float: left; position: relative; width: 100%; margin-bottom: 2vw;}
.col1-product li { position: relative; float: left; border-radius: 10px; margin: 0 0 0.52vw 0;}
.col1-product li:nth-child(odd){width: 49.71%; margin-right: 0.52vw;}
.col1-product li:nth-child(even){width: 49.65%; margin-right: 0; float: right;}
.col1-product li.sogukCay { width: 100%; margin-right: 0;}
.grid.sogukCay figure img { max-width: 100%; }

.black-tea .col1-product li:nth-child(1){width: 49.71%; margin-right: 0.52vw;}
.black-tea .col1-product li:nth-child(2){width: 49.65%; margin-right: 0;}
.black-tea .col1-product li:nth-child(3){width: 49.71%; margin-right: 0.52vw; float: left;}
.black-tea .col1-product li:nth-child(4){width: 49.65%; margin-right: 0;}

.col1-product li img { width: 100%;}
.col1-product li a{display: block; }
.col1-product li a:hover{}
.col1-product li p { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-family: 'rubik-medium';
color: #fff; font-size: 1.67vw; letter-spacing: 2px; text-shadow: 2px 2px 0px #000000; z-index:1; line-height: 1.2;}

.col2-product { width: 100%; float: left; position: relative; margin-bottom: 2vw;}

.col2-product h2 { float: left; position: relative; width: 100%; padding: 0 0 1.65vw 0; margin: 0 0 3.02vw 0; border-bottom: 1px solid #dcdcdc; font-family: 'rubik-medium'; font-size: 1.35vw;}
.col2-product ul { float: left; position: relative; width: 100%;}
.col2-product li { position: relative; float: left; margin: 0 0.52vw 0.52vw 0; }
.col2-product li.fW {width: 100%!important; margin-right: 0;}
.col2-product li.fW img {width: 100%!important; max-width: 100%;}
.col2-product ul.desktop-product li { min-height: 27vw; }
.col2-product li a{ display: block;}
.col2-product li img{ width: 100%;}
.col2-product li a{display: block; }
.col2-product li a img{ transition: ease all 0.8s; border-radius: 10px;}
.col2-product li a:hover img{transform: scale(1.04); transition: ease all 0.8s;}

.col2-product li p { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'rubik-medium'; color: #fff;
font-size: 1.67vw; letter-spacing: 2px; text-align: center; text-shadow: 2px 2px 0px #000000; z-index:1;}
.col2-product li p.alt-exp { position: relative; float: left; width: 100%; padding: 1.56vw 0 0 0; font-family: 'rubik-regular'; color: #000; font-size: 1.2vw; letter-spacing: 1.5px;
line-height: 1.2; text-align: left; left: inherit; top: inherit; transform: inherit; text-shadow: none}
.col2-product li p.alt-exp br{display: none}

/*.product1*/ .col2-product li:nth-child(1){width: 49.67%;}
/*.product1*/ .col2-product li:nth-child(2){width: 24.5%; margin-right: 0.52vw;}
/*.product1*/ .col2-product li:nth-child(3){width: 24.5%; margin-right: 0;}
/*.product1*/ .col2-product li:nth-child(4){width: 49.655%; margin-right: 0;}
/*.product1*/ .col2-product li:nth-child(5){width: 49.655%; }
/*.product1*/ .col2-product li:nth-child(6) { width: 49.655%; margin-right: 0; }




/*.col2-product li:nth-child(1){width: 49.6%; margin-right: 0.52vw;}
.col2-product li:nth-child(2){width: 49.66%; margin-right: 0;}
.col2-product li:nth-child(3){width: 49.66%; margin-right: 0;}
.col2-product li:nth-child(4){width: 32.9%; margin-right: 0.52vw;}
.col2-product li:nth-child(5){width: 32.9%; margin-right: 0.52vw;}
.col2-product li:nth-child(6){width: 32.9%; margin-right: 0;}*/

.col2-product .desktop-product li{width: 23.7%; margin-right: 1.04vw; margin-bottom: 1.3vw;  }
.col2-product .desktop-product li:last-child{ margin-right: 0;  }

.grid figure { position: relative; text-align:center;  transition: ease all 0.6s}
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 41.93vw; opacity: 0.95; }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

figure.effect-bubba img.desktop { /*opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;*/ }
figure.effect-bubba:hover img.desktop { opacity: 1; }
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
/*figure.effect-bubba p { padding-top: 45%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }*/
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*figure.effect-bubba:hover p{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }*/


/*Hover Effect*/

/*Video*/
.video-box{float: left; width: 47.5%; margin:0 2.5% 2.5% 0; position: relative; }
.video-wrap, .video-content{float: left; position: relative; width: 100%; margin-top: 1vw;}
.video-content{border-radius: 0.26vw; background: #f8f8f8; }
.video-content .video-img{float: left; position: relative; width: 100%; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.video-content .video-img:after{position: absolute; content: ""; left: 50%; top:50%; transform: translate(-50%, -50%); width: 4.2vw; height: 4.2vw;
background: url(../img/icons/video-play.png) no-repeat; background-size: 100%; }
.video-content .video-img img{width: 100%; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.video-content .video-text{float: left; position: relative; width: 100%; padding: 2.08vw 2.24vw 2.08vw 2.24vw}
.video-content .video-text .video-title{position: relative; float: left; width: 100%;}
.video-content .video-text .video-title p{font-family:'rubik-light'; font-size: 1.25vw; padding-bottom: 0.5vw; color:#000; line-height: 1.6; letter-spacing: 2px;  }
.video-content .video-text .video-title p br{display: none;  }
.video-content .video-text .video-title p span, .video-content .video-text .video-title p strong {font-family:'rubik-medium'; }
.video-content .video-text .video-date{width: 100%; float: left; position: relative; }
.video-content .video-text .video-date p {font-size:  0.73vw; font-family: 'rubik-light'; font-weight: bold; letter-spacing: 2px; color:#000; text-align: left;}

/*Product Detail*/
.product-detail{margin-top: 3vw;}
.product-detail .head-img-wrap{width: 44%; margin: 0 0 0 7.35vw}
.product-detail .global-wrap-pad2.product-contD{width: 40%;  padding: 0 1.35vw 0 7.35vw; }
.product-contD .bot-banner{ position: relative; font-family: 'rubik-medium'; font-size: 1.35vw; margin:0 0 1.8vw 0; padding: 0 0 1.82vw 0; letter-spacing: 1px;
color: #000; line-height: 1.5; border-bottom: 1px solid #dcdcdc; width: auto; top: inherit; transform: inherit; text-align: left;}


/*Topraktan Masaya*/
.two-colLR-wrapper{padding: 0;}
.two-colLR-wrapper .head-img-wrap{padding: 0 1.56vw;}
.two-colLR-wrapper .global-wrap-pad3, .two-colLR-wrapper .global-wrap-pad4{padding: 3.8vw 8.91vw 3.8vw 8.91vw;}


/*Kurumsal*/
.corporate .global-wrap-pad2.pT{padding-top: 0;}
.corporate .global-wrap-pad2.pT .dropdown-wrap{padding-top: 3.5vw;}

.history-wrap { position: relative; float: left; width: 100%; /*margin-top: 5.73vw;*/ padding: 5.73vw 7.35vw 5.73vw 7.35vw; background: #f8f8f8;}
.history-head { float: left; position: relative; width: 100%;}
.history-head h2 { font-size: 1.67vw; font-family: 'rubik-medium'; letter-spacing: 2px;}

.history-content { float: left; position: relative; width: 100%;}
.history-content:after{position: absolute; content: ""; left:0; top:38%; width: 100%; height: 2px; background:url(../img/icons/history-dotsD.jpg) repeat-x; z-index:-1 }
.history-box { position: relative; float: left; width: 100%; padding: 4.17vw 0 0;}
.history-img {float: left;position: relative;width: 100%;}
.history-img img { width: 100%;}
.history-text, .history-year, .line, .history-exp { position: relative; float: left; width: 100%;}
.history-year p { font-family: 'rubik-medium'; font-size: 1.25vw; letter-spacing: 2px; padding: 1.2vw 0 1.04vw 0;}
.line { height: 2px; background: #000; -webkit-transform-origin: left center; transform-origin: left center;}

.history-exp p { font-family: 'rubik-light'; font-size: 0.94vw; line-height: 1.5; letter-spacing: 2px; padding: 1.04vw 0 1.2vw 0;}
.history-exp p span, .history-exp p strong { font-family: 'rubik-medium';}

.history-content .owl-nav { position: absolute; width: 100%; top: 35%; left: 50%; transform: translate(-50%, -50%);}
.history-content.owl-carousel .owl-nav button.owl-prev { position: absolute; left: -3vw; outline: none!important;}
.history-content.owl-carousel .owl-nav button.owl-next { position: absolute; right: -3vw; outline: none!important;}
.history-content.owl-carousel .owl-nav button.owl-next span, .history-content.owl-carousel .owl-nav button.owl-prev span{position: absolute; font-size: 1.6vw; border: 1px solid #b8b9b9;
  width: 1.72vw;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 3.01vw; padding: 0.6vw 0.5vw 1vw 0.5vw;  }

.desktop.insta-blog.owl-carousel .owl-nav.disabled { display: block !important; }


/*Search*/
.search-wrap{float: left; position: relative; width: 100%; margin: 2.5vw 0 0}
.search .search-wrap{margin: 2.5vw 0 5vw 0}
.search-wrap input{float: left; position: relative; width: 40%; padding:1.6vw 0 1.16vw 1.82vw;  -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; border-top:0; border-left: 0; border-right: 0; border-bottom: 1px solid #000; color: #000; font-family:'rubik-regular'; font-size: 1.2vw; }
.search .search-wrap input{width: 100%;}
.search-wrap input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: #000;  opacity: 1; /* Firefox */}
.search-wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #000; }
.search-wrap input::-ms-input-placeholder { /* Microsoft Edge */  color: #000;}
.icon-search{position: absolute; left: 0; top:50%; transform: translateY(-50%); z-index: 1; font-size: 1.2vw;}

.search-result{ background:#f4f4f4; display: none;  position: absolute; width: 40%; top:4.43vw; background: #fff; z-index: 2; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); transition: ease all 0.5s; opacity: 0; overflow-y: auto; overflow-x: hidden; max-height: 35vh;}
.search-result.active-search{opacity: 1; transition: ease all 0.5s;}
.search-result ul li{float: left; width: 100%; border-bottom: 1px solid #e4e4e4; padding: 1.56vw 1.82vw}
.search-result ul li:last-child{ border-bottom:0;}
.search-result ul li a{ font-family:'rubik-regular'; font-size:0.94vw; }
.search-result ul li a:hover{ text-decoration: underline;}



/*Accordion Menu*/
.dropdown-wrap { float: left; position: relative; width: 100%; padding: 4vw 0;}
.dropdown-wrap h2, .global-img-wrap h2  { float: left; position: relative; width: 100%; padding: 0; font-size: 1.35vw; font-family: 'rubik-medium'; letter-spacing: 2px; padding: 2vw 0 0.5vw 0;}
.accordion { position: relative; width: 100%; float: left; background: transparent; font-family: 'rubik-regular'; font-size: 1.15vw; line-height: 1.35; text-align: left; outline: 0!important; border: 0;  padding: 2.19vw 0;  color: #000; letter-spacing: 1px;}

/*Accordion 1*/
.accordion br{display: none;}
button.accordion:after, a.accordion:after { content: '\002B'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #000;
font-weight: bold; font-size: 1.25vw; transition: ease all 0.4s;}

button.accordion.active-panel:after, a.accordion.active-panel:after { content: '\2212';}

.accordion:first-child { border-top: 1px solid #5d5d5d;}
button.accordion.active-panel, a.accordion.active-panel {border-bottom:transparent 1px solid;}
.panel { float: left; width: 100%; position: relative; background-color: transparent; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; border-bottom: 1px solid #5d5d5d}
.panel p { font-family: 'rubik-light'; font-size: 1.04vw; line-height: 1.3; padding: 0 0 3vw 0; }
.panel p u { text-decoration: underline; }
.panel p span, .panel p strong { font-family: 'rubik-medium'; }
.accTextInner p { text-align: justify; padding-bottom: 1vw; }
.accTable { border: 1px solid #000; }
.accTable tr:first-child { font-weight: bold; }
.accTable td { border-right: 1px solid #000; border-bottom: 1px solid #000; }

.border-bot{border-bottom: 1px solid #5d5d5d!important}

/*Accordion 2*/
.accordion-container { float: left; position: relative; width: 100%; }
.with-img .accordion:first-child { border-top: 0;}
.with-img .accordion { float: left; text-decoration: none; color: #000; padding: 3vw 0;}
.with-img .accordion img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); left: 4%; max-width: 16.67vw; border-radius: 0.52vw; width: 7vw; }
.vegetable-detail .with-img .accordion img { max-width: 7vw;}
.with-img .accordion p { float: left; text-decoration: none; font-family: 'rubik-medium'; letter-spacing: 2px; color: #000; margin-left: 15%;}

.panel.part-texts{border-bottom: 1px solid #aeaeae}
.panel.part-texts ul, .panel li { float: left; position: relative; width: 100%;}
.panel.part-texts li { width: 100%; padding: 2.5vw 0; border-bottom: 1px solid #ececec;}
.panel.part-texts li:last-child { border-bottom: 0;}
.panel.part-texts li p { width: 100%; float: left; font-family: 'rubik-light'; font-size: 1.2vw; padding-bottom: 1.04vw; letter-spacing: 1px; line-height: 1.4; border-bottom: 0;}
.panel.part-texts li p.half-title2 { font-family: 'rubik-medium';}
.panel.part-texts li p:last-child { padding-bottom: 0vw;}

.tab-content-wrap { position: relative; width: 100%; float: left;}
.tab-head { position: relative; width: 100%; float: left; padding: 0 7.35vw 1.82vw 7.35vw; font-size: 1.35vw; font-family: 'rubik-medium'; letter-spacing: 1px;}

.tab-content { position: relative; float: left; width: 100%; }
.tab-content .action-link-cont { overflow: hidden; background-color: transparent; position: relative; float: left; width: 100%; padding: 0 7.35vw;}

.tab-content .action-link-cont button { position: relative; float: left; width: 16.6667%; background: #e6e6e6; font-family: 'rubik-medium'; font-size: 1.2vw; text-align: center; letter-spacing: 0.27vw; color: #fff; outline: none; cursor: pointer; padding: 2.08vw 0; transition: 0.35s; border: 0; border-radius: 0; border-right: 2px solid #dbdbdb;}
.tab-content .action-link-cont button:after{content: none}
.tab-content .action-link-cont button:last-child{border: 0}
.tab-content .action-link-cont button.active-tab { background-color: #04984c; color: #fff; border-color: #04984c;}

.tab-content .action-content { display: none; float: left; position: relative; width: 100%; animation: fadeEffect 1s; padding: 1.67vw 7.35vw 8.67vw 7.35vw;}



/*Show All*/
.show-all{ position: absolute; right: 0; top: -4.6vw; outline: none; border: none; background: transparent; font-family:'rubik-medium';
font-size: 0.83vw; color: #000; padding-bottom: 0.4vw; text-decoration: none; }
.show-all:hover{text-decoration: none; color:#000;}
.show-all:after { content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -0.25vw; border-bottom: 1px solid #000;
-webkit-transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.show-all:hover::after { -webkit-transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .32s cubic-bezier(0.25, 0.46, 0.45, 0.94); bottom: 0;}

/*Footer*/
footer{float: left; width: 100%; position: relative;}
.footer-container { float: left; position: relative; width: 100%; background: #1f1f1f; padding:  6.25vw 8.95vw;}

.footer-logo {  float: left; position: relative; }
.footer-logo a { display: block;}
.footer-logo a img { width: 100%;  width: 6vw;}

.footer-links { position: relative; float: left; margin-left: 7.29vw; width: 83%; color: #fff;}
.footer-links a #line{ background: #fff; width: 98%; height: 1px; position: absolute; bottom: -0.3vw; left: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1);}
.footer-links a:hover #line { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;
    -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.main-link { position: relative; float: left; width: 25%;}
.main-link li {  margin-bottom: 1.04vw;}
.main-link li a {position: relative; font-family: 'rubik-regular'; font-size: 0.78vw; color: #fff; cursor: pointer; text-decoration: none; letter-spacing: 1px; text-transform: uppercase;}

.second-link { position: relative;  float: left;  width: 25%;  }
.second-link:after{content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 155%; background:#2c2c2c }
.second-link li { margin-bottom:1.04vw;}
.second-link li a {position: relative; font-family: 'rubik-regular'; font-size: 0.78vw; color: #fff; cursor: pointer; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;}

.footer-container .social-box { float: right; position: relative; margin-left: 2vw;}
.footer-container .social-box ul{margin-top: 1vw;}
.footer-container .social-box li a.facebook { background: url(../img/footer/split.png); background-position-y: 0vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.facebook:hover { background: url(../img/footer/split-hover.png); background-position-y: 0vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.twitter { background: url(../img/footer/split.png); background-position-y: -2.1vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.twitter:hover { background: url(../img/footer/split-hover.png); background-position-y: -2.1vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.instagram { background: url(../img/footer/split.png); background-position-y: -4.2vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.instagram:hover { background: url(../img/footer/split-hover.png); background-position-y: -4.2vw; background-size: 100%; background-repeat: no-repeat;}

.footer-container .social-box li a.youtube { background: url(../img/footer/split.png); background-position-y: -6.3vw; background-size: 100%; background-repeat: no-repeat;}
.footer-container .social-box li a.youtube:hover { background: url(../img/footer/split-hover.png); background-position-y: -6.3vw; background-size: 100%; background-repeat: no-repeat;}

.info-link { position: relative; float: left; width: 50%;}
.info-link p { font-family: 'rubik-regular'; font-size: 0.68vw; text-transform: uppercase;}

.contact-box { float: left; position: relative; width: 40%; margin-left:5.99vw }
.contact-box p { font-family: 'rubik-light'; font-size: 0.68vw; letter-spacing: 1.2px; text-transform: uppercase;}
.contact-box ul { float: left; position: relative; width: 100%; margin: 1.56vw 0;}
.contact-box ul li { float: left; width: 100%; margin-bottom: 1.41vw;}
.contact-box ul li.info-data { display: none;}
.contact-box ul li a, .contact-box ul li p { font-size: 0.68vw; position: relative; color: #fff; margin-left: 1.56vw; text-decoration: none; }

.contact-box ul li a:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #fff;}
.contact-box ul li a.mail:before { content: ""; position: absolute; left: -1.8vw; top: 0.3vw; background: url(../img/footer/split2.png); background-repeat: no-repeat;
width: 1.15vw; height: 0.83vw; background-size: 100%;}
.contact-box ul li a.phone:before { content: ""; position: absolute; left: -1.8vw; top: 0.2vw; background: url(../img/footer/split2.png); background-repeat: no-repeat; width: 1.21vw; height: 1.7vw; background-position-y: -2.7vw; background-size: 100%;}

.footer-copyright{float: left; width: 100%; position: relative; padding: 2.24vw 8.55vw;}
.footer-copyright p{float: left; font-family: 'rubik-light'; font-size: 0.73vw; letter-spacing: 1.2px; color:#000;  line-height: 1.3}

.footer-copyright .info-data{float: right; font-family: 'rubik-light'; font-size: 0.68vw; letter-spacing: 1.2px;}
.footer-copyright .info-data a { font-size: 0.68vw; position: relative; color: #000; margin-left: 1.56vw; text-decoration: none;}
.footer-copyright .info-data a:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #000;}

.footer-copyright .privacy{float: right; font-family: 'rubik-light'; font-size: 0.68vw; letter-spacing: 1.2px;}
.footer-copyright .privacy a { font-size: 0.68vw; position: relative; color: #000; margin-left: 2.5vw; text-decoration: none;}
.footer-copyright .privacy a:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #000;}

/*Form*/
.form-cont{float: left; width: 100%; position: relative; padding: 0 0 2vw 0;}
.form-box{float: left; position: relative; width: 100%; padding:0 0 2vw 0 }
.form-box p{font-family:'rubik-regular'; font-weight: bold; font-size: .83vw; letter-spacing: 2px; padding-bottom:.83vw;  }
.form-box select, .selectcustom{float: left; width: 100%; outline: none; border-radius: 0; border: 1px solid #000; font-family: 'rubik-medium'; font-size:.83vw; padding: 1.16vw 2.71vw; letter-spacing: 2px; line-height: 1.2; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; background: none; }
.form-box input{float: left; width: 100%; position: relative; border:1px solid #000; font-family: 'rubik-medium'; font-size: 0.94vw; padding: 1.16vw 2.71vw; -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; background: none; max-width: 30vw; }

.form-box input[type="date"]{ padding-top: 1.45vw; padding-bottom: 1.45vw; }
.form-box textarea{float: left; width: 100%; outline: 0; border-radius: 0; border: 1px solid #000; font-family: 'rubik-medium'; font-size:.83vw; padding: 1.16vw 2.71vw; letter-spacing: 2px; line-height: 1.2; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; height: 6vw; max-height: 6vw; background: none  }
.form-cont .buttonForm{float: left; width: 16vw; position: relative; font-family: 'rubik-medium'; font-size:1.2vw; color:#fff; letter-spacing: 2px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; border: 0; padding: 1vw 0; background:#04984c; }
.form-box.col-42{width: 100%; float: left;}
/*.form-cont .form-box.col-42.mr2{margin-right: 2%;}
.form-cont .form-box.col-27.mr2{margin-right: 2%;}*/

.form-box.col-27{width: 32%; float: left; }
.form-box.col-27-select select{width: 32%; }
.form-box.col-87 textarea{width: 100%; }
.form-box.col-27{width: 100%; float: left; }
.form-box.col-27-select select, .form-box.col-27-select .selectcustom{width: 30vw; }
.form-box.col-87 textarea{width:63.8vw; }
.contactLeft {width: 50%; float: left;}
.contactRight {width: 50%; float: right;}

.selectcustom{ position:relative; background:#000; padding: 0; height: 3.6vw;}
.selectcustom span{width:100%; padding: 1.16vw 2.71vw;display:block;font-family: 'rubik-medium'; font-size: 0.94vw;color:#fff; cursor: pointer;}
.selectcustom.active span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/up-arrow.png) no-repeat; background-position: right center;}
.selectcustom span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/down-arrow.png) no-repeat; background-position: right center;}
.selectcustom ul{position:absolute;width:100%;top:5vw;left:0; display:none; background: #fff; border:1px solid #000; z-index: 1; max-height: 20vw; overflow-x: hidden; overflow-y: auto;}
.selectcustom ul li{display:block;width:100%;padding: 1.2vw 2.71vw; color:#000; font-family: 'rubik-medium'; font-size: 0.94vw; border-bottom: 1px solid #000; cursor: pointer;}
.selectcustom ul li:last-child{border-bottom: 0;}

.selectcustom2{ position:relative; background:#fff; border:1px solid #000; padding: 0; height: 3.6vw; width: 30vw; }
.selectcustom2 span{width:100%; padding: 1.4vw 2.71vw;display:block;font-family: 'rubik-medium'; font-size: 0.94vw;color:#000; cursor: pointer;}
.selectcustom2.active span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/up-arrow2.png) no-repeat; background-position: right center;}
.selectcustom2 span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/down-arrow2.png) no-repeat; background-position: right center;}
.selectcustom2 ul{position:absolute;width:100%;top:5vw;left:0; display:none; background: #fff; border:1px solid #000; z-index: 1; max-height: 20vw; overflow-x: hidden; overflow-y: auto;}
.selectcustom2 ul li{display:block;width:100%;padding: 1.5vw 2.71vw; color:#000; font-family: 'rubik-medium'; font-size: 0.94vw; border-bottom: 1px solid #000; cursor: pointer;}
.selectcustom2 ul li:last-child{border-bottom: 0;}

.selectcustom3{ position:relative; width: 9.5vw; float: left; background:#fff; border:1px solid #000; padding: 0; margin-right: .5vw; }
.selectcustom3 span{width:100%; padding: 1.4vw 2.71vw;display:block;font-family: 'rubik-medium'; font-size: 0.94vw;color:#000; cursor: pointer;}
.selectcustom3.active span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/up-arrow2.png) no-repeat; background-position: right center;}
.selectcustom3 span:after{content: ""; position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); width: 1.5vw; height: 1.5vw; background: url(../img/icons/down-arrow2.png) no-repeat; background-position: right center;}
.selectcustom3 ul{position:absolute;width:100%;top:3.7vw;left:0; display:none; background: #fff; z-index: 1; max-height: 20vw; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #000}
.selectcustom3 ul li{display:block;width:100%;padding: 1.2vw 2.71vw; color:#000; font-family: 'rubik-medium'; font-size: 0.94vw; border:1px solid #000; border-top: 0; cursor: pointer;}

.colMerge { width: 40% !important; }
.colMergeContainer { width: 100%; float: left; }

.custom-placeholder{font-size: 0.93vw; padding: 0; font-family: 'rubik-medium'; color: #afadad}
.custom-placeholder2{font-size: 0.93vw; padding: 0; padding-bottom: 0!important; font-family: 'rubik-medium'; color: #757575}
#selectSubject-error{position: absolute; left: 0; bottom: -1.5vw;}
#selectSubject2-error{position: absolute; left: 0; bottom: -1.5vw;}
#dogumay-error,#dogumgun-error, #dogumyil-error{position: absolute; left: 0; bottom: -1.5vw; font-size: 0.65vw}

#konu-error{display: none!important;}
label.error { color: #ff0000; margin-top: 8px; font-size: .83vw; font-family: 'rubik-regular'; position: absolute; left: 0; bottom: .8vw; width: 100%; }


.cookiediv  { background: #1f1f1f; position: fixed; font-size: 16px; left: 0px; bottom: 0px; z-index: 1000; padding: 20px; padding-right: 35px; color: #fff; line-height: 24px; }
.cookiediv a { color: #fff; }
.cookies-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 30px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cookies-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.cookies-close:hover,
.cookies-close:focus,
.cookies-close:active,
.cookies-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cookies-close:active {
  top: 1px;
}

/*Popup*/
.pop-overlay { display: none; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 2;}

.popup-form{ position: fixed; width: 35%; /*max-height: 30vw;*/ top: 50%; left: 50%; overflow: auto; transform: translateX(-50%) translateY(-50%); border-radius: 0.22vw; padding: 2vw; background: #fff; z-index: 3; display: none;}

.popup-cont{ position: fixed; width: 45%; max-height: 30vw; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translateX(-50%) translateY(-50%);
    /*border-radius: 0.22vw;*/ padding: 2vw 2px 2vw 2vw; background: #fff; z-index: 3}
.popup-cont a img, .popup-form img{float: right; cursor: pointer; width: 1.4vw;}
.popup-cont h4, .popup-form h4{ float: left; width: 100%; font-family: 'rubik-medium'; font-size: 1.8vw; /*padding-bottom: 1vw;*/ margin-bottom: 2vw;/* border-bottom: 1px solid #000;*/ }
.popup-form h4{ color: #04984c; float: none; text-align: center; border-bottom: none; }
.popup-form#errorPopup h4{ color: #ff0000; }
.popup-cont p, .popup-form p{float: left; width: 90%; font-family: 'rubik-regular'; font-size: 1.04vw; line-height: 1.5; letter-spacing: 1px; padding-bottom: 1.6vw; }
.popup-cont p span, .popup-content p strong {font-family: 'rubik-medium'; }
.popup-form p{ float: none; text-align: center; width: 100%; }

.popup-cont2{ position: fixed; width: 30%; max-height: 44vw; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translateX(-50%) translateY(-50%);
    border-radius: 0.22vw; padding: 2vw; background: #fff; z-index: 3}
.popup-cont2 iframe{ pointer-events: all; }
.desktop.insta-blog .owl-item{padding: 0 4px !important;}

.popupCloseC { display: inline-block; position: fixed; background: #000; padding: 20px; right: 0; z-index: 9999; top: 0; }
.popup-cont .popupInImg { width: 10vw; display: block;  margin: 0 auto 2.34vw; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(57,113,10,1); }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(57,113,10,1); }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(57,113,10,1); }
.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0,0,0,.1); }
.popup-cont .popupContScroll { text-align: center; overflow: auto; max-height: 25vw; margin-top: 2vw; }

.maintenance { overflow: hidden; width: 100%; position: relative; }
.maintenanceInner { width: 100%; height: 100%; min-height: 100vh; background: url(../img/backgrounds/bakim.jpg) no-repeat center center; position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; -webkit-background-size: cover; background-size: cover; }
.maintenanceContent { margin: 0 auto; display: table-cell; padding-bottom: 5vw; padding-top: 3.2vw; vertical-align: middle; text-align: center; }
.maintenanceContent h1 { font-family: 'rubik-medium'; font-size: 4.17vw; letter-spacing: 0.52vw; padding-bottom: 1.56vw; color: #fff; }
.maintenanceContent p { font-family: 'rubik-medium'; font-size: 1.04vw; letter-spacing: 0.52vw; padding-bottom: 2.6vw; color: #fff; line-height: 1.4; }
.maintenanceContent a { font-family: 'rubik-medium'; font-size: 1vw; letter-spacing: 3px; color: #fff; background: #04984c; padding: 1.56vw 2.6vw; display: inline-block; border-radius: 40px; }

.error404 { overflow: hidden; width: 100%; position: relative; }
.error404Inner { width: 100%; height: 100%; min-height: 79vh; background: url(../img/backgrounds/404.jpg) no-repeat center center; position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; -webkit-background-size: cover; background-size: cover; }
.error404Content { margin: 0 auto; display: table-cell; padding-bottom: 5vw; padding-top: 3.2vw; vertical-align: middle; text-align: center; }
.error404Content h1 { font-family: 'rubik-bold'; font-size: 9.01vw; letter-spacing: 0.52vw; padding-bottom: 1.56vw; color: #04984c; }
.error404Content p { font-family: 'rubik-medium'; font-size: 1.67vw; letter-spacing: 0.32vw; padding-bottom: 2.6vw; color: #000; line-height: 1.4; }
.error404Content a { font-family: 'rubik-medium'; font-size: 0.83vw; letter-spacing: 3px; color: #fff; background: #04984c; padding: 1.56vw 2.6vw; display: inline-block; border-radius: 40px; }

/*NEW HOME*/
.nh-home { padding-bottom: 0; }
.nh-container { clear: both; }

.nh-gray-box, .nh-white-box { padding: 100px 0; position: relative; }
.nh-gray-box { background-color: #F8F8F8; }

.nh-content { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 50px; }
.nh-content h2 { color: #545152; font-size: 42px; line-height: 1.1; font-family: 'dinboldregular'; margin-bottom: 28px; }
.nh-content h3 { color: #EE7623; font-size: 45px; font-family: 'dinboldregular'; margin-bottom: 50px; padding-bottom: 40px; position: relative; }
.nh-content h3:after { position: absolute; content: ""; width: 60%; height: 2px; background-color: rgba(84, 81, 82, 0.1); left: 50%; transform: translateX(-50%); bottom: 0; }
.nh-content h2 span { color: #80B33C; }
.nh-content p { color: rgba(84, 81, 82, 0.8); font-size: 22px; line-height: 1.3; font-family: 'dinmediumregular'; }
.nh-content .nh-text-area p { padding-bottom: 20px; }
.nh-content .nh-text-area.nh-footer-note p { font-size: 15px; font-family: 'avenir-medium'; }
.nh-content .nh-image img { max-width: 632px; width: 32.92vw; display: block; }
.nh-content .nh-image-2 img { max-width: 606px; width: 31.56vw; }

.nh-left-padding-10 { padding-left: 10%; }
.nh-padding-10 { padding-right: 10%; }
.nh-padding-5 { padding-right: 5%; }
.nh-padding-2 { padding-right: 2%; }
.nh-left-padding-2 { padding-left: 2%; }
.nh-margin-5 { margin-right: 5%; }
.nh-width-90 { width: 90%; margin: 0 auto; }
.nh-center { text-align: center; }
.nh-desktop-none { display: none; }

.nh-cup-image { position: absolute; right: 0; bottom: 20px; max-width: 178px; }
.nh-cup-image img { width: 100%; }

.nh-healty-icon { margin-top: 65px; }
.nh-healty-icon li:not(:last-child) { padding-right: 100px; }
.nh-healty-icon img { display: block; margin-bottom: 30px; }
.nh-healty-image { position: absolute; left: 0; top: -60px; max-width: 131px; }
.nh-healty-image img { width: 100%; }

.nh-migros-button { width: 500px; height: 60px; margin: 0 auto; text-align: center; }
.nh-migros-button div { width: 50%; height: 60px; line-height: 60px; }
.nh-migros-button div:first-child { border: 1px solid #EE7623; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-right: none; position: relative; }
.nh-migros-button div:first-child:after { position: absolute; content: ""; width: 24px; height: 1px; background-color: #EE7623; right: -24px; top: -1px; }
.nh-migros-button div:first-child:before { position: absolute; content: ""; width: 24px; height: 1px; background-color: #EE7623; right: -24px; bottom: -1px; }
.nh-migros-button div:first-child img { vertical-align: middle; }
.nh-migros-button a { color: #FFF; background-color: #EE7623; font-size: 20px; transition: .4s; height: 60px; display: block; border: 1px solid #EE7623; border-radius: 30px; line-height: 56px; }
.nh-migros-button a span { display: inline-block; margin-right: 10px; }
.nh-migros-button a:hover { color: #EE7623; background-color: transparent; }
.nh-migros-button a:hover svg .a, .nh-migros-button a:hover svg .b { stroke: #EE7623; }

.nh-content .nh-text-area .nh-reason p { font-size: 20px; padding-bottom: 0; }

.nh-reason { margin-top: 60px; }
.nh-reason li { margin-bottom: 32px; }
.nh-reason li div { vertical-align: middle; display: inline-block; }
.nh-reason li div:first-child { width: 92px; height: 92px; }
.nh-reason li div:last-child { width: 85%; padding-left: 5%; }
.nh-reason li figure { width: 100%; height: 100%; border: 2px solid rgba(128, 179, 60, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.nh-reason li figure img { width: 42%; }
.nh-reason-image { position: absolute; right: -9vw; top: 50%; transform: translateY(-50%); max-width: 310px; }
.nh-reason-image img { width: 100%; }

.nh-image-box .nh-full-image img { width: 100%; display: block; }
.nh-image-box { position: relative; }
.nh-image-box .nh-migros-button { position: absolute; left: 20%; top: 50%; transform: translateY(-50%); z-index: 10; }

.nh-video-wrap p { font-size: 29px; font-family: 'dinboldregular'; text-align: center; padding: 40px 0; background-color: #FFF; color: #545152; }
.nh-video-wrap img { display: block; width: 100%; }
.nh-video-box a .nh-video-img img { transition: all ease 0.5s;}
.nh-video-box a:hover .nh-video-img img { transform: scale(1.08);}
.nh-video-box a:hover .nh-video-img:after {  background-size: 17%; }
.nh-video-content .nh-video-img { position: relative; overflow: hidden; transition: all ease 1s;}
.nh-video-content .nh-video-img:after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all linear 0.8s; background: url(../img/home/video-icon.png) no-repeat rgba(0,0,0,.1) center center; background-size: 86px 86px; width: 100%; height: 100%; }
.nh-video-image { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 185px; }
.nh-video-image img { width: 100%; }

.nh-green-box { background: rgba(248, 248, 248, .7); padding: 115px 0 150px; position: relative; }
.nh-green-box h2 { font-size: 65px; margin-bottom: 35px; }
.nh-image-3 { width: 540px; border: 26px solid #FFF; border-radius: 50%; }
.nh-image-3 img { width: 100%; display: block; border-radius: 50%; }
.nh-other-news a { color: #545152; position: relative; font-size: 23px; font-family: 'dinmediumregular'; display: inline-block; }
.nh-other-news a:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #545152; left: 0; bottom: -5px; transition: all 1s ease-in-out; }
.nh-other-news a:hover:after { width: 0; }
.nh-green-box li { background-color: #fff; display: flex; align-items: center; min-height: 200px; position: relative; }
.nh-green-box li a { max-width: 332px; display: block; color: #545152; padding: 0 40px; }
.nh-green-box li a .nh-dr-top-img { width: 100%; display: block; }
.nh-slider-dr { margin-bottom: 40px; margin-top: 10px;  }
.nh-slider-dr span { width: 37px; height: 37px; border: 2px solid #545152; border-radius: 50%; display: flex;  transition: all ease 0.6s;}
.nh-slider-dr span img { margin: 0 auto; }
.nh-dr-image { position: absolute; right: 0; top: -90px; max-width: 185px; }
.nh-dr-image img { width: 100%; }
/*.nh-slider-dr-content li:hover { background: #81B33D; }
.nh-slider-dr-content li:hover  span, .nh-slider-dr-content li:hover  p { color: #000 !important; border-color: #000; }*/

.nh-slider-dr-content li:after { content: ""; position: absolute; width: 0; height: 2px; background-color: rgba(84, 81, 82, 0.6); left: 0; bottom: 0; transition: all 1s ease-in-out; }
.nh-slider-dr-content li:hover:after { width: 100%; }

.nh-slider-dr-content li:hover  span img { background-color: #000;}
.nh-slider-dr span img {  background-color: #767475;
    -webkit-mask: url(../img/home/arrow-left.svg) no-repeat center;
    mask: url(../img/home/arrow-left.svg) no-repeat center; width: 100%; }

.nh-row.nh-reverse { align-items: flex-start;}

.nh-content .nh-dr-head, .nh-content .nh-dr-summary { color: #707070; }

.nh-sss { position: relative; margin-right: 0px; padding-right: 0px;}
.nh-sss h2 { color: #DC4834; display: table; margin: 0 auto; margin-right: 5vw;}
.nh-row-sss { display: flex !important; flex-wrap: wrap; width: 100%; }
.nh-row-sss li { background-color: #fff; padding: 40px; width: 460px; margin-right: 30px; margin-bottom: 35px; min-height: 340px; }
.nh-row-sss li .nh-orange { color: #EE7623; }
.nh-row-sss li .nh-dark-orange { color: #DC4834; }
.nh-row-sss li .nh-green { color: #B0CF75; }
.nh-row-sss li p:first-child { font-size: 23px; }
.nh-row-sss li p:last-child { font-size: 20px; }
.nh-sss-head { width: 30%; }
.nh-row-sss-wrap { width: 70%; }
.nh-sss-image { position: absolute; left: -4vw; top: 50%; transform: translateY(-50%); max-width: 28.13vw; }
.nh-sss-image img { width: 100%; }
.nh-sss-image-2 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 225px; }
.nh-sss-image-2 img { width: 100%; }

.nh-row { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.nh-row.nh-baseline { align-items: baseline; }
.nh-row.nh-start { align-items: flex-start; }
.nh-column { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.nh-home .slide-product { background-color: #FCFCEA; }
.nh-home .slider-content .slider-text p { color: #545152; font-size: 1.2vw; font-family: 'dinmediumregular'; background-color: #FCFCEA; margin-bottom: 4vw; }
.nh-home .slider-content .slider-text { top: auto; bottom: -20px; }
.nh-home .slider-content .owl-dot { background: rgba(84, 81, 82, .6) !important; }

.nh-home .slider-content .owl-dot.active { background: transparent !important; }
.nh-home .slider-content .owl-nav { top: auto; bottom: 5.73vw; transform: translateX(-50%); z-index: 9999; }
.nh-home .owl-carousel .owl-nav button.owl-next span, .nh-home .owl-carousel .owl-nav button.owl-prev span { font-size: 2.08vw; width: 2.6vw; height: 2.6vw; background-color: #FFF; border-radius: 50%; line-height: 2vw; cursor: pointer; display: block; }


/*.nh-home .slider-content .owl-dot.active { background: transparent !important; }
.nh-home .slider-content .owl-nav { top: 88%; bottom: auto; transform: translateX(-50%);  z-index: 100;}
.nh-home .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { font-size: 2.08vw; width: 2.6vw; height: 2.6vw; background-color: #FFF; border-radius: 50%; line-height: 2.19vw cursor: pointer; display: block; }*/
.nh-home .slider-content .owl-nav button.owl-prev, .nh-home .slider-content .owl-nav button.owl-next { color: #000; }
.nh-home .slider-content .owl-nav { width: 15%; }

.nh-slider-head { position: absolute; left: 50%; top: 3.13vw; z-index: 9; transform: translateX(-50%); width: 23.96vw; }
.nh-slider-head img { width: 100%; display: block;  }

.nh-carousel-wrapper { background-color: #FCFCEA; width: 100%; position: relative; height: 43.5vw; }
#nh-carousel { width: 50.67vw; height: 23.44vw; position:relative; overflow:hidden; margin: 0 auto; }
#nh-carousel div { /*height: 100%;*/ width: auto; display: block;  }
#nh-carousel img { visibility:hidden; cursor:pointer; }
.nh-carousel-head {  text-align: center; position: relative; width: 23vw; margin: 0 auto; padding-top: 8vh; }
.nh-carousel-head img { width: 100%; display: block;  }

#nh-carousel-imgbox, #nh-carousel-imgbox-mobile { position: absolute; width: 100%; top: 0; left: 0; height: 100%; }
#nh-carousel-imgbox img, #nh-carousel-imgbox-mobile img { width: 100%; display: block; position: absolute; left: 0; top: 0; }
/*#nh-carousel-textbox { position: absolute; left: 50%; bottom: 6vw; width: 30%; text-align: center; transform: translateX(-50%); }*/
#nh-carousel-textbox { width: 30%; text-align: center; margin: 0 auto 1vw; }
#nh-carousel-textbox p { color: #545152; font-size: 1.2vw; font-family: 'dinmediumregular'; background-color: #FCFCEA; line-height: 1.2; }

.nh-carousel-wrapper .owl-nav { transform: translateX(-50%); z-index: 99999; width: 15%; left: 50%; position: absolute; text-align: center; bottom: 2vw; }
.nh-carousel-wrapper .owl-nav button { border: none; background-color: transparent; position: absolute; bottom: 0; }
.nh-carousel-wrapper .owl-nav .owl-prev { left: 0; }
.nh-carousel-wrapper .owl-nav .owl-next { right: 0; }
.nh-carousel-wrapper .owl-nav span { font-size: 2.08vw; width: 2.6vw; height: 2.6vw; background-color: #FFF; border-radius: 50%; line-height: 2vw; cursor: pointer; display: block; }
.nh-carousel-wrapper .owl-dots { position: absolute; width: 100%; /* margin: 6vw 0; */ text-align: center; z-index: 999; bottom: 3vw; }
.nh-carousel-wrapper .owl-dots button { border: none; margin: 0 .5vw; width: .63vw; height: .63vw; border-radius: 50%; outline: none; padding: 0; }

/*.nh-carousel-wrapper .owl-nav span {
    transition: .4s;
}
.nh-carousel-wrapper .owl-nav .owl-next:hover span {
    margin-left: -5px;
}
.nh-carousel-wrapper .owl-nav .owl-next:hover span {
    margin-right: -5px;
}*/

/*#nh-carousel .slide-item1 img:not(.carousel-center) { left: -10px !important; }
#nh-carousel .slide-item3 img:not(.carousel-center) { left: 520px !important; }
#nh-carousel div img.carousel-center { left: 196px !important; }*/

/* /NEW HOME*/

/*Media Query*/
@media only screen and (max-width: 1450px){
    /*.logo-wrap{width: 19.3%}*/
    .mM-content{padding-right: 1.5vw; }
    .mM-content li { padding-right: 1.2vw; }
    .nh-image-3 { max-width: 75vw;  border-width: 3vw;}
    .nh-dr-image { z-index: 0;}
    .nh-left-padding-10 { z-index: 10;}

    .top-links li a{ font-size: 0.79vw;}
    .tm-content { width: 70.2%; height: 4.1vw;}
    .mM-content li a{ font-size: 0.95vw;}
    .main-link li a{font-size: 0.95vw;}

    /*Search*/
    .search-result ul li a{ font-size:1.1vw; }

    .global-head p, .shop-wrap p{font-size: 1.43vw;}
    .global-text h3 { font-size: 1.22vw;}
    .global-text p{font-size: 1.16vw}
    /*.shop-wrap button, .shop-wrap a{font-size: 0.96vw}*/
    .global-img-wrap .img-exp-text button, .global-img-wrap .img-exp-text a{font-size: 0.96vw;}
    .read-all{font-size: 1.1vw}

    .action-link-cont button{font-size: 0.96vw;}

    .global-img-wrap .img-exp-text h4{font-size: 1.45vw;}
    .global-img-wrap .img-exp-text p{font-size: 1.22vw;}

    .dropdown-wrap h2, .global-img-wrap h2 { padding: 2vw 0 1.5vw 0;}
    .with-img .accordion{padding: 3vw 0}
    .with-img .accordion img {max-width: 6.2vw;}

    .panel.part-texts li{ padding: 2.2vw 0;}

    .article-global-text h2{font-size: 1.55vw;}

    .contact-box p{ font-size: 0.85vw;}
    .contact-box ul li a, .contact-box ul li p{font-size: 0.85vw;}
    .info-link p{font-size: 0.85vw;}
    .second-link li a{font-size: 0.85vw;}
    .footer-copyright p, .footer-copyright .info-data, .footer-copyright .info-data a, .footer-copyright .privacy, .footer-copyright .privacy a{font-size: 0.9vw}

    .nh-row-sss-wrap { width: 82%; }
    .nh-sss-head { width: 20%; }
    .nh-sss-head h2 { font-size: 30px; }

    #nh-carousel img { width: 284.8px; }
    #nh-carousel img.carousel-center { width: 227.84px; }

    /*.nh-carousel-wrapper .owl-dots { margin: 3.8vw 0; }*/
}

@media only screen and (max-width: 1366px){
    #nh-carousel { width: 55.67vw; height: 23.44vw; }
    #nh-carousel img { width: 249.2px; }
    #nh-carousel img.carousel-center { width: 174.44px; }
}
@media only screen and (max-width: 1280px){
    .nh-content .nh-text-area .nh-reason p { font-size: 17px; }
    .nh-reason li div:last-child { width: 80%; }
    .nh-reason li div:first-child { width: 70px; height: 70px; }
    .nh-home .slider-content .slider-text p { margin-bottom: 4.5vw; }

    .nh-green-box li a .nh-dr-text p { width: 78%; font-size: 15px; }
    .nh-slider-dr span { width: 30px; height: 30px; }
}

@media only screen and (max-width: 1024px){
    .nh-content .nh-text-area .nh-reason p { font-size: 15px; }
    .nh-reason li div:last-child { width: 78%; }
    .nh-row-sss li p:first-child { font-size: 18px; }
    .nh-row-sss li p:last-child { font-size: 17px; }
    .nh-row-sss li { width: 310px; }
    .nh-sss-head { margin-right: 2%; }
    .nh-row-sss-wrap { width: 78%; }
    .nh-sss-head h2 { font-size: 24px; }
    .nh-carousel-head { padding-top: 5vh; }
}

@media only screen and (max-width: 800px){

    /*.nh-carousel-wrapper .owl-dots { margin: 50px 0; position: absolute; bottom: -3%;}*/

    .nh-carousel-wrapper .owl-dots, .nh-carousel-wrapper .owl-nav { display: block; }
    

    .nh-carousel-wrapper { height: 60vh;}
    #nh-carousel { width: 100%; height: 23.44vh; }
    .nh-carousel-head { padding: 30px; width: 60vw;}
    #nh-carousel-textbox p { font-size: 14px; background-color: transparent;}
    #nh-carousel-textbox { width: 90%; background-color: transparent;}
    .owl-nav, .owl-dots  { display: none;}
    #aycaslider .owl-dots { display: block;}
    #nh-carousel-textbox { bottom: 7vh;}
    .nh-slider-dr span img { background-color: #9C9C9C; }

    #circlesvg { margin-top: -2px;}

    #aycaslider li { width: 300px; height: 120px; background-color: #FFF; color: #FFF; /*padding-top: 50px;*/ padding-left: 25px; padding-right: 25px; box-sizing: border-box; display: table; }
    #aycaslider li a { display: table-cell; vertical-align: middle; }
    #aycaslider li a, #aycaslider li p { color: #FFF; }
    #aycaslider li p { font-size: 20px; color: #6F6F6F; }
    /*#aycaslider li a div { padding: 20px; }*/
    #aycaslider .spin { border-color: #9C9C9C; margin-top: 10px; }
    #aycaslider .spin img { width: 100%; }
    .nh-slider-head { width: 60vw; top: 7vw;}
    .nh-home .slider-content .slider-text { bottom: -10px;}
    .slider-content .slider-text { width: 50%; }
    .nh-home .slider-content .slider-text p { font-size: 13px; background: transparent;}

    #aycaslider .owl-dots { margin-top: 28px; text-align: center; }
    #aycaslider .owl-dots button { width: 6px; height: 6px; background: #545152; border-radius: 50%; margin: 0 10px; }
    #aycaslider .owl-dots button.active { background: none; border: 2px solid #545152; width: 10px; height: 10px; }

    .nh-gray-box.mobile { padding: 0 0 15px; }

    .nh-row-sss-wrap-mobileitem { width: 260px; height: 360px; background-color: #FFF; font-family: 'rubik-regular'; padding: 10px; padding-top: 60px; padding-left: 30px; color: #000000;}
    .nh-row-sss-wrap-mobileitem p:first-child { color: #EE7623; font-size: 18px; }
    .nh-sss h2 { color: #545152; }
    .nh-row-sss-wrap { width: 100%;}
    .nh-sss { padding-right: 0px !important; }
    .nh-sss h2 { padding-top: 20px; }
    .nh-sss-head { width: 30%; padding-left: 40%; }
    .nh-sss-image { left: -15vw; top: 20%; max-width: 53.13vw; }
    .nh-row-sss-wrap { margin-top: 15px; }

    .nh-home .slider-content .owl-nav { width: 50%; bottom: auto; top: 85%; display: flex; flex-direction: row; justify-content: space-between;}
    .nh-home .slider-content .owl-nav .owl-prev, .nh-home .slider-content .owl-nav .owl-next { background: transparent; width: 36px; height: 36px; position: relative; left: unset; bottom: unset; top: unset; right: unset;}
    .nh-home .slider-content .owl-nav .owl-prev span, .nh-home .slider-content .owl-nav .owl-next span { width: 100% !important; height: 100% !important; font-size: 8vw !important; display: block; text-align: center;}
    .nh-green-box { margin: 0; padding: 38px 0 30px; }
    /*.nh-green-box .nh-left-padding-10 { padding-left: 5px; }*/
    .nh-other-news-flex { display: flex; flex-direction: row; width: 70vw; justify-content: space-evenly; margin-left: auto; margin-right: auto; align-items: center;}
    .nh-other-news a { text-decoration: underline; text-align: right; font-size: 20px; display: block;}
    .nh-other-news a::after { display: none; }
    .nh-other-news-image { width: 40px; height: 40px; padding: 10px; border: 2px solid #545152; border-radius: 50%; display: flex; align-items: }

    /*NEW HOME*/

    .nh-gray-box, .nh-white-box { padding: 50px 0; }
    .nh-content { padding: 0 20px; }
    .nh-mobile-none { display: none !important; }
    .nh-image-3 { z-index: 10;}

    .nh-row { flex-direction: column; z-index: 10}
    .nh-row.nh-reverse { flex-direction: column-reverse; }
    .nh-padding-10, .nh-padding-2 { padding-right: 0; }
    .nh-left-padding-2, .nh-left-padding-10 { padding-left: 0; }
    .nh-content.nh-padding-none { padding: 0; }
    .nh-margin-5 { margin-right: 0; }
    .nh-desktop-none { display: block; }
    .nh-width-90 { width: 100%; }

    .nh-content h2 { font-size: 25px; margin-bottom: 30px; text-align: left; line-height: 1.3; }
    .nh-content h2 span { display: block; }
    .nh-content p { font-size: 17px; text-align: left; z-index: 10}

    .nh-content .nh-image img { max-width: initial; width: 100%; margin: 0 auto 30px; }

    .nh-healty-icon .nh-row { flex-wrap: wrap; flex-direction: inherit; }
    .nh-healty-icon .nh-column { width: 50%; }
    .nh-healty-icon .nh-column:first-child, .nh-healty-icon .nh-column:nth-child(2) { margin-bottom: 48px; }
    .nh-healty-icon li:not(:last-child) { padding-right: 0; }

    .nh-text-area h3 { font-size: 31px; margin-bottom: 30px; }
    .nh-text-area h3 img { width: 116px; }
    .nh-content h3:after { width: 100%; }
    .nh-migros-button { width: 80%; height: auto; }
    .nh-migros-button div:first-child { border-right: 1px solid #EE7623; border-top-right-radius: 30px; border-bottom-left-radius: 0; border-bottom: none; }
    .nh-migros-button div { width: 100%; height: 64px; line-height: 64px; }
    .nh-migros-button div:first-child:before { width: 1px; height: 30px; left: -1px; bottom: -30px; top: auto; }
    .nh-migros-button div:first-child:after { width: 1px; height: 30px; right: -1px; bottom: -30px; top: auto; }
    .nh-migros-button a { font-size: 18px; height: 48px; line-height: 44px; }

    .nh-image-box .nh-migros-button { left: 50%; z-index: 10; transform: translate(-50%, -50%); }


    .nh-video-content .nh-video-img:after { background-size: 65px 65px; }
    .nh-video-wrap p { font-size: 20px; text-align: left; background-color: rgba(248, 248, 248, .7); padding: 28px 40px 40px; }
    .nh-video-wrap .nh-video-box:last-child p { padding-bottom: 0; }


    .nh-reason li figure { border: none; }
    .nh-reason li div:last-child { width: 74%; padding-left: 0; padding-right: 20px; }
    .nh-content .nh-text-area .nh-reason p { font-size: 17px; text-align: left; }
    .nh-reason li div { vertical-align: top; }
    .nh-reason li figure { align-items: flex-start; padding-top: 8px; }
    .nh-reason li:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid rgba(128, 179, 60, .2); }
    .nh-reason li:last-child { margin-bottom: 0; }
    .nh-content .nh-text-area .nh-reason p strong { font-weight: normal; }
    .nh-content .nh-image-2  { position: relative;}
    .nh-content .nh-image-2 .mobile { position: absolute; left: 0px; width: 80vw; background-color: #F8F8F8; height: 120px; bottom: 20px; font-size: 20px; color: #545152; padding: 30px; box-sizing: border-box;}
    .nh-content .nh-image-2 img { max-width: inherit; width: 100%; }

    .nh-slider-head { top: 10.13vw; width: 55%; }
    .nh-home .slider-content .slider-text { bottom: 10px; min-height: 100px; width: 64%; }
    .nh-home .slider-content .slider-text p { font-size: 18px; margin-bottom: 0; }
    .nh-home .slider-content .owl-nav { width: 50%; bottom: 7.73vw; }
    .nh-home .owl-carousel .owl-nav button.owl-prev { bottom: 0; }
    .nh-home .owl-carousel .owl-nav button.owl-next { right: 0; bottom: 0; }
    .nh-home .owl-carousel .owl-nav button.owl-next span, .nh-home .owl-carousel .owl-nav button.owl-prev span { font-size: 10.08vw; width: 10.6vw; height: 10.6vw; line-height: 7.19vw; }

    .nh-image-3 { width: 96%; border-width: 12px; }
    .nh-content h2.nh-dr-head { font-size: 35px; text-align: left; margin-bottom: 15px; }
    .nh-content p.nh-dr-summary { text-align: left; margin-bottom: 0; padding-bottom: 0; }
    .nh-green-box { /*padding: 0;*/ background: #F8F8F8; }
    .nh-green-box .nh-content.nh-row { display: block; }
    .nh-green-box .nh-content { padding-right: 0; padding-left: 0; }
    .nh-green-box .nh-sub-green-box { /*background: rgba(248, 248, 248, .7); margin-bottom: 50px;*/ padding: 35px 40px 0; }
    .nh-dr-image { top: 20%; max-width: 80px; }
    .nh-other-news { width: 75%; margin: 0 auto; }
    .nh-other-news a { font-size: 20px; text-align: right; }
    .nh-other-news a:after { height: 1px; }
    .nh-green-box li a { background-color: #B0CF75; }
    .nh-content .nh-text-area .nh-slider-dr p { color: #FFF; font-size: 20px; text-align: left; }
    .nh-slider-dr { margin-top: 0; }
    .nh-slider-dr span { border-color: #FFF; }

    .nh-carousel-wrapper .owl-nav { width: 60%; bottom: 7vw; }
    .nh-carousel-wrapper .owl-nav span { font-size: 10.08vw; width: 9.6vw; height: 9.6vw; line-height: 6vw; }
    .nh-carousel-wrapper .owl-dots {/* margin: 6vw 0; */ bottom: 10vw; }
    #nh-carousel-textbox { margin-top: 20px; }
    .nh-carousel-wrapper .owl-dots button { margin: 0 1.5vw; width: 3.63vw; height: 3.63vw; }
    #circlesvg { margin-top: 4px; margin-left: 4px; }

    /*.nh-row-sss-wrap li { transition: all ease 1s;}
    .nh-row-sss-wrap li:hover { background-color: rgba(129,179,61,0.2); }*/

    .nh-content h2.mobile-center { text-align: center; }

    /*NEW HOME*/

    .pB {padding-bottom:18.65vw!important}

    .global-img-wrap img.borderRadius{border-top-right-radius: 0; border-top-left-radius: 0; }

    #konu-error{display: inline-block!important;}

    .leaf-box2 {display: none; }

    .cT{text-align: left;}

    .mobile{display: block!important;}
    .desktop{display: none!important;}

    header, .main-wrapper{padding: 0;}
    .desktop-header{display: none;}

    .grey-bg{background: #ececec; border-radius: 10px;}
    .grey-bg-noRadius{background: #ececec;}

    /*Header*/
    .mobile-header{display: block; position: relative; float: left; width: 100%; padding: 4.27vw 7.5vw;}

    .logo-wrap, .menu-wrap{width: 50%; float: left; position: relative; height: 14vw;}
    .logo-wrap img{width: 100%; max-width: 19.87vw}
    .menu-wrap .hM-wrap{width: 7.33vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
    .hM-wrap a{display: block; float: left; position: relative; z-index: 4}
    .hM-wrap a span{position: relative; float: left; display: block; width: 6.67vw; height: 0.53vw; margin-bottom: 1.33vw; border-radius: 9.67vw; background: #000; }
    .hM-wrap a span:last-child{ width: 3.33vw; margin:0; }

    /*Global*/
    .global-head {position: relative; float: left; width: 100%;}
    .global-head h1, .global-head h2 { position: relative; display: block; font-family: 'rubik-medium'; color:#000; font-size: 5.33vw; letter-spacing: 1.5px; padding-bottom: 4.67vw;}
    .global-head h4 { position: relative; display: block; font-family: 'rubik-regular'; color:#000; font-size: 5.33vw; letter-spacing: 1px; padding-bottom: 4.67vw; text-align: left;}
    .global-head p { position: relative; display: block; font-family: 'rubik-light'; color:#000; font-size: 4.27vw; line-height: 1.3; padding-bottom: 7.33vw;}
    .global-head span, .global-head strong { font-family: 'rubik-medium';}


    .col-exp-img .global-img-wrap{float: left; position: relative; width: 100%; padding: initial; margin: 0 0 7.33vw 0;}
    .col-exp-img .global-img-wrap:nth-child(even){margin: 0 0 7.33vw 0; padding: initial }
    .col-exp-img .global-img-wrap.fW{padding: 0}
    .global-img-wrap{float: left; position: relative; width: 100%; margin: 0 0 7.33vw 0; padding: 0; }
    .global-img-wrap img{width: 100%; }
    .global-img-wrap .img-exp-text{position: relative; width: 80%; margin:-10vw auto 0; text-align: center; padding: 8.67vw 0 10vw 0; background: #fff}
    .global-img-wrap .img-exp-text:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 10vw; height: 0.27vw; bottom: 0; background: #000}
    .global-img-wrap:last-child .img-exp-text:after{content: none}
    .global-img-wrap .img-exp-text h4{font-family: 'rubik-medium'; font-size:5.33vw; color:#000; line-height: 1.4; letter-spacing: 2px; padding: 0 0 4.5vw 0 }
    .global-img-wrap .img-exp-text p{font-family: 'rubik-light'; font-size:4.27vw; color:#000; line-height: 1.3; letter-spacing: 1px; padding: 0 0 8vw 0 }
    .global-img-wrap .img-exp-text p span, .global-img-wrap .img-exp-text p strong{font-family: 'rubik-medium'; }
    .global-img-wrap .img-exp-text button, .global-img-wrap .img-exp-text a{position: relative; margin:0 auto; border: 0; border-radius: 12vw; padding:4.6vw 9.33vw;  color: #fff;
        background: #04984c; font-family: 'rubik-medium'; font-size:3.2vw; letter-spacing: 3px;}

    .global-img-wrap2{float: left; position: relative; width: 100%; margin: 0 0 8% 0; padding: 8vw 0 0px; background: #f8f8f8; text-align: center; }
    .global-img-wrap2:nth-child(2), .global-img-wrap2:nth-child(3), .global-img-wrap2:nth-child(4) { margin-top: 0;}
    .global-img-wrap2:nth-child(5), .global-img-wrap2:nth-child(6) { width: 100%; margin-bottom: 8%;}

    .global-img-wrap2 img{width: 53%; max-width: 100%; }
    .global-img-wrap2 .img-exp-text{position: relative; padding: 6.93vw 0 9.87vw 0;}
    .global-img-wrap2:nth-child(5) .img-exp-text p, .global-img-wrap2:nth-child(6) .img-exp-text p { width: 87%; margin: 0 auto;}
    .global-img-wrap2 .img-exp-text h4{font-family: 'rubik-medium'; font-size:5.33vw; color:#000; line-height: 1.4; letter-spacing: 2px; padding: 0 0 4.5vw 0 }
    .global-img-wrap2 .img-exp-text p{font-family: 'rubik-light'; font-size:4.27vw; color:#000; line-height: 1.5; letter-spacing: 1px; padding: 0 0 8vw 0; width: 87%; margin:0 auto; }
    .global-img-wrap2 .img-exp-text p:last-child{padding: 0 }
    .global-img-wrap2 .img-exp-text p span, .global-img-wrap2 .img-exp-text p strong{font-family: 'rubik-medium'; }


    .global-video-wrap{ padding: 0 7.33vw 7.67vw 7.33vw;}
    .global-video-wrap h2{padding: 4.67vw 0 7vw 0;  font-size: 5.33vw;}


    .global-wrap-pad{position: relative; float: left; width: 100%; padding: 10vw 7.33vw 18.67vw 7.33vw}

    .global-wrap-pad2{position: relative; float: left; width: 100%; padding: 8.67vw 7.33vw 8.67vw 7.33vw}
    .global-wrap-pad3{position: relative; float: left; width: 100%; padding: 8.67vw 7.33vw 0 7.33vw}
    .global-wrap-pad4{position: relative; float: left; width: 100%; padding: 0 7.33vw 0 7.33vw; background:#f8f8f8 }

    .global-wrap-pad4:nth-child(odd){position: relative; float: left; width: 100%; padding: 9.33vw 7.33vw 9.33vw 7.33vw; background:#f8f8f8 }
    .global-wrap-pad4:nth-child(even){background: #fff; padding: 9.33vw 7.33vw 9.33vw 7.33vw; }
    .global-wrap-pad4:last-child{padding: 9.33vw 7.33vw 15.33vw 7.33vw; margin-bottom: 0; }
    .global-wrap-pad4 .global-img-wrap{margin: 0 0 2.6vw 0; padding: 0; width: 100%; }
    .global-wrap-pad4 .global-text p{padding-bottom: 0; }
    .global-wrap-pad4 .global-text,
    .global-wrap-pad4:nth-child(odd) .global-text,
    .global-wrap-pad4:nth-child(even) .global-text{width: 100%; position: relative; float: left; top: initial; left: initial; right: initial; transform: initial; text-align: left;}

    .global-pad-top{padding-top: 9.6vw!important}
    .global-pad-top2{padding-top: 2.6vw!important}
    .global-pad-top3{padding-top: 0!important}
    .global-pad-bot{padding-bottom: 3vw!important}

    .global-text{float: left; position: relative; width: 100%; }
    .global-text h2{font-family: 'rubik-medium'; font-size: 5.33vw; line-height: 1.4; padding-bottom: 8.67vw; display: block; float: left;}
    .global-text h2.lp{padding: 4.67vw 0;  font-size: 4.5vw; }
    .global-text h3{font-family: 'rubik-medium'; font-size: 4.27vw; line-height: 1.4; padding: 3vw 0 2.5vw 0; display: block; float: left;}
    .global-text p.half-title{font-family: 'rubik-light'; font-size: 5.33vw; line-height: 1.6; padding-bottom: 6vw; display: block; float: left; width: 100%;}
    .global-text p.half-title span{font-family: 'rubik-medium';}
    .global-text p{font-family: 'rubik-light'; font-size: 4.27vw; line-height: 1.4; padding-bottom: 8vw; display: block; float: left; width: 100%}
    .global-text p span, .global-text p strong{font-family: 'rubik-medium'; }
    .global-text p .italic-exp {float: left; position: relative; width: 100%; font-family: 'rubik-light-italic'; font-size:  3.73vw; border-bottom: 1px solid #dcdcdc; padding: 3vw 0 10vw 0; }
    .global-text a{color:#000; position: relative; text-decoration: none;  }
    .global-text a:after{content: ""; position: absolute; left: 0; bottom: -0.67vw; width: 100%; height: 0.13vw; background: #000}
    .global-button{position: relative; font-family: 'rubik-medium'; font-size: 3.2vw; border: 1px solid #04984c; outline: 0; background: transparent; padding: 5.2vw 12.2vw 5.2vw 6.67vw; color: #04984c; letter-spacing: 3px; margin: 0 0 8.67vw 0;}
    .global-button-letter{letter-spacing: 1.5px;}
    .global-button:after { content: ""; position: absolute; background: url(../img/icons/shop-next.png); background-repeat: no-repeat; background-size: 100%; width: 3.33vw; height: 2.27vw; right: 13%; top: 50%; transform: translateY(-50%);}


    .explain-grey-area{float: left; position: relative; width: 100%; background: #f3f3f3; padding: 9.33vw 7.33vw; margin: 9.33vw 0; border-radius: 1.33vw;}
    .explain-grey-area p{font-family:'rubik-light'; font-size: 4.8vw; color:#000; padding-bottom: 0; }
    .explain-grey-area p span, .explain-grey-area p strong{font-family:'rubik-medium'; }
    .explain-grey-area p a{color: #000; text-decoration: none; position: relative;  }
    .explain-grey-area p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -10px; border-bottom: 1px solid #000 }
    .explain-grey-area2{float: left; position: relative; width: 100%; background: #f3f3f3; padding: 9.33vw 7.33vw 3vw; margin: 9.33vw 0 3vw; border-radius: 1.33vw;}
    .explain-grey-area2 h4{font-family:'rubik-medium'; font-size: 5.33vw; color:#000; padding-bottom: 4.67vw; }
    .explain-grey-area2 p{font-family:'rubik-light'; font-size: 4.27vw; color:#000; padding-bottom: 7.33vw; line-height: 1.4 }
    .explain-grey-area2 p span, .explain-grey-area2 p strong{font-family:'rubik-medium'; }
    .explain-grey-area2 p a{color: #000; text-decoration: none; position: relative;  }
    .explain-grey-area2 p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -10px; border-bottom: 1px solid #000 }
    .explain-grey-area3{float: left; position: relative; width: 100%; background: #f3f3f3;
        padding: 8.33vw 7.33vw 8.33vw 7.33vw; margin: 3.33vw 0 11vw; border-radius: 1.33vw;}
    .explain-grey-area3:after{position: absolute; content: ""; bottom: -11vw; left: 0; width: 100%; height: 1px; background: #5d5d5d}
    .explain-grey-area3 ul, .explain-grey-area3 li{float: left; position: relative; width: 100%; border-bottom: 0!important;}
    .explain-grey-area3 h4{font-family:'rubik-medium'; font-size: 4vw; color:#000; padding-bottom: 5.07vw; }
    .explain-grey-area3 li{padding: 3.5vw 0 1vw 0!important; line-height: 1.3;}
    /*.explain-grey-area3 li:last-child{padding: 0!important}*/
    .explain-grey-area3 p.half-title{ font-family: 'rubik-medium'; border-bottom: 0; font-size: 4vw; padding: 0; }
    .explain-grey-area3 li p{font-family:'rubik-light'; font-size: 4.1vw; color:#000; padding-bottom: 7.33vw; line-height: 1.4 }
    .explain-grey-area3 li p span, .explain-grey-area3 li p strong{font-family:'rubik-medium'; }
    .explain-grey-area3 li p a{color: #000; text-decoration: none; position: relative;  }
    .explain-grey-area3 li p a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -10px; border-bottom: 1px solid #000 }
    .exp-button-cont p{width: 100%;}

    .explain-grey-area3 li a{ font-size: 4.1vw; color:#000; line-height: 1.4 }
    .explain-grey-area3 li a:after{content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: -1.25vw; border-bottom: 1px solid #000 }
    /*Search*/

    .search-result{ width: 100%;top: 13.43vw; }
    .search-result ul li {padding: 3.56vw 7.82vw;}
    .search-result ul li a {font-size: 4vw;}

    /*Content*/
    .main-wrapper{ float: left; position: relative; width: 100%; }

    /*Slider*/
    ul li{display: block;}
    .slider-wrap{float: left; position: relative; width: 100%;}
    .slider-content{ float: left; position: relative; width: 100%; }
    .slider-content li{ float: left; position: relative; width: 100%; }
    .slider-content li img{ width: 100%; }
    .slider-content .slider-text{ text-align: center; line-height: 2; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; }
    .slider-content .slider-text p{font-family: 'avenir-medium'; font-size: 8.77vw; line-height: 1.2; margin-bottom: 10vw }
    .slider-content .slider-text span{ display: block; font-family: 'nature-personal-use'; font-size: 4.82vw; letter-spacing: 7px; margin-bottom: 4vw; }
    .slider-content .slider-text button{ font-family: 'rubik-medium'; display: block; margin:0 auto; font-size: 3.2vw; color: #fff; letter-spacing: 2px; border: 0; border-radius: 7.33vw; outline: 0;
    padding: 4.67vw 7.33vw; background: #04984c; }

    .slider-content2{ float: left; position: relative; width: 100%; }
    .slider-content2 li{ float: left; position: relative; width: 100%; }
    .slider-content2 li img{ width: 100%; }
    .slider-content2 .slider-text{ text-align: center; line-height: 2; color: #000; position: relative; width: 100%; padding: 14vw 0 30vw 0 }
    .slider-content2 .slider-text p{width: 70%; margin:0 auto; font-family: 'rubik-light'; font-size:5.33vw; line-height: 1.35; letter-spacing: 2px; }
    .slider-content2 .slider-text span{ display: block; font-family: 'rubik-medium'; font-weight: bold; font-size: 4.8vw; letter-spacing: 6px; margin-bottom: 4vw; }
    .slider-content .owl-dots { position: relative; width: 100%; float: left; margin: -15vw 0; text-align: center;}
    .slider-content .owl-dot{position: absolute; width: 1.6vw; height: 1.6vw; border-radius: 50%; margin-right:  2.67vw; background: #fff!important; position: relative; }
    .slider-content .owl-dot:last-child{margin-right: 0!important;}
    .slider-content .owl-dot.active{width: 2.67vw; height: 2.67vw; position: relative; margin-right: 10px; background: #04984c!important; top: inherit; transform: inherit; }
    .slider-content2 .owl-dots{position: relative; width: 100%; float: left; margin: -20vw 0; text-align: center;}
    .slider-content2 .owl-dot{position: relative; width: 1.47vw; height: 1.47vw; border-radius: 50%; margin-right: 1.87vw;  background: #5e5e5e!important;}
    .slider-content2 .owl-dot:last-child{margin-right: 0!important;}
    .slider-content2 .owl-dot.active{width: 2.4vw; height: 2.4vw; position: relative; margin-right: 1.87vw; top: 0; background: #7cc576!important; }
    .slider-content2 .owl-nav{position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .owl-carousel .owl-nav button.owl-next{ position: absolute; right: 30px; bottom: -15.33vw; }
    .owl-carousel .owl-nav button.owl-prev{ position: absolute; left: 0; bottom: -15.33vw; }
    .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{ font-size: 12vw; }
    .owl-stage{padding-left: 0!important}



    /*Products*/
    .product-detail .head-img-wrap { width: initial; margin: initial}
    .product-contD .bot-banner{display: none;}
    .product-detail .global-wrap-pad2.product-contD {width: 100%;  padding: 8.67vw 7.33vw 8.67vw 7.33vw;}
    .global-text p.small-exp {  font-size: 4.27vw;}

    .head-img-wrap{float: left; position: relative; width: 100%;}
    .head-img{position: relative; float: left; width: 100%;}
    .head-img img{width: 100%;}
    .head-img .bot-banner{position: relative; font-family: 'rubik-medium'; font-size: 5.33vw; margin:0 7.33vw; padding: 8.93vw 0 8vw 0; letter-spacing: 1px;
    color: #000; line-height: 1.5; border-bottom: 1px solid #dcdcdc; width: auto; top: inherit; transform: inherit; text-align: left;}
    .head-img h1{position: absolute; width: 100%; top:50%; transform: translateY(-50%); font-family: 'rubik-medium'; font-size: 6vw; letter-spacing: 4px; line-height: 1.3; color: #fff; text-align: center;}

    /*Video*/
    .head-video-wrap a:after{width:14.5vw; height: 14.5vw;}
    .head-video-wrap h1{ padding: 6vw 7.35vw 0; font-size: 6.34vw;  }

    .blog-video-wrap{ height: 85vw;}
    .video-background{width: 155%;}

    .product-conten{float: left; position: relative; width: 100%;}

    .action-link-cont { overflow: hidden;  background-color: transparent; position: relative; float: left; width: 100%;}
    .action-link-cont button {font-family: 'rubik-medium'; font-size: 3.07vw; letter-spacing:  0.27vw; color:#000; background:transparent; position: relative; float: left; width: 50%;
        outline: none; cursor: pointer; padding: 5.6vw 0; transition: 0.35s; border: 0.4vw solid #111111;}
    .action-link-cont button:after{position: absolute; content: ""; width: 1px; background: #04984c; right: 0; top: 0; height: 100%;}
    .action-link-cont button:last-child:after{background: transparent;}
    .action-link-cont button.active-tab {  background-color: #04984c; color:#fff; border-color:#04984c }
    .action-link-cont button:first-child  {border-top-left-radius: 1vw;   border-bottom-left-radius: 1vw; border-right:0;}
    .action-link-cont button:last-child  {border-top-right-radius: 1vw;   border-bottom-right-radius: 1vw; border-left: 0;}
    .action-content { display: none;  animation: fadeEffect 1s; /* Fading effect takes 1 second */ }

    .tab-content .action-link-cont { overflow: hidden;  background-color: transparent; position: relative; float: left; width: 100%;}
    .tab-content .action-link-cont button { position: relative; float: left; width: 16.6667%; background: #e6e6e6;
        font-family: 'rubik-medium'; font-size: 4vw; text-align: center; letter-spacing:  0.27vw; color:#fff;
        outline: none; cursor: pointer; padding: 5.73vw 0; transition: 0.35s; border:0; border-radius: 0; border-right: 0.4vw solid #dbdbdb;}
        .action-link-cont button:after{content: none;}
   .tab-content .action-link-cont button:last-child{border:0;}
   .tab-content .action-link-cont button.active-tab {  background-color: #04984c; color:#fff; border-color:#04984c }
   .tab-content .action-content { display: none; float: left; position: relative; width: 100%;  animation: fadeEffect 1s; padding:1.67vw 7.33vw 8.67vw 7.33vw; }

    /* Go from zero to full opacity */
    @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }

    .product-wrap{position: relative; float: left; width: 100%; padding: 14vw 7.33vw 14.67vw 7.33vw}
    .col1-product{width: 100%; float: left; position: relative;}
    .col2-product{width: 100%; float: left; position: relative;}
    .col2-product h2{float: left; position: relative; width: 100%; padding: 0 0 4vw 0; margin: 0 0 5vw 0; border-bottom: 1px solid #dcdcdc; font-family:'rubik-medium'; font-size: 5.33vw; }
    .col1-product ul{float: left; position: relative; width: 100%;}
    .col1-product li{position: relative; float: left; width: 100%!important; border-radius: 10px; margin:0 0 5% 0; }
    .col1-product li{position: relative; float: left; width: 100%; border-radius: 10px; margin:0 0 5% 0; }
    .col1-product li{position: relative; float: left; width: 100%; border-radius: 10px; margin:0 0 5% 0; }
    .col1-product li img{width: 100%; max-width: 100%;}
    .col1-product li a{opacity: 1}
    .col1-product li p{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'rubik-medium'; color: #fff; font-size: 4.27vw; letter-spacing: 2px; text-align: center;}
    .col2-product li p.alt-exp{position: relative; float: left; width: 100%; padding: 2.67vw 0 2.67vw 0; font-family: 'rubik-regular'; color: #000; font-size: 4.27vw; letter-spacing: 1.5px; line-height: 1.2; text-align: left;
    left: inherit; top: inherit; transform: inherit;}
    .col2-product ul{float: left; position: relative; width: 100%; margin-bottom: 3vw;}
    .col2-product li{position: relative; float: left; width: 47.5%!important; margin:0 5% 5% 0!important; border-radius: 10px;  }
    .col2-product li:nth-child(even){margin-right: 0!important; }
    .col2-product li img{width: 100%;}
    .col2-product li a{opacity: 1;}
    .col2-product li p{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'rubik-medium'; color: #fff; font-size: 4.27vw; letter-spacing: 1px; text-align: center;}
    .col2-product li p.alt-exp{position: relative; float: left; width: 100%; padding: 2.67vw 0 2.67vw 0; font-family: 'rubik-regular'; color: #000; font-size: 4.27vw; letter-spacing: 1.5px; line-height: 1.2; text-align: left;
    left: inherit; top: inherit; transform: inherit;}
    .col2-product li p.alt-exp br{display: block}

    /*Dropdown*/
    .dropdown-wrap{float: left; position: relative; width: 100%; padding:0 0 5vw 0;}
    .dropdown-wrap h2, .global-img-wrap h2{float: left; position: relative; width: 100%; padding:4.67vw 0 7vw 0; font-size:5.33vw; font-family: 'rubik-medium'; letter-spacing: 2px; }

    .accordion-container{float: left; position: relative; width: 100%; padding-top: 2vw;}
    .accordion { position: relative; width: 100%; float: left; background:transparent; font-family: 'rubik-regular'; font-size: 4vw; line-height: 1.35; text-align: left; outline: 0!important;
    border:0;  transition: ease all 0.4s; padding: 4.67vw 7vw 4.67vw 0; color:#000; }
    .accordion:first-child { border-top:1px solid #5d5d5d;}
    .tab-content .accordion:first-child { border-top:0;}
    .accordion.bt { border-top:1px solid #5d5d5d;}

    button.accordion.active-panel, a.accordion.active-panel{ border-bottom: 0;}
    button.accordion:after, a.accordion:after  { content: '\002B'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #000;
    font-weight: bold; font-size: 3.47vw; transition: ease all 0.4s;}
    button.accordion.active-panel:after, a.accordion.active-panel:after {content: "\2212"; }

    .with-img .accordion{float: left; text-decoration: none; color: #000; padding:7vw 0; }
    .with-img .accordion:first-child { border-top:0;}
    .with-img .accordion img{position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 16.67vw!important; border-radius: 1.33vw;}
    .with-img .accordion p{float: left; text-decoration: none; font-family: 'rubik-medium'; letter-spacing: 2px; color: #000; margin-left: 25%;}

    .vegetable-detail .with-img .accordion img{max-width: 17vw!important; width: 100%;}


    .panel {float: left; width: 100%; position: relative; background-color: transparent; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out;}
    .panel p {font-family:'rubik-light'; font-size: 3.73vw; line-height: 1.3; padding: 0 0 5vw 0;  border-bottom: 1px solid #5d5d5d }
    .panel.part-texts{}
    .panel.part-texts ul, .panel li{float: left; position: relative; width: 100%;}
    .panel.part-texts li{width: 100%; padding:5.33vw 0; border-bottom: 1px solid #ececec }
    .panel.part-texts li:last-child{ border-bottom: 0 }
    .panel.part-texts li p.half-title2{ font-family:'rubik-medium'; }
    .panel.part-texts li p{width: 100%; float: left; font-family:'rubik-light'; font-size: 4.27vw; padding-bottom:1.5vw; letter-spacing:1px; line-height: 1.4; border-bottom: 0; }
    .panel.part-texts li p:last-child{padding-bottom:0vw; }
    .panel.part-texts li p span, .panel.part-texts li p strong{font-family: 'rubik-medium' }

    .dropdown-wrap .panel p { border-bottom: none; }

    /*Tab Menu*/
    .tab-content-wrap{position: relative; width: 100%; float: left;}
    .tab-head{position: relative; width: 100%; float: left; padding:1.67vw 7.33vw 8.67vw 7.33vw; font-size: 5.33vw; font-family: 'rubik-medium'; letter-spacing: 1px;}
    .tab-content{position: relative; float: left; width: 100%;}

    /*Video*/
    .video-box{float: left; width: 100%; position: relative; margin-bottom: 4.27vw;}
    .video-wrap, .video-content{float: left; position: relative; width: 100%;}
    .video-content{border-radius: 3.33vw; background: #f8f8f8; }
    .video-content .video-img{float: left; position: relative; width: 100%; }
    .video-content .video-img:after{position: absolute; content: ""; left: 7vw; bottom:-4.3vw; width: 10vw; height: 10vw;
    background: url(../img/icons/video-play.png) no-repeat; background-size: 100%;  top: initial;
    transform: none}
    .video-content .video-img img{width: 100%;}
    .video-content .video-text{float: left; position: relative; width: 100%; padding: 9.33vw 5.07vw 6.4vw 6.67vw}
    .video-content .video-text .video-title{position: relative; float: left; width: 70%;}
    .video-content .video-text .video-title p{font-family:'rubik-light'; font-size: 4.27vw; color:#000; line-height: 1.6; letter-spacing: 2px;  }
    .video-content .video-text .video-title p span, .video-content .video-text .video-title p strong{font-family:'rubik-medium'; }
    .video-content .video-text .video-date{width: 30%; float: left; position: relative; background: #000; padding: 1.5vw 0; }
    .video-content .video-text .video-date p {font-size: 3vw; font-family: 'rubik-light'; font-weight: bold; letter-spacing: 2px; color:#fff; text-align: center;}

    /*Article*/
    .article-box{float: left; position: relative; width: 100%; padding: 3vw 0 8vw 0;}
    .col-two{position: relative; width: 100%; margin-right: 0; }
    .col-two:nth-child(odd){margin-right: 0; }
    .col-three{width: 100%; margin-right:0vw; max-height: 100%;}
    .col-three:last-child{margin-right: 0;}
    .article-global-text {border-bottom: 0}
    .article-global-text h2{ font-family: 'rubik-medium'; font-size: 5.33vw; line-height: 1.4; display: block; float: left; padding: 8vw 0 1.56vw 0;}
    .article-box .global-text h3{padding-top:0;}
    .article-box .global-text p{padding-bottom: 6vw; width: 100%;}
    .article-box .read-all{margin-top: 0;}

    /* History*/
    .history-wrap{position: relative; float: left; width: 100%; padding:18.67vw 7.33vw 13.33vw 7.33vw; background:#f8f8f8}
    .history-head{float: left; position: relative; width: 100%;}
    .history-head h2{ font-size:5.33vw; font-family: 'rubik-medium'; letter-spacing: 2px;  }
    .history-content{float: left; position: relative; width: 100%;}
    .history-content::before { content: "";position: absolute; left: 2.13vw; top: 30vw; width: 0.27vw;}
    .history-content:after{content: none; }

    /*.history-content::before { content: ""; background-image: url(../img/icons/history-dots.jpg); background-size: 100%; background-repeat: repeat-y; position: absolute;
    left: 2.13vw; top: 30vw; width: 0.27vw;}*/

    .history-content{ background-image: url(../img/icons/history-dots.jpg); background-repeat: repeat-y; background-position: 2vw 7.73vw; margin-top: 28.67vw; margin-bottom: 53.33vw}
    .history-box{ position: relative; float: left; width: 92%; margin-left: 8%; padding: 8vw 0 0; }
    .history-box:first-child{  margin-top: -28.67vw;}
    .history-box:last-child{ margin-bottom: -60vw;}
    .history-img{float: left; position: relative; width: 100%;}
    .history-img:before{content: ""; position: absolute; left: -4vw; top: 50%; transform: translateY(-50%); width: 4vw; height: 1px; background: #717171; -webkit-transform-origin: left center; transform-origin: left center;}
    .history-img img{width: 100%;}
    .history-text, .history-year, .line, .history-exp{position: relative; float: left; width: 100%;}
    .history-year p {font-family:'rubik-medium'; font-size: 4.8vw; letter-spacing: 2px; padding:5.87vw 0 4vw 0;/* opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px);*/ }
    .line{height: 1px; background: #000; -webkit-transform-origin: left center; transform-origin: left center; /*-webkit-transform: scale(0); transform: scale(0);*/}
    .history-exp p {font-family:'rubik-light'; font-size: 4.27vw; line-height: 1.5; letter-spacing: 2px; padding:4.53vw 0 4vw 0; /* opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px);*/  }
    .history-exp p span, .history-exp p strong {font-family:'rubik-medium';}
    .history-dot{width: 1.6vw; height: 1.6vw; border-radius: 100%; background: #717171; position: absolute; left: -5.33vw; top: 50%; transform: translateY(-50%);}

    /*Form*/
    .form-cont{float: left; width: 100%; position: relative; padding: 0 0 6vw 0;}
    .form-box{float: left; position: relative; width: 100%; padding:0 0 6.67vw 0 }
    .form-box p{font-family:'rubik-regular'; font-weight: bold; font-size: 3.2vw; letter-spacing: 2px; padding-bottom:3.33vw;  }
    .form-box select{float: left; width: 100%; outline: none; border-radius: 0; border: 1px solid #000; font-family: 'rubik-medium'; font-size:3.2vw; padding: 5.73vw 6.67vw; letter-spacing: 2px; line-height: 1.2; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; background: url(../img/icons/down-arrow2.png) no-repeat; background-position: right 6vw center; background-size: 3.5vw;   }
    .form-box input{float: left; width: 100%; position: relative; border:1px solid #000; font-family: 'rubik-medium'; font-size:3.2vw; padding: 5.73vw 6.67vw;  -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; background: none; max-width: 100%; }
    .form-box textarea{float: left; width: 100%; outline: 0; border-radius: 0; border: 1px solid #000; font-family: 'rubik-medium'; font-size:3.2vw; padding: 5.73vw 6.67vw; letter-spacing: 2px; line-height: 1.2; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; height: 28vw; max-height: 28vw; background: none  }
    .form-cont .buttonForm{float: left; width: 100%; position: relative; font-family: 'rubik-medium'; font-size:3.2vw; color:#fff; letter-spacing: 2px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; border: 0; padding: 4.67vw 0; background:#04984c; }
    .form-box input[type="date"] { padding-top: 6.67vw; padding-bottom: 6.67vw;}
    .contactLeft, .contactRight{width: 100%;}
    .form-box.col-42, .form-box.col-27, .form-box.col-27-select select, .form-box.col-27-select .selectcustom, .form-box.col-87 textarea {width: 100%; float: left;}
    .form-cont .form-box.col-42.mr2, .form-cont .form-box.col-27.mr2{margin-right: 0;}
    label.error { margin-top: 5px; font-size: 3.5vw; }

    select[name="gun"], select[name="yil"] { width: 32%; margin-right: 1%; padding-right: 5.9vw; padding-left: 5.9vw; }
    select[name="ay"] { width: 34%; margin-right: 1%; background-position: right 2vw center; padding-right: 5.9vw; padding-left: 5.9vw; }
    select[name="yil"] { margin-right: 0; }

    .colMerge { width: 100% !important; }

    /*Shop*/
    .shop-wrap{float: left; position: relative; width: 100%; /*background: #f3f3f3;*/ text-align: center; margin:12vw 0 0; padding: 0 0 10vw 0; }
    .shop-wrap img{width: 100%; float: none; /*max-width: 65.73vw;*/ margin: -9.5vw 0 0 0;}
    .shop-wrap img.dukkanD { display: none; }
    .shop-wrap img.dukkanM { display: block; }
    .shop-wrap p{ display: block; float: left; font-family: 'rubik-light'; font-size: 5.33vw; color:#000; line-height: 1.3; margin: 7.47vw 0 6.27vw 0;  }
    .shop-wrap p span, .shop-wrap p strong{ font-family: 'rubik-medium'; }
    /*.shop-wrap button, .shop-wrap a{float: none; position: relative; display: inline-block; font-family: 'rubik-medium'; font-size: 3.2vw; border: 1px solid #04984c; outline: 0; background: transparent; padding: 6vw 13.2vw 6vw 7.33vw; letter-spacing: 3px; margin-left: 0; }*/
    /*.shop-wrap button:after, .shop-wrap a:after{ content: ""; position: absolute; background: url("../img/icons/shop-next.png"); background-repeat: no-repeat; background-size: 100%; width: 3.33vw; height: 2.27vw; right: 13%; top: 50%;
    transform: translateY(-50%); }*/
    .dukkanText { right: 0; left: 0; width: 100%; top: -35px; bottom: 0; }

    /*Blog*/
    .blog-wrap ul#sync1{padding-right: 12vw;padding-left: 12vw;}

    /*.blog-wrap{padding-right: 0;}*/

    .blog-content p{ padding: 5.5vw 0 0; min-height: 22vw; }

     ul#sync1 .owl-nav{position: absolute; width: 100%; top: 30%; left: 50%; transform: translate(-50%, -50%);}
     ul#sync1 .owl-nav button{border:0; outline: none;}
     ul#sync1 .owl-nav button.owl-prev{font-size:4.5vw; color:#000; position: absolute; left: 0vw; }
     ul#sync1 .owl-nav button.owl-next{font-size: 4.5vw; color:#000; position: absolute; right: 0vw; }
     ul#sync1 .owl-nav button.owl-next span, .slider-content .owl-nav button.owl-prev span{float: left;}



    #sync2{display: none;}

    .show-all{float: left; position: relative; font-family: 'rubik-medium'; font-size: 3.73vw; border: 0; top:initial; background: transparent; display: block; margin: 0 auto; padding: 0; }
    .show-all:after{content: ""; position: absolute; bottom: -5px;  width: 100%; height: 2px; left: 0; background: #000;}

    .read-all{position: relative; float: left; font-family: 'rubik-regular'; font-size: 3.47vw; color:#000; border: 0; text-decoration: none; background: transparent;
    margin: 0 auto; padding: 0; margin: 1.67vw 0; }
    .read-all:after{content: ""; position: absolute; bottom: -15px; width: 100%; height: 2px; left: 0; background: #000;}

    .read-more{position: relative; float: left; width: 100%;}

    .read-more[data-readmore] {transition: height 800ms; overflow: hidden;}
    .read-more + [data-readmore-toggle], article[data-readmore] { display: block; float: left; font-family: 'rubik-light'; border:0; text-decoration: none; font-size: 4.27vw; margin-top: 3vw;}
    .read-more:only-child, .read-more:first-child { border: 0; padding: 0;}

    /*Search*/
    .search-wrap{float: left; position: relative; width: 100%; margin: 0 0 7.67vw ;}
    .search-wrap input{float: left; position: relative; width: 100%; padding:4vw 0 2vw 7.33vw;  -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */ appearance:none; outline: none; border-top:0; border-left: 0; border-right: 0; border-bottom: 2px solid #000; color: #000; font-family:'rubik-regular'; font-size: 4.4vw; }
    .search-wrap input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: #000;  opacity: 1; /* Firefox */}
    .search-wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #000; }
    .search-wrap input::-ms-input-placeholder { /* Microsoft Edge */  color: #000;}

    .icon-search{position: absolute; left: 0; top:50%; transform: translateY(-50%); z-index: 1; font-size: 4vw;}

    /*Instagram*/
    .instagram-wrap{background: #f8f8f8; margin:0;}
    .instagram-wrap .global-head h4{text-align: left;}
    .insta-blog {padding:0 12vw; }
    .insta-blog li a img{margin-bottom: 3.07vw;}
    .insta-blog li a:last-child img{margin-bottom: 0;}

     ul.insta-blog .owl-nav{position: absolute; width: 100%; top: 20%; left: 50%; transform: translate(-50%, -50%);}
     ul.insta-blog .owl-nav button{border:0; outline: none;}
     ul.insta-blog .owl-nav button.owl-prev{font-size:4.5vw; color:#000; position: absolute; left: 0vw; }
     ul.insta-blog .owl-nav button.owl-next{font-size: 4.5vw; color:#000; position: absolute; right: 0vw; }
     ul.insta-blog .owl-nav button.owl-next span, .slider-content .owl-nav button.owl-prev span{float: left;}

    /* BTH Mobile*/

    .company-info-wrap .action-link-cont{ overflow: hidden; background-color: transparent; position: relative; float: left; width: 100%; }
    .company-info-wrap{ padding: 8.67vw 7.33vw 8.67vw 7.33vw }
    .company-info-wrap .action-content{ float: left; position: relative; width: 100%; }
    .company-info-wrap .action-link-cont button:after{ content: none; }
    .company-info-wrap .dropdown-wrap{ padding: 0vw 2.38vw !important }
    .company-info-wrap .action-links{ width: 50%; border-radius: 0!important; border:1px solid transparent!important; background: #f6f6f6; }
    .bth-wrap { padding: 5vw 0 0 0 !important; }
    .bth-company-info-header h2 { padding: 7.67vw 0 7.67vw 0 !important; font-weight: bold; font-size: 4vw; }
    .bth { background: #e9e9e9 !important; padding: 5vw 3vw !important; font-family: 'rubik-medium' !important; font-size: 3vw; }
    .bth:hover { background-color: #04984c !important; color: #ffffff; }
    button.bth:hover:after, a.bth:hover:after{ content: '\002B' !important; color: #ffffff; }
    button.bth:after { right: 5.77% !important; }
    .bth:first-child { border-top:none !important; }
    .bth-details { background: #fcfcfc; border-bottom: 1px solid #cacaca !important;  }
    .bth-dropdown-details { padding: 5vw 0 3vw 3vw; }
    .bth-dropdown-details-top { font-size: 3.15vw; padding-bottom: 1.5vw; text-transform: uppercase; font-family: 'rubik-medium' !important; }
    .bth-dropdown-details-bottom { font-size: 3.10vw; padding-bottom: 4vw; font-family: 'rubik-regular' !important; }
    .bth-dropdown-details-contracts { font-size: 3.10vw; padding-bottom: 4vw; font-family: 'rubik-regular' !important; }
    .bth-contracts-icon { width: 6vw; vertical-align: middle; margin-right: 2vw; }
    /* Mobile Menu */
    .mobile-menu-container{position: fixed; display: block; width: 100%; height: 100vh; top: 0; left: 0; background: #ffffff; padding: 11.47vw 7.33vw; z-index:5; overflow-y: auto; overflow-x: hidden; transition: ease all 0.8s; transform: translateX(100%); transform-origin: center center}
    .mobile-menu-container.active-menu{transition: ease all 0.8s; transform: translateX(0%); transform-origin: center center}

    .menu-logo{margin-bottom: 9.33vw; float: left; position: relative;}
    .menu-logo a{display: block; }
    .menu-logo a img{width: 100%; max-width: 20.53vw;}

    .menu-close { margin-top: 2vw; float: right; width: 7vw; z-index: 9}
    .menu-closer{float: left;}
    .menu-close img{width: 100%;}

    .leaf-animation{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1}
    #top-leaf { position: absolute; left: 60%; top: -5%; max-width: 9vw;}
    #right-leaf { position: absolute; left: -7vw; top: 70%; max-width: 12vw; z-index: 1;}
    #left-leaf {position: absolute; bottom: -5%; right: -7vw; max-width: 15vw;}

    .mobile-menu-links{position: relative; float: left; width: 100%; color: #000;}
    .mobile-menu-links .mobile-main-link{position: relative; float: left; width: 100%; padding-bottom: 4vw; border-bottom: 2px solid #e1e1e1}
    .mobile-menu-links .mobile-main-link li{margin-bottom: 5.33vw; padding: 1.3vw 0;}
    .mobile-menu-links .mobile-main-link li a{position: relative; font-family: 'rubik-regular'; font-size: 4.53vw; color: #000;  cursor: pointer;}
    .mobile-menu-links .mobile-main-link li a.active{color: #04984c; }
    .mobile-menu-links .mobile-main-link li a.active:after{content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 2px; background: #04984c}

    .mobile-menu-links .second-link{position: relative; float: left; width: 100%; margin-top:8.67vw; padding-bottom: 4vw; border-bottom: 2px solid #e1e1e1}
    .mobile-menu-links .second-link li{margin-bottom: 4vw;}
    .mobile-menu-links .second-link li a{font-family: 'rubik-light'; font-size: 4vw; color: #000; cursor: pointer;}

    .mobile-menu-links .info-link{position: relative; float: left; width: 100%; margin-top:8.67vw;}
    .mobile-menu-links .social-box{position: relative; float: left; width: 100%; }
    .mobile-menu-links .info-link p{font-family: 'rubik-regular'; font-size:4vw }

    .mobile-products-expand {float: right; width: 3vw}
    .mobile-hidden-menu{display: none; font-size: 3.5vw; font-family: 'rubik-regular'; margin-left: 4vw;}

    .mobile-menu-links .social-box ul{float: left; margin-top: 4vw;}
    .mobile-menu-links .social-box li{ float: left; }
    .mobile-menu-links .social-box li a{ width: 11.33vw; height: 11.33vw; display: block;  margin-right: 2vw; }
    .mobile-menu-links .social-box li:last-child a{margin-right: 0; }
    .mobile-menu-links .social-box li a.facebook{background: url(../img/menu/split.png); background-position-y:  0vw; background-size: 100%; background-repeat: no-repeat;}
    .mobile-menu-links .social-box li a.twitter{background: url(../img/menu/split.png); background-position-y: -12.8vw; background-size: 100%; background-repeat: no-repeat;}
    .mobile-menu-links .social-box li a.instagram{background: url(../img/menu/split.png); background-position-y: -25.5vw; background-size: 100%; background-repeat: no-repeat;}
    .mobile-menu-links .social-box li a.youtube{background: url(../img/menu/split.png); background-position-y: -38vw; background-size: 100%; background-repeat: no-repeat;}

    .dogadan-shop{background-image: url(../img/menu/go-to.png); background-repeat: no-repeat; background-position: right; background-size: 3.5vw}
    .dogadan-shop-link {border-bottom: 2px solid #000; }

    .mobil-en-opt {display: none; float: right;text-align: center;width: 11vw;background-color: #000000;color: #fff!important;line-height: 11vw;position: relative;z-index: 2;border-radius: 3vw; margin-top: 3vw; font-size: 3vw; font-family: 'rubik-medium'}

    /*Popup*/
    .popup-cont, .popup-form{ position: fixed; width: 80%; max-height: 80vh;  border-radius: 0.32vw; padding: 8vw 0 8vw 8vw; height: 115vw; }
    .popup-cont img, .popup-form img{float: right; cursor: pointer; width: 5.3vw;}
    .popup-cont h4, .popup-form h4{ font-size: 5.33vw; margin-bottom: 4vw; padding-bottom: 4vw; }
    .popup-cont p, .popup-form p{font-size: 4.27vw; padding-bottom: 8vw; }
    .popup-cont .popupContScroll { max-height: 95vw; margin-top: 5vw; }
    .popup-cont .popupInImg { width: 30vw; float: none; margin-bottom: 11vw; }
    .popupCloseC { padding: 15px; }
    .popup-cont a img { width: 3.5vw; }

   .popup-cont2{ position: fixed; width: 96%; max-height: 80vh; border-radius: 0.32vw; padding: 6vw 4vw; overflow-y: auto;}

    /* Footer */
    .footer-container{float: left; position: relative; width: 100%; background: #1f1f1f; padding: 11.47vw 7.33vw;}
    .footer-logo{margin-bottom: 13.33vw; float: left; position: relative;}
    .footer-logo a{display: block; }
    .footer-logo a img{width: 100%; max-width: 20.53vw;}
    .footer-links{position: relative; float: left; width: 100%; color: #fff; margin-left: 0;}
    .main-link{position: relative; float: left; width: 100%; padding-bottom: 4vw; border-bottom: 1px solid #2d2d2d}
    .main-link li{margin-bottom: 5.33vw;}
    .main-link li a{font-family: 'rubik-regular'; font-size: 4.53vw; color: #fff; cursor: pointer; text-transform: initial;}

    .second-link{position: relative; float: left; width: 100%; margin-top:8.67vw; padding-bottom: 4vw; border-bottom: 1px solid #2d2d2d}
    .second-link:after{content: none;}
    .second-link li{margin-bottom: 4vw;}
    .second-link li a{font-family: 'rubik-light'; font-size: 4vw; color: #fff; cursor: pointer; text-transform: initial;}

    .info-link{position: relative; float: left; width: 100%; margin-top:8.67vw;}
    .info-link p{font-family: 'rubik-regular'; font-size:4vw; text-transform: initial;}

    .social-box { float: left; position: relative; height: 100%; margin-left: 0;}
    .social-box ul, .footer-container .social-box ul{float: left; margin-top: 4vw;}
    .social-box li{ float: left; }
    .social-box li a{ width: 11.33vw; height: 11.33vw; display: block;  margin-right: 2vw; }
    .social-box li:last-child a{margin-right: 0; }
    .social-box li a.facebook, .footer-container .social-box li a.facebook{background: url(../img/footer/split.png); background-position-y:  0vw; background-size: 100%; background-repeat: no-repeat;}
    .social-box li a.twitter, .footer-container .social-box li a.twitter{background: url(../img/footer/split.png); background-position-y: -12.8vw; background-size: 100%; background-repeat: no-repeat;}
    .social-box li a.instagram, .footer-container .social-box li a.instagram{background: url(../img/footer/split.png); background-position-y: -25.5vw; background-size: 100%; background-repeat: no-repeat;}
    .social-box li a.instagram, .footer-container .social-box li a.youtube{background: url(../img/footer/split.png); background-position-y: -38vw; background-size: 100%; background-repeat: no-repeat;}

    .contact-box {float: left; position: relative; width: 100%; margin-left: 0}
    .contact-box p{font-family: 'rubik-regular'; font-size:4vw; margin-top: 13vw; letter-spacing: 1.2px;  text-transform: initial; }
    .contact-box ul{float: left; position: relative; width: 100%; margin: 6.67vw 0;}
    .contact-box ul li{ float: left; width: 100%; margin-bottom: 6.27vw}
    .contact-box ul li a, .contact-box ul li p{font-size:  3.73vw; position: relative; color:#fff; margin-left: 7.33vw; text-decoration: none;}
    .contact-box ul li a:after{content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background:#fff; }
    .contact-box ul li a.mail:before{content: ""; position: absolute; left: -7.33vw; top:1.6vw; background: url(../img/footer/split2.png);
    background-repeat: no-repeat;  width: 4.93vw; height: 3.73vw; background-size: 100%;  }
     .contact-box ul li a.phone:before{content: ""; position: absolute; left: -7.33vw; top:.6vw; background: url(../img/footer/split2.png);
    background-repeat: no-repeat; width: 4.93vw; height: 5.8vw; background-position-y: -10.27vw; background-size: 100%; }
    .contact-box ul li.info-data{display: block; margin:6vw 0 0 0;}
    .contact-box ul li.info-data a, .contact-box ul li.info-data p{margin:0; line-height: 2}

    .footer-container .social-box{float: left; margin-left: 0}
    .footer-copyright{float: left; position: relative; padding: 8.4vw 7.33vw;}
    .footer-copyright .info-data{display: none;}
    .footer-copyright p{float: left; font-family: 'rubik-light'; font-size: 3.73vw; letter-spacing: 1.3px; color:#000;}
    .footer-copyright .privacy{float: left; font-family: 'rubik-light'; letter-spacing: 1.3px; color:#000;  margin-top: 15px; padding-right: 6vw;}
    .footer-copyright .privacy a { font-size: 3.73vw; margin-left: 0; }
    .maintenanceInner { background: url(../img/backgrounds/bakim-mb.jpg) no-repeat center center; }
    .maintenanceContent h1 { font-size: 6.17vw; }
    .maintenanceContent p { font-size: 3.04vw; }
    .maintenanceContent a { font-size: 2.83vw; }

    .error404Content h1 { font-size: 16vw; padding-bottom: 5.56vw; }
    .error404Content p { font-size: 3vw; padding-bottom: 7.6vw; }
    .error404Content a { font-size: 2.5vw; padding: 4.56vw 6.6vw; }

    .instaBlogClose { position: fixed; right: 4vw; top: 5vw; z-index: 9999; width: 7vw; display: none; }
    .global-text a.link2 { text-decoration: underline; }

    table.kvkkFormTableNew { overflow: hidden; border: none; }
    table.kvkkFormTableNew thead { display: none; }
    table.kvkkFormTableNew tr { border-left: 1px solid #000; border-top: 1px solid #000; }
    table.kvkkFormTableNew, .kvkkFormTableNew thead, .kvkkFormTableNew tbody, .kvkkFormTableNew th, .kvkkFormTableNew td, .kvkkFormTableNew tr { display: block; }

    .kvkkFormTableNew tr { margin: 0 0 1rem 0 }
    .kvkkFormTableNew tr:nth-child(odd) { background: #efefef; }
    .kvkkFormTableNew td { border: none; border-bottom: 1px solid #000; border-right: 1px solid #000; position: relative; padding: 20px 20px 20px 50% !important; line-height: 21px; }
    .kvkkFormTableNew td:before { position: absolute; top: 20px; left: 6px; width: 45%; padding-right: 10px; white-space: inherit; }

    .kvkkFormTable1 td:nth-of-type(1):before { content: "No"; font-weight: bold; }
    .kvkkFormTable1 td:nth-of-type(2):before { content: "Başvuru Yöntemi"; font-weight: bold; }
    .kvkkFormTable1 td:nth-of-type(3):before { content: "Başvurunun Yapılacağı Adres"; font-weight: bold; }
    .kvkkFormTable1 td:nth-of-type(4):before { content: "Yapılması Gereken"; font-weight: bold; }

    .kvkkFormTable2 td:nth-of-type(1):before { content: "İLGİLİ KİŞİ KATEGORİSİ"; font-weight: bold; }
    .kvkkFormTable2 td:nth-of-type(2):before { content: "AÇIKLAMA"; font-weight: bold; }

    .kvkkFormTable3 td:nth-of-type(1):before { content: "Veri Kategorileri"; font-weight: bold; }
    .kvkkFormTable3 td:nth-of-type(2):before { content: "Örnekler"; font-weight: bold; }

    .kvkkFormTable4 td:nth-of-type(1):before { content: "Kişisel Veri İşleme Amaçlarımız"; font-weight: bold; }
    .kvkkFormTable4 td:nth-of-type(2):before { content: "Örnekler"; font-weight: bold; }

    .kvkkFormTable5 td:nth-of-type(1):before { content: "Hukuki Sebepler"; font-weight: bold; }
    .kvkkFormTable5 td:nth-of-type(2):before { content: "Örnekler"; font-weight: bold; }

    .kvkkFormTable6 td:nth-of-type(1):before { content: "Veri Kayıt Ortamı"; font-weight: bold; }
    .kvkkFormTable6 td:nth-of-type(2):before { content: "Açıklama"; font-weight: bold; }

    .kvkkFormTable7 td:nth-of-type(1):before { content: "KISALTMALAR"; font-weight: bold; }
    .kvkkFormTable7 td:nth-of-type(2):before { content: " "; font-weight: bold; }

    /*-----------  EN  -----------*/
    .kvkkFormTable1 td:nth-of-type(1):before { content: "No"; }
    .kvkkFormTable1 td:nth-of-type(2):before { content: "Başvuru Yöntemi"; }
    .kvkkFormTable1 td:nth-of-type(3):before { content: "Başvurunun Yapılacağı Adres"; }
    .kvkkFormTable1 td:nth-of-type(4):before { content: "Yapılması Gereken"; }

    .kvkkFormTable2 td:nth-of-type(1):before { content: "RELATED PERSON CATEGORY"; }
    .kvkkFormTable2 td:nth-of-type(2):before { content: "EXPLANATION "; }

    .kvkkFormTable3 td:nth-of-type(1):before { content: "Data Categories"; }
    .kvkkFormTable3 td:nth-of-type(2):before { content: "Examples"; }

    .kvkkFormTable4 td:nth-of-type(1):before { content: "Our Purposes of Processing your Personal Data"; }
    .kvkkFormTable4 td:nth-of-type(2):before { content: "Examples"; }

    .kvkkFormTable5 td:nth-of-type(1):before { content: "Legal Reason"; }
    .kvkkFormTable5 td:nth-of-type(2):before { content: "Examples"; }

    .kvkkFormTable6 td:nth-of-type(1):before { content: "Data recording medium"; }
    .kvkkFormTable6 td:nth-of-type(2):before { content: "Explanation"; }

    .kvkkFormTable7 td:nth-of-type(1):before { content: "ABBREVIATIONS"; }
    /*-----------  EN  -----------*/

}

@media only screen and (max-width: 550px){

    .nh-home .slider-content .slider-text p { font-size: 14px; margin-bottom: 0; }

    /*Header*/
    .logo-wrap img { max-width: 31vw;}
    .logo-wrap, .menu-wrap { height: 21vw;}
    .mobile-header { padding: 7.27vw 7.5vw;}

    .menu-wrap .hM-wrap { width: 12.33vw;}
    .hM-wrap a span {width: 11vw; height: 1vw; margin-bottom: 1.4vw; border-radius: 9.67vw; }
    .hM-wrap a span:last-child { width: 5.33vw;}

    /*Menu Mobile*/
    .menu-logo a img { width: 100%; max-width: 30.53vw;}
    .menu-close { margin-top: 6vw; }

    /*Content*/
    .insta-blog .owl-item{max-width: 150px!important;}
    .insta-blog li a img{border-radius: 5px;}
    .mobile-slide-cont{display: block;}

    .footer-logo a img{width: 100%; max-width: 25.53vw;}

    .maintenanceContent h1 { font-size: 8.17vw; padding-bottom: 6.56vw; }
    .maintenanceContent p { font-size: 5.04vw; padding-bottom: 10.56vw; }
    .maintenanceContent a { font-size: 4.83vw; padding: 5.56vw 7.6vw; }

    .error404Content h1 { font-size: 20vw; padding-bottom: 6.56vw; }
    .error404Content p { font-size: 4.67vw; padding-bottom: 8.6vw; }
    .error404Content a { font-size: 3.83vw; padding: 4.56vw 6.6vw; }

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  a.show-popup { display: block; width: 30vw; }
  .nh-home .slider-content .slider-text { bottom: 100px; }
  .nh-home .slider-content .slider-text p { font-size: 18px; margin-bottom: 0; }
}