:root {
--kirmizi: #e10b25;
--kirmizi-koyu: #bf0017;
--siyah: #191919;
--yesil-acik:#4caf50;
--yesil:#287f2c;
--turuncu:#ff5722;
--turuncu-koyu:#d9481a;
}
body, html {font-size: 100%;box-sizing: border-box;}

@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
font-family: 'Avenir Next LT Pro Demi';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi'), url('fonts/AvenirNextLTPro-Demi.woff') format('woff');
}

@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold'), url('fonts/AvenirNextLTPro-Bold.woff') format('woff');
}

@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: normal;
src: url('fonts/Lobster.eot');
src: local('Lobster'), url('fonts/Lobster.woff') format('woff'), url('fonts/Lobster.ttf') format('truetype');
}

body{overflow-x: hidden;font-family: 'Avenir Next LT Pro Regular','Source Sans Pro',sans-serif;background: #fff;font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {margin: 0;padding: 0;}
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;display: inline-block;}
.button, img {vertical-align: middle;}
button, img, legend {border: 0;}
a,a:hover,a:focus{text-decoration:none!important;}
ul{list-style-type:none;}

*:visited,
*:active,
*:focus{outline:0!important;text-decoration:none;}
*, :after, :before {box-sizing: inherit;}
.hidden{display:none;}

.temizle:after{content:"";display:table;clear:both}
/*Stiller*/

