@font-face {
  font-family: alexis;
  src: url(Allexis.ttf);
}

@font-face {
  font-family: brush;
  src: url(brush.ttf);
}

@font-face {
  font-family: edwardian;
  src: url(edwardian.ttf);
}

body{ height: auto !important; font-size: 19px !important; }

ul{ margin: 0; padding: 0; }
ol{ margin: 0; padding: 0; }
li{ list-style: none; }

a:hover, a:active, a:focus{ text-decoration: none; outline: none; }
button:hover, button:active, button:focus{ text-decoration: none; outline: none; }

.pdy{ padding: 0; }
.pdy-sol{ padding-left: 0; }
.pdy-sag{ padding-right: 0; }
.pdy-sol-m{ padding-left: 0; }
.pdy-sag-m{ padding-right: 0; }
.pb0{ padding-bottom: 0 !important; }
.padding-yok{ padding: 0 !important; }
.pdr5{ padding-right: 5px; }
.mb0{ margin-bottom: 0 !important; }

.w100{ width: 100%; }
.mw100{ max-width: 100%; }

.display-b{ display: none; }
.display-n{ display: block; }

.fancybox-skin{ padding: 0 !important; }

//.mons{ font-family: 'Montserrat', sans-serif; }
.mons{ font-family: 'EB Garamond', serif; }
.alexis{ font-family: alexis, sans-serif; }
.brush{ font-family: brush, sans-serif; }
.edwardian{ font-family: edwardian, sans-serif; }

