:root {
  --yesil1: #e28130;
  --yesil1-koyu: #e28130;
  --siyah: #191919;
  --yesil: #e28130;
  --yesil-koyu: #e28130;
  --turuncu: #ff5722;
  --turuncu-koyu: #d9481a;
}
body,
html {
  font-size: 100%;
  box-sizing: border-box;
}
@font-face {
  font-display: swap;
  font-family: "Avenir Next LT Pro Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Next LT Pro Regular"),
   url(/site/fonts/AvenirNextLTPro-Regular.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Avenir Next LT Pro Demi";
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Next LT Pro Demi"),
   url(/site/fonts/AvenirNextLTPro-Demi.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Avenir Next LT Pro Bold";
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Next LT Pro Bold"),
   url(/site/fonts/AvenirNextLTPro-Bold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Lobster";
  font-style: normal;
  font-weight: 400;
  src:url(/site/fonts/Lobster.eot);
  src: local("Lobster"),url(/site/fonts/Lobster.woff) format("woff"),
   url(/site/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;
}
article.detayicerik .yazialani .wp-video,
article.detayicerik .yazialani .gallery,
.temizle:after {
  content: "";
  display: table;
  clear: both;
}
header .anamenu ul li a,
.urunkutusu,
.urunkutusu a picture,
.fiyat b,
.fiyat .stoktayok,
.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,
.label,
.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 strong,
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,
article.detayicerik .fiyat b,
form select,
form input,
form button,
.harita,
.pdfembed embed,
.logolistele img,
article .pagination .page-numbers.next,
article .pagination .page-numbers.prev,
article.detayicerik .yazialani .wp-video,
article.detayicerik .yazialani .wp-video .mejs-container,
header .arama_popup form .label-div,
article .sayfabasliklar p a,
article.detayicerik .yazialani fieldset,
.ik_fotograf_onizle,
section#slaytlar .slaytlar .slayt .yazilar .yazidiv,
section#slaytlar .slaytlar .slayt .yazilar .yazidiv:after,
article.detayicerik .yazialani strong a,
article.detayicerik .yazialani .gostergizle,
.woocommerce-page .woocommerce #respond input#submit,
.woocommerce-page .woocommerce a.button,
.woocommerce-page .woocommerce button.button,
.woocommerce-page .woocommerce input.button,
.woocommerce-page #add_payment_method #payment div.payment_box,
.woocommerce-page .woocommerce-cart #payment div.payment_box,
.woocommerce-page .woocommerce-checkout #payment div.payment_box,
.woocommerce-page .select2-container--default .select2-selection--single,
.woocommerce-page .woocommerce form.checkout_coupon,
.woocommerce-page .woocommerce form.login,
.woocommerce-page .woocommerce form.register,
.kategori-urunleri .kategori-resmi,
.kategori-urunleri .kategori-baslik a,
section#slaytlar .slaytlar .slayt .yazilar .yazidiv a,
main .sagsabit a,
.woocommerce .detayic #review_form #respond .form-submit input,
#sb_instagram .sbi_photo,
#sb_instagram .sbi_photo img,
.anasayfa_galeri .wp-block-gallery .wp-block-image,
.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,
article.detayicerik .yazialani img,
.woocommerce-page table.shop_table td.product-thumbnail a,
.kategori-urunleri .kategori-resmi .ic-basliklar .ic-baslik-1,
.kategori-urunleri .kategori-resmi .ic-basliklar .ic-baslik-2,
.aciklamalar,
.wp-block-gallery .blocks-gallery-item figure,
.yataygaleri .item a img,
.haberslayt .item article,
.woocommerce-page table.shop_table td.product-thumbnail a img,
.yuvarla_YYYY_3 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
form textarea,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message,
.yuvarla_YYYY {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.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;
}
.cd-tabs-navigation a,
.yuvarla_YY00 {
  border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
}
.yuvarla_Y000 {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
.cd-tabs-content,
.yuvarla_0YYY {
  border-radius: 0 20px 20px 20px;
  -moz-border-radius: 0 20px 20px 20px;
  -webkit-border-radius: 0 20px 20px 20px;
}
.yuvarla_Y00Y {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}
.blogkutusu a picture time,
.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,
header .taleplistebuton a b,
article .pagination .page-numbers,
.yukarizipla,
.urunresimleri .urunresim .buyutec,
.kategori-urunleri .owl-theme .owl-nav button,
.yuvarla_YYYY_full {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.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,
.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,
.fiyat b,
.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.active .taleplistebuton,
header .taleplistebuton a,
header .taleplistebuton a span,
header .taleplistebuton a i,
.ajaxtablar .icerikgetir,
section#ortaalan aside .bilesen .bilesenic ul li .ikon,
section#ortaalan aside .bilesen .bilesenic ul li .menuicon,
section#ortaalan a.geridon,
section#ortaalan a.geridon i,
.yukarizipla,
.sepetislemleri .adet,
.sepetislemleri .sepetegit,
.sepetislemleri .whatsappgit,
.sepetislemleri .sepeteekle,
.ajaxtablar .tabicerikler .icerikler .icerik,
.benzerurunler .benzerurun,
form.siparisformu button,
article.detayicerik .yazialani ul.timeline li,
article.detayicerik .yazialani ul.timeline li strong,
section#ortaalan aside .bilesen .bilesenic ul li .ikon1,
form button,
form input[type="submit"],
header .logo:before,
header .logo:after,
section#slaytlar .slaytlar .slayt .yazilar,
article.detayicerik .yazialani ul.timeline li,
.kategori-urunleri .kategori-baslik a,
section#slaytlar .slaytlar .slayt .yazilar .yazidiv:after,
main .sagsabit a,
main .sagsabit span,
.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,
section#slaytlar .slaytbottom,
.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 rgb(0 255 55 / 13%);
  -moz-box-shadow: 0 10px 20px rgb(0 255 55 / 13%);
  box-shadow: 0 10px 20px rgb(0 255 55 / 13%);
}
section#ortaalan aside .bilesen,
article .filtreler,
.yukarizipla,
article .pagination .page-numbers.current,
article .pagination .page-numbers:hover,
.urunresimleri .urunresimleri__slayt,
.urunresimleri .urunresimleri__thumb,
.urunkutusu,
.blogkutusu,
article.detayicerik .yazialani,
article.detayicerik .yazialani .gallery .gallery-item a,
article.detayicerik .yazialani .onecikangorsel a,
.harita,
article.detayicerik .yazialani .wp-video,
.ik_fotograf_onizle,
.golge_2 {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 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: 400;
  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: 0;
  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#header {
  height: 140px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}
body.admin-bar header {
  top: 32px;
}
header .arama_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 4;
}
header .arama_popup:before {
  content: "";
  background: var(--yesil1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0.8;
}
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: var(--wpr-bg-1011a0f7-9147-4af4-b890-1fc508bd2bfb) 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 .arama_popup .label-div:before {
  display: none;
}
header .ustmenu {
  background: var(--yesil1-koyu);
  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 .hesap-ac {
  color: #fff;
  display: inline-block;
  cursor: pointer;
}
header .ustmenu .ustmenu__sag .hesap-ac a {
  color: #fff;
  padding: 0 30px 0 0;
  position: relative;
}
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 .wpml-ls-legacy-list-horizontal {
  padding: 0;
  border: 0;
}
header .ustmenu .ustmenu__sag .diller a {
  color: #fff;
  padding: 0;
  position: relative;
  margin-left: 10px;
}
header .ustmenu .ustmenu__sag .diller img {
  position: relative;
  top: -2px;
  border: 2px solid #1d401c;
  box-sizing: content-box;
}
header .ustmenu .ustmenu__sag .diller a:hover img,
header .ustmenu .ustmenu__sag .diller .wpml-ls-current-language img {
  border-color: #fff;
}
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 .anamenu {
  position: relative;
  z-index: 1;
  background: rgb(250 250 250 / 95%);
  height: 110px;
}
header .anamenu:hover {
  background: rgb(250 250 250 / 100%);
}
body:not(.home) header:not(.active) .anamenu {
  background: none;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
}
body:not(.home) header:not(.active) .anamenu ul li a {
  color: #fff;
}
body:not(.home) header:not(.active) .anamenu ul li:hover a {
  border-color: #fff;
}
body:not(.home) header:not(.active) .anamenu ul li:hover ul li:hover a {
  color: #000;
}
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 8px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  border: 2px solid transparent;
}
header .anamenu ul li.current-menu-item a,
header .anamenu ul li:hover a {
  border-color: var(--yesil1);
}
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);
  -webkit-transform: rotate(45deg);
  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.onlinesatis-link a {
  background: #1f6a2b;
  color: #fff;
  border-color: #fff;
}
header .anamenu ul li.onlinesatis-link:hover a {
  background: #000;
}
header .logo {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: -30px auto 0;
  width: 100%;
}
header .logo:before {
  content: "";
  width: 90%;
  height: 400px;
  position: absolute;
  top: -220px;
  left: 5%;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}
header .logo:after {
  content: "";
  width: 110%;
  height: 400px;
  position: absolute;
  top: -220px;
  left: -5%;
  background: var(--yesil1);
  border-radius: 50%;
  z-index: -2;
}
body:not(.hc-nav-open) header .logo:hover {
  margin: -20px auto 0;
}
header .logo .logo__inner a {
  position: relative;
  display: block;
  padding: 20px 0 0 0;
  max-width: 260px;
  margin: 0 auto;
}
header .logo .logo__inner a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
header .logo .logo__inner a img {
  position: relative;
  z-index: 1;
  height: 170px;
  margin: 0;
}
header.active {
  height: 68px;
}
header.active .anamenu {
  height: 68px;
}
header.active .anamenu ul {
  margin: 10px 0;
}
header.active .logo .logo__inner a {
  max-width: 70%;
}
header.active .logo .logo__inner a img {
  height: 140px;
  margin-top: 10px;
}
header.active .logo {
  width: 80%;
}
header.active .logo:before,
header.active .logo:after {
  top: -240px;
}
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(--yesil1);
  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(--yesil1);
  padding: 5px 0;
  position: relative;
  z-index: 1;
}
header .taleplistebuton a b i {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  color: var(--yesil1);
}
header:hover .taleplistebuton a {
  background: var(--siyah);
}
header.active .taleplistebuton {
  top: 15px;
  margin-top: 0;
}
header.active .taleplistebuton a {
  background: var(--siyah);
}
main#main-block {
  position: relative;
  margin-top: 30px;
  z-index: 2;
}
main .sagsabit {
  position: fixed;
  z-index: 10;
  top: 160px;
  right: -140px;
}
main .sagsabit a {
  font-size: 18px;
  width: 180px;
  height: 38px;
  display: flex;
  text-align: left;
  padding: 8px 8px 8px 14px;
  color: #fff;
  background: var(--yesil);
  margin-bottom: 5px;
  border-radius: 30px 0 0 30px;
  left: 0;
  position: relative;
  align-items: center;
}
main .sagsabit a.aktif,
main .sagsabit a:hover {
  color: var(--yesil1);
  background: #fff;
  left: -140px;
}
main .sagsabit span {
  font-size: 14px;
  font-weight: 700;
  margin-left: 5px;
  opacity: 0;
  display: inline-block;
}
main .sagsabit a.aktif span,
main .sagsabit a:hover span {
  opacity: 1;
}
section#slaytlar {
  position: relative;
  overflow: hidden;
}
section#slaytlar .slaytlar .slayt {
  position: relative;
}
section#slaytlar .slaytlar .slayt .slaytarka {
  max-height: 830px;
}
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%;
  top: 70%;
  z-index: 2;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-50%);
  transform: translateY(-70%);
  top: calc(70% - 10px);
  opacity: 0;
}
section#slaytlar .slaytlar .active .slayt .yazilar {
  opacity: 1;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv {
  color: #fff;
  padding: 20px;
  max-width: 40%;
  background: rgb(31 106 43 / 90%);
  position: relative;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  opacity: 0.8;
  transform: rotate(0deg);
}
section#slaytlar .slaytlar .active .slayt .yazidiv:after {
  transform: rotate(-4deg);
}
section#slaytlar .slaytlar .slayt .yazidiv:hover:after {
  transform: rotate(4deg);
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv .ikon {
  display: inline-block;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv .ikon img {
  width: auto;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv h2 {
  font-family: "Lobster";
  font-size: 38px;
  margin-bottom: 10px;
  text-shadow: 1px 2px 0 #000;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv a {
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  background: #fff;
  color: #000;
  margin-top: 15px;
  font-weight: 700;
}
section#slaytlar .slaytlar .slayt .yazilar .yazidiv p {
  font-size: 16px;
}
section#slaytlar .slaytlar .slayt img {
  position: relative;
  z-index: 0;
}
section#slaytlar .slaytlar .slayt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #000;
  opacity: 0;
}
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;
}
section#slaytlar .slaytlar .owl-nav button {
  background: none;
  position: absolute;
  top: 50%;
  z-index: 2;
  -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 .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 .sag-ok {
  transform: rotate(180deg);
}
section#slaytlar .slaytlar .owl-dots {
  text-align: center;
  opacity: 1;
  position: absolute;
  background: #fff;
  width: 300px;
  height: 300px;
  bottom: -240px;
  left: 50%;
  z-index: 2;
  margin-left: -150px;
  border-radius: 50%;
  padding-top: 20px;
}
section#slaytlar .slaytlar:hover .owl-dots {
  opacity: 1;
}
section#slaytlar .slaytlar .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  background: var(--siyah);
  position: relative;
  opacity: 0.5;
  overflow: hidden;
}
section#slaytlar .slaytlar .owl-dots .owl-dot.active span {
  background: var(--yesil1);
  opacity: 1;
}
section#slaytlar .slaytlar .owl-dots .owl-dot.active span:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--siyah);
  transform: rotate(20deg);
}
section#slaytlar .slayttime {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: var(--siyah);
  z-index: 2;
  opacity: 0.6;
}
section#slaytlar .slayttime span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--yesil1);
  -webkit-animation: show100;
  animation: show100;
}
section#slaytlar .slaytlar:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  z-index: 1;
  background: #fff;
  opacity: 0.6;
}
section#slaytlar .slaytlar:before {
  content: "";
  position: absolute;
  background: var(--yesil1-koyu);
  width: 360px;
  height: 300px;
  bottom: -240px;
  left: 50%;
  z-index: 1;
  margin-left: -180px;
  border-radius: 50%;
}
.scrollview {
  position: relative;
  top: 100px;
  z-index: 4;
}
.scrollview.viewed {
  top: 0;
}
section#onecikanlar {
  overflow: hidden;
  padding: 60px 0 70px 0;
  background-size: cover;
  background-color: #fff;
}
.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(--yesil1);
  color: var(--yesil1);
}
.ajaxtablar .tabbasliklar .baslik .menuicon {
  position: absolute;
  width: 45px;
  height: 45px;
  left: 10px;
  background: var(--wpr-bg-44c7b429-ea38-451d-859c-cccfae658b83) no-repeat;
}
.ajaxtablar .tabbasliklar .baslik .menuicon.fas {
  background: none;
  position: absolute;
  width: 45px;
  height: 45px;
  font-size: 38px;
}
.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 .ikon.i7 {
  background-position: -270px 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.aktif .ikon.i7,
.ajaxtablar .tabbasliklar .baslik:hover .ikon.i7 {
  background-position: -270px -45px;
}
.ajaxtablar .tabbasliklar .baslik h3 {
  font-size: 16px;
  line-height: 22px;
}
.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;
  visibility: hidden;
}
.ajaxtablar .tabicerikler .icerikler .active .icerik {
  opacity: 1;
  visibility: visible;
}
.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(--yesil1);
  opacity: 1;
}
.urunlerslaytyap .oklar.geriok {
  left: -110px;
}
.urunlerslaytyap .oklar.ileriok {
  right: -110px;
}
.ajaxtablar .tabicerikler .icerikgetir {
  position: relative;
  height: 400px;
}
.ajaxtablar .tabicerikler a.tumu {
  padding: 10px 15px;
  font-size: 18px;
  color: #fff;
  background: var(--yesil1);
  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(--yesil1);
}
.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: 20px;
  border: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
}
.urunkutusu a picture:before {
  opacity: 0;
  content: "";
  position: absolute;
  background: var(--yesil1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.urunkutusu:hover a picture:before {
  opacity: 0.9;
}
.urunkutusu a picture:after {
  opacity: 0;
  content: attr(data-hover);
  position: absolute;
  z-index: 2;
  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;
  margin: 0 !important;
}
.urunkutusu:hover a {
  color: var(--yesil1);
}
.urunkutusu:hover a picture {
  border-color: var(--yesil1);
}
.urunkutusu:hover a picture img {
  position: relative;
  bottom: 0;
}
.urunkutusu a .marka {
  font-size: 20px;
  margin-bottom: 5px;
  font-family: "Avenir Next LT Pro Demi";
}
.urunkutusu a .urun {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  font-weight: 700;
}
.urunkutusu a p {
  margin-bottom: 10px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
}
.urunkutusu .label {
  position: absolute;
  z-index: 1;
  background: #1f6a2b;
  font-size: 12px;
  padding: 5px 10px;
  top: 10px;
  left: 50%;
  margin-left: -33px;
}
.fiyat {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fiyat del {
  font-size: 16px;
  color: gray;
  margin: 0 10px 0 0;
}
.fiyat b {
  color: #1f6a2b;
  padding: 3px 15px;
  border: 2px solid #1f6a2b;
  background: #fff;
  height: 36px;
}
.fiyat span {
  margin-left: 5px;
}
.urunkutusu:hover .fiyat b {
  background: #1f6a2b;
  color: #fff;
}
.fiyat .stoktayok {
  padding: 0 10px;
  border: 2px solid #adadad;
  color: #adadad;
  font-size: 16px;
  line-height: 26px;
  height: 30px;
}
.wp-block-gallery .blocks-gallery-item figure {
  overflow: hidden;
}
.wp-block-embed iframe {
  width: 100%;
}
.kategori-urunleri {
  padding: 40px 0;
  background: var(--wpr-bg-e9ac06d0-2ba4-4f05-adba-3f2f18424976) no-repeat;
}
.kategori-urunleri .kategori-baslik {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.kategori-urunleri .kategori-baslik h2 {
  float: left;
  border-bottom: 3px solid var(--yesil1);
  padding-bottom: 5px;
  line-height: 35px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: -2px;
}
.kategori-urunleri .kategori-baslik a {
  float: right;
  display: block;
  padding: 5px 10px;
  color: #000;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
}
.kategori-urunleri .kategori-baslik a:hover {
  background: #1f6a2b;
  color: #fff;
  border-color: #1f6a2b;
}
.kategori-urunleri .kategori-resmi {
  background-image: var(--wpr-bg-cfe0ea6c-2ca2-4fec-81a5-d8d2a20da593);
  background-color: #e9e9e9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 15px 0 0 0;
}
.kategori-urunleri .kategori-resmi a {
  display: block;
  height: 315px;
  width: 100%;
  position: relative;
}
.kategori-urunleri .kategori-resmi .ic-basliklar {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 90;
}
.kategori-urunleri .kategori-resmi .ic-basliklar .ic-baslik-1 {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  background: #1f6a2b;
  margin-bottom: 5px;
}
.kategori-urunleri .kategori-resmi .ic-basliklar .ic-baslik-2 {
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  background: #000;
}
.kategori-urunleri .kategori-urun-listesi .urunler-list .urunkutusu {
  margin: 16px;
}
.kategori-urunleri .kategori-urun-listesi .urunler-list .urunkutusu a {
  padding: 10px;
}
.kategori-urunleri .kategori-urun-listesi .urunler-list .urunkutusu a picture {
  margin-bottom: 15px;
}
.kategori-urunleri .kategori-urun-listesi .urunler-list .urunkutusu a .marka {
  font-size: 16px;
}
.kategori-urunleri .kategori-urun-listesi .urunler-list .urunkutusu a .urun {
  font-size: 14px;
  margin-bottom: 10px;
}
.kategori-urunleri
  .kategori-urun-listesi
  .urunler-list
  .urunkutusu
  a
  picture:after {
  font-size: 14px;
  margin-left: -40px;
}
.kategori-urunleri .owl-theme .owl-nav {
  margin: 0;
}
.kategori-urunleri .owl-theme .owl-nav button {
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  width: 40px;
  height: 40px;
  background: #e9e9e9 !important;
  box-shadow: 0 2px 2px #ccc;
  padding: 5px !important;
}
.kategori-urunleri .owl-theme .owl-nav button:hover {
  background: #1f6a2b !important;
}
.kategori-urunleri .owl-theme .owl-nav button.owl-prev {
  font-size: 24px;
  left: 0;
}
.kategori-urunleri .owl-theme .owl-nav button.owl-next {
  font-size: 24px;
  right: 0;
}
section#neden {
  background: var(--wpr-bg-89eb2876-3259-4b34-a990-58a8955cbba4) no-repeat;
  padding: 60px 0;
  text-align: center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
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;
  text-shadow: 1px 1px 3px #000;
}
section#neden .nedenbiz .more-link {
  display: none;
}
section#neden .nedenbiz ul li {
  margin-bottom: 40px;
}
section#neden .nedenbiz ul li strong {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
section#neden .nedenbiz ul li em {
  display: block;
  font-style: normal;
}
section#neden .ortalogo {
  position: relative;
  padding: 60px;
}
section#neden .ortalogo .logo {
  background: #fff;
  background-size: 170px;
  background-position: 30px 93px;
  padding: 50px 20px 50px 20px;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  max-width: 100%;
}
section#neden .ortalogo .logo img {
  width: 160px;
}
section#neden .ortalogo .menuicon {
  width: 60px;
  height: 60px;
  position: absolute;
}
section#neden .ortalogo .ikon {
  background: var(--wpr-bg-eb744f39-602a-454b-819b-cc8d1d400492) 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%;
}
section#neden a.tumu {
  padding: 10px 15px;
  font-size: 18px;
  color: #fff;
  background: var(--yesil1);
  display: inline-block;
}
section#neden a.tumu:hover {
  padding: 10px 30px;
}
.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: var(--wpr-bg-6c8c2afa-befd-4883-ade5-810f051e4826) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
  background-size: cover;
}
section#bloghaber:after {
  content: "";
  background: var(--wpr-bg-11b26285-8c85-498a-b699-fd8e05f86fc4) 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: var(--siyah);
}
section#bloghaber .baslik b {
  color: var(--yesil1);
  font-weight: 400;
}
section.ikilist .baslik b {
  font-weight: 400;
  color: var(--yesil1);
}
section.ikilist .koyubg .baslik,
section.ikilist .koyubg .baslik b {
  color: #fff !important;
  text-shadow: 1px 1px 3px #000;
}
section.ikilist .aciklama {
  font-size: 16px;
  margin-bottom: 40px;
  color: var(--siyah);
  min-height: 44px;
}
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 span {
  width: 25px;
  height: 25px;
}
section.ikilist a.tumu {
  padding: 10px 15px;
  font-size: 18px;
  color: #fff;
  background: var(--yesil1);
  display: inline-block;
}
section.ikilist a.tumu:hover {
  padding: 10px 30px;
}
section.ikilist .acikbg .owl-theme .owl-dots .owl-dot span {
  background: var(--siyah);
  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(--yesil1);
  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;
  height: 200px;
}
.blogkutu a figure span {
  position: absolute;
  bottom: 20px;
  background: var(--yesil1);
  color: #fff;
  padding: 5px 10px 5px 34px;
  left: -24px;
}
.blogkutu a figure img {
  height: 100%;
}
.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: 14px;
  line-height: 20px;
  color: #949494;
  margin-bottom: 20px;
}
.blogkutu a article b {
  color: var(--yesil1);
}
.logolistele {
  margin: 45px 0;
}
.logolistele img {
  width: auto !important;
  margin: 0 auto;
  height: 100px;
}
.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;
  top: 50%;
  margin-top: -25px;
}
.logolistele.owl-theme .owl-nav button.owl-next {
  right: -50px;
}
footer {
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
footer .alttanitim {
  position: relative;
  background: var(--wpr-bg-29f76244-a61a-450d-82af-da38973925a9) no-repeat;
  min-height: 600px;
  width: 100%;
  overflow: hidden;
}
footer .alttanitim:before {
  content: "";
  background: var(--wpr-bg-ab964304-50ed-452c-a095-8986b522e922) no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 220px;
  z-index: 4;
}
footer .alttanitim .bayrak {
  position: absolute;
  background: var(--wpr-bg-4aefe2dd-69c7-4d8b-af50-7dda32c206d6) no-repeat;
  bottom: 0;
  left: 40%;
  width: 220px;
  height: 590px;
  z-index: 3;
}
footer .alttanitim .bina {
  position: absolute;
  background: var(--wpr-bg-54223021-f1aa-4e19-9dba-954a25e4fbe6) no-repeat;
  bottom: 0;
  left: 5%;
  width: 820px;
  height: 400px;
  z-index: 2;
}
footer .alttanitim .agaclar {
  position: absolute;
  background: var(--wpr-bg-60218cfd-b80d-446b-b8cb-dd7d317d9300) no-repeat;
  bottom: 0;
  left: 0%;
  margin-left: -100px;
  width: 2500px;
  height: 180px;
  z-index: 1;
  background-position: 0 30px;
}
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(--yesil1);
  margin-bottom: 20px;
}
footer .alttanitim article p {
  font-size: 14px;
  margin-bottom: 15px;
  text-shadow: 1px 1px 0 #fff;
}
footer .alttanitim article a.devami {
  padding: 10px 20px;
  font-size: 16px;
  color: var(--siyah);
  background: #fff;
  display: inline-block;
  margin-top: 10px;
}
footer .alttanitim article a.devami:hover {
  background: var(--yesil1);
  color: #fff;
  padding: 10px 30px;
}
footer .alttanitim article a.devami i {
  color: var(--yesil1);
  display: inline-block;
  margin-left: 5px;
}
footer .alttanitim article a.devami:hover i {
  color: #fff;
}
footer .altmenuler {
  background: var(--wpr-bg-f48c0990-a22a-43c7-b6a9-8a165a49b566) no-repeat;
  background-size: cover;
}
footer .altmenuler .altmenu {
  display: flex;
  padding: 40px 0;
  margin-bottom: 50px;
}
footer .altmenuler .altmenu .bilesen {
  padding: 20px 0 20px 20px;
  flex: 1 100px;
}
footer .altmenuler .altmenu .bilesen .baslik {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
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: var(--wpr-bg-52175ced-43f7-4a77-8c18-e0233748bf1a) 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 li {
  color: #8e8e8e;
  font-size: 14px;
  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;
}
article p {
  margin-bottom: 10px;
}
form input[type="submit"],
form button {
  background: var(--yesil);
  color: #fff;
  font-size: 18px;
  padding: 5px 15px;
}
form input[type="submit"]:hover,
form button:hover {
  background: var(--yesil-koyu);
  padding: 5px 25px;
}
form label {
  margin-bottom: 5px;
  font-weight: 700;
}
form textarea,
form select,
form input {
  margin-bottom: 10px;
}
form datalist {
  display: none;
}
form textarea,
form select,
.woocommerce-page .select2-container--default .select2-selection--single,
form input {
  display: block;
  width: 100%;
  padding: 4px 12px;
  font-size: 14px;
  border: 1px solid #e3ddd8;
  min-height: 36px;
}
.woocommerce-page
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 5px;
  right: 10px;
}
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 15px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 50px;
  float: right;
}
form input[type="color"] {
  width: 25px;
  padding: 0;
  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-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(--yesil1);
}
.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: 0;
  top: 50% !important;
  font-size: 32px;
  line-height: 32px;
  padding: 10px 0 10px 15px;
  margin-top: -26px;
  cursor: pointer;
  width: auto !important;
}
section#sayfaust {
  height: 200px;
  background: var(--wpr-bg-fa9ebd68-f39d-48d2-95cc-d485ab63ebdf);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
