:root { --turuncu: #F59A28; --gri: #919191; --bggri: #F0F0F0; --yesil: #165425 }

*, ::after, ::before { box-sizing: border-box }

body { background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #5C5C5C; margin: 0; }
a, a:link, a:visited, a:hover { text-decoration: none; color: var(--gri); transition: all 0.2s; }
a img { border: none; }
div.clr, div.clear { height: 1px; clear: both; overflow: hidden; }
div.clr2 { height: 0px; clear: both; overflow: hidden; }
h1, h2, h3, h4, ul, p { margin: 0px; padding: 0px; }
h1, h4 { font-size: 12px; }
h2, h3 { font-size: 40px; }
ul li { list-style-type: none; }
.opacity0 { opacity: 0; }
a.aDahaFazla { display: inline-block; font-size: 14px; }
a.aDahaFazla i { border: 2px solid var(--gri); border-radius: 50%; padding: 3px; font-size: 10px; margin-left: 10px; transition: all 0.2s; }
a.aDahaFazla:hover { color: var(--turuncu); }
a.aDahaFazla:hover i { border-color: var(--turuncu) }

a.btn, .btn { transition: all 0.2s; min-width: 137px; ☺ }
a.btn-primary, .btn-primary { background: rgb(247,165,23); background: linear-gradient(150deg, #ffb83e 20%, #ef7900 50%, #ffb83e 100%); background-size: 200% 100%; border: none; color: #fff; border-radius: 20px; font-size: 13px; font-weight: 600; padding: 10px 25px; }
a.btn-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus { background-position: 100% 0; }

a.btn-secondary, .btn-secondary { background: none; border-width: 1px; border-color: #fff; color: #fff; border-radius: 20px; font-size: 13px; font-weight: 600; padding: 9px 25px; min-width: 135px; }
a.btn-secondary:hover, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus { background: #fff; color: var(--turuncu); border-color: #fff; }

.container { width: 100%; margin-right: auto; margin-left: auto; }


header { position: fixed; width: 100%; z-index: 600; transition: all 0.5s; }
#ustMenu { align-items: unset; }
#ustMenu ul li a { font-size: 16px; color: #fff; padding: .5em 30px; transition: all 0.2s; margin: 30px 0 10px 0; }
#ustMenu ul li a:hover { color: var(--turuncu) }
#ustMenu ul li:last-child a { padding-right: 0; }
.navbar { padding: 0; align-items: unset; }
.navbar-text { position: absolute; top: 0px; right: 0; transition: all 0.2s; padding-top: 0; }
.navbar-light .navbar-text a { color: #fff; font-size: 12px; font-weight: 600; }
.navbar-light .navbar-text a:hover { color: var(--turuncu); }
.navbar-light .navbar-text a i { font-size: 10px; }
.navbar-light .navbar-brand { padding-top: 0; position: absolute; top: 0; }
.navbar-brand img { box-shadow: 0 3px 6px rgba(0,0,0,0.25) }
.band { height: 5px; overflow: hidden; background: rgb(207,115,0); background: linear-gradient(90deg, rgba(207,115,0,1) 0%, rgba(251,193,43,1) 17%, rgba(255,210,94,1) 32%, rgba(255,244,184,1) 40%, rgba(255,210,94,1) 59%, rgba(251,193,43,1) 82%, rgba(206,113,0,1) 100%); box-shadow: 0 3px 6px rgba(0,0,0,0.25); }
header .band { opacity: 0; }

header.menu-fixed, header.menu-alt { background: var(--yesil); box-shadow: 0px 2px 5px rgba(34, 31, 29, 0.2); }
header.menu-fixed .band, header.menu-alt .band { opacity: 1; }

header.menu-alt { top: 0; }

div.flexslider { position: relative; }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.slideshow { height: 100%; width: 100%; overflow: hidden; position: relative; z-index: 1; }
.slideshow .flexslider { height: 100%; background-color: var(--turuncu); position: relative; }
.slideshow .flexslider .slides { height: 100%; background-size: cover; background-position: center; }
.slideshow .flexslider .slides > li { position: relative; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.slideshow .flexslider .slides > li img { display: none; }
.slideshow .flexslider .flex-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; opacity: 1; background-color: rgba(0,0,0,.15); -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out; }
.slideshow .flexslider .flex-caption > div { display: table; height: 100%; width: 100%; }
.slideshow .flexslider .flex-caption > div > div { text-align: center; display: table-cell; vertical-align: middle; color: #fff; }
.slideshow .flexslider .flex-caption.animate-in { opacity: 1; }
.slideshow .flexslider .slides li:before { background: linear-gradient(to top, rgba(143,141,137,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#8F8D89',GradientType=1 ); }
ol.flex-control-nav { position: absolute; margin: 0; padding: 0; width: 200px; text-align: center; z-index: 20; right: calc((100vw - 1140px) / 2); bottom: 20px; text-align: right; }
ol.flex-control-nav li { display: inline-block; margin: 0 0 0 10px; }
ol.flex-control-nav li a { background: #fff; text-indent: 9999px; display: block; width: 13px; height: 13px; border: 2px solid #fff; margin: 0; outline: 0; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; overflow: hidden; line-height: 10px; transition: all 0.5s; }
ol.flex-control-nav li a.flex-active { background: none; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; overflow: hidden; display: block; width: 30px; height: 40px; margin: -15px 0 0; background: url(/static/images/arrowL.svg) no-repeat top left; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -999px; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; background: url(/static/images/arrowR.svg) no-repeat top left; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 140px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 140px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

a.flex-disabled { display: none; }

#homeSlider { height: 100vh; z-index: 1; }
#homeSlider ul li:before { content: ''; display: block; width: 100%; position: absolute; height: 250px; }
#homeSlider ul li#slide1 { background-image: url(/static/images/home.png); }
.sosyalIconlar { margin-top: -55px; z-index: 3; position: absolute; width: 220px; color: #fff; left: calc((100vw - 1140px) / 2); }
.sosyalIconlar .container { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.biziTakipEt a { display: inline-block; width: 43px; height: 43px; margin-right: 0px; }
.biziTakipEt a svg { fill: #fff; width: 100%; transition: all 0.5s; display: block; }
.biziTakipEt a:hover svg { fill: var(--turuncu); }

.anaIcerik { padding: 60px 0 0 0; }
.anaBolum { margin-bottom: 60px; }
.anaBolum .sutunYazi { display: flex; flex-wrap: nowrap; }
.anaBolum .bolumYazi { align-self: flex-start; }
.anaBolum.yaziSolda .bolumYazi { padding-top: 0px; }
.anaBolum .bolumYazi h2 { color: #000; margin-bottom: 20px; }
.anaBolum .bolumYazi h2::after { content: ''; display: block; width: 175px; height: 8px; margin-top: 10px; background: var(--turuncu); box-shadow: 0 10px 30px rgba(209, 213, 223, 0.5); border-radius: 20px; margin-left: 40px; }
.anaBolum .bolumYazi p { margin-left: 40px; }
.bolumResimBg { background: url(/static/images/hikayebg.png) no-repeat top center; text-align: center; padding: 20px 0 0 45px; }
.bolumResimBg.urunlerBg { background: url(/static/images/urunlerbg.png) no-repeat center; padding: 0px 0 0 85px; }
.bolumResimBg.kaliteBg { background: none; padding: 0 100px 0 0; transform: scale(1); }
.bolumResimBg img { transition: all 0.5s; transition-delay: 1s; }
.anaBolum.fadeInUp .bolumResimBg:not(.kaliteBg) img { transform: rotate(-6deg); }

.sayilarRow { display: flex; flex-wrap: nowrap; justify-content: center; margin-bottom: 150px; }
.sayilarSol, .sayilarOrta, .sayilarSag { padding-left: 37px; position: relative; }
/*border-left: 7px solid var(--turuncu);*/
.sayilarSol::before, .sayilarOrta::before, .sayilarSag::before { content: ''; position: absolute; top: 0px; left: 0; width: 4px; height: 130px; background: var(--turuncu); box-shadow: 0 10px 30px rgba(209, 213, 223, 0.5); border-radius: 20px; }
.sayilarSol h3, .sayilarOrta h3, .sayilarSag h3 { color: var(--gri); font-weight: 600; margin-bottom: 10px; font-size: 20px; }
.sayilarCounter { line-height: 60px; }
.sayilarSayi { font-size: 70px; color: #000; font-weight: 600; }
.sayilarBirim { font-size: 70px; color: #000; font-weight: 300; }
.sayilarAlt { font-size: 20px; color: #000; }
.sayilarOrta .sayilarCounter { display: flex; flex-wrap: nowrap; }
.sayilarOrta .sayilarBirim { font-size: 24px; align-self: center; }
.sayilarSol { width: 410px; }
.sayilarOrta { width: 525px; }
.sayilarSag { width: 330px; }

.ucluSlogan { background: var(--bggri); }
.ucluRow { }
.ucluRow a { display: block; box-shadow: 0 10px 30px rgba(209,213,223, 1); border-radius: 16px; margin-top: -36px; }
.slogan { text-align: center; font-size: 30px; color: var(--turuncu); padding: 23px 0 28px 0; }

.dortOzellik { padding: 30px 0; }
.ozellikRow { display: flex; flex-wrap: nowrap; justify-content: center; }
.ozellikItem { width: 200px; padding: 0 15px 0 15px; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; }
.ozellikItem img { width: 100%; }

footer { background: var(--yesil); }
footer .linkSutun, footer .adresSutun { padding-top: 30px; color: #fff; font-size: 12px; line-height: 26px; }
.bilgiSutun { padding-top: 80px; }
.linkSutun a, .adresSutun a, .bilgiSutun a { color: #fff; font-size: 12px; }
.linkSutun a.ftBaslik, .adresSutun a.ftBaslik { font-size: 16px; display: block; margin-bottom: 10px; }
footer .biziTakipEt { padding-top: 10px; }
footer .biziTakipEt a { width: 20px; height: 20px; margin-right: 10px; }
footer .biziTakipEt svg { width: 20px; height: 20px; }
.copyright { background: #fff; font-size: 12px; padding: 10px 0; }
.copyright a { color: #5C5C5C; }
footer a.ftLogo img { width: 130px; }

#pageHata { margin-top: 85px; background: rgb(255,210,94); background: url(/static/images/aycicegiAlt.png) no-repeat bottom center, linear-gradient(0deg, rgba(255,210,94,1) 0%, rgba(239,121,0,1) 100%); min-height: 900px; text-align: center; color: #fff; padding-top: 90px; }
#pageHata h1.hataKodu { font-size: 128px; font-weight: 600; }
#pageHata h2.hataAciklama { font-size: 40px; font-weight: 400; margin-bottom: 20px; }
#pageHata h3.hataAciklama2 { font-size: 14px; font-weight: 400; margin-bottom: 30px; }

#pageTitle { background: var(--bggri); margin-top: 87px; }
#pageTitle .pageGrupAdi { text-align: right; color: var(--turuncu); padding-top: 30px; }
#pageTitle .pageGrupAdi h2 { font-size: 30px; line-height: 25px; }
.breadcrumb { background: none; padding: 0 1rem 10px 0; }
.breadcrumb-item a { font-size: 12px; font-weight: 400; }
.breadcrumb .breadcrumb-item:first-child:before { content: "\f015"; font-family: 'Font Awesome 5 Free'; display: inline-block; margin-right: 10px; opacity: 0.8; }
.breadcrumb-item { font-size: 12px; color: #5C5C5C; font-weight: 600; }
.breadcrumb-item + .breadcrumb-item::before { content: '\f054'; font-family: 'Font Awesome 5 Free'; font-size: 9px; }
.icerikSayfaBaslik { margin-bottom: 40px; }
.icerikSayfaBaslik h3 { color: #000; margin-bottom: 20px; }
.icerikSayfaBaslik h3::after { content: ''; display: block; width: 175px; height: 8px; margin-top: 10px; background: var(--turuncu); box-shadow: 0 10px 30px rgba(209, 213, 223, 0.5); border-radius: 20px; margin-left: 40px; }

#pageUrunler { padding-top: 60px; }
#pageUrunler .icerikSayfaBaslik { margin-bottom: 20px; }
.urunGrup { margin-bottom: 50px; }
#pageUrunler .urunGrup:last-child { margin-bottom: 0; }
.urunListe { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.urunItem { width: calc(25% - 42px); margin-right: 56px; }
.urunListe .urunItem:nth-child(4n) { margin-right: 0; }
.urunResimWrapper { width: 100%; height: 380px; position: relative; }
.urunResimWrapper::after { content: ''; display: block; position: absolute; z-index: 1; background: linear-gradient(278deg, rgba(245,154,40,1) 0%, rgba(255,210,94,1) 100%); filter: grayscale(100%); opacity: 0.2; border-radius: 50%; bottom: 37px; left: calc((100% - 205px) / 2); width: 205px; height: 205px; transition: all 0.5s; }
.urunResimWrapper::before { content: ''; display: block; position: absolute; z-index: 1; background: url(/static/images/urunBg.png) no-repeat bottom center; width: 302px; height: 380px; left: -24px; opacity: 0; transition: all 0.5s; }
.urunResim { position: absolute; width: 100%; bottom: 0px; left: 0; z-index: 100; text-align: center; padding-bottom: 20px; }
.urunResim img { z-index: 20; display: inline-block; -webkit-filter: drop-shadow(0px 30px 33px rgba(0,0,0,0.16)); filter: url(#drop-shadow); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#444')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=30, Color='#444')"; }
.urunAdi { text-align: center; color: #000; font-weight: 600; padding-top: 5px; }
.urunSatinAl { text-align: center; padding-top: 10px; }
.urunSatinAl a { min-width: 137px; opacity: 0; }
.urunItem:hover .urunSatinAl a { opacity: 1; }
.urunItem:hover .urunResimWrapper::after { filter: grayscale(0%); opacity: 1; }
.urunItem:hover .urunResimWrapper::before { opacity: 1; }
.urunDegerler { width: 700px; border-radius: 9px; box-shadow: 0 10px 30px rgba(209,213,223,0.5); align-self: center; margin: auto; margin-bottom:50px; }
.degerlerBaslik { background: linear-gradient(145deg, rgba(255,184,62,1) 20%, rgba(239,121,0,1) 100%); padding-left: 200px; display: flex; flex-wrap: nowrap; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.degerlerSol { width: 50%; }
.degerlerSag { width: 50%; border-left: 1px solid var(--gri); padding-left: 50px !important; }
.urunResimDegerler { display: flex; flex-wrap: nowrap; }
.urunDegerlerResim { width: 200px; padding: 20px 20px 0 20px; }
.urunDegerlerResim img { width: 100%; }
.urunDegerlerS { width: calc(100% - 200px); }
.degerlerBaslik div { padding: 15px 20px; color: #fff; font-weight: 600; font-size: 16px; }
.degerlerBaslik .degerlerSag { border-color: #F7A517; }
.degerlerSatir { display: flex; flex-wrap: nowrap; }
.degerlerSatir div { padding: 10px 0 9px 20px; color: #000; font-weight: 600; font-size: 14px; }
.degerlerSatir.kirmizi div { color: #F64000; }
.urunDegerler .degerlerSatir:last-child .degerlerSol { padding-bottom: 13px; }

.urunNitelikler { width:700px; margin:auto; box-shadow: 0 10px 30px rgba(209,213,223,0.5); padding: 30px 20px; border-radius: 9px; }
.urunNitelikler .degerlerSatir { font-size:14px; font-weight:600; margin-top:20px; display:block; position:relative; padding-left:20px; }
.urunNitelikler .degerlerSatir:first-child { margin-top:0; }
.urunNitelikler .degerlerSatir:before { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--yesil); border-radius: 50%; position: absolute; left: 0; top: 7px; }

.urunModal {  }
.urunModal a { opacity:1; }
.urunModal .close { position: absolute; right: 10px; top: 5px; z-index: 99; }
.modalLinkList { padding: 25px 0; }
.modalLink { padding-top: 30px; text-align:center; }
.modalLinkList .modalLink:first-child { padding-top:0; }

#pageProfesyonel { padding-top:60px; }
.proListe { display:flex; flex-wrap:nowrap; margin-top:100px; }
.proItem { width: 540px; background: url(/static/images/proBg.png) no-repeat top center; border-top-left-radius: 20px; border-top-right-radius: 20px; position:relative; z-index:0; margin-right:30px; }
.proListe .proItem:nth-child(2n) { margin-right:0; }
.proAdi { height: 325px; padding-top: 15px; padding-left: 20px; }
.proAdi h4 { font-size:90px; color:var(--turuncu); line-height:85px; }
.proAdi h5 { color:#fff; font-size:16px; }
.proAsci { position:absolute; top:-104px; right:-30px; z-index:-1; }
.proBg { background: var(--turuncu) }
.proResimUclu { display: flex; flex-wrap: nowrap; align-items: flex-end; position: absolute; top: 137px; left: 0; width: 100%; }
.proResimWrapper { width:280px; padding-left:20px; }
.proUclu { width:calc(100% - 280px); padding:0 20px 20px 0; text-align: right; }
.proBg { border-radius: 70% / 10%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(45deg, rgba(239,121,0,1) 0%, rgba(239,121,0,1) 50%, rgba(255,184,62,1) 75%, rgba(239,121,0,1) 100%); background-size: 200% 200%; background-position: 0 100%; transition: all 0.5s; z-index:3; }
.proItem:hover .proBg { background-position: 100% 0%; }
.proUrunAciklama { padding:140px 55px 35px 55px; font-size:16px; color:#fff; min-height:690px; transition:all 0.5s; }
.proUrunAciklama h5 { font-weight:600; margin-left:-20px; font-size:18px; }
.proUrunAciklama p { margin-bottom: 10px; }
.proSatinAl { text-align:center; padding-bottom:30px;  }
.proSatinAl > a.btn { background: none; border: 2px solid #fff; font-size:18px; padding:7px 25px; }
.proGurmeYazi { margin-left:52px; }
.proItem:hover .proUrunAciklama { color:#000; }

#pageTarifler { padding-top: 60px; }
.tarifGrup { margin-bottom: 90px; }
#pageTarifler .icerikSayfaBaslik { margin-bottom: 70px; }
.tarifListe { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.tarifItem { width: calc((100% - 40px) / 3); margin: 0 20px 20px 0; }
.tarifListe .tarifItem:nth-child(3n) { margin-right: 0; }
.tarifItem a { display: block; position: relative; }
.tarifIsim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 30px; font-weight: 600; color: #fff; background: rgb(245,154,40); background: linear-gradient(350deg, rgba(245,154,40,0) 45%, rgba(0,0,0,1) 100%); padding: 20px 0 0 20px; }
.tarifResim { overflow: hidden; }
.tarifResim img { width: 100%; transition: all 0.5s; }
.tarifResim ol.flex-control-nav { right: 0; left: 0; width: 100%; text-align: center; }
.tarifResim:hover .flex-direction-nav .flex-prev { opacity: 1; left: 20px; }
.tarifResim:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.tarifResim:hover .flex-direction-nav .flex-next { opacity: 1; right: 20px; }
.tarifResim:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.tarifItem a:hover { box-shadow: 0 13px 15px rgba(0,0,0,0.16); }
.tarifItem a:hover .tarifResim img { transform: scale(1.2); }

.tarifDetay { margin-bottom: 60px; }
.tarifBaslik { font-size: 30px; color: #000; margin-bottom: 10px; }
.tarifKisi { display: block; font-size: 18px; font-weight: 600; color: var(--turuncu); margin-bottom: 20px; }
.tarifAraBaslik { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.tarifYazi { margin-bottom: 20px; }

#pageKurumsal { padding-top: 60px; }
.kurumsalMenu { margin-bottom: 50px; }
.kurumsalMenu h2 { font-size: 16px; color: var(--gri); border-bottom: 1px solid var(--bggri); padding-bottom: 10px; margin-bottom: 10px; }
.kurumsalMenu ul li { margin-bottom: 5px; }
.kurumsalMenu ul li a { font-size: 14px; }
.kurumsalMenu ul li a:hover, .kurumsalMenu ul li.active a { color: var(--turuncu); }
.kurumsalDetay { margin-bottom: 30px; }
.kurumsalIcerik h3 { color: #000; margin-bottom: 30px; margin-left: -40px; }
.kurumsalIcerik h3::after { content: ''; display: block; width: 175px; height: 8px; margin-top: 10px; background: var(--turuncu); box-shadow: 0 10px 30px rgba(209, 213, 223, 0.5); border-radius: 20px; margin-left: 40px; }
.kurumsalIcerik p { margin-bottom: 20px; }
.icLogolar { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.icLogolar img { display: inline-block; height: 170px; }
.icLogolar2 { padding: 40px 0; display: flex; flex-wrap: wrap; }
.icLogolar2 img { display: inline-block; margin-right: 50px; height: 90px; }

.galeri { display: flex; flex-wrap: wrap; justify-content: space-between }
.galeriItem { height: 280px; overflow: hidden; margin-bottom: 20px; transition: all 0.5s; }
.galeriItem a { display: block; }
.galeriItem:hover { box-shadow: 0 13px 15px rgba(0,0,0,0.16); }
.galeriItem img { height: 280px; transition: all 0.5s; }
.galeriItem a:hover img { transform: scale(1.2); }

.katalogLink { display: block; clear: both; }
.katalogLink a { display: block; position: relative; width: 100%; height: 105px; background: url(/static/images/katalogBg.png) no-repeat 23px 0; }
.katalogLink .katalogResim { position: absolute; width: 54px; top: 17px; left: 12px; z-index: 2; }
.katalogLink .katalogResim img { box-shadow: 0 3px 7px rgba(0,0,0,0.29); transition: all 0.5s; width: 100%; }
.katalogLink a::before { content: ''; display: block; width: 120%; height: 50px; background: linear-gradient(150deg, #ffb83e 20%, #ef7900 50%, #ffb83e 100%); background-size: 200% 100%; border-radius: 9px; position: absolute; z-index: 1; top: 32px; transition: all .5s; }
.katalogLink .katalogBaslik { position: absolute; z-index: 2; top: 47px; left: 90px; color: #fff; font-size: 14px; width: 100px; }

.katalogLink a:hover { }
.katalogLink a:hover .katalogResim img { transform: rotate(-11deg); }
.katalogLink a:hover::before { background-position: 100% 0; }

#pageEtkinlikler { padding-top: 60px; }
#pageEtkinlikler .icerikSayfaBaslik { padding-left: 50px; }
.etkinlikItem { padding: 40px 0; }
.etkinlikResimler { overflow: hidden; }
.etkinlikResimler img { width: 100%; transition: all 0.5s; }
.etkinlikResimler ol.flex-control-nav { right: 0; left: 0; width: 100%; text-align: center; }
.etkinlikResimler:hover .flex-direction-nav .flex-prev { opacity: 1; left: 20px; }
.etkinlikResimler:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.etkinlikResimler:hover .flex-direction-nav .flex-next { opacity: 1; right: 20px; }
.etkinlikResimler:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.etkBaslik { font-size: 30px; color: #000; margin-bottom: 20px; }
.etkTarih { font-size: 14px; font-weight: 600; color: #EF7900; margin-bottom: 15px; display: block; }
.etkAciklama { font-size: 14px; line-height: 20px; }
.griBg { background: var(--bggri); }

#pageIletisim { padding-top: 30px; }
#pageIletisim .container { position: relative; }
#pageIletisim .container::before { content: ''; display: block; background: url(/static/images/aycicegiAlt.png) no-repeat top right; background-size: cover; transform: rotate(180deg); position: absolute; top: -46px; right: 0; width: 495px; height: 210px; }
.iletisimBilgi { border-bottom: 1px solid var(--bggri); font-size: 16px; margin-bottom: 30px; }
.iletisimBilgi a { font-size: 16px; }
.iletisimBilgi .table tr td { padding: 0 5px 10px 0; }
.iletisimBilgi a.aYol { color: #38A8E0; font-size: 14px; }
.iletisimBilgi a.aYol i { color: var(--gri); display: inline-block; margin-right: 5px; }
.iletisimFormHarita { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.iletisimForm { width: calc(50% - 15px); }
.iletBaslik { font-size: 18px; color: var(--turuncu); margin-bottom: 20px; }
.iletisimForm .form-control { border-color: #C3C6D1; border-width: 2px; font-size: 16px; border-radius: 10px; padding: 11px 13px; height: auto; }
.iletisimForm .form-control:focus { border-color: #000; box-shadow: none; }
.iletisimForm .formBtn { text-align: right; padding-top: 20px; }
.iletisimHarita { width: calc(50% - 75px); margin-left: 90px; padding-top: 40px; }
.iletisimFrame { padding: 5px 5px 0 5px; border-radius: 10px; box-shadow: 0 13px 16px rgba(0,0,0,0.16); }
.iletisimFrame iframe { border-radius: 10px; }

@media (max-width:820px) {
	.mobileBr { display: block; height: 1px; }
	body { font-size: 14px; }
	h2, h3 { font-size: 22px; }
	a.aDahaFazla { font-size: 12px; }
	a.aDahaFazla i { font-size: 8px; }
	header { top: 0; background: var(--yesil); box-shadow: 0px 2px 5px rgba(34, 31, 29, 0.2); height: 56px; }
	header.menu-fixed { background: var(--yesil); box-shadow: 0px 2px 5px rgba(34, 31, 29, 0.2); height: 56px; }
	header.menu-alt { background: none; }
	.navbar-light .navbar-brand svg { width: 80px; height: 80px; }
	header .band { opacity: 1; position: absolute; width: 100%; top: 56px; z-index: 4; }
	.band { height: 2px; }
	.navbar-light .navbar-brand { top: 0px; z-index: 7 }
	.navbar-toggler { display: block; width: 22px; height: 20px; margin: 0 0 0 0px; padding: 15px 8px; border-radius: 4px; color: #fff; border: none; position: absolute; top: 15px; right: 10px; z-index: 1050; outline: none !important; }
	.navbar-toggler span { position: absolute; display: block; z-index: 2; }
	.navbar-light .navbar-toggler span,
	.navbar-light .navbar-toggler span:after,
	.navbar-light .navbar-toggler span:before { width: 100%; height: 3px; background-color: #fff; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; background-image: none; }
	header.menu-alt .navbar-light .navbar-toggler span,
	header.menu-alt .navbar-light .navbar-toggler span:after,
	header.menu-alt .navbar-light .navbar-toggler span:before { background-color: var(--yesil); }
	.navbar-light .navbar-toggler span:after,
	.navbar-light .navbar-toggler span:before { content: ""; position: absolute; left: 0; top: -9px; }
	.navbar-light .navbar-toggler span:before { width: 80%; }
	.navbar-light .navbar-toggler span:after { top: 9px; width: 50%; }
	.navbar-light .navbar-toggler:not(.collapsed) span { background-color: transparent; }
	header.menu-alt .navbar-light .navbar-toggler:not(.collapsed) span { background-color: transparent; }
	.navbar-light .navbar-toggler:not(.collapsed) span:before { transform: rotate(45deg) translate(5px, 8px); background-color: var(--turuncu); width: 100%; }
	.navbar-light .navbar-toggler:not(.collapsed) span:after { transform: rotate(-45deg) translate(5px, -8px); background-color: var(--turuncu); width: 100%; }
	.navbar-light .navbar-toggler:after { content: ''; display: block; position: absolute; width: 32px; height: 32px; background: #fff; border-radius: 50%; top: 0; left: 0; z-index: 1; opacity: 0; transition: all 0.5s; }
	.navbar-light .navbar-toggler:not(.collapsed):after { opacity: 1; }
	.navbar-collapse { transition: all 0.5s; display: block !important; left: 100%; right: 0; top: 0px; position: fixed; height: 100%; width: 100%; background: url(/static/images/aycicegiAlt.png) no-repeat bottom center, linear-gradient(180deg, rgba(255,184,62,1) 0%, rgba(239,121,0,1) 100%); background-size: 100% auto; }
	.navbar-collapse.collapsing, .navbar-collapse.show { left: 0%; z-index: 6; transition: all 0.5s; }
	#navBar .nav-link { color: #fff !important; width: 100%; padding-left: 20px; font-size: 22px; font-weight: 300; }
	.navbar-nav { padding-top: 85px; }
	.navbar { }
	#ustMenu ul li { opacity: 0; }
	#ustMenu.collapse.show ul li { animation: fadeInUp 0.5s; animation-delay: 0.2s; animation-fill-mode: both; }
	#ustMenu.show ul li:nth-child(2) { animation-delay: .4s; }
	#ustMenu.show ul li:nth-child(3) { animation-delay: .6s; }
	#ustMenu.show ul li:nth-child(4) { animation-delay: .8s; }
	#ustMenu.show ul li:nth-child(5) { animation-delay: 1s; }
	#ustMenu.show ul li:nth-child(6) { animation-delay: 1.2s; }
	#ustMenu.show ul li:nth-child(7) { animation-delay: 1.4s; }
	#ustMenu.show ul li:nth-child(8) { animation-delay: 1.6s; }
	#ustMenu ul li a { margin: 0px; text-align: center; font-size: 24px; font-weight: 600; }
	#ustMenu ul li:last-child a { padding-right: 45px; }
	.navbar-text { position: relative; width: 100%; text-align: center; opacity: 0; top: 0; }
	#ustMenu.collapse.show .navbar-text { animation: fadeInUp 0.5s; animation-delay: 1.4s; animation-fill-mode: both; }

	.icerikSayfaBaslik h3::after { width: 84px; height: 4px; margin-left: 17px; }
	#homeSlider { height: 300px; margin-top: 56px; }
	#homeSlider ul li:before { height: 150px; }
	ol.flex-control-nav { right: 0; left: 0; bottom: 5px; width: 100%; text-align: center; }
	ol.flex-control-nav li { margin-left: 5px; }
	ol.flex-control-nav li a { width: 9px; height: 9px; }
	.flex-direction-nav { display: none; }
	.anaIcerik { padding: 30px 0; }
	.anaBolum .bolumYazi h2 { margin-bottom: 10px; }
	.anaBolum .bolumYazi h2::after { width: 84px; height: 4px; margin-left: 17px; }
	.bolumResimBg { padding: 16px 100px; background-size: auto 100%; }
	.bolumResimBg img, .bolumResimBg.urunlerBg img { width: 100%; }
	.anaBolum.yaziSolda .bolumYazi { padding-top: 0; }
	.anaBolum .bolumYazi p { margin-left: 0; }
	.bolumResimBg.urunlerBg { margin-left: 0; padding: 16px 135px; background-size: auto 100%; }
	.bolumResimBg.kaliteBg { padding: 0 30px 0 30px; }
	.sayilarRow { margin-bottom: 107px; }
	.sayilarRow h3 { font-size: 13px; margin-bottom: 5px; }
	.sayilarCounter { line-height: 17px; }
	.sayilarSol, .sayilarOrta, .sayilarSag { width: 112px; padding-left: 8px; }
	.sayilarOrta { width: 136px; padding-left: 8px; }
	.sayilarBirim { font-size: 22px; }
	.sayilarSayi { font-size: 22px; }
	.sayilarOrta .sayilarBirim { font-size: 11px; }
	.sayilarAlt { font-size: 11px; }
	.sayilarSol::before, .sayilarOrta::before, .sayilarSag::before { width: 2px; height: 52px; }
	.ucluRow a { margin-top: -45px; }
	.slogan { font-size: 16px; padding: 20px 0; }
	.ozellikItem { width: 25%; padding: 0; }
	.ozellikItem img { width: 100%; height: auto; }
	.dortOzellik { padding: 40px 0; }
	.ftLogo { display: block; }
	.ftLogo svg { width: 80px; height: 80px; }
	.linkSutun { display: none; }
	footer .adresSutun { padding: 10px 0; }
	.adresSutun a.ftBaslik { display: none; }
	.copyright { padding-bottom: 50px; }

	#pageTitle { margin-top: 0px; position: fixed; z-index: 500; width: 100%; }
	#pageTitle .pageGrupAdi { text-align: center; padding: 16px 0 15px 30px; }
	#pageTitle .pageGrupAdi h2 { font-size: 19px; }
	.breadcrumb { display: none; }

	#pageKurumsal { padding-top: 100px; }
	#pageKurumsal .kurumsalIcerik h3 { margin-left: 0; }
	.kurumsalMenu h2 { display: none; }
	.kurumsalMenu ul li { display: inline-block; }
	.kurumsalMenu ul li a { background: var(--bggri); border-radius: 20px; padding: 5px 10px; margin-right: 5px; }
	.kurumsalMenu ul li.active a { background: linear-gradient(150deg, #ffb83e 20%, #ef7900 50%, #ffb83e 100%); background-size: 200% 100%; color: #fff; font-weight: 600; }
	.katalogLink { display: none; }
	.katalogLink a::before { width: 100%; }
	.icLogolar img { height: 80px; }
	.icLogolar2 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
	.icLogolar2 img { height: 40px; margin-right: 0px; }
	.galeriItem { height: auto; }
	.galeriItem img { height: auto; width: 100%; }

	#pageUrunler { padding-top: 100px; }
	.urunItem { width: calc(50% - 10px); margin: 0; }
	.urunListe .urunItem:nth-child(2n) { margin-right: 0; }
	.urunResimWrapper { width: 100%; height: 220px; overflow:hidden; }
	.urunResimWrapper::before { width: 190px; height: 240px; background-size: 100% auto; left: calc((100% - 156px)/2); }
	.urunResimWrapper::after { width: 123px; height: 123px; left: calc((100% - 123px)/2) }
	.urunResim { padding: 0 0 10px 0; }
	.urunResim img { transform: scale(0.6); transform-origin: bottom center; }
	.urunAdi { padding-top: 10px; }
	.urunDegerler, .urunNitelikler { width: 100%; }
	.urunDegerlerResim { display: none; }
	.urunDegerlerS { width: 100%; }
	.degerlerBaslik { padding-left: 0px; }
	.degerlerSol { width: 60%; }
	.degerlerSag { width: 40%; padding-left: 20px !important; }

	#pageProfesyonel { padding-top: 100px; }
	.proListe { flex-wrap:wrap; margin-top:auto; padding-top:100px; overflow:hidden; }
	.proItem { margin-right:0; margin-bottom:120px; }
	.proListe .proItem:last-child { margin-bottom:0; }
	.proAsci { width: 70%; }
	.proAsci img { width:100%; }
	.proAdi { height: 50vw; }
	.proAdi h4 { font-size:60px; line-height:60px; }
	.proAdi h5 { font-size:14px; }
	.proGurmeYazi { margin-left:25px; }
	.proResimWrapper { width: 45%; }
	.proResimWrapper img { width:100%; }
	.proUclu { width:55%; }
	.proUclu img { width:70%; }
	.proBg { border-radius: 75% / 5%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
	.proUrunAciklama { padding:140px 20px 35px 30px; }

	#pageTarifler { padding-top: 100px; }
	#pageTarifler .icerikSayfaBaslik { margin-bottom: 30px; }
	.tarifItem { margin-right: 0; width: 100%; }
	.tarifIsim { font-size: 22px; }
	.tarifGrup { margin-bottom: 30px; }
	.tarifDetay .tarifResim { margin-bottom: 30px; }

	#pageEtkinlikler { padding-top: 100px; }
	#pageEtkinlikler .icerikSayfaBaslik { padding-left: 0; margin-bottom: 0px; }
	.etkinlikResimler { margin-bottom: 20px; }
	.etkBaslik { font-size: 22px; }

	#pageIletisim { padding-top: 100px; }
	#pageIletisim .container::before { display: none; }
	.iletisimBilgi { border-bottom: none; }
	.iletisimBilgi .table tr td:first-child { width: 50px; }
	.iletisimForm { order: 2; width: 100%; padding-top: 60px; }
	.iletisimHarita { order: 1; width: 100%; margin-left: 0; padding: 0 }
	.iletisimForm .form-group { margin-bottom: 0; }
	.iletisimForm .form-control { margin-bottom: 20px; }
	.iletisimForm .formBtn { text-align: left; }
}