header{ float: left; width: 100%; padding: 5px 0; background-image: linear-gradient(to right, #147957, #0f4535); height: 60px; }
.logo{ float: left; width: 100%; position: relative; z-index: 9; top: -25px; }
.menu{ float: left; width: 100%; padding-top: 8px; }
.menu ul li{ float: none; display: inline-block; margin-right: 25px; position: relative; }
.menu ul li a{ color: #fff; transition: all ease .7s; font-size: 14px; font-weight: bold; }
.menu ul li a::after{ content: ''; display: block; width: 0; height: 1px; background: #fff; transition: all ease .7s; }
.menu ul li a:hover::after{ width: 100%; }
.menu ul li a:hover{ color: #fff; }
.menu ul li:last-child{ margin-right: 0; }
.mobile-menu{ float: left; width: 100%; }
.navbar-toggler{ position: absolute; top: 15px; right: 0; background: #147957; border-radius: 0; }
.navbar-toggler i{ color: #fff; }
.navbar{ padding: 0; }
.navbar-collapse{ padding: 15px; background: #147957; z-index: 99; }
.nav-item a{ color: #fff !important; margin-bottom: 10px; display: block; }
.sub-menu{ background-image: url(../images/m-bg.jpg); background-size: cover; visibility: hidden; opacity: 0; padding: 15px; z-index: 999; transition: all ease .7s; transform: translateY(20px); width: 220px; position: absolute; left: 0; top: 20px; }
.sub-menu li{ float: left !important; text-align: left !important; width: 100% !important; margin-bottom: 2px; }
.sub-menu li a{ font-size: 19px; color: #147957 !important; }
.menu ul li:hover .sub-menu{ visibility: visible; opacity: 1; top: 80%; }
.mega-menu{ width: 600px; padding: 20px !important; }
.sub-box{ float: left; width: 100%; }
.sub-img{ float: left; width: 100%; }
.sub-menu-list{ float: left; width: 100%; }
.sub-header{ float: left; width: 100%; padding-bottom: 3px; border-bottom: 1px solid #147957; color: #147957; font-size: 14px; margin-bottom: 2px; }
.s-m-list{ float: left; width: 100%; text-align: left !important; }
.s-m-list ul li a{ font-size: 14px !important; }

.shop-btn{ background: #c19b76; color: #fff !important; padding: 8px; font-size: 13px; display: inline-block; border-radius: 7px; }
.shop-btn:hover{ background: #233b0e; color: #fff !important; }

.search{ float: left; visibility: hidden; opacity: 0; position: absolute; width: 0px; top: -7px; right: 0; z-index: 9; transition: all ease .7s; }
.search input{ display: inline-block; height: 40px; width: 0; background: #fff; color: #000; padding-right: 40px; box-shadow: none; border: 1px solid #eee; transition: all ease .7s; }
.search button{ position: absolute; border: none; box-shadow: none; background: transparent; right: 20px; top: 7px; }
.search button i{ color: #c19b76; }
.search-close{ position: absolute; top: 10px; right: 7px; color: #c19b76 !important; }
.nav-item .search-close{ position: absolute; top: 10px; right: 7px; color: #c19b76 !important; }

.h-cat{ float: left; width: 100%; color: #fff; }

.soc{ margin-right: 5px !important; }

.fb:hover{ color: #3b5999; }
.ins:hover{ color: #e4405f; }
.lin:hover{ color: #0077B5; }

.slider{ float: left; width: 100%; }
.slider div video{ float: left; width: 100%; }
.slider .slick-prev{ left: 40px; z-index: 9; }
.slider .slick-next{ right: 40px; z-index: 9; }
.slider .slick-prev{ background: url(../images/left.png); width: 77px; height: 77px; opacity: .3; }
.slider .slick-prev:before{ content: ""; }
.slider .slick-next{ background: url(../images/right.png); width: 77px; height: 77px; opacity: .3; }
.slider .slick-next:before{ content: ""; }
.slider .slick-prev:hover{ opacity: 1; }
.slider .slick-next:hover{ opacity: 1; }

.about-us{ float: left; width: 100%; padding: 50px 0; background-image: url(../images/b1.jpg); background-size: cover; min-height: 650px; }
.about-us-img{ float: left; width: 100%; margin-bottom: 30px; }
.about-us-txt{ float: left; width: 100%; padding-top: 30px; }
.about-us-header1{ float: left; width: 100%; font-size: 45px; font-weight: bold; margin-bottom: -10px; color: #000; }
.about-us-header2{ float: left; width: 100%; font-size: 45px; font-weight: bold; margin-bottom: 30px; color: #000; padding-left: 30px; }
.about-us-p{ float: left; width: 100%; }

.info{ float: left; width: 100%; background-size: cover; //min-height: 600px; }
.info-box{ float: left; width: 100%; background: rgba(255,255,255,.8); padding: 40px 80px; height: 500px; }
//.info-main-box{ height: 400px !important; }
.info-box-header1{ float: left; width: 100%; font-size: 25px; color: #000; font-weight: 700; margin-bottom: 10px; }
.info-box-header2{ float: left; width: 100%; font-size: 25px; color: #c19b76; font-weight: bold; margin-bottom: 10px; letter-spacing: .1em; }
.info-box-header3{ float: left; width: 100%; font-size: 25px; color: #fff; font-weight: bold; margin-bottom: 10px; letter-spacing: .1em; }
.info-box-txt{ float: left; width: 100%; color: #000; font-size: 19px; margin-bottom: 40px; //margin-top: 15px; }
.info-box-btn{ float: left; width: 100%; }
.info-box-btn a{ display: inline-block; padding: 6px 15px; background: #000; color: #fff; }
.info-box-btn a:hover{ background: #c19b76; }
.info-container{ float: left; width: 100%; background-image: url(../images/b2.jpg); background-size: cover; background-position: center; height: 450px; }

.si-header{ margin-bottom: 30px !important; }

.products{ float: left; width: 100%; padding: 60px 0; background-image: url(../images/b3.jpg); background-size: cover; min-height: 750px; }
.products-motto{ float: left; width: 100%; margin-bottom: 65px; }
.products-header{ float: left; width: 100%;  margin-bottom: 45px; }
.products-header h1{ font-size: 50px; font-weight: bold; }
.products-box{ float: left; width: 100%; }
.products-box-txt{ float: left; width: 100%; background: #fff; padding: 50px 40px; height: 430px; }
.p-box-logo{ float: left; width: 100%; margin-bottom: 15px; }
.p-box-category{ float: left; width: 100%; color: #147957; font-style: italic; margin-bottom: 5px; font-size: 18px; }
.p-box-title{ float: left; width: 100%; color: #000; font-size: 19px; margin-bottom: 0px; font-weight: bold; }
.p-box-p{ float: left; width: 100%; margin-bottom: 35px;color: #147957; }
.p-box-btn{ float: left; width: 100%; }
.p-box-btn a{ display: inline-block; padding: 7px 25px; color: #c19b76; border: 1px solid #c19b76; }
.p-box-img{ float: left; width: 100%; }
.p-box-img img{ height: 430px; object-fit: cover; }
.p-box-z{ float: left; width: 100%;  margin-bottom: 5px; }

.sub-banner{ float: left; width: 100%; padding: 80px 0; }

.form{ float: left; width: 100%; padding: 90px 0; background-image: url(../images/b4.jpg);background-size: cover; }
.form-header{ float: left; width: 100%; margin-bottom: 15px; }
.form-header h3{ font-size: 28px; }
.form-sub-header{ float: left; width: 100%; margin-bottom: 60px; }
.form-wrapper{ float: left; width: 100%; background: #1c1c1c; padding: 90px 30px 20px; position: relative; }
.form-row{ float: left; width: 100%; margin-bottom: 15px; }
.form-row input{ float: left; width: 100%; padding: 20px; border: none; box-shadow: none; height: 40px; background: #fff; }
.form-row textarea{ float: left; width: 100%; padding: 20px; border: none; box-shadow: none; background: #fff; }
.form-row button{ display: inline-block; padding: 10px 20px; background: #c19b76; border:none; color: #fff; transition: all ease .7s; }
.form-row button:hover{ background: #1c1c1c; }
.form-icon{ position: absolute; left: calc(50% - 60px); top: -40px; }

footer{ float: left; width: 100%; background-image: url(../images/footer-bg.jpg); background-size: cover; padding-top: 30px; background-position: center -70px; }
//footer{ float: left; width: 100%; background: #1c1c1c; padding: 30px 0; }
//.footer-content{ float: left; width: 100%; padding-left: 75px; }
.footer-content{ float: left; width: 100%; }
.footer-box{ float: left; width: 100%; margin-bottom: 20px; }
.f-box-header{ float: left; font-size: 14px; width: 100%; margin-bottom: 10px; color: #c19b76; font-weight: bold; }
.f-box-header a{ color: #c19b76; font-weight: bold; }
.f-box-header2{ float: left; font-size: 14px; width: 100%; margin-bottom: 10px; color: #fff; font-weight: bold; }
.f-box-sub-header{ float: left; width: 100%; margin-bottom: 10px; color: #999; font-size: 14px; }
.f-box-txt{ float: left; width: 100%; color: #fff; font-size: 14px; }
.f-box-txt a{ color: #fff; }
.f-box2 a{ color: #c19b76; font-weight: bold; }
.f-box-gold a{ color: #c19b76; font-weight: bold; }
.f-box-txt p{ margin-bottom: 5px}
.f-social a{ font-size: 30px; color: #fff; margin-right: 10px; font-size: 14px; }
.f-box-subscribe{ float: left; width: 100%; }
.f-box-subscribe input:not(input[type=checkbox]){ float: left; width: 70%; background: #151515; height: 40px; padding: 5px; color: #fff; border: none;  font-size: 12px; }
.f-box-subscribe button{ float: left; width: 30%; background: #c19b76; color: #fff; border: none; height: 40px; font-size: 12px; }

.motto{ float: left; width: 100%; background-image: url(../images/motto-bg.jpg); background-attachment: fixed; background-size: cover; padding: 80px 0; min-height: 500px; }
.m-header{ float: left; width: 100%; margin-bottom: 30px; }
.m-header h1{ font-size: 50px; font-style: italic; color: #fff; }
.m-h{ float: left; width: 100%; margin-bottom: 20px; }
.m-txt{ float: left; width: 100%; padding: 0 100px; font-weight: 200; color: #fff; font-size: 25px; margin-bottom: 30px; }
.m-btn{ float: left; width: 100%; }
.m-btn a{ display: inline-block; padding: 10px 30px; color: #fff; border: 1px solid #fff; }
.m-btn a:hover{ color: #c19b76; border-color: #c19b76; }

.p-container{ float: left; width: 100%; padding: 40px 0 30px; background-image: url(../images/t-bg.jpg); background-size: cover; min-height: 800px; }
.p-d-container{ float: left; width: 100%; padding: 0 0 50px; background-image: url(../images/t-bg.jpg); background-size: cover; }
.p-d-info{ float: left; width: 100%; }
.p-d-info .row{ margin-left: 0; margin-right: 0; }
.p-header{ float: left; width: 100%; margin-bottom: 40px; }
.p-header h2{ font-size: 40px; font-weight: bold; color: #000; }
.p-box-n{ float: left; width: 100%; margin-bottom: 20px; overflow: hidden; position: relative; }
.p-box-header{ float: left; width: 100%; margin-bottom: 5px; color: #c19b76; font-size: 18px; font-style: italic; }
.p-sub-header{ float: left; width: 100%; color: #fff; margin-bottom: 5px; }
.p-h-header{ float: left; width: 100%; margin-bottom: 30px; }
.p-text{ float: left; width: 100%; padding: 0; font-size: 14px; color: #c19b76; font-weight: 200; margin-bottom: 30px; }
.p-btn{ float: left; width: 100%; }
.p-btn a{ display: inline-block; padding: 10px 20px; border: 1px solid #c19b76; color: #c19b76; transition: all ease .7s; }
.p-btn a:hover{ background: #c19b76; color: #fff; }
.p-d-btn a{ font-size: 30px; border: none; color: #147957 !important; background: transparent !important; }
.p-d-btn a:hover{ color: #c19b76 !important; }
.p-sub-title{ float: left; width: 100%; margin-bottom: 10px; color: #c19b76; font-size: 24px; }
.box1{ visibility: hidden; opacity: 0; position: absolute; left: -100%; top: 0; transition: all ease .7s; background-image: url(../images/bx1.jpg); background-size: cover; background-position: top center; min-height: 700px; padding: 20px; width: 100%; }
.p-box-n:hover .box1{ visibility: visible; opacity: 1; left: 0; }
.p-d-txt{ float: left; width: 100%; padding: 150px 100px; font-size: 19px; line-height: 30px; }
.p-d-txt-content{ float: left; width: 100%; padding: 100px; font-size: 19px; line-height: 30px; }
 
.stats{ float: left; width: 100%; padding: 100px 0; background-image: url(../images/u-bg.jpg); background-size: cover; min-height: 300px; }
.s-box{ float: left; width: 100%; }
.s-number{ display: inline-block; width: 200px; height: 200px; line-height: 200px; font-size: 30px; border: 4px solid #fff; color: #fff; border-radius: 50%; margin-bottom: 10px; }
.s-title{ float: left; width: 100%; color: #fff; }

.s-banners{ float: left; width: 100%; }
.s-banners .row{ margin-right: 0; margin-left: 0; }
.s-b-box{ float: left; width: 100%; border: 3px solid #fff; overflow: hidden; position: relative; }
//.s-b-box::before{ content: ''; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.2); position: absolute; }
.s-b-box img{ transition: all ease .7s; }
.s-b-box:hover img{ transform: scale(1.2); }
//.s-b-box:hover::before{ background: transparent; }

.more{ float: left; width: 100%; padding: 30px 0; background-image: url(../images/more-bg.jpg); background-attachment: fixed; background-size: cover; }
.more a{ display: inline-block; font-size: 25px; padding: 20px 50px; color: #fff; border: 2px solid #fff; }
.more a:hover{ color: #c19b76; border-color: #c19b76; }

.cert{ float: left; width: 100%; border-top: 5px solid #1c1c1c; padding-top: 10px; }

.p-banner{ float: left; width: 100%; }

.p-detail{ float: left; width: 100%; padding: 80px 0; background-image: url(../images/p-detail-bg.jpg); background-size: cover; min-height: 800px; }

.g-btns{ position: fixed; right: 20px;  bottom: 40px; z-index: 999; }
.g-btns a{ padding: 15px; background: rgba(0,0,0,.5); color: #fff; font-size: 18px; margin-right: 10px; }
.g-btns a:last-child{ margin-right: 0; }

.c-form-container{ position: fixed; right: 20px; bottom: 100px; width: 300px; background: #eee; z-index: 99; padding: 20px; display: none; }
.c-form-header{ float: left; width: 100%; margin-bottom: 15px; }
.c-form-row{ float: left; width: 100%; margin-bottom: 10px; }
.c-form-row input{ float: left; width: 100%; border: 1px solid #ddd; padding: 10px; }
.c-form-row textarea{ float: left; width: 100%; border: 1px solid #ddd; padding: 10px; }
.c-form-row button{ display: inline-block; padding: 10px 20px; background: #147957; color: #fff; border: none; }

.c-form:hover{ background: #147957; }
.up:hover{ background: rgba(0,0,0,.2); }
.active-form{ background: #147957 !important; }

.top{ float: left; width: 100%; padding: 5px 0; background: #fff; }
.top a{ color: #147957; margin-right: 5px; padding: 0; font-size: 18px; }
.top ul li{ float: left; margin-right: 5px; }
.top ul li:last-child{ margin-right: 0; }
.lang-item{ padding: 0 10px !important; }

.d-banner{ float: left; width: 100%; background-size: cover; background-position: center; min-height: 350px; }

.d-content{ float: left; width: 100%; padding: 60px 0; background: #f5f9f2; }
.d-c-title{ float: left; width: 100%; margin-bottom: 10px; }
.d-c-title2{ margin-bottom: 25px; }
.d-c-title h1{ font-size: 25px; color: #147957; font-weight: bold; }
.d-c-date{ float: left; width: 100%; color: #c19b76; margin-bottom: 30px; }
.d-c-txt{ float: left; width: 100%; margin-bottom: 70px; font-size: 19px; }
.d-c-txt p em{ font-style: normal !important; color: #c19b76; font-weight: bold; }
.d-c-txt table{ width: 100% !important; font-size: 14px; }
.d-c-img{ float: left; width: 100%; margin-bottom: 30px; }
.d-c-box{ float: left; width: 100%; font-size: 19px; position: relative; }
.d-c-box img{ object-fit: cover; position: relative; }
.d-c-row{ float: left; width: 100%; margin-bottom: 50px; }
.d-c-box-txt{ float: left; width: 100%; padding: 50px; }
.d-c-social{ float: left; width: 100%; margin-top: 30px; }
.d-c-social a{ font-size: 20px; margin-right: 10px; color: #000; width: 45px; height: 45px; display: inline-block; }
.d-c-social-inner{ float: left; width: 100%; margin-top: 30px; }
.d-c-social-inner a{ font-size: 20px; margin-right: 10px; color: #000;  display: inline-block; }
.d-c-social a.fb{ background: url(../images/fb.png); }
.d-c-social a.fb:hover{ background: url(../images/fb-hover.png); }
.d-c-social a.insta{ background: url(../images/insta.png); }
.d-c-social a.insta:hover{ background: url(../images/insta-hover.png); }
.d-c-social a.whatsapp{ background: url(../images/whatsapp.png); }
.d-c-social a.whatsapp:hover{ background: url(../images/whatsapp-hover.png); }
.d-c-social a.telegram{ background: url(../images/tele.png); }
.d-c-social a.telegram:hover{ background: url(../images/telehover.png); }
.d-c-social a.mail{ background: url(../images/mail.png); }
.d-c-social a.mail:hover{ background: url(../images/mail-hover.png); }
.d-c-social a.linkedin{ background: url(../images/linkedin.png); }
.d-c-social a.linkedin:hover{ background: url(../images/linkedin-hover.png); }
.d-c-social b{ position: relative; top: -20px; }
.d-c-gallery{ float: left; width: 100%; margin-bottom: 10px; }
.d-c-g-box{ float: left; width: 100%; margin-bottom: 15px; }
.d-c-g-box img{ height: 200px; object-fit: cover; }
.d-c-img-box{ margin-bottom: 20px !important; }

.mla{ margin-left: 100px; position: relative; z-index: 99; }
.mle{ margin-left: -100px; position: relative; z-index: 99; }
.ziez{ position: relative; z-index: -1; }

.d-form{ float: left; width: 100%; margin-bottom: 30px; }
.d-f-row{ float: left; width: 100%; margin-bottom: 10px; }
.d-f-row label{ float: left; width: 100%; margin-bottom: 3px; color: #147957; font-weight: bold; }
.d-f-row input{ float: left; width: 100%; padding: 10px; border: 1px solid #ddd; }
.d-f-row textarea{ float: left; width: 100%; padding: 10px; border: 1px solid #ddd; }
.d-f-row button{ display: inline-block; padding: 7px 20px; background: #147957; color: #fff; border: none; }

.haber-box{ float: left; width: 100%; margin-bottom: 30px; }
.h-img{ float: left; width: 100%; overflow: hidden; }
.h-img img{ object-fit: cover; height: 200px; transition: all ease .7s; }
.h-info{ float: left; width: 100%; padding: 20px; box-shadow: 0 0 15px #ddd; background: #fff; }
.h-i-title{ float: left; width: 100%; margin-bottom: 10px; }
.h-i-title a{ color: #000; font-weight: bold; }
.h-i-content{ float: left; width: 100%; }
.haber-box:hover img{ transform: scale(1.2); }

.d-c-txt table{ width: 100%; padding: 10px; margin-bottom: 30px; }
.d-c-txt ol{ padding: 0; }
.d-contents{ float: left; width: 100%; padding: 80px 0; }
.d-contents .row{ margin-left: 0; margin-right: 0; }

.c-row{ float: left; width: 100%; margin-bottom: 50px; }
.c-header{ float: left; padding: 20px 50px; background: #147957; color: #fff; margin-bottom: 30px; font-size: 24px; font-weight: bold; }

.o-img{ overflow: hidden; }
.o-img img{ height: 300px; transition: all ease .7s; }
.o-img:hover img{ transform: scale(1.2); }

.d-gallery{ float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; }
.g-box{ float: left; width: 100%; margin-bottom: 20px; }

.v-list{ float: left; width: 100%; padding: 50px 0; }

.wow{ visibility: hidden; }

.v-box .h-info{ box-shadow: none !important; background: #147957 !important; padding: 30px; }
.v-box .h-i-title{ height: 50px; }
.v-box .h-i-title a{ color: #fff !important; }
.v-box .h-i-content{ color: #fff !important; }
.v-box .h-i-btn{ float: left; width: 100%; margin-top: 15px; }
.v-box .h-i-btn a{ color: #fff; border-bottom: 1px solid #fff; padding-bottom: 3px; }

.mix-it-up-container{ float: left; width: 100%; min-height: 700px; }
.mix-it-up-cats{ float: left; width: 100%; margin-bottom: 20px; }
.mix-it-up-cats a{ color: #147957; font-weight: bold; margin-right: 10px; }
.mix{ display: none; }

.i-box-txt{ padding: 100px 0; }
.i-box-txt h3 strong{ font-size: 30px; }
.i-box-txt strong{ font-size: 22px; }
.i-box-txt p{ font-size: 18px; }

.d-content-list{ float: left; width: 100%; }
.d-content-list2{ float: left; width: 100%; background-image: url(../images/t-bg.jpg); background-size: cover; }
.d-content-list .row{ margin-left: 0; margin-right: 0; }
.d-content-list2 .row{ margin-left: 0; margin-right: 0; }
.d-box-list{ float: left; width: 100%; padding: 20px; font-size: 19px; }
.d-box-list2{ float: left; width: 100%; padding: 50px; font-size: 18px !important; }
.d-box-list big{ font-size: 19px !important; }
.d-box-list2 big{ font-size: 19px !important; }
.d-box-list-img{ float: left; width: 100%; }
.d-box-list-img2{ float: left; width: 100%; padding: 50px; }
.d-box-list-img img{ height: 580px; object-fit: cover; object-position: top; }
.d-box-list-img-detail img{ height: 450px !important; }
.m-v-container{ float: left; width: 100%; background-image: url(../images/m-v-bg.jpg); background-size: cover; background-position: center; height: 450px; color: #fff; position: relative; }
.m-v-container::before{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4); content: ''; display: block; }
.vision-mission{ float: left; width: 100%; //background-image: url(../images/v-m-bg.jpg); padding: 100px; }

.sub-banner{ float: left; width: 100%; background-image: url(../images/paralax.jpg); background-size: cover; background-position: center; background-attachment: fixed; line-height: 50px; color: #fff; text-shadow: 1px 1px 10px #000; font-size: 25px; min-height: 350px; }

.p-d-container{ float: left; width: 100%; }
.p-d-container .row{ margin-left: 0; margin-right: 0; }

.white-bg{ background: #fff !important; }

.d-c-txt-p{ padding: 100px; margin-bottom: 0 !important; }
.d-c-txt-p h1{ color: #005436; }

.p-cats{ float: left; width: 100%; padding: 50px 0; }
.g-row{ float: left; width: 100%; margin-bottom: 30px; position: relative; padding: 0 60px; }
.g-row span{ position: absolute; left: 25px; bottom: -4px; color: #005436; transform-origin: 0 0; transform: rotate(-90deg); font-weight: bold; font-size: 23px; }
.g-row span::before{ float: left; position: relative; top: 10px; margin-right: 4px; content: ''; display: block; height: 2px; width: 34px; background: #005436; }
.g-row span::after{ float: left; position: relative; top: 10px; margin-right: 10px; content: ''; display: block; width: 2px; height: 39px; right: 39px; background: #005436; }
.g-box-img{ float: left; width: 100%; margin-bottom: 30px; position: relative; top: -4px; border-bottom: 2px solid #005436; left: -1px; }

.info-slider .slick-prev{ left: 40px; z-index: 9; }
.info-slider .slick-next{ right: 40px; z-index: 9; }
.info-slider .slick-prev{ background: url(../images/left.png); width: 77px; height: 77px; }
.info-slider .slick-prev:before{ content: ""; }
.info-slider .slick-next{ background: url(../images/right.png); width: 77px; height: 77px; }
.info-slider .slick-next:before{ content: ""; }
.info-slider .slick-dotted.slick-slider{ margin-bottom: 0; }
.info-slider .slick-dots{ bottom: 15px; }
.info-slider .slick-dots li{ width: 10px; height: 10px; }
.info-slider .slick-dots li button{ width: 10px; height: 10px; }
.info-slider .slick-dots li button:before{ width: 10px; height: 10px; content: ''; opacity: 1; border-radius: 50%; background: #0f4535; }
.info-slider .slick-dots li.slick-active button:before{ background: #c19b76; }

.copyright{ float: left; width: 100%; background: #1c1c1c; color: #eee; padding: 10px 0; font-size: 12px; }

.tarifler-detay{ float: left; width: 100%; background: #f9f9f9; }
.tarif-detay-container{ margin-top: 30px; }
.tarif-detay-container .kutu-img{ padding: 10px; background: #FFF; }
.tarif-detay-container .mix{ display: none; }
.tarif-detay{ margin: 50px 0; }
.tarifler-detay-container{ padding: 20px; background: #FFF; float: left; //margin: 0 100px; }
.tarif-detay-img{ float: left; width: 100%; margin-bottom: 20px; }
.tarif-detay-baslik{ float: left; width: 100%; font-size: 22px; color: #000; border-bottom: 1px solid #f1edeb; margin-bottom: 20px; padding-bottom: 10px; font-weight: bold; }
.tarif-detay-txt{ float: left; width: 100%; line-height: 24px; margin-bottom: 30px; }
.tarif-icerik .haber-paylas{ width: 40%; }
.sos-box{ float: left; width: 100%; margin-top: 30px; }
.tarif-sure-adet{ padding: 20px; background: #FFF; float: left; float: left; width: 100%; }
.servis{ float: left; width: 100%; color: #ff5637; }
.urunu-incele{ float:left; width:100%; margin-top:25px; }
.urunu-incele a{ background:#d01515; color:#FFF; padding:8px; font-size: 13px; }
.t-t-box{ line-height: 50px; }

.malzeme-hazirlanis{ margin: 20px 0; float: left; width: 100%; padding: 20px; }
.malzeme-container{ background: url(../img/malzeme-bg.png) no-repeat; padding: 0 20px; }

.malzemeler-baslik{ font-size: 30px; color: #147957; float: left; width: 100%; }
.malzeme-listesi{ float: left; width: 100%; padding: 15px; line-height: 30px; margin-top: 30px; border: 1px solid #147957; margin-bottom: 30px; }

.hazirlanis-baslik{ font-size: 30px; color: #147957; float: left; width: 100%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #147957; }
.hazirlanis-txt{ float: left; width: 100%; margin-top: 20px; line-height: 22px; }
.hazirlanis-txt ol li{ list-style: none; counter-increment: my-awesome-counter; margin-bottom: 15px; }
.hazirlanis-txt ol li::before{ background: #147957; color: #fff; padding: 5px 10px; margin-right: 10px; display: inline-block; content: counter(my-awesome-counter); }

.servis-txt p{ display: inline; }

.pisirme-baslik{ font-size: 30px; color: #147957; float: left; width: 100%; margin-top: 20px; }
.pisirme-baslik span{ position: relative; top: 15px; margin-right: 10px; }
.pisirme-txt{ float: left; width: 100%; margin-top: 20px; line-height: 22px; }

.tarif-basliklar{ float: left; width: 100%; position: relative; height: 500px; }
.tarif-baslik-info{ position: absolute; bottom: 0; left: 0; padding: 50px 0; background: rgba(0,0,0,.1); width: 100%; }
.t-b-genel{ float: left; padding-left: 50px; width: 100%; color: #147957; font-size: 25px; font-weight: bold; }
.t-b-baslik{ float: left; padding-left: 50px; width: 100%; color: #fff; font-size: 40px; font-weight: bold; }

.p-slider{ float: left; width: 100%; padding: 80px 0; background-image: url(../images/p-s-bg.jpg); background-size: cover; background-position: center; min-height: 350px; }
.p-s-box{ float: left; width: 100%; padding: 120px 10px; }
.p-d-header{ float: left; width: 100%; color: #000; }
.p-s-img img{ display: inline-block !important; }
.p-h-header img{ display: inline-block !important; }
.p-s-list{ float: left; width: 100%; }
.p-s-list .slick-slide{ margin-top: 55px; }
.p-s-list .slick-prev{ left: -50px; z-index: 9; }
.p-s-list .slick-next{ right: -50px; z-index: 9; }
.p-s-list .slick-prev{ background: url(../images/left2.png); width: 48px; height: 48px; }
.p-s-list .slick-prev:before{ content: ""; }
.p-s-list .slick-next{ background: url(../images/right2.png); width: 48px; height: 48px; }
.p-s-list .slick-next:before{ content: ""; }

.tarif-nav{ position: absolute; top: 48px; font-size: 30px; color: #147957; }
.left-tarif-nav{ left: 0; }
.right-tarif-nav{ right: 0; }

.t-t-box{ color: #c19b76; font-weight: bold; }

.tavsiye-urun{ float: left; width: 100%; }
.tavsiye-urun-info{ float: left; width: 100%; margin-top: 60px; margin-bottom: 30px; }
.p-h-header2{ margin-bottom: 0 !important; }
.t-u-title{ float: left; width: 100%; color: #c19b76; }
.t-u-shop{ float: left; width: 100%; margin-top: 15px; }
.t-u-shop a{ display: inline-block; padding: 10px; background: #005436; color: #fff; font-size: 19px; border-radius: 10px; }

.d-video{ float: left; width: 100%; }
.d-video video{ object-fit: cover; width: 100%; }

.b-list{ float: left; width: 100%; }
.b-list .slick-slide{ margin: 0 15px; }
.b-list .slick-list { margin: 0 -15px; padding: 10px 0; }
.b-list .slick-prev{ background: url(../images/sol.png); width: 67px; height: 71px; left: 0; z-index: 9; }
.b-list .slick-prev:before{ content: ""; }
.b-list .slick-next{ background: url(../images/sag.png); width: 77px; height: 71px; right: 0; z-index: 9; }
.b-list .slick-next:before{ content: ""; }

.d-c-buton{ float: left; width: 100%; padding-left: 50px; }
.d-c-buton a{ display: inline-block; padding: 5px 15px; color: #fff; border-radius: 10px; text-align: center; }

.degerler{ float: left; width: 100%; padding: 80px 0 20px; background: #f9f9f9; }
.de-row{ float: left; width: 100%; margin-bottom: 20px; padding: 20px; transform: skew(-9deg); box-shadow: 1px 1px 15px #eee; background: #fff; border-bottom: 5px solid #ddd; transition: all ease .7s; }
.de-row:hover{ border-color: #005436; }
.de-icon{ float: left; width: 100%; transform: skew(9deg); }
.de-txt{ float: left; width: 100%; transform: skew(9deg); }
.de-txt b{ padding-right: 15px; font-size: 18px; color: #c19b76; }

.info-slider{ margin-bottom: 5px !important; }

.mob-search{ position: relative; }


@media (min-width: 1281px){

}

@media (min-width: 1025px) and (max-width: 1280px){
    .menu ul li{ margin-right: 9px; }
    .info-box{ padding: 50px; }
    .info-box-header2{ font-size: 25px; }
    .info-box-header3{ font-size: 25px; }
    .p-d-txt{ padding: 50px; height: 650px; }
    .d-c-txt-p{ padding: 50px; }
    .d-box-list{ padding: 30px !important; }
    .p-d-txt-content{ padding: 50px; }
}

@media (min-width: 768px) and (max-width: 1024px){
    .display-b{ display: block; }
    .display-n{ display: none; }
    .navbar-toggler{ top: -55px; }
    .info-box{ padding: 20px; }
    .info-box-header2{ font-size: 25px; }
    .info-box-header3{ font-size: 25px; }
    footer{ margin-top: 0; padding-top: 50px; background: #1c1c1c; }
    .footer-content{ padding: 0; }
    .p-d-txt{ padding: 50px; height: 650px; }
    .d-c-txt-p{ padding: 50px; }
}

@media (min-width: 991px) and (max-width: 1024px){
    .navbar-toggler{ top: -85px; }
}

@media (min-width: 481px) and (max-width: 767px){
    .display-b{ display: block; }
    .display-n{ display: none; }
    header{ height: 65px; }
    .logo img{ width: 150px; }
    .mobile-menu .navbar-toggler{ top: -55px; z-index: 99; }
    .info{ min-height: auto; }
    .info-container{ height: 425px; font-size: 16px !important; }
    .info-box-txt{ font-size: 16px; }
    .de-row{ transform: skew(0); }
    .de-icon{ transform: skew(0); }
    .de-txt{ transform: skew(0); }
    .info-box{ padding: 15px; }
    .info-box-header2{ font-size: 25px; }
    .info-box-header3{ font-size: 25px; }
    .products-box-txt{ height: auto; }
    .m-txt{ padding: 0; }
    .s-box{ margin-bottom: 30px; }
    footer{ margin-top: 0; padding-top: 50px; background: #1c1c1c; }
    .footer-content{ padding: 0; }
    .p-text{ padding: 0; }
    .box1{ padding: 20px; }
    .p-detail{ padding: 0; }
    .p-d-box{ margin-bottom: 30px; }
    .d-c-box-txt{ height: auto; }
    .d-c-rows{ margin-bottom: 30px; }
    .d-banner{ min-height: 150px !important; }
    .tarif-basliklar{ height: 220px; }
    .d-c-box img{ height: auto; }
    .m-header h1{ font-size: 20px; }
    .m-h img{ height: 50px; }
    .m-txt{ font-size: 18px; }
    .vision-mission{ height: auto; padding: 20px; }
    .d-box-list{ padding: 30px; }
    .d-box-list-img img{ height: 300px; }
    .p-d-txt{ padding: 50px; }
    .sub-banner{ line-height: 20px; font-size: 19px; }
    .d-c-txt-p{ padding: 50px; }
    .p-s-list .slick-prev{ left: 0; }
    .p-s-list .slick-next{ right: 0; }
    .d-video video{ height: auto; }
    .p-s-box{ padding: 20px; }
    .tavsiye-urun-info{ margin-top: 20px; text-align: center; }
    .m-v-container{ height: auto; position: relative; }
    .cert img{ height: auto !important; }
    .t-b-baslik{ font-size: 25px; line-height: 25px; }
    .tarif-baslik-info{ background: rgba(0,0,0,.3); }
    .motto{ min-height: auto; padding: 40px 0; }
    .s-number{ width: 140px; height: 140px; line-height: 140px; }
    .stats{ padding: 40px 0; }
}

@media (min-width: 320px) and (max-width: 480px){
    .display-b{ display: block; }
    .display-n{ display: none; }
    header{ height: 65px; }
    .logo img{ width: 150px; }
    .mobile-menu .navbar-toggler{ top: -55px; z-index: 99; }
    .info{ min-height: auto; }
    .info-container{ height: 425px; font-size: 16px !important; }
    .info-box-txt{ font-size: 16px; }
    .de-row{ transform: skew(0); }
    .de-icon{ transform: skew(0); }
    .de-txt{ transform: skew(0); }
    .info-box{ padding: 15px; }
    .info-box-header2{ font-size: 25px; }
    .info-box-header3{ font-size: 25px; }
    .products-box-txt{ height: auto; }
    .m-txt{ padding: 0; }
    .s-box{ margin-bottom: 30px; }
    footer{ margin-top: 0; padding-top: 50px; background: #1c1c1c; }
    .footer-content{ padding: 0; }
    .p-text{ padding: 0; }
    .box1{ padding: 20px; }
    .p-detail{ padding: 0; }
    .p-d-box{ margin-bottom: 30px; }
    .d-c-box-txt{ height: auto; }
    .d-c-rows{ margin-bottom: 30px; }
    .d-banner{ min-height: 150px !important; }
    .tarif-basliklar{ height: 220px; }
    .d-c-box img{ height: auto; }
    .m-header h1{ font-size: 20px; }
    .m-h img{ height: 50px; }
    .m-txt{ font-size: 18px; }
    .vision-mission{ height: auto; padding: 20px; }
    .d-box-list{ padding: 30px; }
    .d-box-list-img img{ height: 300px; }
    .p-d-txt{ padding: 50px; }
    .sub-banner{ line-height: 20px; font-size: 19px; }
    .d-c-txt-p{ padding: 50px; }
    .p-s-list .slick-prev{ left: 0; }
    .p-s-list .slick-next{ right: 0; }
    .d-video video{ height: auto; }
    .p-s-box{ padding: 20px; }
    .tavsiye-urun-info{ margin-top: 20px; text-align: center; }
    .m-v-container{ height: auto; position: relative; }
    .cert img{ height: auto !important; }
    .t-b-baslik{ font-size: 25px; line-height: 25px; }
    .tarif-baslik-info{ background: rgba(0,0,0,.3); }
    .motto{ min-height: auto; padding: 40px 0; }
    .s-number{ width: 140px; height: 140px; line-height: 140px; }
    .stats{ padding: 40px 0; }
}

@media (min-width: 200px) and (max-width: 319px){
    .display-b{ display: block; }
    .display-n{ display: none; }
    header{ height: 65px; }
    .logo img{ width: 150px; }
    .mobile-menu .navbar-toggler{ top: -55px; z-index: 99; }
    .info{ min-height: auto; }
    .info-container{ height: 425px; font-size: 16px !important; }
    .info-box-txt{ font-size: 16px; }
    .de-row{ transform: skew(0); }
    .de-icon{ transform: skew(0); }
    .de-txt{ transform: skew(0); }
    .info-box{ padding: 15px; }
    .info-box-header2{ font-size: 25px; }
    .info-box-header3{ font-size: 25px; }
    .products-box-txt{ height: auto; }
    .m-txt{ padding: 0; }
    .s-box{ margin-bottom: 30px; }
    footer{ margin-top: 0; padding-top: 50px; background: #1c1c1c; }
    .footer-content{ padding: 0; }
    .p-text{ padding: 0; }
    .box1{ padding: 20px; }
    .p-detail{ padding: 0; }
    .p-d-box{ margin-bottom: 30px; }
    .d-c-box-txt{ height: auto; }
    .d-c-rows{ margin-bottom: 30px; }
    .d-banner{ min-height: 150px !important; }
    .tarif-basliklar{ height: 220px; }
    .d-c-box img{ height: auto; }
    .m-header h1{ font-size: 20px; }
    .m-h img{ height: 50px; }
    .m-txt{ font-size: 18px; }
    .vision-mission{ height: auto; padding: 20px; }
    .d-box-list{ padding: 30px; }
    .d-box-list-img img{ height: 300px; }
    .p-d-txt{ padding: 50px; }
    .sub-banner{ line-height: 20px; font-size: 19px; }
    .d-c-txt-p{ padding: 50px; }
    .p-s-list .slick-prev{ left: 0; }
    .p-s-list .slick-next{ right: 0; }
    .d-video video{ height: auto; }
    .p-s-box{ padding: 20px; }
    .tavsiye-urun-info{ margin-top: 20px; text-align: center; }
    .m-v-container{ height: auto; position: relative; }
    .cert img{ height: auto !important; }
    .t-b-baslik{ font-size: 25px; line-height: 25px; }
    .tarif-baslik-info{ background: rgba(0,0,0,.3); }
    .motto{ min-height: auto; padding: 40px 0; }
    .s-number{ width: 140px; height: 140px; line-height: 140px; }
    .stats{ padding: 40px 0; }
}