*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0px}
input.form-control{box-shadow:unset!important;opacity: 1!important;}
textarea{outline:none!important;box-shadow:0px!important}
body{font-family: 'Merriweather', sans-serif;position:relative;background-color: #fff;}
html{overflow: hidden;overflow-y: auto;overflow-x: hidden;}
:root{--one:1;--two:2;--three:3;--green:#A6E0DE;--black:#2F2F2F;--red:#D90010;--red2:#F2F2F2;--white:#fff;--gray:#dedede;--yellow:#FFF5EB;--textColor:#000A32;--imgRightPx:10px;
--blue:#102585;--blue2:#2D59AA}






.gjs-row{padding: 4px!important;}
.gjs-cell{height: auto!important;}
.historyActive{overflow:hidden!important}
ul{padding:0px;margin:0px;}

.sayfaUyari{margin-top:0px}
.slick-slider{direction: ltr!important}

.padding-no{padding:0px!important}

.imgScale{overflow: hidden;}
.imgScale img{transition: 300ms;}
.imgScale:hover img{transform: scale(1.2);}

.wpContact{bottom:30px;right:30px;position:fixed;z-index:4;background-color: var(--white);border-radius: 50%;padding: 8px;filter:drop-shadow(0px 0px 10px #e2e2e2)}
.wpContact i{color:#0DC143;font-size: 50px;}

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

.arama_sonuc a{display: flex;align-items:center;justify-content: flex-start;gap:8px;border:1px solid var(--gray);border-radius: 20px;overflow: hidden;padding:12px!important}
.arama_sonuc a:hover,.arama_sonuc a:hover span,.ui-widget-content .ui-state-active{background-color: var(--red)!important;border:none!important}
.arama_sonuc a img{width: 120px;min-height: 100px;object-fit: contain;max-height: 150px;}
.ui-autocomplete{height: 400px;overflow: hidden;overflow-y: auto;max-width: 500px;border-radius: 20px;padding:15px!important;position: fixed!important;top:83px!important}
.ui-autocomplete li:not(:last-child){margin-bottom: 4px;}

.animate__imageLeftView{position:relative;animation:imageLeftView 1s forwards;background:#fff;border-radius: 30px;}
.animate__imageLeftView img{width: 100%;}
@keyframes imageLeftView{
  100%{clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
  0%{clip-path: polygon(100% 0%,100% 0%,100% 100%,100% 100%);}
}


.cookie-popup{max-width: 580px;position: fixed;left:24px;bottom:24px;z-index: 2;}
.cookie-popup .content{display: flex;flex-flow: row;font-weight: 500;font-size:12px;line-height: 1.33;color:#fff;background-color: #000;padding:16px;border:1px solid #fff}
.cookie-popup .content button.btn{flex:0 0 auto;padding:6px;font-size:10px;color:#fff;outline: 0;box-shadow: none;background-color: inherit;}
.cookie-popup .content a{color:#fff}
.cookieURLBtn{text-decoration:underline!important}
.cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;}
.cookieButtonsCol_{margin-top:8px}
#acceptCookies,#rejectCookies{background-color:#fff;color:#000;padding:2px 4px;border-radius:4px;display: inline-flex;cursor:pointer}


.bottomNotification{position: fixed;bottom:15px;right:-100%;padding:10px 30px;background-color: #E52928;z-index: 9999;color:#fff;font: normal normal 400 16px/19px Montserrat;border-radius: 10px;transition: 300ms;}
.bottomNotification.active{right:15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bottomNotification.active a{transition:300ms;color:#fff;font: normal normal 600 16px/19px Montserrat;;display: block;margin-top: 8px;text-align: center;position: relative;width: 100%;}
.bottomNotification.active a:after{content:'';bottom:-3px;left:0px;right:0px;margin:auto;width: 30%;height:3px;background:#fff;transition:300ms;position: absolute;}
.bottomNotification.active a:hover:after{width: 100%;}

.topNotification{background: #EEF9EE 0% 0% no-repeat padding-box;border-radius: 10px;border: 1px solid #7CD070;font: normal normal normal 14px/19px Merriweather;color: #000000;
position: fixed;right:10px;top:83px;z-index: 10;min-width: 230px;max-width: 300px;padding:15px 15px;border-left:12px solid #77D175;transition: 500ms;opacity: 0;visibility: hidden;}
.topNotification.active{opacity: 1;visibility: visible;}
.topNotification ul{display: flex;align-items: center;justify-content: flex-start;gap:15px;}
.topNotification ul li i{color:#fff;background-color: #77D175;width: 25px;height:25px;border-radius: 100%;font-size:25px;display: flex;align-items: center;justify-content: center;}

.topLine{position:fixed;left:0px;top:0px;background-color:#1D5038;width:0px;height:2px;z-index:9999}
.pageMobileBrandClose{display:none}
.pageMobileBrand{display:none}
.siteFull{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;display:none}

.pagination{display: flex;align-items: center;justify-content: center;background-color: #fff;padding:30px 15px;border: 1px solid #DEDEDE;border-radius: 5px;gap: 4px;}
.pagination a{display: flex;align-items: center;justify-content: center;font: normal normal normal 12px/16px Merriweather;color: #666666;letter-spacing: 2.4px;text-align: center;background: #ffffff 0% 0% no-repeat padding-box;border-radius: 40px;
width: 30px;height:30px;}
.pagination a.active{background: #dd1a1e 0% 0% no-repeat padding-box;color:#fff}


.bgOpacity{width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.5);z-index:5;visibility: hidden;transition: 300ms;opacity: 0;}
.bgOpacity.active{visibility: visible;opacity: 1;}

.warningUyariKapsul{padding:10px;margin-bottom:0px}
.warningUyari{background:#FCF8E3;margin-bottom:0px}

.pageTopAlertMessage{margin-top: 30px;}


.yukari{position:fixed;right:-100%;bottom:15px;width:70px;height:70px;border-radius:50%;background: #D9000D;
display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:#341A0F;font-weight:700;transition:300ms;z-index:1;color:#fff}
.yukari.active{right:15px}
.yukari i{font-size:36px;line-height:20px}
.yukari span{display:block}

.varFilterBtn{display: none;}


.ayirac{margin-top:100px;width:100%}
.clear{clear:both}
.resim-responsive{width:100%!important}
.ustMargin{margin-top:140px!important;width: 100%;}
.ustMargin2{margin-top:101px;}
.pageMargin{padding-top:50px;}


.switchRadio{display: flex;align-items: center;gap:8px}
.switchRadio input{appearance: none;min-width: 30px;width: 30px;height:30px;outline: none!important;border-radius: 0px;position: relative;box-shadow: 0px 0px 1px #fff;}
.switchRadio input:checked{box-shadow: 0px 0px 1px var(--red);}
.switchRadio input::before{content: '';position: absolute;width: 15px;height: 15px;border-radius: 0px;background-image: linear-gradient(#eee,#ccc);transition: 300ms;
transition-timing-function: ease-out;opacity: 0.2;border:1px solid;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.switchRadio input:checked::before{background-image: linear-gradient(var(--blue2),var(--red));opacity: 1;}
.switchRadio label{font: normal normal 300 12px/16px Merriweather;color: var(--textColor);}
.switchRadio label a{color:var(--black);font-weight: 600;}


.mobileLogo{display:none}
.mobileMenu{display:none}
.mobileProductBrand{display:none}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap{padding: 15px 0px;margin-top: 0px;margin-bottom: 0px;}
.pageMap ul{display: flex;align-items: center;margin-bottom: 0px;justify-content:flex-start}
.pageMap ul li{display: flex;align-items: center;justify-content:center}
.pageMap ul li a{padding: 5px 2px;font-size: 11px;font-weight: 400;color:#414042;}
.pageMap ul li:last-child a{padding:5px 0px 5px 10px!important}
.pageMap ul li:last-child  i{display: none;}
.pageMap ul li a:hover{color:#D9000D;}
.pageMap ul li a img{width: 18px;}
.pageMap ul li i{color:#414042;font-weight:600;font-size:20px}


.hataSayfasiKapsul{margin-top: 150px;text-align: center;margin-bottom:250px;}
.hataSayfasiKapsul h1{font-size: 60px;font-weight: 600;display: block;text-align: center;}
.hataSayfasiKapsul h2{font-size: 60px;font-weight: 600;display: block;text-align: center;margin-top:0px;}
.hataSayfasiKapsul p{font-size: 30px;font-weight: 400;display: block;text-align: center;}
.hataSayfasiKapsul p a{font-size: 30px;font-weight: 400;color:red;}


.htmlPopupContainer{background-color: rgba(0, 0, 0, 0.5);position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 999;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.htmlPopupContainer span.close{position: absolute;right:15px;top:15px;color:#000;z-index: 1;text-shadow: none;}


.imageShadow{position: relative;}
.imageShadow::after{content:'';position: absolute;right:-8px;bottom:-8px;background-color: #35B6B6;z-index: -1;width: 100%;height: 100%;border-top-left-radius: 82px;}

.detayBtn{padding:0px;position: relative;z-index: 1;margin-top: 12px;}
.detayBtn .btn{font: normal normal normal 12px/16px Merriweather;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding:6px 15px;transition: 300ms;
position: relative;color:#000000;border-radius: 0px;background: linear-gradient(90deg,#000000 50%,#fff 50%);background-size: 200%;background-position: right;}
.detayBtn .btn:hover{background-position: left!important;color:#000!important}
.detayBtn .btn img{transition: 300ms;margin: 0px;}
.detayBtn .btn:hover img{filter: brightness(0) invert(100);}
.detayBtn .btn i{font-size: 22px;}

.detayBtn.bgBlue .btn{border:0;background: transparent;color:#fff!important;padding: 20px 40px;}
.detayBtn.bgBlue .btn::after{content:'';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: transparent linear-gradient(270deg, #2D59AA 0%, #0E2183 100%);z-index: -1;transform: skew(-32deg);transition: 300ms;}
.detayBtn.bgBlue .btn:hover::after{transform: skew(32deg);background: transparent linear-gradient(90deg, #2D59AA 0%, #0E2183 100%)}

.detayBtn.transparent .btn{border:1px solid var(--white);color:var(--white);border-radius: 0px;padding:6px 12px 6px 18px;font: normal normal normal 13px/18px Merriweather;
background: linear-gradient(90deg, #fff 50%,transparent 50%) 95%/200%;}
.detayBtn.transparent .btn:hover{color:var(--black)!important;background-position: left center!important}
.detayBtn.transparent i{position: absolute;left: 2px;top: 50%;transform: translateY(-50%);opacity: 0;transition: 300ms;font-size: 15px;}
.detayBtn.transparent .btn:hover i{opacity: 1;}

.detayBtn.mavi .btn{border:0px solid var(--red);color:var(--white)!important;border-radius: 0px;padding:8px 15px 8px 15px;background: linear-gradient(90deg, #0E2183 50%, #F2F2F2 100%) right/150%;font: normal normal normal 14px/18px Merriweather;
transition: 300ms;transform: skew(-30deg);}
.detayBtn.mavi .btn:hover{color:#fff!important;}
.detayBtn.mavi .btn span,.detayBtn.mavi .btn i{transform: skew(30deg);}
.detayBtn.mavi .btn:where(span,i){transform: skew(30deg);}



.detayBtn.gri .btn{border:0px solid var(--red);color:var(--white)!important;border-radius: 0px;padding:6px 20px 6px 20px;background: linear-gradient(90deg, var(--black) 50%, #F2F2F2 100%) right/150%;transition: 300ms;}
.detayBtn.gri .btn:hover{color:#fff!important;}

.detayBtn.gri button.btn:disabled,
.detayBtn.gri button.btn[disabled]{color: var(--red)!important;}


.columnReverse{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flexRow{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;}

.leftTitle{font: normal normal bold 35px/55px Merriweather;color: #000000;position: relative;display: flex;align-items: center;gap:12px;margin-top: 45px;}
.leftTitle::after{content:'';background-color: #000000;height: 1px;flex: 1;margin-top: 25px;}

.titleWrap{margin-top: 45px;margin-bottom: 45px;}
.title{color: var(--black);display: flex;align-items: center;justify-content: flex-start;}
.title *{font: normal normal bold 48px/55px Merriweather;}
.title.textWhite{color:#fff!important}
.title.textBlack{color:#000!important}
.title.textRed{color:var(--red)!important}
.title.bgRed h3{background-color: var(--red);display: inline-block;color:#fff;padding:4px 15px}
.title.icon{display: flex;align-items: center;justify-content: flex-start;padding: 15px 0px;position: relative;}
.title.icon::before{content:'';background-image: url("../images/title-logo.svg");background-repeat: no-repeat;background-size: 100px;
position: absolute;width: 100%;height: 60px;z-index: 0;bottom: 20px;}
.title span{z-index: 1;position: relative;text-align: center;}
.title.icon2::before{background-image: url("../images/icons/logoIconBlue.svg");opacity: 0.39}
.title.center{justify-content: center;padding: 0px 0px;}
.title.center.line::after{right:0px;margin: auto;}

.title.line{padding-left: 0px;position: relative;display: inline-flex;}
.title.line::after{content:'';left:0px;bottom:-10px;height: 5px;width: 100%;position: absolute;background: transparent linear-gradient(90deg, var(--black) 0%, var(--gray) 100%) }
.titleWrap.center p{text-align: center}
.titleWrap img{margin-bottom: 8px;}
.text{font: normal normal normal 21px/31px Merriweather!important;color: var(--textColor);}



  @media(min-width:1440px){
    .container{width: 1400px;}
  }


.topBigTitleFluid{background: transparent linear-gradient(90deg, #848484 0%, #848484 100%) 0% 0% no-repeat padding-box;}

.topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;}
.topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: space-between;gap:8px;}
.topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px Merriweather;color: #fff;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap{display: flex;align-items: flex-end;justify-content: flex-start;gap:8px;margin-bottom: 0px;flex-wrap: wrap;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap a{font: normal normal normal 11px/17px Merriweather;color: #fff;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #fff;font-size: 15px;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child a{font-weight: 600;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child i{display: none;}
.bigTitleLeftCol div{display: block;margin-top: 0px;}
.bigTitleRight{display: flex;gap:8px}


.innerPageTopWrap{min-height: 40px;background-position: center center;background-size: cover;position: relative;display: flex;align-items: flex-end;background-repeat: no-repeat;margin-top: 0px;background: transparent linear-gradient(270deg, #2D59AA 0%, #0E2183 100%)}




.navbarTitle{font: normal normal bold 18px/24px Merriweather;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;}
.pageNavbarParent{padding:60px 0px;background-image:url("/picture/navbar-seffaf.png"),linear-gradient(270deg, var(--red) 0%, var(--red) 100%);border-radius: 0px;
background-position: right bottom;background-size:contain,100% ;background-repeat: no-repeat;background-blend-mode: multiply;position: sticky;top: 90px;}
.pageNavbarParent::after{content:'';position: absolute;right:100%;top:0;height: 100%;width: 1000px;background-color: var(--red);}
.pageNavbarParent .pageNavbar{overflow: hidden;overflow-y: auto;padding: 30px;}
.pageNavbarParent .pageNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: red;}
.pageNavbarParent .pageNavbar::-webkit-scrollbar{width: 5px;background-color: black;}
.pageNavbarParent .pageNavbar.active{opacity: 1!important;visibility: visible!important;height: auto!important;overflow: auto;}
.pageNavbarParent .pageNavbar li a{display: flex;align-items: center;justify-content: space-between;padding:12px 8px;font: normal normal 400 14px/18px Merriweather;color: var(--white);
transition: 300ms;position: relative;}
.pageNavbarParent .pageNavbar li > a{font-weight: 600;}
.pageNavbarParent .pageNavbar li a:hover{color: var(--white);}
.pageNavbarParent .pageNavbar li a.active{color: var(--white);}
.pageNavbarParent .pageNavbar .pageNavbar{padding:  0px 0px 0px 12px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;}
.pageNavbarParent .pageNavbar .pageNavbar.active{opacity: 1;height: auto;display: block!important;}
.pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 0px;font: normal normal 400 12px/16px Merriweather}
.pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 0px;}
.pageNavbarParent .pageNavbar li a.active::before{content:'';position: absolute;left:-7px;top:16px;background-color: var(--white);border-radius: 100%;width: 7px;height: 7px;}
  
.mobileCategoryCol_{display: flex;align-items: center;justify-content: center;gap:8px;background-color: var(--black);color:var(--white);padding: 8px;margin-bottom: 15px;width: 100%;}


.pageInnerContainerWrap{margin-top: 75px;margin-bottom: 75px;}
.pageInnerContainerWrap > .row{margin-inline: -15px;}
.pageInnerContent{padding:15px}


.siteTopWrap{position: relative;top:0;z-index: 22;border-bottom:1px solid #CECECE;background-color: #1616150D;}
.siteTopWrap .container{padding: 0px;}

.siteTopParent .col-xs-12{display: flex;align-items: center;justify-content: flex-end;padding: 0px 15px}

.siteTopMenuParent{display: flex!important;gap:6px;align-items: center}
.siteTopMenuParent a{background: #FFFFFF;border-radius: 20px 20px 0px 0px;padding: 6px 12px;height: 40px;display: flex;align-items: center;justify-content: center;}
.siteTopMenuParent img{width: 75px;filter: grayscale(1);opacity: 0.7;transition: 300ms;}
.siteTopMenuParent a:hover img{opacity: 1;filter: grayscale(0);}
.siteTopMenuParent a.selected img{opacity: 1;filter: grayscale(0);}
.siteTopMenuParent a.selected{border-bottom:2px solid #F07C00}


.phoneCol > a{background: #003383;color:#fff!important}

body.index .headerNavbarwrap > .headerNavbar > li:last-child i,
body.index .headerLanguage a.lang i,
body.index .headerNavbarwrap a,
body.index .langList li a span{color: var(--textColor);}

.headerLanguage{display: flex;align-items: center;position:relative;left: 15px;}
.headerLanguage > li:not(:last-child) a{border-right:1px solid #CECECE;}
.headerLanguage > li:not(:last-child) a img{width: 15px;}
.headerLanguage > li a{padding:15px 8px;color:var(--red)}
.headerLanguage > li:last-child {margin-left: 8px;}
.headerLanguage > li{color:var(--red);font-size: 13px;margin-bottom: 0px;text-align: center;position: relative;}
.headerLanguage > li:last-child a{color:var(--red);border: 1px solid var(--red);border-radius: 19px;}
.headerLanguage  a.lang{border: 0px solid var(--textColor);border-radius: 19px;padding:6px 4px;color:var(--textColor)}
.headerLanguage  a.lang i{color: var(--textColor);transform: rotate(-90deg);transition: 300ms;}
.headerLanguage  a.lang:hover i{transform: rotate(0deg);}
.headerLanguage a.lang.arrow i{transform: rotate(0deg);}
.headerLanguage  a.lang img{width: 14px;}
.headerLanguage  a{display: flex;align-items: center;justify-content: center;gap:8px}

.langList{text-align:center;position:absolute;width:100%;border:0px solid #fff;background-color:transparent;left:-8px;top:32px;display:none;z-index:1;border:0px solid var(--red)}
.langList li:nth-child(1n+2){border-top:1px solid #008BDA!important}
.langList li a{border:0px!important;color:var(--red)!important;border-radius:0px!important;display: flex;align-items: center;justify-content: center;gap:4px}
.langList li:hover a{background-color:transparent;color:var(--textColor)!important;font-weight: bold;}


.pageTopImageWrap .row{height: 200px;background-size: cover;background-position: center center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}
.pageTopImageWrap .row img{max-width: 100%;}

body .pageTopWrap{position: sticky;top: 0;background-color: #fff;}



.pageTopWrap.gizle{top: 0;}
.pageTopWrap.blur{background-color: rgba(255,255,255,0.8);backdrop-filter: blur(10px);}
.pageTopWrap.blur .headerLeft{width: 110px;}
.pageTopWrap{position: fixed;top:0;z-index: 2;width: 100%;z-index: 13;transition: 300ms;transition-timing-function: ease-out;}
.pageTopWrap > .row{position: relative;}
.pageTopWrapRow{position: relative;}
.pageTopWrap .headerFlex{margin-top: 0px;display: flex;align-items: center;justify-content: space-between;position: relative;gap:20px;padding:15px 0px}
.pageTopWrap::before{content:'';position: absolute;left:0;bottom:-10px;width: 100%;height: 10px;background: transparent linear-gradient(90deg, var(--black) 0%, var(--gray) 100%)}


.headerLeft{width: 180px;float:left;display: flex;align-items: left;z-index: 1;transition: 300ms;}
.headerLeft a{flex: 1;}
.headerLeft a img{transition: 300ms;display: block;}
.headerLeft a:hover img{transform: scale(1);}

.headerCenter.headerSearch{display: flex;align-items: center;justify-content: center;min-width: 40%}
.headerCenter.headerSearch form{width: 100%;position: relative;}
.headerCenter.headerSearch form input.form-control{box-shadow: inset 0px 3px 10px #00000029!important;border-radius: 25px;height: 40px;}
.headerCenter.headerSearch form button{position: absolute;right:10px;top:10px;background-color: transparent;}
.headerCenter.headerSearch form button img{width: 17px;}


.headerRight{width: auto;display: flex;align-items: center;justify-content: flex-end;gap:15px;z-index: 0;}
.headerRight .language a:hover{background-color: var(--red);color: var(--white);}
.headerRight .language a{border:1px solid var(--black);padding:0px;display: inline-flex;color:var(--black);width: 25px;height: 20px;;align-items: center;justify-content: center;border-radius: 6px;
  font-size: 12px;transition: 300ms;}

.headerRight ul.headerNavbar li img{height: 18px;}
.headerRight ul.headerNavbar li a{display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;gap: 5px;}
.headerRight ul.headerNavbar li a div.count{position: absolute;top:-7px;right:0px;background-color: var(--black);width: 13px;height: 13px;border-radius: 100%;text-align: center;font-size: 10px;line-height: 14px;}




.navbarWrap{background-color: var(--black);}
.headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: space-between;gap:0px;z-index: 2;padding: 0px 0px;}
.headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:30px;padding: 8px 0px;}
.headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;}
.headerNavbarwrap > .headerNavbar > li a span::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height:1px;background-color: var(--white);transition: 300ms;display: none;}
.headerNavbarwrap > .headerNavbar > li:hover a span::before{width: 100%;}



.headerNavbarwrap > .headerNavbar > li > a{display:flex;font: normal normal normal 14px/20px Merriweather;position: relative;align-items: center;justify-content: center;padding: 4px 0px;color:var(--textColor);transition: 500ms;gap:10px}
.headerNavbarwrap > .headerNavbar > li > a:hover{color: #666;}
.headerNavbarwrap > .headerNavbar > li a::after{content:'';position: absolute;left: 0px;bottom: 0px;width: 30px;height: 3px;background-color: var(--gray);transition: 300ms;}
.headerNavbarwrap > .headerNavbar > li a:hover::after{width: 100%;}
.headerNavbarwrap > .headerNavbar > li > a i{color:var(--red);transition: 300ms;position: absolute;right: -15px}
.headerNavbarwrap > .headerNavbar > li > a img{transition: 300ms;width: 20px;}
.headerNavbarwrap > .headerNavbar > li > a span{position: relative;}
.headerNavbarwrap > .headerNavbar > li > a.active i,
.headerNavbarwrap > .headerNavbar > li > a:hover i{transform: rotate(90deg);}
.headerNavbarwrap > .headerNavbar > li:last-child i{color:var(--red);font-size:18px}

.megaMenuWrap{position:fixed!important;width: 100%;background-color: var(--white);display: flex;left: 0;top:0px;justify-content: center;transition: 300ms;opacity: 0;visibility: hidden;flex-direction: row!important;}
.megaMenuWrap.active{opacity: 1;visibility: visible;top:75px!important;}
.megaMenuWrap li a{display: flex;align-items: center!important;gap:8px;padding:25px!important;color: var(--red)!important;flex-direction: row!important;justify-content: center;}
.megaMenuWrap li a img{height: 40px!important;}


.headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background-color: var(--white);z-index: 12;min-width: 200px;right:0px;top:-30px;transition: 300ms;visibility: hidden;opacity: 0;
border-radius: 10px 10px;overflow: hidden;height: auto;overflow-y: auto;padding: 8px 12px;box-shadow: 0px 3px 6px #00000029!important;display: flex;flex-direction: column;}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: var(--red);}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar{width: 5px;background-color: var(--black);}
.headerNavbarwrap > .headerNavbar .headerNavbar li a{display: block;padding:4px 0px;font: normal normal normal 12px/17px Merriweather;color: var(--red);transition: 300ms;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;top: 38px;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li a{background-color: var(--white) ;font: normal normal normal 12px/17px Merriweather;color: var(--red);transition: 300ms;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li a i{color:var(--red)}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li a:hover{background-color: #fff;text-decoration: none!important;text-indent: 8px;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid var(--gray);}

.headerNavbarwrap > .headerNavbar .headerNavbar i{display: none!important}
.headerNavbarwrap > .headerNavbar .headerNavbar .headerNavbar{display: none!important;}






.hakkimizdaWrap{padding-top: 45px;padding-bottom: 75px;background-image: url("/picture/logo-cizim.png");background-position: left top;background-size: contain;background-repeat: no-repeat;}
.hakkimizdaWrap .container > .row{display: flex;align-items: center;justify-content: space-between;}
.hakkimizdaWrap .container > .row .text{margin-top: 30px;}
.hakkimizdaWrap video{width: 100%;}



.galeriwrap{margin-top: 45px;}
.galeri{display: grid;grid-template-columns: repeat(4,1fr);align-items: center;justify-content: center;gap:15px}








.footerFluid{background-position: center left;background-size: contain;background-repeat: no-repeat;}
.footerFluidWrap{margin-top: 0px;position: relative;border-bottom:0px solid var(--gray);margin-top: 60px;}
.footerFluidWrap::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 15px;background: transparent linear-gradient(90deg, var(--black) 0%, var(--gray) 100%);z-index: 0;display: block;}
.footerFluid  .footerParent .footerParentInner{padding:90px 0px;display: flex;align-items: flex-start;}
.footerLeft{z-index: 1;position: relative;}
.footerLeft ul.logo li img{width: 180px;}
.footerLeft .text{color: var(--textColor);font: normal normal 400 15px/24px Merriweather!important;margin-top: 20px;display: none;}
.footerLeft .text p{color: var(--textColor);font: normal normal bold 14px/18px Merriweather;margin-bottom: 15px;}
.footerLeft .text ul li{padding:8px 0px;display: flex;align-items: center;gap:8px;border-top: 1px solid var(--red);}
.footerLeft .text ul li i{color: var(--red);}
.footerLeft li.call a{background-color: var(--red);color: var(--textColor);display: inline-flex;align-items: center;gap: 8px;padding:6px 10px;border-radius: 30px;margin-block: 8px;
  font: normal normal bold 20px/26px Merriweather;}
.footerLeft .social img{width: 30px;}
.footerFluid .social{margin-top: 15px;display: flex;gap:8px}


.footerRight{display: flex;align-items: flex-start;justify-content: flex-end;gap:45px;z-index: 1;position: relative;}

.footerTitle{font: normal normal bold 12px/20px Merriweather;color:var(--red)}
.footerText{font: normal normal normal 14px/23px Merriweather;color: #868686;}
.footerFluid .contact{display: flex;align-items: center;justify-content: flex-start;gap:8px;border-bottom:1px solid #273676;padding: 8px 0px;}
.footerFluid .contact span{font: normal normal normal 14px/23px Merriweather;color: #868686;}
.footerFluid .contact i{color:var(--red)}

.footerMenu{display: grid;grid-template-columns: repeat(1,1fr);gap:12px;}

.footerMenu li:nth-child(1) h3{font: normal normal bold 18px/28px Merriweather;color: var(--textColor);}
.footerMenu li a{display: inline-flex;font: normal normal normal 14px/20px Merriweather;color: var(--textColor);position: relative;margin-bottom: 8px;position: relative;}
.footerMenu li a::before{content: '';left:0px;bottom:0px;width: 30px;height:1px;background-color: var(--textColor);transition: 300ms;position: absolute;display: none;}
.footerMenu li a:hover::before{width: 100%;}
.footerMenu li a:hover{opacity: 0.6;}
.footerMenu li.caption h4{font: normal normal bold 14px/18px Merriweather;color: var(--gray);}


.registerWrap{background-color: transparent;border-top:1px solid #A5A5A5;margin-bottom: 45px;}
.registerWrap ul{display: flex;justify-content: space-between;padding: 15px 0px;font: normal normal normal 14px/18px Merriweather;color:var(--black);align-items: center;}
.registerWrap ul a{margin-top: 8px;display: inline-flex;}
.registerWrap ul a{color: var(--black);font-weight: 600;}
.registerWrap ul a i{font-size: 22px;color: var(--black);}



.headerMobileSearchIcon{display: none;}

  @media(max-width:992px){
    .headerSearch{display: none!important;}
    .headerMobileSearchIcon{display: inline-block;color:#18467F;font-size: 20px;}

    .pageMobileBrand{width: 30px;height:20px;margin:0px 15px;cursor: pointer;position: absolute;top:50%;z-index: 14;display: inline-block;right: 0px;transform: translateY(-60%);}
    .pageMobileBrand span{width: 30px;height:3px;background-color: var(--red);border-radius: 4px;margin-bottom: 0px;display: block;position: absolute;left:0px;transition: 500ms;}
    body.index .pageMobileBrand span{background-color: var(--red);}
    .pageMobileBrand span:nth-child(1){top: 0px;}
    .pageMobileBrand span:nth-child(2){top: 10px;}
    .pageMobileBrand span:nth-child(3){top: 20px;}
    .pageMobileBrand.active span:nth-child(2){visibility: hidden;opacity: 0;height:0px}
    .pageMobileBrand.active span:nth-child(1){top: 10px;transform: rotate(45deg);}
    .pageMobileBrand.active span:nth-child(3){top: 10px;transform: rotate(-45deg);}

    .headerNavbarwrap > .headerNavbar > li > a:hover{color: var(--red)!important;}


    .headerNavbarwrap{width: 100%;position: fixed;height: 100vh;background-color: var(--white);align-items: flex-start;left: -100%;opacity: 0;visibility: hidden;transition: 300ms;transition-timing-function: ease-out;}
    .headerNavbarwrap.active{opacity: 1;visibility: visible;left: 0px;top: 0;}
    .headerNavbarwrap > .headerNavbar{flex-direction: column;align-items: flex-start;padding-left: 15px;justify-content: flex-start;}
    .headerNavbarwrap > .headerNavbar li a{display: flex;flex-direction: column!important;display: flex!important;}
    .headerNavbarwrap > .headerNavbar li a::after{display: none;}

    .headerContainer{padding:15px}
    .headerLeft{width: 170px;}
    .headerRight{width: calc(100% - 75px);padding-right: 40px;}
    .headerRight ul{gap: 0px;}
    .headerNavbarwrap > .headerNavbar > li > a{color: var(--black);}

  }
  #mobileCategoriesBtn{display: none;}
  @media(max-width:768px){
    .columnReverse{flex-direction: row;}
    .pageMap{padding: 15px 15px;}
    .pageMap ul{flex-wrap: wrap;}
    .pageMap ul li:last-child a{padding: 5px 0px!important;}

    #mobileCategoriesBtn{margin-bottom: 30px;display: block;}
    #mobileCategoriesBtn a{background-color: var(--red);display: flex;align-items: center;padding: 12px;text-align: center;justify-content: center;gap:12px}
    #mobileCategoriesBtn a{color: var(--white);}

    .title {font: normal normal bold 24px/28px Merriweather;}
    .title *{font: normal normal bold 24px/28px Merriweather;}
    .text{font: normal normal normal 16px/25px Merriweather!important;}
    .topNotification{font: normal normal normal 12px/13px Merriweather;}
    .innerPageTopWrap{min-height: 10px;}

    


    .pageMenu{position: fixed;left:-105%;transition: 300ms;z-index: 10;top: 135px;width: 100%;padding:15px 15px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
    .pageMenu.active{left:0px;}

    .pageInnerContainerWrap{margin-top: 15px;margin-bottom: 15px;}
    .pageNavbarParent{position: absolute;z-index: 10;left: -100%;top: 45px;}
    .pageNavbarParent.active{left: 0%;}

    .headerVideoWrapText ul{width: max-content;}
    .headerVideoWrapText ul li:nth-child(1){font: normal normal 800 15px/13px Merriweather;}

    .hakkimizdaWrap .container{padding: 0px;}
    .hakkimizdaWrap .container > .row{flex-direction: column-reverse;}
    .hakkimizdaWrap .container > .row .col-xs-12:first-child{margin-top: 30px;}

    .uygulamalarWrap{flex-direction: column;}
    .uygulamaCol_{width: 100%;}


    .kararliyiz h3{font: normal normal bold 34px/49px Merriweather;}
    .kararliyiz ul{flex-direction: column;}
    .kararliyiz ul li{font: normal normal bold 13px/24px Merriweather;}
    .kararliyiz ul li img{height: 30px;}


    .yaprak{margin-top: 30px;}
    .yaprak .col-xs-12{padding: 0px;}

    .surdurulebilirlikWrap{margin-top: 30px;}
    .surdurulebilirlikWrap .text{margin-top: 15px;}
    .surdurulebilirlikWrap .col-xs-12{padding: 0px;}

    

    .footerRow{padding: 15px;}
    .footerFluid .footerParent .footerParentInner{flex-direction: column;}
    .footerLeft .text{padding-left: 0px;margin-top: 8px;}
    .footerRight{display: block;margin-top: 30px;}
    .footerLeft ul.social{margin-bottom: 30px;}
    .footerMenu{grid-template-columns: repeat(1,1fr);gap:8px;margin-right: 0;}
    .footerMenu li.rezervasyon{position: relative;}

    .register ul li img{width: 80px;}
    
  }
  



  .loader-capsul{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 9999;animation: loaderkapsul 300ms 300ms 1 linear forwards;}
  .loader {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);
    background: 
      var(--_g) 0%   50%,
      var(--_g) 50%  50%,
      var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
    position: fixed;left: 50%;transform: translateX(-50%);top: 50%;transform: translateY(-50%);
  }
  @keyframes l3 {
      20%{background-position:0%   0%, 50%  50%,100%  50%}
      40%{background-position:0% 100%, 50%   0%,100%  50%}
      60%{background-position:0%  50%, 50% 100%,100%   0%}
      80%{background-position:0%  50%, 50%  50%,100% 100%}
  }

  @keyframes loaderkapsul {
    from{opacity: 1;visibility: visible;}
    to{opacity: 0;visibility: hidden;}
}