section#sayfaust:before {
  content: "";
  background: var(--yesil1);
  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 nav {
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
}
section#sayfaust .breadcrumb ul li {
  display: inline-block;
  color: #fff;
}
section#sayfaust .breadcrumb ul li a {
  color: #fff;
  padding: 5px;
  position: relative;
  display: inline-block;
}
section#sayfaust .breadcrumb i {
  color: #fff;
  margin: 0 10px;
}
section#sayfaust .breadcrumb ul li:last-child a:after {
  display: none;
}
section#ortaalan {
  background: #fff;
  padding: 60px 0;
  position: relative;
}
section#ortaalan a.geridon {
  display: inline-block;
  background: var(--yesil1);
  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 .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 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.current_page_item a,
section#ortaalan aside .bilesen .bilesenic ul li.current-cat a,
section#ortaalan aside .bilesen .bilesenic ul li.is-active a,
section#ortaalan aside .bilesen .bilesenic ul li.aktif a {
  color: var(--yesil1);
}
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: var(--wpr-bg-1b9e89db-bc1a-40d4-b6c4-3ab9131a735b) no-repeat;
  background-size: 252px 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 .ikon.i7 {
  background-position: -216px 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:hover .ikon.i7,
section#ortaalan aside .bilesen .bilesenic ul li.aktif .ikon.i7 {
  background-position: -216px -35px;
}
section#ortaalan aside .bilesen .bilesenic ul li .menuicon {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  color: var(--siyah);
  font-size: 32px;
}
section#ortaalan aside .bilesen .bilesenic ul li.aktif .menuicon,
section#ortaalan aside .bilesen .bilesenic ul li:hover .menuicon {
  color: var(--yesil1);
}
section#ortaalan aside .bilesen .bilesenic ul li .ikon1 {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  background: var(--wpr-bg-2981289c-6770-4888-8969-ad050adb9676) 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.current_page_item .ikon1.i0,
section#ortaalan aside .bilesen .bilesenic ul li.current-cat .ikon1.i0,
section#ortaalan aside .bilesen .bilesenic ul li.is-active .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: 16px;
  display: inline-block;
  min-width: 20px;
}
article .sayfabasliklar {
  margin-bottom: 20px;
}
article .sayfabasliklar h1 {
  font-family: "Avenir Next LT Pro Demi";
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 20px;
}
article .sayfabasliklar p {
  margin: 0;
  font-size: 16px;
}
article .sayfabasliklar p a {
  background: var(--yesil1);
  color: #fff;
  padding: 5px 10px;
}
article .filtreler {
  background: #fff;
  padding: 15px 20px 10px 20px;
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: baseline;
}
article .filtreler .filtreler__b {
  text-align: right;
}
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(--yesil1);
  background: var(--yesil1);
  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 .pagination {
  text-align: center;
  display: block;
}
article .pagination .screen-reader-text {
  display: none;
}
article .pagination .nav-links {
  display: inline-flex;
}
article .pagination .page-numbers {
  display: inline-flex;
  min-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;
  padding: 0 10px;
}
article .pagination .page-numbers.current,
article .pagination .page-numbers:hover {
  background: var(--yesil1);
  color: #fff;
  border-color: var(--yesil1);
}
.yukarizipla {
  position: fixed;
  bottom: 30px;
  right: 50px;
  width: 50px;
  height: 50px;
  background: var(--yesil1);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 999;
}
.yukarizipla i {
  width: 32px;
  height: 32px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -16px;
}
.yukarizipla:focus,
.yukarizipla:hover {
  background: var(--siyah);
  color: #fff;
}
.urunresimleri {
  margin-bottom: 40px;
  position: relative;
}
.urunresimleri .label {
  position: absolute;
  z-index: 2;
  background: #1f6a2b;
  font-size: 12px;
  padding: 5px 10px;
  top: 25px;
  left: 25px;
}
.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(--yesil1);
  color: #fff;
  border-color: var(--yesil1);
}
.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(--yesil1);
}
.urunresimleri picture img {
  max-height: 340px;
  flex: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
svg#roadSvg {
  position: absolute;
  top: -380px;
  left: 0%;
  margin-left: 0;
  z-index: 0;
}
article.detayicerik {
  padding: 0 0 0 10px;
  margin-bottom: 100px;
}
article.detayicerik .sayfabasliklar {
  margin-bottom: 20px;
}
article.detayicerik .sayfabasliklar p {
  padding-left: 0;
}
article.detayicerik .sayfabasliklar h1 {
  padding-left: 30px;
  font-size: 26px;
}
article.detayicerik .fiyat {
  font-size: 22px;
  margin-bottom: 20px;
  justify-content: left;
}
article.detayicerik .fiyat b {
  height: auto;
  padding: 0 20px;
}
article.urundetay.detayicerik .sayfabasliklar h1 {
  padding-left: 0;
}
article.detayicerik .sayfabasliklar .marka a {
  font-size: 30px;
  color: var(--yesil1);
  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: 700;
}
article.detayicerik ul.ozellikler li a {
  color: var(--yesil1);
}
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 {
  position: relative;
  overflow: hidden;
  padding: 30px;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  color: var(--siyah);
  margin-bottom: 40px;
}
article.detayicerik .yazialani * {
  max-width: 100%;
}
article.detayicerik .yazialani h1 {
  margin-bottom: 20px;
  font-size: 200%;
  font-weight: 700;
}
article.detayicerik .yazialani h2 {
  margin-bottom: 20px;
  font-size: 150%;
  font-weight: 700;
}
article.detayicerik .yazialani h3 {
  margin-bottom: 20px;
  font-size: 100%;
  font-weight: 700;
}
article.detayicerik .yazialani h4 {
  margin-bottom: 10px;
  font-size: 75%;
  font-weight: 700;
}
article.detayicerik .yazialani h5 {
  margin-bottom: 10px;
  font-size: 60%;
  font-weight: 700;
}
article.detayicerik .yazialani h6 {
  margin-bottom: 10px;
  font-size: 50%;
  font-weight: 700;
}
article.detayicerik .yazialani p {
  margin-bottom: 20px;
}
article.detayicerik .yazialani ul {
  margin: 0 0 10px 18px;
  list-style-type: disc;
}
article.detayicerik .yazialani ol {
  margin: 0 0 10px 17px;
}
article.detayicerik .yazialani del {
  text-decoration: none;
  display: block;
}
article.detayicerik .yazialani a {
  color: var(--yesil1);
}
article.detayicerik .yazialani .gostergizle {
  display: inline-block;
  cursor: pointer;
  background: var(--yesil1);
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 20px;
}
article.detayicerik .yazialani strong a {
  background: var(--yesil1);
  color: #fff;
  padding: 5px 10px;
}
article.detayicerik .yazialani p a:hover {
  text-decoration: underline !important;
}
article.detayicerik .yazialani ul.timeline {
  list-style-type: none;
  margin: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: var(--wpr-bg-e29a88f6-9e58-4520-98d4-0877017b00e5) no-repeat;
  background-size: 100% 100%;
}
article.detayicerik .yazialani ul.timeline li {
  opacity: 0;
  position: relative;
  width: 50%;
  text-align: left;
  margin-left: 80%;
  padding: 40px;
  right: 0;
  background: #fff;
  background: var(--wpr-bg-56798a35-60fb-472a-b476-27a7870992ee) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  margin-bottom: 20px;
  z-index: 1;
}
article.detayicerik .yazialani ul.timeline li.viewed {
  opacity: 1;
  margin-left: 50%;
}
article.detayicerik .yazialani ul.timeline li strong {
  position: absolute;
  background: var(--wpr-bg-41c25df4-ca0b-4099-b7a0-d250e4876ef9) no-repeat;
  background-size: 100%;
  padding: 11px 20px 15px 20px;
  font-size: 14px;
  top: -18px;
  right: -1px;
  min-width: 80px;
  text-align: center;
  color: #fff;
}
article.detayicerik .yazialani ul.timeline li:first-child:hover:before {
  border-color: var(--yesil1);
}
article.detayicerik .yazialani ul.timeline li:hover {
  border-color: var(--yesil1);
}
article.detayicerik .yazialani ul.timeline li em {
  display: block;
}
article.detayicerik .yazialani ul.timeline li:nth-child(odd) {
  margin-left: auto;
  left: -30%;
  margin-right: 50%;
  right: -1px;
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
article.detayicerik .yazialani ul.timeline li.viewed:nth-child(odd) {
  left: 1px;
}
article.detayicerik .yazialani ul.timeline li:nth-child(odd) strong {
  left: -1px;
  right: auto;
}
article.detayicerik .yazialani ul.timeline li:first-child {
  text-align: center;
  margin: 0 auto 20px;
  border: none;
}
article.detayicerik .yazialani ul.timeline li:first-child:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50px;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}
article.detayicerik .yazialani ul.timeline li:first-child strong {
  position: relative;
  top: 0;
  margin-bottom: 10px;
  display: inline-block;
}
article.detayicerik .yazialani ul.timeline li:hover {
  border-color: var(--yesil1);
}
article.detayicerik .yazialani fieldset {
  padding: 20px 20px 10px 20px;
  margin-bottom: 20px;
  border: 1px solid silver;
}
article.detayicerik .yazialani fieldset legend {
  max-width: max-content;
  margin-bottom: 0;
  font-size: 16px;
  padding: 0 10px;
}
article.detayicerik .yazialani .rrssb-buttons {
  margin: 0;
  list-style: none;
}
article.detayicerik .yazialani .wp-caption img {
  display: block;
}
article.detayicerik .yazialani .wp-caption .wp-caption-text {
  margin: 0;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  color: #9c9c9c;
}
article.detayicerik .yazialani .alignleft {
  float: left;
  margin: 0 15px 20px 0;
}
article.detayicerik .yazialani .alignright {
  float: right;
  margin: 0 0 20px 15px;
}
article.detayicerik .yazialani .gallery .gallery-item {
  padding: 20px;
}
article.detayicerik .yazialani .gallery .gallery-item a {
  display: block;
  padding: 5px;
}
article.detayicerik .yazialani .gallery .gallery-item a img {
  border: 0 !important;
  width: 100%;
}
article.detayicerik .yazialani .wp-video {
  width: 100% !important;
  padding: 10px;
}
article.detayicerik .yazialani .wp-video-shortcode video,
article.detayicerik .yazialani video.wp-video-shortcode,
article.detayicerik .yazialani .wp-video .mejs-container {
  width: 100% !important;
  overflow: hidden;
}
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 img {
  width: 100%;
}
article.detayicerik .yazialani .onecikangorsel a figure figcaption {
  color: var(--siyah);
  font-size: 12px;
  text-align: center;
  padding: 10px;
}
body.page-id-187 article.detayicerik .yazialani * {
  font-style: normal;
}
.sepetislemleri {
  margin-bottom: 10px;
}
.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;
  font-size: 18px;
  line-height: 22px;
}
.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;
  font-weight: 400;
  float: none;
  height: 40px;
  font-size: 18px;
  line-height: 22px;
  min-height: auto;
}
.sepetislemleri .whatsappgit {
  background: var(--yesil);
  color: #fff;
  display: inline-block;
}
.sepetislemleri .sepetegit {
  background: var(--turuncu);
  color: #fff;
  display: inline-block;
}
.sepetislemleri .adet:focus,
.sepetislemleri .adet:hover {
  border-color: var(--yesil1);
}
.sepetislemleri .sepeteekle:hover {
  background: var(--yesil-koyu);
  padding: 8px 15px;
}
.sepetislemleri .whatsappgit:hover {
  background: var(--yesil-koyu);
}
.sepetislemleri .sepetegit:hover {
  background: var(--turuncu-koyu);
}
.sepetislemleri small {
  display: block;
  font-size: 14px;
  color: #aaa;
  margin-bottom: 30px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-content mark {
  background: #4caf50;
  color: #fff;
  font-weight: 700;
}
.tabloalani {
  margin-bottom: 40px;
}
.tabloalani .baslik {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.tabloalani table {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.tabloalani table tr {
  border-bottom: 1px solid #ccc;
}
.tabloalani table thead th {
  padding: 10px 0;
}
.tabloalani table tbody td {
  padding: 10px 0;
}
.dbaslik {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.dbaslik span {
  font-family: "Lobster";
  color: var(--yesil1);
  text-align: center;
  font-size: 28px;
  display: inline-block;
  position: relative;
}
.dbaslik span:before {
  left: -210%;
}
.dbaslik span:after {
  right: -210%;
}
.dbaslik span:before,
.dbaslik span:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 1px;
  background: #e5e5e5;
  top: 20px;
}
.dbaslik p a {
  color: #a5a5a5;
  text-decoration: underline !important;
}
.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 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 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(--yesil1);
}
.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 li {
  margin-bottom: 10px;
  font-size: 18px;
}
.sepetim .sepetozet ul li span {
  font-weight: 700;
  margin-right: 10px;
}
.woocommerce-page .woocommerce #respond input#submit,
.woocommerce-page .woocommerce a.button,
.woocommerce-page .woocommerce button.button,
.woocommerce-page .woocommerce input.button {
  background: #1f6a2b;
  color: #fff !important;
}
.woocommerce-page .woocommerce #respond input#submit:hover,
.woocommerce-page .woocommerce a.button:hover,
.woocommerce-page .woocommerce button.button:hover,
.woocommerce-page .woocommerce input.button:hover {
  background: #000 !important;
  color: #fff !important;
}
.woocommerce-page .woocommerce #respond input#submit.alt,
.woocommerce-page .woocommerce a.button.alt,
.woocommerce-page .woocommerce button.button.alt,
.woocommerce-page .woocommerce input.button.alt {
  background: #4caf50;
  color: #fff;
}
.woocommerce-page .woocommerce table.cart td.actions .input-text {
  min-width: 120px;
  padding: 4px 6px;
  min-height: auto;
  float: none !important;
  display: inline-block;
  font-size: 14px;
}
.woocommerce-page .cart_totals {
  text-align: right;
}
.woocommerce-page .cart_totals h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
.woocommerce-page .cart_totals .order-total {
  font-size: 18px;
}
.woocommerce-page .cart_totals .order-total strong {
  color: #4caf50;
}
.woocommerce-page .cart_totals .order-total .includes_tax {
  display: block;
  font-size: 65%;
}
.woocommerce-page .woocommerce form .form-row .input-checkbox {
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  top: 6px;
  position: relative;
}
.woocommerce-page #add_payment_method #payment,
.woocommerce-page .woocommerce-cart #payment,
.woocommerce-page .woocommerce-checkout #payment {
  background: rgb(229, 255, 230);
}
.woocommerce-page #add_payment_method #payment div.payment_box,
.woocommerce-page .woocommerce-cart #payment div.payment_box,
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
  background: #fff;
}
.woocommerce-page #add_payment_method #payment div.payment_box:before,
.woocommerce-page .woocommerce-cart #payment div.payment_box:before,
.woocommerce-page .woocommerce-checkout #payment div.payment_box:before {
  border-bottom-color: #fff;
}
.woocommerce-page table.shop_table td.product-remove,
.woocommerce-page table.shop_table td.product-thumbnail {
  text-align: center;
}
.woocommerce-page table.shop_table td.product-remove a {
  margin: 0 auto;
}
.woocommerce-page table.shop_table td.product-thumbnail a {
  display: inline-block;
  padding: 5px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.woocommerce-page table.shop_table td.product-thumbnail a img {
  width: 100px;
}
.woocommerce-page table.shop_table td.product-name a {
  color: #000;
  font-weight: 700;
}
.ikrow,
.sepetrow {
  position: relative;
}
.ikrow .yukleniyor i,
.sepetrow .yukleniyor i {
  left: 50%;
  margin-left: -15px;
}
.ik_fotograf_onizle {
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  padding: 15px;
  background: #fff;
}
.ik_fotograf_onizle:before {
  content: attr(data-yazi);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -50px;
  z-index: 1;
  color: #000;
  width: 100px;
  height: 20px;
  font-size: 14px;
}
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 textarea,
form.siparisformu .bilgiler .label-div select,
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: 0 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: 0;
}
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 {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.blogkutusu a {
  display: block;
  padding: 16px 16px 40px 16px;
  color: var(--siyah);
  width: 100%;
}
.blogkutusu a picture {
  display: block;
  margin-bottom: 20px;
  border: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.blogkutusu a picture:before {
  opacity: 0;
  content: "";
  position: absolute;
  background: var(--yesil1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.blogkutusu a picture time {
  position: absolute;
  z-index: 1;
  font-size: 12px;
  padding: 5px 10px;
  background: var(--yesil1);
  color: #fff;
  top: 20px;
}
.blogkutusu:hover a picture:before {
  opacity: 0.9;
}
.blogkutusu a picture:after {
  opacity: 0;
  content: attr(data-hover);
  position: absolute;
  z-index: 3;
  color: #fff;
  bottom: 0%;
  left: 50%;
  margin-left: -50px;
  font-size: 16px;
}
.blogkutusu:hover a picture:after {
  opacity: 1;
  bottom: 50%;
  left: 50%;
}
.blogkutusu a picture img {
  position: relative;
  min-width: 100%;
}
.blogkutusu:hover a {
  color: var(--yesil1);
}
.blogkutusu:hover a picture {
  border-color: var(--yesil1);
}
.blogkutusu:hover a picture img {
  position: relative;
  bottom: 0;
}
.blogkutusu a .baslik {
  font-size: 18px;
  line-height: 24px;
  font-family: "Avenir Next LT Pro Demi";
  padding: 0 10px;
  height: 72px;
  overflow: hidden;
  margin-bottom: 10px;
}
.blogkutusu a p {
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  color: #949494;
}
.blogkutusu a span {
  font-size: 12px;
  color: var(--yesil1);
  margin: 0 10px;
  position: relative;
  position: absolute;
  bottom: 15px;
}
.blogkutusu a span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  background: var(--yesil1);
  width: 50px;
  height: 2px;
}
.harita {
  margin-bottom: 40px;
  overflow: hidden;
  line-height: 0;
}
.pdfembed {
  margin: 15px;
}
.aciklamalar {
  padding: 20px;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.aciklamalar .baslik {
  color: #1f692b;
  display: block;
  margin-bottom: 15px;
}
.div3d {
  background: var(--wpr-bg-dffdaa5a-0248-402e-8c00-9f4cc02ecf59) no-repeat left
    center;
  padding-left: 100px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  margin-bottom: 20px;
}
.aciklamalar ul li {
  padding-left: 15px;
  margin-bottom: 5px;
  background: var(--wpr-bg-efd74bda-2d2e-4fc5-bceb-7c46c42107a0) no-repeat left
    4px;
}
.aciklamalar ul li:hover {
  background: var(--wpr-bg-60a846f1-8ff3-4ea2-958a-d6083c118ca4) no-repeat left
    4px;
}
.cd-tabs-content ul li {
  padding: 8px 10px;
}
.cd-tabs-content ul li:nth-child(odd) {
  background: #f4f4f4;
}
.cd-tabs-content ul li a {
  color: #000;
}
.cd-tabs-content ul li span {
  display: inline-block;
  min-width: 100px;
  font-weight: 700;
}
.detayic h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.detayic p {
  margin-bottom: 10px;
}
.detayic #review_form_wrapper {
  margin-top: 20px;
}
.detayic .comment-form-rating {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.detayic .comment-form-rating label {
  margin: 0 10px 0 0;
}
.woocommerce .detayic p.stars a {
  color: #ff9800;
}
.woocommerce .detayic #review_form #respond p {
  margin: 0;
}
.woocommerce .detayic #review_form #respond .form-submit input {
  background: var(--yesil1);
  color: #fff;
  padding: 15px 35px;
}
.woocommerce .detayic #reviews #comments ol.commentlist {
  margin-top: 20px;
}
.yataygaleri_dis {
  padding: 50px 0;
}
.yataygaleri .item article {
  text-align: center;
  padding: 10px;
}
.yataygaleri .item article h4 {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
#yemek-tarifleri {
  background: #f4fff6;
}
#bizden-haberler {
  padding: 50px 0;
}
.bbaslik {
  position: relative;
  margin-bottom: 20px;
}
.bbaslik span {
  font-family: "Lobster";
  color: var(--yesil1);
  font-size: 22px;
}
.bbaslik a {
  position: absolute;
  right: 0;
  top: 8px;
  color: #000;
  font-size: 12px;
  text-decoration: underline !important;
}
.anasayfa_galeri .wp-block-gallery .wp-block-image:nth-child(n + 13) {
  display: none !important;
}
.anasayfa_galeri .wp-block-gallery .wp-block-image {
  height: 100px;
}
.haberslayt .item {
  position: relative;
}
.haberslayt .item article {
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: rgb(226 129 48 / 83%);
  left: 0;
  right: 0;
  margin: 10px;
  text-align: left !important;
}
.haberslayt .item article time {
  color: #fff;
  font-size: 10px;
}
.haberslayt .item article h4 {
  color: #fff;
  font-weight: 400;
}
.haberslayt .item figure img {
  flex: 1;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 330px;
}
@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;
  }
}
@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 {
    padding: 20px 0 10px 0;
  }
  header .logo:before {
    height: 330px;
    top: -160px;
  }
  header.active .logo:before {
    height: 280px;
    top: -140px;
  }
  header .logo .logo__inner a img {
    height: 74px;
  }
  header .anamenu ul li a {
    font-size: 14px;
    padding: 5px 10px;
  }
  header .anamenu {
    height: 90px;
  }
  main#main-block {
    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 .menuicon.fas,
  .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;
  }
  header .logo .logo__inner a:before,
  header .logo:before,
  header .logo:after {
    display: none;
  }
  header.active .logo .logo__inner a img,
  header .logo .logo__inner a img {
    height: 60px;
    margin: 0;
  }
  header .anamenu {
    height: 80px;
  }
  main#main-block {
    margin-top: 110px;
  }
  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 0;
    display: inline-block;
  }
  header .logo:hover .logo__inner a {
    padding: 10px 0;
  }
  header:hover .anamenu,
  header.active .anamenu {
    background: #fff;
    height: 80px;
  }
  body:not(.hc-nav-open) header .logo:hover {
    margin: 0;
  }
  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%;
  }
  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;
  }
  .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 screen and (max-width: 767px) {
  header {
    height: 110px;
  }
  body.admin-bar header {
    top: 0;
  }
  main#main-block {
    margin-top: 110px;
  }
  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 .slaytlar .slayt .yazilar .yazidiv,
  section#neden .baslik,
  section.ikilist .baslik {
    font-size: 32px;
    margin-bottom: 10px;
  }
  section#slaytlar .slaytlar .slayt .slaytarka {
    height: 400px;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  section#slaytlar .slaytlar .slayt .slaytarka picture img {
    position: absolute;
    height: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover;
  }
  section#slaytlar .slaytlar .slayt .slaytarka video {
    position: absolute;
    width: auto;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  main .sagsabit {
    width: 100%;
    top: 0;
    text-align: center;
    margin: 10px 0;
    display: none;
  }
  main .sagsabit a {
    display: inline-block;
  }
  article.detayicerik .yazialani ul.timeline li {
    width: 100%;
    margin: 0;
  }
  article.detayicerik .yazialani ul.timeline li.viewed {
    margin-left: 0;
  }
  article.detayicerik .yazialani ul.timeline li:nth-child(odd) strong,
  article.detayicerik .yazialani ul.timeline li strong {
    right: auto;
    left: 50%;
    margin-left: -40px;
  }
  article.detayicerik .yazialani ul.timeline li:first-child strong {
    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 {
    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;
  }
  #wpadminbar {
    display: none;
  }
  article.detayicerik .yazialani .gallery .gallery-item {
    padding: 10px;
  }
  .ajaxtablar .tabicerikler .icerikler .icerik .urunkutusu {
    margin: 30px;
  }
}
.mobillogo {
  display: none;
}
@media screen and (max-width: 576px) {
  .tamlogo {
    display: none !important;
  }
  .mobillogo {
    display: block !important;
  }
  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;
  }
  .sepetislemleri .whatsappgit {
    width: 100%;
    margin-right: 0;
    font-size: 14px;
    text-align: center;
  }
  section#sayfaust .breadcrumb i,
  section#sayfaust .breadcrumb ul li,
  section#sayfaust .breadcrumb ul li a {
    font-size: 10px;
    line-height: 14px;
    margin: 0 3px;
  }
  .slider-arrow {
    bottom: -30px;
  }
  section#slaytlar .slaytlar .owl-dots {
    bottom: -260px;
  }
  section#slaytlar .slaytlar:before {
    bottom: -260px;
  }
  section#slaytlar .slaytlar .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
  }
  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;
  }
  section#slaytlar .slaytlar .slayt .slaytarka {
    height: 300px;
  }
  section#slaytlar .slaytlar .slayt .yazilar .yazidiv {
    max-width: 60%;
    padding: 15px;
  }
  section#slaytlar .slaytlar .slayt .yazilar .yazidiv {
    margin: 0 auto;
  }
  section#slaytlar .slaytlar .slayt .yazilar .yazidiv h2 {
    font-size: 18px;
  }
  section#slaytlar .slaytlar .slayt .yazilar .yazidiv p {
    font-size: 12px;
    line-height: 14px;
  }
  section#slaytlar .slaytlar .slayt .yazilar .yazidiv a {
    font-size: 12px;
  }
  section#slaytlar .slaytlar .slayt .yazilar {
    top: 60%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    top: calc(60% - 10px);
  }
  .ajaxtablar .tabbasliklar .baslik .menuicon {
    position: absolute;
    width: 45px;
    height: 45px;
    font-size: 34px;
    top: 0;
    left: 50%;
    margin-left: -23px;
  }
  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;
  }
  article.detayicerik .yazialani .gallery .gallery-item {
    width: 100% !important;
  }
  section#onecikanlar {
    padding: 40px 0;
  }
}
@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(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  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(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
section#slaytlar .slaytlar .active .slayt .yazidiv:after,
.hareket {
  animation: hareket1 6s forwards;
  -webkit-animation: hareket1 6s forwards;
  -moz-animation: hareket1 6s forwards;
  -o-animation: hareket1 6s forwards;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}
@keyframes hareket1 {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.wow {
  visibility: hidden;
}
.hc-offcanvas-nav {
  width: 100%;
  z-index: 99999 !important;
}
.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(--yesil1);
  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(--yesil1);
  font-size: 18px;
}
.hc-offcanvas-nav .nav-content li.nav-close a {
  padding: 16px 17px;
  background: var(--yesil1);
  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(--yesil1-koyu) !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: 400;
  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(--yesil1);
  color: #fff;
}
.hc-offcanvas-nav .nav-content span.nav-next::before {
  border-top-color: var(--yesil1);
  border-left-color: var(--yesil1);
}
.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: var(--wpr-bg-c5635afc-fbae-48c2-bdf2-7db749925bcd) 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;
}