.fullvideo {width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;align-items: center;}
.grdbgbottom {width: 100%;position: absolute;height: 25vh;bottom: 0;z-index: 2;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
.fullvideo > video {width: 100%;cursor: pointer;transition: .5s;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;}
.fullvideo .girisyazisi{position: absolute;bottom: 40px;z-index: 9999;color: #fff;text-align: center;max-width: 720px;margin: 0 auto;}
.fullvideo .girisyazisi h1{}
.fullvideo .girisyazisi h2{
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
}

header .anamenu ul li a,
.urunkutusu,
.urunkutusu a picture,
.blogkutusu,
.blogkutusu a picture,
a.tumu,
.yukleniyor,
.blogkutu,
.blogkutu a figure span,
footer .alttanitim article a.devami,
header .anamenu ul li ul,
header .taleplistebuton a,
section#ortaalan a.geridon,
section#ortaalan aside .bilesen,
article .filtreler,
article .filtreler .filtreler__b ul li a,
.urunresimleri .urunresimleri__slayt,
.urunresimleri .urunresimleri__thumb,
.sepetislemleri form>*,
.sepetim .sepetimdekiler,
form.siparisformu button,
form.siparisformu .bilgiler .label-div input,
form.siparisformu .bilgiler .label-div,
article.detayicerik .yazialani,
article.detayicerik .yazialani ul.timeline li time,
article.detayicerik .yazialani .gallery .gallery-item a,
article.detayicerik .yazialani .gallery .gallery-item a img,
article.detayicerik .yazialani .onecikangorsel a,
article.detayicerik .yazialani .onecikangorsel img,
form textarea, 
form select,
form input,
form button,
.harita,
.yuvarla_YYYY_2{border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
.urunkutusu a picture,
.blogkutusu a picture,
.blogkutu a figure img,
.urunresimleri .urunresimleri__slayt .urunresim,
.urunresimleri .urunresimleri__thumb .urunresim,
.sepetim .sepetimdekiler form ul li .urun .urunresmi,
.sepetim .sepetimdekiler form ul li .urun .urunresmi img,
.sepetim .sepetimdekiler form ul li .urunadet select,
.yuvarla_YYYY_3{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}


.yuvarla_YYYY{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.yuvarla_00YY{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.yuvarla_000Y{border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;}

.yuvarla_YY00{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.yuvarla_Y000{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0;}
.yuvarla_0YYY{border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px;}
.yuvarla_Y00Y{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;}
.yuvarla_0YY0{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;}
.yuvarla_YYY0{border-radius:5px 5px 5px 0 ;-moz-border-radius:5px 5px 5px 0 ;-webkit-border-radius:5px 5px 5px 0 ;}
.yuvarla_00Y0{border-radius:0 0 5px 0 ;-moz-border-radius:0 0 5px 0 ;-webkit-border-radius:0 0 5px 0 ;}
.yuvarla_0000{border-radius:0 ;-moz-border-radius:0 ;-webkit-border-radius:0 ;}

section#slaytlar .slaytlar .owl-dots .owl-dot.active span:before,
.urunlerslaytyap .oklar,
section#neden .ortalogo .logo,
.logolistele.owl-theme .owl-nav button,
main .sosyalmedya a,
header .taleplistebuton a b,
article .sayfalama ul li a,
.yukarizipla,
.urunresimleri .urunresim .buyutec,
.yuvarla_YYYY_full{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

section#slaytlar .owl-carousel{height:100vh}

.gecisli_1{
background: -webkit-linear-gradient(0deg, #af070c 10%, #c02227 90%);
background: -moz-linear-gradient(0deg, #af070c 10%, #c02227 90%);
background: -ms-linear-gradient(0deg, #af070c 10%, #c02227 90%);
background: -o-linear-gradient(0deg, #af070c 10%, #c02227 90%);
background: linear-gradient(0deg, #af070c 10%, #c02227 90%);
}

.slayt_gecisli_sol{
background: rgb(11,62,154);
background: -moz-linear-gradient(90deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(90deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(90deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b3e9a",endColorstr="#000000",GradientType=1);
}

.slayt_gecisli_sag{
background: rgb(11,62,154);
background: -moz-linear-gradient(270deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(270deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(270deg, rgba(11,62,154,0.3533788515406162) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b3e9a",endColorstr="#000000",GradientType=1);
}

header .anamenu ul li a,
header .logo .logo__inner a,
header .logo:before,
.label-div label,
.label-div:before,
header .logo,
header .anamenu,
header .anamenu ul,
header .logo .logo__inner a,
header .logo .logo__inner a img,
.ajaxtablar .tabbasliklar .baslik .ikon,
.urunkutusu a picture,
.urunkutusu a picture img,
.urunkutusu,
.urunkutusu a,
.urunkutusu a picture:before,
.urunkutusu a picture:after,
.blogkutusu a picture,
.blogkutusu a picture img,
.blogkutusu,
.blogkutusu a,
.blogkutusu a picture:before,
.blogkutusu a picture:after,
.yukleniyor,
a.tumu,
footer .alttanitim article a.devami,
footer .altmenuler .altmenu .bilesen .bilesenic ul li a,
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a,
.scrollview,
header .taleplistebuton,
header .taleplistebuton a,
header .taleplistebuton a span,
header .taleplistebuton a i,
.ajaxtablar .icerikgetir,
section#ortaalan aside .bilesen .bilesenic ul li .ikon,
section#ortaalan a.geridon,
section#ortaalan a.geridon i,
.yukarizipla,
.sepetislemleri .adet,
.sepetislemleri .sepetegit,
.sepetislemleri .sepeteekle,
.ajaxtablar .tabicerikler .icerikler .icerik,
.benzerurunler .benzerurun,
form.siparisformu button,
article.detayicerik .yazialani ul.timeline li,
article.detayicerik .yazialani ul.timeline li time,
section#ortaalan aside .bilesen .bilesenic ul li .ikon1,
form button,
.efect_geciktirici{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}

header .anamenu,
header .logo:before,
header .logo:after,
.golge{/* -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04); */-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04); */}

.urunkutusu:hover,
.blogkutusu:hover,
article.detayicerik .yazialani .gallery .gallery-item:hover a,
.golge_hover{-webkit-box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);-moz-box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);box-shadow: 0 10px 20px rgba(255, 0, 0, 0.13);}

section#ortaalan aside .bilesen,
article .filtreler,
.yukarizipla,
article .sayfalama ul li:hover a,
article .sayfalama ul li.aktif a,
.urunresimleri .urunresimleri__slayt,
.urunresimleri .urunresimleri__thumb,
.urunkutusu,
.blogkutusu,
article.detayicerik .yazialani,
article.detayicerik .yazialani .gallery .gallery-item a,
article.detayicerik .yazialani .onecikangorsel a,
.harita,
.golge_2{-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);}


.label-div{position: relative;margin-bottom: 30px;padding: 15px 0 0 0;overflow:hidden;}
.label-div:before{content:'';width:100%;height:2px;background:var(--siyah);position:absolute;left:-100%;bottom:0;z-index: 2;}
.label-div.input__filled:before{left:0;}
.label-div label{width:100%;font-weight: normal;position: absolute;top: 30px;font-size: 22px;cursor: text;margin: 0;}
.label-div label i{color:var(--siyah);font-size:80%;position:relative;top:-2px;margin-right:10px;}
.label-div textarea,
.label-div input{border: none;background: none;border-bottom: 2px solid #fff;color: #fff;font-size: 22px;margin: 0;}
.label-div.select__filled:before{display:none;}
.label-div.select__filled label,
.label-div.input__filled label,
.label-div textarea:focus + label,
.label-div select:focus + label,
.label-div input:focus + label{font-size: 14px;top: 0px;color: var(--siyah);}
.label-div textarea:disabled + label,
.label-div select:disabled + label,
.label-div input:disabled + label{color: #c2c2c2!important;cursor:no-drop;}
.label-div input:disabled{border-color:#c2c2c2!important;}

header{position: fixed;width: 100%;top:0;z-index: 3;}
header .arama_popup{position: fixed;width: 100%;height: 100%;z-index: 4;}
header .arama_popup:before{content:'';background: var(--kirmizi);width: 100%;height: 100%;position:absolute;left:0;top:0;z-index:0;opacity: 0.8;}
header .arama_popup>*{}
header .arama_popup form{position: absolute;padding-left: 40px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: 50%;left: 50%;max-width: 33%;width: 100%;margin-left: -16%;padding-left: 0;}
header .arama_popup form .label-div{padding-top: 30px;margin: 0;}
header .arama_popup form .label-div input{border-color: #fff;font-size: 26px;padding-left: 20px;}
header .arama_popup form .label-div label{color: #fff;font-size: 26px;padding-left: 20px;}
header .arama_popup .label-div.input__filled label, header .arama_popup .label-div input:focus + label{font-size: 18px;}
header .arama_popup form button{width: 50px;height: 50px;border: 0;background: url(../images/arama.png)no-repeat;position: absolute;bottom: 5px;right: 15px;}
header .arama_popup .arama_kapat{position: absolute;right: 0;top: 0;margin: 40px;width: 40px;height: 40px;cursor: pointer;display: block;}
header .arama_popup .arama_kapat:before{content:'';top:0;left: 50%;width:1px;height:40px;background:#fff;position:absolute;transform:rotate(45deg);}
header .arama_popup .arama_kapat:after{content:'';top:0;left: 50%;width:1px;height:40px;background:#fff;position:absolute;transform:rotate(-45deg);}
header .ustmenu{background: #000;position: relative;z-index: 0;height: 30px;overflow: hidden;}
header .ustmenu .ustmenu__sol{color: #fff;padding: 5px 0;}
header .ustmenu .ustmenu__sol .slogan{font-size: 14px;line-height: 20px;}
header .ustmenu .ustmenu__sag{text-align: right;padding: 5px 0;}
header .ustmenu .ustmenu__sag .arama-ac{color: #fff;display: inline-block;cursor: pointer;}
header .ustmenu .ustmenu__sag .diller{display: inline-block;position: relative;}
header .ustmenu .ustmenu__sag .diller a{color: #fff;padding: 0 30px 0 0;position: relative;margin-left: 20px;}
header .ustmenu .ustmenu__sag .diller a:before{content:'';position:absolute;right:0;top: -2px;width:21px;height:21px;background: url(../images/diller.png)no-repeat;}
header .ustmenu .ustmenu__sag .diller:hover a{}
header .ustmenu .ustmenu__sag .diller a.tr:before{background-position:0 0;}
header .ustmenu .ustmenu__sag .diller a.en:before{background-position: -21px 0;}
header .ustmenu .ustmenu__sag .diller a.aktif{}
header .anamenu{position: relative;z-index: 1;/* background: #fafafa; */height: 100%;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
header .anamenu ul.anamenu__sol{}
header .anamenu ul.anamenu__sag{text-align: right;justify-content: flex-end;}
header .anamenu ul{margin: 30px 0;display: flex;}
header .anamenu ul li{display: inline-block;position: relative;}
header .anamenu ul li a{font-family: 'Avenir Next LT Pro Demi';display: inline-block;padding: 10px 15px;color: #fff;font-size: 16px;line-height: 24px;border: 2px solid transparent;}
header .anamenu ul li:hover a{border-color: var(--yesil);}
header .anamenu ul li ul{display: block;background: var(--siyah);margin: 0;padding: 10px 10px;position: absolute;left: 0;visibility: hidden;opacity: 0;top: 200%;}
header .anamenu ul li ul:before{content:'';width: 20px;height: 20px;background: var(--siyah);position: absolute;top: -5px;left: 25px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Safari */transform: rotate(45deg);}
header .anamenu ul li:hover ul{opacity: 1;visibility: visible;top: 120%;}
header .anamenu ul li ul li{display: block;}
header .anamenu ul li ul li a{border: 0;font-size: 14px;padding: 5px 15px;color: #fff;display: block;white-space: nowrap;font-family: 'Avenir Next LT Pro Regular';text-align: left;}
header .anamenu ul li ul li:hover a{background: #fff;color: var(--siyah);}
header .anamenu ul li ul li a{}

header .logo{text-align: center;position: absolute;z-index: 1;}
header .logo:before{content:'';z-index: -1;width: 390px;height: 260px;position: absolute;left: 0;top: -20px;background: url(../images/logo-bg.png)no-repeat top left;background-size: 390px 100%;}
header .logo:after{content:'';z-index: -1;}
header .logo .logo__ust{height: 30px;padding: 5px 0 0 0;color: #fff;background: var(--kirmizi);}
header .logo .logo__inner{}
header .logo .logo__inner a{position:relative;display: block;padding: 20px 30px;width: 260px;margin: 0 auto;box-sizing: content-box;}
header .logo .logo__inner a img{position: relative;z-index: 1;width: 100%;height: auto;}
header .logo:hover .logo__inner a{/* padding:30px 0; */}

header:hover .anamenu,
header.active .anamenu{background: rgba(2, 115, 50, 0.9);}
header:hover .anamenu ul li a,
header.active .anamenu ul li a{color:#fff;}
header:hover .anamenu ul li:hover a,
header.active .anamenu ul li:hover a{border-color:#fff;}

header.active{height: 68px;}
header.active .anamenu{height: 68px;}
header.active .anamenu ul {margin: 10px 0;}
header.active .logo:before{width: 290px;background-size: 290px 100%;height: 160px;}
header.active .logo .logo__inner a{width: 160px;padding: 10px 30px;}

header .taleplistebuton{position: absolute;right: 15px;top: 50%;z-index: 2;margin-top: -7px;overflow:hidden;}
header .taleplistebuton:hover a,
header .taleplistebuton a{display: block;background: var(--kirmizi);padding: 5px 5px 5px 125px;color: #fff;position: relative;width: 160px;}
header .taleplistebuton:hover a i,
header .taleplistebuton a i{font-size: 22px;position: absolute;left: 10px;top: 10px;opacity:1;}
header .taleplistebuton:hover a span,
header .taleplistebuton a span{margin-right: 10px;position: absolute;left: 40px;top: 10px;opacity:1;width: 80px;}
header .taleplistebuton a b{width: 30px;height: 30px;display: inline-block;text-align: center;background: #fff;color: var(--kirmizi);padding: 5px 0;position:relative;z-index:1;}
header:hover .taleplistebuton a{background:var(--siyah);}
header.active .taleplistebuton{top:15px;margin-top: 0px;}
header.active .taleplistebuton a{background:var(--siyah);}

main{position:relative;z-index: 2;}
main .sosyalmedya{position: absolute;top: 100px;right: 0;z-index: 10;margin: 20px;}
main .sosyalmedya a{font-size: 18px;width: 34px;height: 34px;display: block;text-align: center;padding: 5px;color: #fff;background: rgba(255, 255, 255, 0.2);margin-bottom: 5px;}
main .sosyalmedya a:hover{color: var(--yesil);background: #fff;}

section#slaytlar{position:relative;height: 100vh;overflow: hidden;}
section#slaytlar .slaytlar:before{content:'';position:absolute;bottom:0;left:0;right:0;background: url(../images/slayt-alt.png)no-repeat right bottom;width:100%;height: 23vh;z-index: 3;background-size: cover;}
section#slaytlar .slaytlar .slayt{position: relative;}
section#slaytlar .slaytlar .slayt .slaytarka{
    height: 100vh;
}
section#slaytlar .slaytlar .slayt .slaytarka video{min-width: 100%;height: 100%;display: block;width: 100%;}
section#slaytlar .slaytlar .slayt .slaytarka iframe{width: 100%;}
section#slaytlar .slaytlar .slayt .yazilar{position: absolute;width: 100%;text-align:center;top: 50%;z-index: 2;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: calc(50% - 10px);}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv{font-family: 'Lobster';font-size: 4rem;line-height: 4rem;color:#fff;padding: 10px 10px 10px 10px;text-shadow: 1px 2px 0px #000;}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv .ikon{display:inline-block;}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv .ikon img{width:auto;filter: brightness(0) invert(1);transition: .5s;margin-bottom: 25px;}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv h2{font-size:100%;margin-bottom:5px;color:#fff;}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv h2 small{color:#fff;}
section#slaytlar .slaytlar .slayt img{position:relative;z-index:0;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;width: 100%;z-index: 1;cursor: pointer;}
section#slaytlar .slaytlar .slayt:before{content: "";position: absolute;left:0;top:0;height:100%;width: 100%;z-index:1;background: #000000;opacity: 0.3;}
section#slaytlar .slaytlar .slayt:after{content: "";position: absolute;right:0;top:0;height:100%;width:50%;z-index:1;}
section#slaytlar .slaytlar .owl-nav{margin: 0;/* position: relative; */z-index: 5;}
section#slaytlar .slaytlar .owl-nav button{background: none;position: absolute;top: 50%;z-index: 4;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);top: calc(50% - 10px);width: 40px;height: 80px;}
section#slaytlar .slaytlar .owl-nav button.owl-prev{left: 30px;}
section#slaytlar .slaytlar .owl-nav button.owl-next{right: 30px;}
section#slaytlar .slaytlar .owl-nav button div{}
section#slaytlar .slaytlar .owl-nav .ok{position: relative;right: 0;top: 0;width: 40px;height: 80px;cursor: pointer;display: block;}
section#slaytlar .slaytlar .owl-nav .ok:before{content:'';top:0;left: 50%;width: 3px;height: 50px;background:#fff;position:absolute;transform:rotate(45deg);}
section#slaytlar .slaytlar .owl-nav .ok:after{content:'';top: 34px;left: 50%;width: 3px;height: 50px;background:#fff;position:absolute;transform:rotate(-45deg);}
section#slaytlar .slaytlar .owl-nav .sol-ok{}
section#slaytlar .slaytlar .owl-nav .sag-ok{transform: rotate(180deg);}
section#slaytlar .slaytlar .owl-dots{position: absolute;bottom: 45px;width: 100%;z-index: 4;text-align: center;}
section#slaytlar .slaytlar .owl-dots .owl-dot{}
section#slaytlar .slaytlar .owl-dots .owl-dot span{width: 25px;height: 25px;background: var(--siyah);position:relative;opacity:0.5;overflow:hidden;}
section#slaytlar .slaytlar .owl-dots .owl-dot.active span{background: #fff;opacity:1;}
section#slaytlar .slaytlar .owl-dots .owl-dot.active span:before{content:'';position:absolute;left:0;height:100%;width:0;background: var(--siyah);-webkit-animation: show100 6s;animation: show100 6s;transform: rotate(20deg);}

section#firmahakkinda{padding: 50px 0 50px 0;position: relative;overflow: hidden;/* background: url(../images/firmahakkinda-bg.png)no-repeat bottom center; */}
section#firmahakkinda .baslik{font-family: 'Lobster';font-size: 3rem;line-height: 4rem;margin-bottom: 20px;color: var(--siyah);text-align: center;}


.abouttxt{}
.abouttxt>.item{
    margin-bottom: 25px;
}
.abouttxt>.item>.resim{
    margin-bottom: 40px;
}
.abouttxt>.item>.resim>img{
    width: 200%;
}
.abouttxt>.item>.txt{}
.abouttxt>.item>.txt>h2{
    margin-bottom: 10px;
}
.abouttxt p{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    }

.abouttxt>h1{}
section#firmahakkinda .ciftlikhayvanlari{position: relative;width: 100%;height: 400px;}
section#firmahakkinda .ciftlikhayvanlari .inek-koyun-tavuk{position: absolute;bottom: 0;}
section#firmahakkinda .aciklama{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 90%;
    margin: 0 auto;
}
section#firmahakkinda .aciklama p{margin-top: 0px;text-shadow: 1px 1px #fff;text-align: center;font-size: 16px;line-height:initial;}
section#firmaistatistik .container>div{ text-align:center}
section#firmaistatistik{padding: 60px 0;/* background: #287f2c; *//* color: #fff; */}
section#firmaistatistik .baslik{font-family: 'Lobster';font-size: 3rem;line-height: 4rem;margin-bottom: 20px;color: var(--siyah);text-align: center;}
section#firmaistatistik .icon{
    margin-bottom: 3px;
}
section#firmaistatistik .icon>img{
    width: 55px;
    height: auto !important;
	 /* filter: brightness(0) invert(0); */
    margin-bottom: 10px;
}
section#firmaistatistik .baslik1{
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
    font-weight: 700;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;
}

.aciklama .tumu, section#firmaistatistik a.tumu{padding: 10px 25px;font-size: 18px;color: #fff;background: var(--yesil);display: inline-block;margin-top: 25px;}

.aciklama .tumu, section#firmaistatistik .rakamlar{
    padding: 35px 0;
    background: #287f2c;
    color: #fff;
    border-radius: 20px;
}

.aciklama .tumu, section#firmaistatistik .rakamlar h1{
    font-size: 1.8rem;
    line-height: 2rem;
}
.aciklama .tumu, section#firmaistatistik .rakamlar b{}

section#firmaistatistik .istatistik{text-align: center;}
section#firmaistatistik .istatistik b{display: block;font-size: 45px;}
section#firmaistatistik .istatistik span{font-size: 14px;}
.slider-pro a {position: static;transition: none!important;-moz-transition: none!important;-webkit-transition: none!important;-o-transition: none!important;}
.slider-arrow {-webkit-animation: arrow-effect-3 2s infinite;animation: arrow-effect-3 2s infinite;-webkit-animation-delay: 8s;animation-delay: 8s;}
.slider-arrow {width: 60px;height: 60px;line-height: 70px;border-radius: 50%;margin-left: -30px;/* border: 1px solid #027432; */background: rgba(2, 114, 49, 0.6);position: absolute !important;z-index: 99;bottom: 5%;right: 40px;color: #d09a9c;font-size: 38px;text-align: center;}
.slider-arrow i {-webkit-animation: arrow-effect-4 0.5s infinite;animation: arrow-effect-4 0.5s infinite;-webkit-animation-delay: 8s;animation-delay: 8s;color: #fff;font-size: 23px;top: 20%;}

.scrollview{position:relative;top:100px;z-index: 4;}
.scrollview.viewed{top:0px;}



.text-dec table {border-collapse: collapse;width: 100%;margin: 20px auto;font-weight:300;text-align:left;background: #f9f9f9;}
.text-dec table thead td{}
.text-dec table.cizgili tbody:nth-child(2n) { background: #fff}
/*.text-dec table.cizgili tbody tr:first-child td:first-child,tbody tr td:first-child{font-weight:500}
.text-dec table.cizgili tbody:hover td[rowspan], .text-dec table.cizgili tr:hover td {  background: red; }*/
.note {border: 2px dashed #000;padding: 30px;background: #fff;}


.text-dec table td {padding: 5px 10px;border: solid 1px #ddd;text-align: left;font-size: 15px;line-height: 20px;vertical-align: middle;}
.text-dec h1{font-weight:bold;color:#000;margin-top: 25px;font-size: 20px;margin-bottom: 10px;}
strong{text-align:left; font-weight:bold}
.text-dec ul {text-align: left;padding-left: 20px;margin-bottom: 15px;}
.text-dec ul li{font-size: 18px;list-style-type: none;line-height: 29px;position: relative;}
.text-dec ul li:after{content: "";padding: 3px;border: solid #444;border-width: 0 1px 1px 0;transform: rotate( -45deg );width: 1px;display: flex;position: absolute;left: -20px;top: 12px;}



.mobilmenu {
    background: url("/dosyalar/icon/mobilemenubg.svg?v=5") no-repeat top;
    background-size: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    width: 100%;
    height: 67px;
    display: none;
    justify-content: center;
    align-items: center;
}

    .mobilmenu > div {
        display: flex;
        justify-content: space-between;
        width: 90%;
        position: relative;
    }

        .mobilmenu > div > div {
            width: calc(50% - 36px);
            display: flex;
            justify-content: center;
            margin-top: 5px;
        }

    .mobilmenu .telefon {
        position: absolute;
        top: -55px;
        left: calc(50% - 33px);
        background: #fff;
        border-radius: 100%;
        width: 66px;
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        border: 1px solid #e1e1e1;
    }
	   .mobilmenu a{
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 18px;
} 
	
        .mobilmenu .telefon a > img {
            filter: none;
            height: 35px;
        }

    .mobilmenu img {
        height: 22px;
        margin-bottom: 1px;
        filter: brightness(0) invert(1);
    }

section#onecikanlar{overflow:hidden;background: url(../images/onecikanbg.jpg)no-repeat;padding: 60px 0;}
section#onecikanlar .baslik{font-family: 'Lobster';font-size: 3rem;line-height: 4rem;margin-bottom: 20px;color: var(--siyah);text-align: center;}
section#onecikanlar .ajaxtablar{}
.ajaxtablar .icerikgetir{opacity:1;}
.ajaxtablar .tabbasliklar{display: flex;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.ajaxtablar .tabbasliklar .baslik{color: var(--siyah);flex: 1 100%;font-size: 20px;padding: 30px 10px 20px 65px;margin: 0 10px;border-bottom: 3px solid transparent;cursor: pointer;position: relative;bottom: -2px;}
.ajaxtablar .tabbasliklar .baslik:hover,
.ajaxtablar .tabbasliklar .baslik.aktif{border-color: var(--yesil);color: var(--yesil);}
.ajaxtablar .tabbasliklar .baslik .ikon{position: absolute;width: 45px;height: 45px;left: 10px;background:url(../images/katiconlar.png)no-repeat;}
.ajaxtablar .tabbasliklar .baslik .ikon.i1{background-position:0 0;}
.ajaxtablar .tabbasliklar .baslik .ikon.i2{background-position:-45px 0;}
.ajaxtablar .tabbasliklar .baslik .ikon.i3{background-position:-90px 0;}
.ajaxtablar .tabbasliklar .baslik .ikon.i4{background-position:-135px 0;}
.ajaxtablar .tabbasliklar .baslik .ikon.i5{background-position:-180px 0;}
.ajaxtablar .tabbasliklar .baslik .ikon.i6{background-position:-225px 0;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i1,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i1{background-position:0 -45px;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i2,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i2{background-position:-45px -45px;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i3,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i3{background-position:-90px -45px;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i4,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i4{background-position:-135px -45px;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i5,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i5{background-position:-180px -45px;}
.ajaxtablar .tabbasliklar .baslik.aktif .ikon.i6,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i6{background-position:-225px -45px;}

.ajaxtablar .tabbasliklar .baslik h3{font-size: 20px;line-height: 26px;}
.ajaxtablar .tabicerikler{position: relative;text-align: center;}
.ajaxtablar .tabicerikler .icerikler{margin-bottom: 30px;}
.ajaxtablar .tabicerikler .icerikler.owl-carousel .owl-stage-outer{overflow: visible;}
.ajaxtablar .tabicerikler .icerikler .icerik{opacity:0;}
.ajaxtablar .tabicerikler .icerikler .active .icerik{opacity:1;}
.urunlerslaytyap .oklar{position: absolute;top: 50%;margin-top: -80px;width: 80px;height: 80px;background: #ccc;color: #fff;font-size: 30px;text-align: center;padding: 20px;opacity: 0.6;cursor:pointer;z-index: 1;}
.urunlerslaytyap .oklar:hover{background:var(--yesil);opacity:1;}
.urunlerslaytyap .oklar.geriok{left: -110px;}
.urunlerslaytyap .oklar.ileriok{right: -110px;}
.ajaxtablar .tabicerikler .icerikgetir{position: relative;height: 500px;}
.ajaxtablar .tabicerikler a.tumu{padding: 10px 15px;font-size: 18px;color: #fff;background: var(--yesil);display: inline-block;}
.ajaxtablar .tabicerikler a.tumu:hover{padding: 10px 35px;}

.yukleniyor{position: absolute;z-index:9;opacity:0.8;width: 100%;height: 100%;min-height: 100px;background:#fff;}
.yukleniyor i{font-size: 32px;position: absolute;top: 50%;margin: -16px 0 0 -16px;color: var(--yesil);}

.urunkutusu{text-align: center;background: #fff;position:relative;overflow:hidden;}
.urunkutusu a{display: block;padding: 15px;color: var(--siyah);width: 100%;}
.urunkutusu a picture{display: block;margin-bottom: 30px;border: 1px solid #f2f2f2;position:relative;overflow:hidden;}
.urunkutusu a picture:before{opacity:0;content:'';position:absolute;background:var(--yesil);width:100%;height:100%;left:0;top:0;z-index:1;}
.urunkutusu:hover a picture:before{opacity:0.9;}
.urunkutusu a picture:after{opacity:0;content:attr(data-hover);position:absolute;z-index:1;color:#fff;bottom: 0%;left: 50%;margin-left:-50px;font-size: 18px;}
.urunkutusu:hover a picture:after{opacity:1;bottom: 50%;left: 50%;}
.urunkutusu a picture img{position: relative;/* bottom: -20px; */}
.urunkutusu:hover a{color:var(--yesil);}
.urunkutusu:hover a picture{border-color:var(--yesil);}
.urunkutusu:hover a picture img{position: relative;bottom: 0px;}
.urunkutusu a .marka{font-size: 20px;margin-bottom: 5px;font-family: 'Avenir Next LT Pro Demi';}
.urunkutusu a .urun{font-size: 16px;margin-bottom: 20px;}

section#neden{background:url(../images/nedenbg.jpg)no-repeat;padding: 60px 0;text-align: center;background-attachment: fixed;background-position: center;background-size: cover;position:relative;}
section#neden:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0, 0, 0, 0.51);}
section#neden>*{position:relative;z-index:1;}
section#neden .baslik{text-align:center;margin-bottom: 80px;font-family: 'Lobster';font-size: 3rem;line-height: 4rem;color: #fff;}
section#neden .nedenbiz{color: #fff;font-size: 16px;}
section#neden .nedenbiz ul{}
section#neden .nedenbiz ul li{margin-bottom: 40px;}
section#neden .nedenbiz ul li b{font-size: 18px;display: block;margin-bottom: 10px;}
section#neden .nedenbiz ul li p{}
section#neden .ortalogo{position: relative;padding: 60px;}
section#neden .ortalogo .logo{background: #fff;padding: 80px 30px;width: 250px;height: 250px;margin: 0 auto;max-width: 100%;}
section#neden .ortalogo .logo img{}
section#neden .ortalogo .ikon{background:url(../images/ortalogoiconlary.png?v=1)no-repeat;width:60px;height:60px;position:absolute;}
section#neden .ortalogo .ikon1{background-position:0 0;left: 10%;top: 10%;}
section#neden .ortalogo .ikon2{background-position:-60px 0;left:0;top: 40%;}
section#neden .ortalogo .ikon3{background-position:-120px 0;left: 10%;top: 70%;}
section#neden .ortalogo .ikon4{background-position:-180px 0;right: 10%;top: 10%;}
section#neden .ortalogo .ikon5{background-position:-240px 0;right: 0;top: 40%;}
section#neden .ortalogo .ikon6{background-position:-300px 0;right: 10%;top: 70%;}
.aciklama .tumu, section#neden a.tumu{padding: 10px 15px;font-size: 18px;color: #fff;background: var(--yesil);display: inline-block;}
.aciklama .tumu, section#neden a.tumu:hover{padding: 10px 30px;margin-top: 25px;}

.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}

section#bloghaber{padding: 10px 0;position: relative;overflow: hidden;}
section#bloghaber:before{content:'';background:url(../images/blogbg.jpg)no-repeat;position:absolute;left:0;top:0;width:50%;height:100%;z-index:-1;background-size: cover;}
section#bloghaber:after{content:'';background:url(../images/haberbgy.jpg)no-repeat;position:absolute;left:50%;top:0;width:50%;height:100%;z-index:-1;background-size: cover;}
section.ikilist .koyubg,
section.ikilist .acikbg{padding: 60px 60px;}
section.ikilist .baslik{font-family: 'Lobster';font-size: 3rem;line-height: 4rem;margin-bottom: 20px;color: #fff;}section#bloghaber .baslik b{font-weight: normal;color: #fff;}
section.ikilist .baslik b{font-weight: normal;color:var(--yesil);}
section.ikilist .koyubg .baslik{color: #fff;}
section.ikilist .aciklama{font-size: 16px;margin-bottom: 40px;/* color:var(--siyah); */min-height: 44px;color: #fff;}
section.ikilist .koyubg .aciklama{color: #fff;}
section#bloghaber .bloglistele{margin-bottom: 40px;}
section#bloghaber .owl-dots{text-align: left;}
section#bloghaber .owl-dots .owl-dot{}
section#bloghaber .owl-dots .owl-dot span{width: 25px;height: 25px;}
section.ikilist a.tumu{padding: 10px 15px;font-size: 18px;color: #fff;background: var(--yesil);display: inline-block;}
section.ikilist a.tumu:hover{padding: 10px 30px;}
section.ikilist .acikbg .owl-theme .owl-dots .owl-dot span{background: #fff;opacity:0.5;}
section.ikilist .acikbg .owl-theme .owl-dots .owl-dot.active span, 
section.ikilist .acikbg .owl-theme .owl-dots .owl-dot:hover span{background:var(--yesil);opacity:1;}
section.ikilist .koyubg .owl-theme .owl-dots .owl-dot span{background:#fff;opacity:0.5;}
section.ikilist .koyubg .owl-theme .owl-dots .owl-dot.active span, 
section.ikilist .koyubg .owl-theme .owl-dots .owl-dot:hover span{opacity:1;}


.blogkutu{background: #fff;}
.blogkutu a{display: block;padding: 15px 15px 0 15px;}
.blogkutu a figure{position: relative;overflow: hidden;width: 200px;float: left;margin: 0 30px 20px 0;}
.blogkutu a figure span{position: absolute;bottom: 20px;background: var(--yesil);color: #fff;padding: 5px 10px 5px 34px;left: -24px;}
.blogkutu a figure img{}
.blogkutu a article{color: var(--siyah);padding: 15px;}
.blogkutu a article h4{font-family: 'Avenir Next LT Pro Demi';margin-bottom: 20px;}
.blogkutu a article p{font-size: 16px;color: #949494;margin-bottom: 20px;}
.blogkutu a article b{color: var(--yesil);}

.logolistele{margin: 45px 0;}
.logolistele img{width: auto!important;margin: 0 auto;}
.logolistele.owl-theme .owl-nav{margin: 0;}
.logolistele.owl-theme .owl-nav span{vertical-align: text-top;}
.logolistele.owl-theme .owl-nav button{position:absolute;top: 50%;font-size: 42px!important;width: 50px;height: 50px;line-height: 30px!important;border: 1px solid #ccc!important;margin: -15px 0 0 0;}
.logolistele.owl-theme .owl-nav button.owl-prev{left: -50px;}
.logolistele.owl-theme .owl-nav button.owl-next{right: -50px;}

footer{position: relative;z-index: 1;padding-top: 100px;}
footer .alttanitim{position:relative;background:url(../images/gokyuzu.jpg)no-repeat;min-height:600px;width:100%;overflow:hidden;background-size: 100%;}
footer .alttanitim:before{content:'';background: url(../images/altcerceve.png)no-repeat bottom;position:absolute;left:0;bottom:0;width:100%;height: 100%;z-index:4;background-size: 100%;}
footer .alttanitim .bayrak{position:absolute;background:url(../images/bayraklar.png)no-repeat;bottom:0;left:40%;width:220px;height:590px;z-index:3;}
footer .alttanitim .bina{position:absolute;background:url(../images/bina.png)no-repeat;bottom:0;left:5%;width:820px;height:400px;z-index:2;}
footer .alttanitim .agaclar{position:absolute;background:url(../images/agaclar.png)no-repeat;bottom:0;left:0%;margin-left: -100px;width: 2500px;height:180px;z-index:1;}
footer .alttanitim .ciftlik{position:absolute;background: url(../images/ciftlik.png?v=1)no-repeat top;bottom: 0;left:0%;margin-left: -100px;width: 2500px;height: 590px;z-index:1;background-size: 100%;}
footer .alttanitim article{text-align: right;padding: 60px 0 60px 60px;}
footer .alttanitim article h6{font-family: 'Avenir Next LT Pro Demi';font-size: 38px;color: var(--yesil);margin-bottom: 20px;}
footer .alttanitim article p{font-size: 16px;margin-bottom: 30px;text-shadow: 1px 1px 0px #fff;}
footer .alttanitim article a.devami{padding: 10px 20px;font-size: 16px;color: var(--siyah);background: #fff;display: inline-block;}
footer .alttanitim article a.devami:hover{background:var(--yesil);color:#fff;padding: 10px 30px;}
footer .alttanitim article a.devami i{color:var(--yesil);display:inline-block;margin-left:5px;}
footer .alttanitim article a.devami:hover i{color:#fff;}

footer .altmenuler{background: url(../images/footer-bg.jpg)no-repeat;background-size: cover;}
footer .altmenuler .altmenu{display: flex;padding: 40px 0 0 0;/* margin-bottom: 50px; */}
footer .altmenuler .altmenu .bilesen{padding: 20px 0 0px 20px;flex: 1 100px;}
footer .altmenuler .altmenu .bilesen .baslik{color: #fff;font-size: 18px;margin-bottom: 20px;}
footer .altmenuler .altmenu .bilesen .bilesenic{}
footer .altmenuler .altmenu .bilesen .bilesenic img{margin: 0 auto 20px;display: block;}
footer .altmenuler .altmenu .bilesen .bilesenic p{text-align: center;font-size: 14px;color: #8e8e8e;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya{text-align: center;padding: 20px 0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a{background: url(../images/altsosyalmedya.png)no-repeat;width: 35px;height: 35px;display: inline-block;position:relative;top:0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a:hover{top:-5px;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a.facebook{background-position: 0 0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a.instagram{background-position: -35px 0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a.twitter{background-position: -70px 0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a.linkedin{background-position: -105px 0;}
footer .altmenuler .altmenu .bilesen .bilesenic .altsosyalmedya a.youtube{background-position: -140px 0;}

footer .altmenuler .altmenu .bilesen .bilesenic ul{}
footer .altmenuler .altmenu .bilesen .bilesenic ul li{color: #8e8e8e;font-size: 16px;line-height: 22px;margin-bottom: 5px;}
footer .altmenuler .altmenu .bilesen .bilesenic ul li a{color: #8e8e8e;}
footer .altmenuler .altmenu .bilesen .bilesenic ul li:hover a{color: #fff;margin-left: 5px;}
footer .copyright{position: absolute;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.5);padding: 10px 0;}
footer .copyright p{color: #a4a4a4;font-size: 14px;line-height: 26px;display: inline-block;}
footer .copyright p a{color: #a4a4a4;text-decoration: underline!important;}
footer .copyright .designer{float: right;}
footer .copyright .designer img{}

.bayraktar{
    width: 90%;
    max-width: 1250px;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 70px;
}
.bayraktar>div{
    color: #fff;
    margin-left: 25px;
}
.bayraktar>div>a{
    display: block;
}
.bayraktar>div>a>img{width:100%;filter: brightness(0) invert(1);max-width: 180px;}

article {}
article p{margin-bottom: 10px;}

form{}
form *{}
form .row{
    margin-bottom: 20px;
}
form button{background:var(--yesil);color:#fff;font-size:18px;padding: 10px 25px;}
/*form button:hover{background:var(--yesil-koyu);padding:5px 25px;}*/
form label{margin-bottom:5px;font-weight:bold;}
form textarea, 
form select,
form input{margin-bottom:10px;}
form datalist{display: none;}
form textarea, 
form select,
form input{display:block;width:100%;padding: 4px 6px;font-size: 16px;border: 1px solid #e3ddd8;min-height: 47px;}
form textarea:focus, 
form select:focus,
form input:focus{border-color:#000;outline:0;}
form input[type="submit"]{cursor: pointer;width: auto;border: 0;padding: 5px 25px;font-size: 16px;line-height: 24px;font-weight: bold;height: 50px;float: right;}
form input[type="color"]{width: 25px;padding: 0px;min-height: auto;}
form input[type="radio"],
form input[type="checkbox"]{display:inline-block;width:auto;min-height: auto;}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

.schema-faq{}
.schema-faq .schema-faq-section{margin-bottom: 25px;}
.schema-faq .schema-faq-section .schema-faq-question{cursor: pointer;font-size: 20px;}
.schema-faq .schema-faq-section.aktif .schema-faq-question{color:var(--kirmizi);}
.schema-faq .schema-faq-section .schema-faq-answer{display:none;position:relative;margin:0;}

.s404{font-size: 25rem;line-height: 20rem;margin-bottom: 50px;color: var(--siyah);}

.mobil_menuac{display:none;position: absolute;right: 20px;top: 50%!important;font-size: 32px;line-height: 32px;padding: 10px;margin-top: -26px;cursor: pointer;width: auto!important;color: #027735;}

/*Kategori*/
section#sayfaust{height: 200px;background: url(../images/slayt-1.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
section#sayfaust:before{content:'';background:var(--yesil);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0.6;z-index:0;}
section#sayfaust .breadcrumb{position:absolute;width:100%;bottom:0;margin: 0 auto;background: none;}
section#sayfaust .breadcrumb ul{}
section#sayfaust .breadcrumb ul li{display: inline-block;}
section#sayfaust .breadcrumb ul li a{color: #fff;font-size: 16px;display: block;padding: 5px 30px 5px 0px;position: relative;}
section#sayfaust .breadcrumb ul li a:after{content:'/';position: absolute;right: 10px;top: 50%;font-size: 14px;line-height: 14px;margin-top: -8px;}
section#sayfaust .breadcrumb ul li:last-child a:after{display:none;}
section#sayfaust .breadcrumb ul li.aktif a,
section#sayfaust .breadcrumb ul li:hover a{}

section#ortaalan{background: #fff;padding: 60px 0;position:relative;}
section#ortaalan a.geridon{display: inline-block;background: var(--yesil);color: #fff;padding: 7px 20px 7px 50px;position: relative;margin-bottom: 20px;}
section#ortaalan a.geridon:hover{background:var(--siyah);padding: 7px 30px 7px 50px;}
section#ortaalan a.geridon i{font-size: 28px;position: absolute;left: 10px;}
section#ortaalan a.geridon:hover i{left:7px;}
section#ortaalan a.geridon span{font-size: 18px;line-height: 28px;}
section#ortaalan aside{}
section#ortaalan aside .bilesen{padding: 20px;background: #fff;margin-bottom: 40px;}
section#ortaalan aside .bilesen .baslik{font-size: 20px;margin-bottom: 10px;font-family: 'Avenir Next LT Pro Demi';}
section#ortaalan aside .bilesen .bilesenic{padding: 10px;}
section#ortaalan aside .bilesen .bilesenic ul{}
section#ortaalan aside .bilesen .bilesenic ul li{border-bottom: 1px solid #ececec;padding: 10px 0;font-size: 16px;color: var(--siyah);position: relative;}
section#ortaalan aside .bilesen .bilesenic ul.menu li{margin: 0;border: 0;padding: 0;}
section#ortaalan aside .bilesen .bilesenic ul li a{display: block;font-size: 16px;color: var(--siyah);position: relative;}
section#ortaalan aside .bilesen .bilesenic ul.menu li a{font-size: 18px;padding: 14px 10px 14px 50px;margin: 0;}
section#ortaalan aside .bilesen .bilesenic ul li:hover a,
section#ortaalan aside .bilesen .bilesenic ul li.aktif a{color: var(--yesil);}
section#ortaalan aside .bilesen .bilesenic ul li span{}
section#ortaalan aside .bilesen .bilesenic ul li span.post-date{font-size: 12px;color: #757575;display: block;margin-top: 10px;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon{width: 36px;height: 36px;position: absolute;left: 0;top: 50%;margin-top: -18px;background: url(../images/katiconlar.png)no-repeat;background-size: 216px 70px;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i1{background-position: 0 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i2{background-position: -35px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i3{background-position: -70px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i4{background-position: -105px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i5{background-position: -144px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon.i6{background-position: -180px 0;}

section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i1,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i1{background-position: 0 -35px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i2,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i2{background-position: -35px -35px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i3,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i3{background-position: -70px -35px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i4,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i4{background-position: -105px -35px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i5,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i5{background-position: -144px -35px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon.i6,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i6{background-position: -180px -35px;}

section#ortaalan aside .bilesen .bilesenic ul li .ikon1{width: 36px;height: 36px;position: absolute;left: 0;top: 50%;margin-top: -18px;background: url(../images/sayfaiconlar.png)no-repeat;background-size: 252px 72px;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i1{background-position: 0 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i2{background-position: -36px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i3{background-position: -72px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i4{background-position: -108px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i5{background-position: -144px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i6{background-position: -180px 0;}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1.i0{background-position: -216px 0;}

section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i1,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i1{background-position: 0 -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i2,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i2{background-position: -36px -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i3,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i3{background-position: -72px -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i4,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i4{background-position: -108px -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i5,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i5{background-position: -144px -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i6,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i6{background-position: -180px -34px;}
section#ortaalan aside .bilesen .bilesenic ul li:hover .ikon1.i0,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon1.i0{background-position: -216px -34px;}

section#ortaalan aside .bilesen .bilesenic ul li i.far,
section#ortaalan aside .bilesen .bilesenic ul li i.fas{font-size: 26px;display: inline-block;min-width: 20px;width: 26px;height: 26px;position: absolute;left: 10px;top: 50%;margin-top: -13px;}

article.urunlistele{}
article .sayfabasliklar{margin-bottom: 40px;}
article .sayfabasliklar h1{font-family: 'Avenir Next LT Pro Demi';font-size: 30px;line-height: 42px;margin-bottom: 20px;}
article .sayfabasliklar p{color: #ccc;}
article .filtreler{background: #fff;padding: 15px 20px 10px 20px;display: flex;margin-bottom: 20px;justify-content: space-between;align-items: baseline;}
article .filtreler .filtreler__a{}
article .filtreler .filtreler__b{text-align: right;}
article .filtreler .filtreler__b ul{}
article .filtreler .filtreler__b ul li{display: inline-block;}
article .filtreler .filtreler__b ul li a{display: block;padding: 5px 10px;font-size: 16px;color: var(--siyah);background: #fafafa;border: 1px solid #dddc;margin: 0 5px 5px 0;}
article .filtreler .filtreler__b ul li.aktif a,
article .filtreler .filtreler__b ul li:hover a{border-color: var(--kirmizi);background: var(--kirmizi);color: #fff;}


article .urunlistesi{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: flex-start;margin: 0 -10px 40px -10px;}
article .urunlistesi .urunkutusu{flex: 1 calc(33.3333% - 20px);width: calc(33.3333% - 20px);display: inline-flex;margin: 0 10px 20px 10px;}
article .sayfalama{text-align: center;}
article .sayfalama ul{}
article .sayfalama ul li{display: inline-flex;}
article .sayfalama ul li a{display: inline-flex;width: 40px;height: 40px;font-size: 18px;align-items: center;text-align: center;justify-content: center;background: #fafafa;color: var(--siyah);border: 1px solid #dddc;margin: 0 5px 5px 0;}
article .sayfalama ul li.aktif a,
article .sayfalama ul li:hover a{background:var(--kirmizi);color:#fff;border-color:var(--kirmizi);}

.yukarizipla{position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background: var(--yesil);color: #fff;font-size: 32px;cursor: pointer;z-index: 999;display: flex;justify-content: center;align-content: center;align-items: center;}
.yukarizipla i{-: 32px;text-align: center;position: absolute;font-size: 18px;}
.yukarizipla:focus,
.yukarizipla:hover{background:var(--siyah);color:#fff;}

.urunresimleri{margin-bottom: 40px;}
.urunresimleri .urunresim a{display: block;}
.urunresimleri .urunresim .buyutec{position: absolute;right: 0;top: 0;width: 30px;height: 30px;background: #fff;text-align: center;font-size: 16px;padding: 4px;margin: 10px;border: 1px solid #eee;color: var(--siyah);}
.urunresimleri .urunresim:hover .buyutec{background: var(--kirmizi);color: #fff;border-color: var(--kirmizi);}
.urunresimleri .urunresimleri__slayt{padding: 15px;margin-bottom: 20px;}
.urunresimleri .urunresimleri__slayt .urunresim{background: #fff;border: 1px solid #eee;overflow: hidden;margin: 1px;position: relative;}
.urunresimleri .urunresimleri__thumb{padding: 15px;}
.urunresimleri .urunresimleri__thumb .urunresim{background: #fff;border: 1px solid #eee;overflow: hidden;cursor: pointer;}
.urunresimleri .urunresimleri__thumb .urunresim.aktif{border-color: var(--kirmizi);}
.urunresimleri picture{}
.urunresimleri picture img{}

article.detayicerik{padding:0 0 0 10px;margin-bottom: 100px;}
article.detayicerik .sayfabasliklar{margin-bottom:20px;}
article.detayicerik .sayfabasliklar p{color: var(--siyah);font-size: 16px;line-height: 24px;}
article.detayicerik .sayfabasliklar h1{padding-left: 30px;font-size: 26px;}
article.urundetay.detayicerik .sayfabasliklar h1{padding-left: 0;}
article.detayicerik .sayfabasliklar .marka{}
article.detayicerik .sayfabasliklar .marka a{font-size: 30px;color: var(--kirmizi);margin-bottom: 5px;display: inline-block;}
article.detayicerik ul.ozellikler{margin-bottom: 40px;}
article.detayicerik ul.ozellikler li{font-size: 16px;line-height: 24px;margin-bottom: 5px;}
article.detayicerik ul.ozellikler li span{display: inline-block;min-width: 100px;font-weight: bold;}
article.detayicerik ul.ozellikler li a{color: var(--kirmizi);}
article.detayicerik .filtreler {background: none;box-shadow: none;padding: 0;display: block;margin-bottom: 40px;}
article.detayicerik .filtreler .filtreler__c {margin-bottom: 10px;font-size: 16px;}
article.detayicerik .filtreler .filtreler__b {text-align: left;}
article.detayicerik .yazialani{padding: 30px;background: #fff;font-size: 16px;line-height: 24px;color: var(--siyah);margin-bottom: 40px;}
article.detayicerik .yazialani h1{margin-bottom: 20px;font-size: 200%;font-weight: bold;}
article.detayicerik .yazialani h2{margin-bottom: 20px;font-size: 170%;font-weight: bold;}
article.detayicerik .yazialani h3{margin-bottom: 20px;font-size: 100%;font-weight: bold;}
article.detayicerik .yazialani h4{margin-bottom: 10px;font-size: 75%;font-weight: bold;}
article.detayicerik .yazialani h5{margin-bottom: 10px;font-size: 60%;font-weight: bold;}
article.detayicerik .yazialani h6{margin-bottom: 10px;font-size: 50%;font-weight: bold;}
article.detayicerik .yazialani p{margin-bottom:20px;}
article.detayicerik .yazialani ul,
article.detayicerik .yazialani ul{}
article.detayicerik .yazialani ul li,
article.detayicerik .yazialani ol li{}
article.detayicerik .yazialani a{}
article.detayicerik .yazialani a:hover{}
article.detayicerik .yazialani ul.timeline{}
article.detayicerik .yazialani ul.timeline li{position: relative;width: 50%;text-align: left;margin-left: 50%;padding: 40px;border-left: 1px dashed #ccc;border-top: 1px dashed #ccc;right: 0;background: #fff;}
article.detayicerik .yazialani ul.timeline li time{position: absolute;background: #fafafa;padding: 5px 20px;font-size: 14px;top: -18px;right: -1px;border: 1px solid #ccc;min-width: 80px;text-align: center;}
article.detayicerik .yazialani ul.timeline li:first-child:hover:before{border-color:var(--yesil);}
article.detayicerik .yazialani ul.timeline li:hover{border-color:var(--yesil);}
article.detayicerik .yazialani ul.timeline li:hover time{background:var(--yesil);color:#fff;border-color:var(--yesil);padding: 5px 30px;}
article.detayicerik .yazialani ul.timeline li p{}
article.detayicerik .yazialani ul.timeline li:nth-child(odd){margin-left: auto;margin-right: 50%;border-left: 0;border-right: 1px dashed #ccc;right: -1px;}
article.detayicerik .yazialani ul.timeline li:nth-child(odd) time{left: -1px;right: auto;}
article.detayicerik .yazialani ul.timeline li:first-child{text-align: center;margin: 0 auto;border: none;}
article.detayicerik .yazialani ul.timeline li:first-child:before{content:'';position: absolute;width: 1px;height: 50px;border-left: 1px dashed #ccc;bottom: 0;left: 50%;margin-left: -1px;}
article.detayicerik .yazialani ul.timeline li:first-child p{}
article.detayicerik .yazialani ul.timeline li:first-child time{position: relative;top: 0;margin-bottom: 10px;display: inline-block;}
article.detayicerik .yazialani ul.timeline li:hover{border-color:var(--yesil);}

article.detayicerik .yazialani .gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
article.detayicerik .yazialani .gallery .gallery-item{display: inline-block;width: 50%;padding: 6px;}
article.detayicerik .yazialani .gallery .gallery-item a{display: block;padding: 5px;}
article.detayicerik .yazialani .gallery .gallery-item a img{}
article.detayicerik .yazialani .gallery .gallery-item:hover a{}

article.detayicerik .yazialani .onecikangorsel{max-width: 280px;float: left;margin: 0 30px 20px 0;}
article.detayicerik .yazialani .onecikangorsel a{display: block;padding: 10px;background: #fff;}
article.detayicerik .yazialani .onecikangorsel a figure{}
article.detayicerik .yazialani .onecikangorsel a figure img{}
article.detayicerik .yazialani .onecikangorsel a figure figcaption{color: var(--siyah);font-size: 12px;text-align: center;padding: 10px;}

.sepetislemleri{}
.sepetislemleri form{display: flex;justify-content: flex-start;align-items: baseline;font-size: 18px;line-height: 26px;margin-bottom: 10px;}
.sepetislemleri form>*{margin: 0 10px 10px 0;height: 40px;padding: 8px 15px;}
.sepetislemleri .adet{display: inline-flex;width: auto;font-size: 18px;line-height: 26px;min-height: auto;}
.sepetislemleri .sepeteekle{background: var(--yesil);color: #fff;cursor: pointer;display: inline-block;}
.sepetislemleri .sepeteekle i{}
.sepetislemleri .sepetegit{background: var(--turuncu);color: #fff;display: inline-block;}
.sepetislemleri .sepetegit i{}
.sepetislemleri .adet:focus,
.sepetislemleri .adet:hover{border-color:var(--kirmizi)}
.sepetislemleri .sepeteekle:hover{background: var(--yesil-koyu);}
.sepetislemleri .sepetegit:hover{background: var(--turuncu-koyu);}
.sepetislemleri small{display: block;font-size: 14px;color: #aaa;margin-bottom: 30px;}

.tabloalani{margin-bottom: 40px;}
.tabloalani .baslik{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.tabloalani table{width: 100%;font-size: 16px;line-height: 24px;}
.tabloalani table tr{border-bottom: 1px solid #ccc;}
.tabloalani table thead{}
.tabloalani table thead th{padding: 10px 0;}
.tabloalani table tbody{}
.tabloalani table tbody td{padding: 10px 0;}

.benzerurunler{}
.benzerurunler .baslik{text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 30px;}
.benzerurunler .benzerurunler__slayt.owl-carousel .owl-stage-outer{overflow:visible}
.benzerurunler .benzerurun{opacity:0.2;}
.benzerurunler .active .benzerurun{opacity:1;}
.benzerurunler .oklar{margin-top:-20px}

.sepetim{margin-bottom: 40px;}
.sepetim .baslik{font-size: 20px;font-family: 'Avenir Next LT Pro Demi';margin-bottom: 20px;}
.sepetim .sepetimdekiler{border: 1px solid #ccc;padding: 30px;margin-bottom: 30px;}
.sepetim .sepetimdekiler form{}
.sepetim .sepetimdekiler form ul{display: table;width: 100%;}
.sepetim .sepetimdekiler form ul li{display: table-row;}
.sepetim .sepetimdekiler form ul li>div{display: table-cell;vertical-align: top;}
.sepetim .sepetimdekiler form ul li .urun{}
.sepetim .sepetimdekiler form ul li .urun a{display: block;}
.sepetim .sepetimdekiler form ul li .urun .urunresmi{width: 60px;border: 1px solid #ccc;display: inline-block;vertical-align: top;margin: 0 15px 15px 0;}
.sepetim .sepetimdekiler form ul li .urun .urunadi{display: inline-block;vertical-align: top;color: #727272;margin-bottom: 15px;font-size: 14px;}
.sepetim .sepetimdekiler form ul li:hover .urun .urunresmi{border-color:var(--kirmizi);}
.sepetim .sepetimdekiler form ul li .urunadet{text-align: center;padding: 0 20px;}
.sepetim .sepetimdekiler form ul li .urunadet span{display: block;margin-bottom: 5px;font-size: 12px;text-align: center;}
.sepetim .sepetimdekiler form ul li .urunadet select{width: auto;font-size: 14px;min-height: auto;display: inline-block;}
.sepetim .sepetimdekiler form ul li .urunsil{text-align: center;padding: 0 20px;cursor: pointer;}
.sepetim .sepetimdekiler form ul li .urunsil span{font-size: 12px;}
.sepetim .sepetimdekiler form ul li .urunsil .sil{color: #acacac;font-size: 18px;}
.sepetim .sepetimdekiler form ul li .urunsil:hover .sil{color:red}
.sepetim .sepetozet{text-align: right;}
.sepetim .sepetozet ul{}
.sepetim .sepetozet ul li{margin-bottom: 10px;font-size: 18px;}
.sepetim .sepetozet ul li span{font-weight: bold;margin-right: 10px;}

form.siparisformu{}
form.siparisformu .baslik{font-size: 20px;font-family: 'Avenir Next LT Pro Demi';margin-bottom: 20px;}
form.siparisformu .bilgiler{display: block;margin-bottom: 20px;}
form.siparisformu .bilgiler .label-div{margin-bottom: 15px;float: left;width: 48%;margin-right: 2%;}
form.siparisformu .bilgiler .label-div label{font-size: 14px;left: 20px;top: 27px;width: auto;}
form.siparisformu .bilgiler .label-div input{font-size: 16px;min-height: 44px;color: var(--siyah);background: #f9f9f9;border: 1px solid #ccc;padding: 4px 15px;margin: 0px 0 1px 0;}
form.siparisformu .bilgiler .label-div-genis{width: 100%;margin-right: 0;}
form.siparisformu .bilgiler .label-div.select__filled label, 
form.siparisformu .bilgiler .label-div.input__filled label, 
form.siparisformu .bilgiler .label-div textarea:focus + label, 
form.siparisformu .bilgiler .label-div select:focus + label, 
form.siparisformu .bilgiler .label-div input:focus + label {font-size: 12px;top: 0px;}
form.siparisformu .not{font-size: 16px;margin-bottom: 20px;}
form.siparisformu button{float: right;background: var(--yesil);padding: 10px 30px;color: #fff;font-size: 16px;}
form.siparisformu button:hover{background: var(--yesil-koyu);padding: 10px 40px;}

article .bloglistesi{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: flex-start;margin: 0 -10px 40px -10px;}
article .bloglistesi .blogkutusu{flex: 1 calc(33.3333% - 20px);width: calc(33.3333% - 20px);display: inline-flex;margin: 0 10px 20px 10px;}

.blogkutusu{/* text-align: center; */background: #fff;position:relative;overflow:hidden;}
.blogkutusu a{display: block;padding: 15px;color: var(--siyah);}
.blogkutusu a picture{display: block;margin-bottom: 20px;border: 1px solid #f2f2f2;position:relative;overflow:hidden;text-align: center;}
.blogkutusu a picture:before{opacity:0;content:'';position:absolute;background:var(--kirmizi);width:100%;height:100%;left:0;top:0;z-index:1;}
.blogkutusu:hover a picture:before{opacity:0.9;}
.blogkutusu a picture:after{opacity:0;content:attr(data-hover);position:absolute;z-index:1;color:#fff;bottom: 0%;left: 50%;margin-left:-50px;font-size: 18px;}
.blogkutusu:hover a picture:after{opacity:1;bottom: 50%;left: 50%;}
.blogkutusu a picture img{position: relative;/* bottom: -20px; */width: 100%;height: auto;}
.blogkutusu:hover a{color:var(--kirmizi);}
.blogkutusu:hover a picture{border-color:var(--kirmizi);}
.blogkutusu:hover a picture img{position: relative;bottom: 0px;}
.blogkutusu a .baslik{font-size: 18px;line-height: 24px;font-family: 'Avenir Next LT Pro Demi';padding: 0 10px;height: 72px;overflow: hidden;}
.blogkutusu a p{font-size: 14px;padding: 10px;margin: 0;color: #949494;}
.blogkutusu a span{font-size: 12px;color: var(--kirmizi);margin: 0 10px;position: relative;}
.blogkutusu a span:before{content:'';position:absolute;left:0;bottom:-2px;background:var(--kirmizi);width:50px;height:2px;}

.harita{margin-bottom: 40px;overflow: hidden;line-height: 0;}
.harita iframe{}

/*Stiller Bitti*/

@media (min-width: 1200px){.container {width: 90%;max-width:1250px;}}
@media (min-width: 992px){.container {width: 90%;}}
@media (min-width: 768px){.container {width: 90%;}}

@media (max-width: 1560px) {
header .taleplistebuton a{width: 40px;padding: 5px;}
header .taleplistebuton a i{opacity:0;}
header .taleplistebuton a span{opacity:0;}
header .taleplistebuton a b{}

}

@media screen and (max-width: 1250px) {
footer .alttanitim .bayrak{left:20%;}
footer .alttanitim .bina{left:-5%;}
header .logo .logo__inner a{max-width: 160px;}
header .logo:hover .logo__inner a{}
header .logo .logo__inner a img{height: 74px;}
header .anamenu ul li a{font-size: 14px;padding: 5px 10px;}
header .anamenu{height: 90px;}
main{margin-top: 120px;}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv{font-size:3rem;}
.ajaxtablar .tabbasliklar .baslik{padding: 55px 10px 10px 10px;text-align: center;margin: 0;}
.ajaxtablar .tabbasliklar .baslik h3{font-size: 16px;line-height: 18px;}
.ajaxtablar .tabbasliklar .baslik .ikon{top: 0;left: 50%;margin-left: -23px;}
.ajaxtablar .tabicerikler .icerikgetir{height: 420px;}
article .bloglistesi .blogkutusu {flex: 1 calc(50% - 20px);width: calc(50% - 20px);}

}


@media (max-width: 991px) {
.mobil_menuac{display: block!important;}
header .logo{margin: 0;width: 100%;}
header .logo .logo__inner a:before,
header .logo:before,
header .logo:after{display:none;}
header .logo .logo__inner a img {height: 70px;width: auto;}
header .anamenu{height: 90px;background: #fff;}
main{margin-top: 90px;}
header .logo .logo__ust{display: none;}
header .logo .logo__inner{padding: 0;text-align: left;}
header .logo .logo__inner a{max-width: none;padding: 10px;display: inline-block;width: auto;}
header .logo:hover .logo__inner a{width: auto;padding: 10px;}
header.active .logo .logo__inner a{padding: 10px;}
header:hover .anamenu, header.active .anamenu{background:#fff;height: 90px;}
header.active .logo {width: 100%;}
section#neden{background-position:center center;}
section#neden .nedenbiz{text-align:center;}
section#neden .nedenbiz ul li{margin-bottom:20px;}
section#bloghaber:before{width:100%;max-height: 72vh;}
section#bloghaber:after{width:100%;left:0;top:50%}
header .arama_popup form{max-width: 90%;left: 5%;margin-left: 0;}
.ajaxtablar .tabbasliklar {-webkit-flex-flow: row wrap;justify-content: space-around;margin-bottom: 15px;}
.ajaxtablar .tabicerikler .icerikgetir{height: auto;}
.ajaxtablar .tabbasliklar .baslik{flex: 1 33%;margin-bottom: 15px;}
.ajaxtablar .tabbasliklar .baslik h3{font-size: 14px;line-height: 16px;}
.ajaxtablar .tabbasliklar .baslik .ikon{}
section#slaytlar .slaytlar .owl-nav{position:relative;}
.urunlerslaytyap .oklar.geriok{left: -45px;}
.urunlerslaytyap .oklar.ileriok{right: -45px;}
.blogkutu a figure{width: 100%;float: none;margin: 0 0 10px 0;}
section#slaytlar .slaytlar .owl-dots{text-align:center;}
section#slaytlar .slaytlar .owl-nav button.owl-next{right:10px;}
section#slaytlar .slaytlar .owl-nav button.owl-prev{left:10px;}
header .taleplistebuton{right:120px;top:55px;}
header.active .taleplistebuton{top:20px;}
article.detayicerik .yazialani ul.timeline li:first-child{width:100%}
article.detayicerik .yazialani ul.timeline li p{font-size:14px;}
article.detayicerik .yazialani .gallery .gallery-item{width: 49%;}
article .urunlistesi .urunkutusu{flex: 1 calc(50% - 20px);width: 50%;}
.sepetislemleri form{display: block;}

}

@media (min-width: 577px) and (max-width: 991px) {

}

@media screen and (min-width: 577px) {

}

@media screen and (max-width: 767px) {
	    .mobilmenu {
        display: flex;
        z-index: 98;
    }
footer .alttanitim .bina{width: 260px;height: 150px;background-size: cover;left: 10%;}
footer .alttanitim .bayrak{width: 74px;height: 196px;background-size: cover;left: 50%;}
footer .alttanitim .agaclar{background-size: cover;width: 1250px;height: 90px;}
footer .alttanitim article{text-align: center;padding: 60px 10px;}
footer .alttanitim:before{background-size: cover;height: 45px;}
footer{padding-top:0;}
footer .altmenuler .altmenu{display: block;/* margin-bottom:100px; */}
footer .altmenuler .altmenu .bilesen{padding: 10px;text-align:center;}
section.ikilist .koyubg,
section.ikilist .acikbg{padding: 40px 30px;}
footer .copyright{text-align:center;}
footer .copyright .designer{float: none;}
section#slaytlar{height:calc(100vh - 90px)}
section#slaytlar .slaytlar:before{bottom:90px}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv,
section#neden .baslik,
section.ikilist .baslik{font-size:32px;margin-bottom:10px;}
/*section#slaytlar .slaytlar .slayt .slaytarka {height:560px;position:relative;width: 100%;overflow: hidden;}*/
/* section#slaytlar .slaytlar .slayt .slaytarka picture img{position: absolute;height:100%;}*/
section#slaytlar .slaytlar .slayt .slaytarka video{position: absolute;width: auto;top: 50%;right: 50%;transform: translate(50%, -50%);/* height: 560px; */}
main .sosyalmedya{width: 100%;top: 0;text-align: center;margin: 20px 0;display: none;}
main .sosyalmedya a{display: inline-block;}
article.detayicerik .yazialani ul.timeline li{width: 100%;margin: 0;}
article.detayicerik .yazialani ul.timeline li:nth-child(odd) time,
article.detayicerik .yazialani ul.timeline li time{right: auto;left: 50%;margin-left: -40px;}
article.detayicerik .yazialani ul.timeline li:first-child time{margin-left: 0;left: auto;}
article.detayicerik .yazialani .gallery .gallery-item{width:100%;}
form.siparisformu .bilgiler .label-div{width:100%;}
.sepetim .sepetimdekiler form ul li>div{display: block;text-align: center;}
.sepetim .sepetimdekiler form ul li{display:block;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 20px;}
.sepetim .sepetimdekiler form ul li .urun .urunresmi{width: 100%;margin: 0 0 15px 0;display: block;}
header .taleplistebuton{/* display:none; */right: 70px;}
article .filtreler{display: block;text-align: center;}
article .filtreler .filtreler__a{margin-bottom: 20px;}
article .filtreler .filtreler__b{text-align: center;}
article.detayicerik .sayfabasliklar h1{padding-left: 30px;font-size: 26px;line-height:32px;}
article.detayicerik{padding:0;}

}

@media screen and (max-width: 700px) {
.bayraktar{margin-bottom: 130px;display: flex;flex-direction: column;}
.bayraktar>div{margin-bottom: 15px;text-align: center;}
.bayraktar>div>a{

}
.bayraktar>div>a>img{}
.fullvideo{
    height: auto;
}
.fullvideo video{
    max-height: 70vw;
}
.fullvideo .grdbgbottom{
    display: none;
}
.fullvideo .girisyazisi{
    position: relative;
    top: auto;
    bottom: auto;
    color: #000;
    max-width: 100%;
    background: #ececec;
    padding: 26px 20px;
}
.fullvideo .girisyazisi h2{
    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
    letter-spacing: 0;
}
section#firmaistatistik{
    padding-top: 20px;
}
section#firmaistatistik .baslik{
    font-size: 34px;
    line-height: 40px;
}
section#firmaistatistik .baslik1{
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0;
}
.aciklama .tumu, section#firmaistatistik .rakamlar{
    border-radius: 0;
}
section#firmaistatistik .icon>img {}

section#firmaistatistik .rakamlar>div{margin-bottom: 35px;}
section#firmaistatistik .rakamlar>div:last-child{ margin-bottom: 0px;}
section#firmaistatistik .istatistik {border-bottom: 1px solid #44a148;}
section#firmaistatistik .rakamlar>div:last-child .istatistik{ border:0px}
	
footer .alttanitim .ciftlik {width: 1080px;height: 280px;}
footer .alttanitim {min-height: 350px;}
article .bloglistesi .blogkutusu{flex: 1 100%;width: 100%;}
article .urunlistesi .urunkutusu{flex: 1 100%;width: 100%;}
article.detayicerik .yazialani .onecikangorsel{max-width: 100%;margin: 0 0 20px 0;float: none;}
section#ortaalan{padding:20px 10px;}
.sepetislemleri .adet{width: 35%;display: inline-block;float: left;margin-right: 1%;}
.sepetislemleri .sepeteekle{width: 64%;margin-right: 0;font-size: 14px;text-align: center;float: left;}
.sepetislemleri .sepetegit{width: 100%;margin-right: 0;font-size: 14px;text-align: center;}

.slider-arrow{bottom: -60px;left: 50%;right: auto;}
section#slaytlar .slaytlar .owl-dots{bottom: 90px;}
section#slaytlar .slaytlar .owl-nav button{top: auto;bottom: -30px;}
section#slaytlar .slaytlar .owl-nav .ok{width: 24px;height: 48px;}
section#slaytlar .slaytlar .owl-nav .ok:before{height: 30px;}
section#slaytlar .slaytlar .owl-nav .ok:after{height: 30px;top: 20px;}

header .taleplistebuton a{height: 40px;padding: 9px 0;text-align: center;}
header .taleplistebuton a i{opacity:1;position: relative;top: 0;left: 0;}
header .taleplistebuton a span{display:none;}
header .taleplistebuton a b{display:none;}
header .taleplistebuton:hover a, 
header .taleplistebuton a{width:40px;padding: 9px 0;}
header .taleplistebuton:hover a i, 
header .taleplistebuton a i{left: 0;top: 0;position: relative;}
section#sayfaust{height:150px;}
section#firmahakkinda{    background-size: cover;}
section#firmahakkinda .ciftlikhayvanlari {height: 270px;}
    footer .alttanitim {
        background-size: cover;
    }

}

@media print { 
.yazdir { display: none !important; }
}

@-webkit-keyframes show100 {
from {
width:0;
}

to {
width:100%;
}
}

@keyframes show100 {
from {
width:0;
}

to {
width:100%;
}
}

@-webkit-keyframes showCircle100 {
from {
stroke-dashoffset: 537;
}

to {
stroke-dashoffset: 0;
}
}

@keyframes showCircle100 {
from {
stroke-dashoffset: 537;
}

to {
stroke-dashoffset: 0;
}
}

@-webkit-keyframes arrow-effect-3 {
0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
50% { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
}

@keyframes arrow-effect-3 {
0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
50% { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
}

@-webkit-keyframes arrow-effect-4 {
0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
50% { -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
}

@keyframes arrow-effect-4 {
0% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
50% { -moz-transform: translateY(-2px); -webkit-transform: translateY(-2px); -o-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); }
}



.wow { visibility: hidden; }

.hc-offcanvas-nav{width:100%;}
.hc-offcanvas-nav::after, 
.hc-offcanvas-nav .nav-wrapper::after {background:var(--siyah)!important;opacity:0.5!important;}
.hc-offcanvas-nav .nav-container{width: 80%!important;max-width: 300px!important;}
.hc-offcanvas-nav.nav-position-right .nav-container {transform: translate3d(300px, 0, 0);}
.hc-offcanvas-nav .nav-container, 
.hc-offcanvas-nav .nav-wrapper, 
.hc-offcanvas-nav .nav-content ul {background: #ffffff!important;} 
.hc-offcanvas-nav .nav-content li.nav-back a:hover {background: var(--siyah);}
.hc-offcanvas-nav .nav-content li.nav-back a {background: var(--yesil);border: none;color: #fff;padding: 16px 17px;font-size: 18px;line-height: 28px;border: 0!important;}
.hc-offcanvas-nav .nav-content a, 
.hc-offcanvas-nav .nav-content .nav-item{border-bottom: 1px solid #ececec!important;color: var(--yesil);font-size: 18px;}
.hc-offcanvas-nav .nav-content li.nav-close{}
.hc-offcanvas-nav .nav-content li.nav-close a{padding: 16px 17px;background: var(--yesil);border: 0;text-align: center;color: #fff;font-size: 20px;border-bottom: 0!important;}
.hc-offcanvas-nav li.nav-close a:hover, 
.hc-offcanvas-nav li.nav-back a:hover{background: var(--yesil)!important;}
.hc-offcanvas-nav .nav-content li.nav-close a i{padding: 7px;background: #fff;color: #6b862a;font-size: 22px;margin-right: 5px;width: 36px;height: 36px;text-align: center;}
.hc-offcanvas-nav .nav-content li.nav-close a b{font-size: 18px;font-weight: normal;color: #fff;}
.hc-offcanvas-nav .nav-content li.nav-close a span{display:none;}
.hc-offcanvas-nav:not(.touch-device) .nav-content a:hover{background: var(--yesil);color: #fff;}
.hc-offcanvas-nav .nav-content span.nav-next::before{border-top-color: var(--yesil);border-left-color: var(--yesil);}
.hc-offcanvas-nav:not(.touch-device) .nav-content a:hover span.nav-next::before{border-top-color: #fff;border-left-color: #fff;}
.hc-offcanvas-nav .nav-content li.nav-back span::before{border-top-color: #fff;border-left-color: #fff;}
.hc-offcanvas-nav ul.bottom-nav {position: absolute;z-index: 10;bottom: 0;width: 100%;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;background: #f1f1f1!important;padding-bottom: 8px;padding-left: 30px;}
.hc-offcanvas-nav ul.bottom-nav li {-ms-flex: auto;flex: auto;}
.hc-offcanvas-nav li {position: relative;display: block;}
.hc-offcanvas-nav.nav-open ul.bottom-nav li a {padding: 10px;text-align: center;height: 100%;border-bottom: none;border: 0!important;}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {border-color: #eee!important;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, 
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, 
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover{background:#ebebeb!important}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, 
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 12px!important;padding-right: 10px;}
.hc-offcanvas-nav a.tel{padding-left: 70px;}
.hc-offcanvas-nav a.tel:before{content: '';position: absolute;left: 18px;width: 38px;height: 38px;top: 50%;margin-top: -17px;background: url(../images/menu-tel-icon.png) no-repeat;}

.hc-offcanvas-nav .nav-container{z-index: 9991!important;}
.hc-offcanvas-nav::after{z-index: 9990!important;}
.hc-offcanvas-nav .nav-content{z-index: 9992!important;}
.hc-offcanvas-nav .nav-wrapper::after{z-index: 9991!important;}