@import url('https://cdn-uicons.flaticon.com/2.1.0/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-rounded/css/uicons-regular-rounded.css');

*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;box-sizing: border-box;}
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: 'Jost', sans-serif;position:relative;overflow: hidden;overflow-y: auto;overflow-x: hidden;overscroll-behavior-x: none;}

html, body {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}



:root{
  --one:1;
  --two:2;
  --three:3
}


.historyActive{overflow:hidden!important}
ul{padding:0px;margin:0px;}

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

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

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,div:focus,a:focus,button:focus,span:focus{
    outline: 0;-webkit-box-shadow:0px 0px 0px!important;-moz-box-shadow: 0px 0px 0px!important;box-shadow: 0px 0px 0px !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: initial!important}
.fancybox-skin{padding:0px!important}

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


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

.wpContact{bottom:10px;left:10px;position:fixed;z-index:4}
.wpContact img{width:50px}


.topHeight{width:100%;margin-top:79px;display: flex;}

.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}
.cookie-popup .content a u{font-size: 14px;text-decoration: underline!important;}


.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 Avenir;color: #000000;
position: fixed;right:10px;bottom:10px;top:0px;left:0px;margin:auto;max-height: 80px;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;z-index: 100;}
.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 Avenir;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: #E94E1B 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;}


.mobileLogo{display:none}
.mobileMenu{display:none}
.pageMobileBrand{position: relative;width: 23px;height: 23px;display: none;}
.pageMobileBrand span{position: absolute;height:3px;background-color: #CFB53B;right: 0px;}
.pageMobileBrand span:nth-child(1){top: 0px;width: 100%;}
.pageMobileBrand span:nth-child(2){top: 10px;width: 66%;}
.pageMobileBrand span:nth-child(3){top: 20px;width: 33%;}
.mobileProductBrandClose{display:none}
.mobileBrand{display: none}
.shoppingBtn.active{background-color: #F47721!important}


.pageMap{padding: 15px 15px;margin-top: 0px;margin-bottom: 0px;display: flex;align-items: center;justify-content: space-between;}
.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:#fff;}
.pageMap ul:first-child li:last-child a{padding:5px 0px 5px 0px!important}
.pageMap ul li:last-child  i{display: none;}
.pageMap ul li a img{width: 18px;}
.pageMap ul li i{color:#fff;font-weight:600;font-size:20px}
.pageMap ul.backBtn i{display: inline-block!important;font-size: 11px;}
.pageMap ul.backBtn a{padding: 4px 8px!important;}
.pageMap ul.backBtn .detayBtn{margin:0px!important}


.hataSayfasiKapsul{margin-top: 45px;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 a{font: normal normal normal 14px/18px Jost;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding:6px 15px;transition: 300ms;
position: relative;color:#008BDA;border:1px solid #008BDA;border-radius: 10px;background: linear-gradient(90deg,#008BDA 50%,#fff 50%);background-size: 200%;background-position: right;}
.detayBtn a:hover{background-position: left!important;color:#fff!important}

.detayBtn.siyah a{border:1px solid #000;color:#000;background: linear-gradient(90deg,#000 50%,#fff 50%) right/200%;}
.detayBtn.siyah.kirmizi a{border:1px solid #000;color:#000;background: linear-gradient(90deg,#059AD6 50%,#fff 50%) right/200%;}

.detayBtn.beyaz a{border:1px solid #008BDA;color:#008BDA;background: linear-gradient(90deg,#008BDA 50%,#fff 50%) right/200%;}
.detayBtn.transparent a{border:1px solid #fff;color:#fff;background: linear-gradient(90deg,#fff 50%,transparent 50%) right/200%;}
.detayBtn.transparent a:hover{color:#000!important}

.detayBtn.blueGradient a{border:0px solid #fff;color:#fff;background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%)}
.detayBtn.blueGradient a:hover{background: transparent linear-gradient(91deg, #2C4695 0%, #059AD6 100%)}



.detayBtn.lacivert a,
.detayBtn.lacivert button{border:1px solid #fff;color:#fff;background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box;
padding: 12px 20px;border-radius: 31px;background-position: inherit!important;transition: 300ms;}
.detayBtn.lacivert a:hover,
.detayBtn.lacivert button:hover{background: transparent linear-gradient(91deg, #3C3C3C 0%, #3C3C3C 100%) 0% 0% no-repeat padding-box;}



button.detayBtn{font: normal normal normal 14px/18px Jost;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding:6px 15px;transition: 300ms;
position: relative;color:#008BDA;border:1px solid #008BDA;border-radius: 10px;background: linear-gradient(90deg,#008BDA 50%,#fff 50%);background-size: 200%;background-position: right;}
button.detayBtn.beyaz {border:1px solid #008BDA;color:#008BDA;background: linear-gradient(90deg,#008BDA 50%,#fff 50%) right/200%;}
button.detayBtn:hover{background-position: left!important;color:#fff!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 Jost;color: #008BDA;position: relative;display: flex;align-items: center;gap:12px;margin-top: 45px;}
.leftTitle::after{content:'';background-color: #008BDA;height: 1px;flex: 1;margin-top: 25px;}

.titleWrap{margin-top: 75px;}
.title{font:normal normal bold 20px/30px Jost;color: #008BDA;display: flex;align-items: center;justify-content: center;}
.title.textWhite{color:#fff!important}
.title.icon{display: flex;align-items: center;justify-content: center;padding: 15px 0px;position: relative;}
.title.icon::before{content:'';background-image: url("../images/icons/logoIcon.svg");background-repeat: no-repeat;background-position: center;background-size: contain;
position: absolute;width: 100%;height: 60px;z-index: 0;}
.title span{z-index: 1;position: relative;}
.title.icon2::before{background-image: url("../images/icons/logoIconBlue.svg");opacity: 0.39}

.title.line{padding-left: 0px;position: relative;}
.title.line::before{content:'';left:0px;bottom:-5px;height: 3px;width: 60px;background-color: #008BDA;position: absolute;}
.titleWrap p{text-align: center}
.text, .text *{font: normal normal 300 16px/20px Jost!important;color: #010101;}

.text.textWhite, .text.textWhite *{color:#fff!important}

.topBigTitleFluid{background: transparent linear-gradient(90deg, #059AD6 0%, #2C4695 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 Jost;color: #FFFFFF;}
.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 Jost;color: #FFFFFF;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #FFFFFF;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}




.siteTopWrap{position: relative;top:0;z-index: 15;border-bottom:1px solid #CECECE;}

.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}



.greenPageWrap{background: #F2FAFD;padding-bottom: 60px;}


.pageTopWrap{background: #ffffff  0% 0% no-repeat padding-box;
/*position: sticky;top:0;z-index: 16;*/
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);}
.pageTopWrapRow{position: relative;}
.pageTopWrap .headerFlex{margin-top: 0px;display: flex;align-items: center;justify-content: space-between;position: relative;gap:20px;padding: 15px 15px;}


.headerLeft{width: 150px;float:left;display: flex;align-items: center;}
.headerLeft a{flex: 1;}

.headerRight{width: calc(100% - 150px);float:right;display: flex;align-items: flex-end;justify-content: flex-end;gap:0px;z-index: 2;flex-direction: column;}
.headerRight > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:20px}
.headerRight > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;}
.headerRight > .headerNavbar > li > a{display:flex;font: normal normal normal 20px/20px Jost;position: relative;
align-items: center;justify-content: center;padding: 0px 0px;color:#777777;transition: 500ms;}
.headerRight > .headerNavbar > li > a i{color:#D80F1A}

.headerRight > .headerNavbar > li > a::before{content:'';height: 5px;width: 0px;background-color: #059AD6;position: absolute;bottom:-18px;left: 0px;
transition: 300ms;}
.headerRight > .headerNavbar > li > a:hover::before{width: 100%;}

.headerRight > .headerNavbar > li > a::after{content:'';height: 8px;width: 8px;background-color: #059AD6;position: absolute;top:5px;left: -10px;border-radius: 100%;}


.headerRight > .headerNavbar .headerNavbar{position: absolute;background-color: #fff;z-index: 12;min-width: 200px;left:0px;right: 15px;
top:37px;transition: 300ms;visibility: hidden;opacity: 0;box-shadow: 0px 3px 6px #00000029;padding: 15px;display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;}
.headerRight > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;}

.headerRight > .headerNavbar .headerNavbar li a{display:block;font: normal normal normal 16px/18px Jost;color: #777777;border-bottom:1px solid #777777;
padding:8px 0px;position: relative;}
.headerRight > .headerNavbar .headerNavbar li a::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height: 2px;background-color: #059AD6;transition: 300ms;}
.headerRight > .headerNavbar .headerNavbar li a:hover::before{width: 100%;}



.SumoSelect>.CaptionCont>span{text-align: center;padding: 0px 35px 0px 15px!important;}


.cityAndCallWrap{display: none;align-items: center;justify-content: center;background-color: #F0FAFC;padding:15px}
.cityAndCallWrap .selectize-control{width: 100%;}
.cityAndCallWrap .selectize-control .selectize-input{background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box!important;border-radius: 22px!important;color: #fff;font: normal normal bold 12px/18px Jost;padding-left: 8px;}
.cityAndCallWrap .selectize-control .selectize-input {min-width: 150px!important;}
.cityAndCallWrap .selectize-control .selectize-input input{padding: 0px 10px!important;}
.cityAndCallWrap .selectize-control .selectize-input input::placeholder{color: #fff;font: normal normal bold 13px/18px Jost;}
.cityAndCallWrap .selectize-control .selectize-input::after{border-color: white rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)!important;border-width: 5px 5px 0 5px!important;
margin-top: -4px!important;}



.cityAndCallWrap ul.cityAndCall{display: flex;gap:12px;margin-bottom: 0px;width: 100%;}
.cityAndCallWrap ul.cityAndCall li{display: flex;align-items: center;gap:8px;flex:1}
.cityAndCallWrap ul.cityAndCall li a{border: 1px solid #059AD6;display: flex;align-items: center;gap:8px;border-radius: 20px;width: 100%;}
.cityAndCallWrap ul.cityAndCall li:last-child span{display: block;padding: 0px 10px;font: normal normal bold 14px/18px Jost;color: #059AD6;}
.cityAndCallWrap ul.cityAndCall li img{background-color: #059AD6;border-radius: 100%;padding: 6px;}



.SumoSelect>.CaptionCont>span{text-align: center;padding: 0px 35px 0px 15px!important;}
.headerRight .selectize-control .selectize-input{background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box!important;border-radius: 22px!important;color: #fff;font: normal normal bold 14px/18px Jost;padding-left: 8px;}
.headerRight .selectize-control .selectize-input {min-width: 150px!important;font: normal normal bold 14px/18px Jost}
.headerRight .selectize-control .selectize-input input{padding: 0px 10px!important;}
.headerRight .selectize-control .selectize-input input::placeholder{color: #fff;font: normal normal bold 13px/18px Jost;}
.headerRight .selectize-control .selectize-input::after{border-color: white rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)!important;border-width: 5px 5px 0 5px!important;
margin-top: -4px!important;}

.SumoSelect>.CaptionCont>label>i{filter: brightness(0) invert(100%);}





.headerRight ul.cityAndCall{display: flex;gap:12px;margin-bottom: 12px;}
.headerRight ul.cityAndCall li{display: flex;align-items: center;gap:8px;}
.headerRight ul.cityAndCall li a{border: 1px solid #059AD6;display: flex;align-items: center;gap:0px;border-radius: 20px;}
.headerRight ul.cityAndCall li:last-child span{display: block;padding: 0px 10px;font: normal normal bold 15px/20px Jost;color: #059AD6;}
.headerRight ul.cityAndCall li img{background-color: #059AD6;border-radius: 100%;padding: 6px;}


.sliderWrap{margin-bottom: 0px;position: relative;}
.sliderWrap form{display: flex!important;align-items: center;justify-content: flex-end;flex-direction: column;text-align: center;gap: 20px;}
.sliderWrap form .sliderText1{background: transparent linear-gradient(90deg, #00287A 0%, #008BDA 100%) 0% 0% no-repeat padding-box;border-radius: 41px;
font: normal normal normal 25px/40px Jost;color: #FFFFFF;padding: 8px;}
.sliderWrap form .sliderText2{font: normal normal normal 16px/25px Jost;color: #FFFFFF;}
.sliderWrap .container{position: absolute;z-index: 1;bottom: 30px;margin:0 auto;left:0px;right:0px}


.slideWrap{margin-top: 0px;display: flex!important;align-items: center;justify-content: flex-end;flex-direction: column;}
.sliderSlick{opacity: 0;transition: 500ms;margin-bottom: 0px!important;padding: 0px;}
.sliderBtnGroup{bottom:15px;position: absolute;left:0px;right:0px;margin: auto;}
.slideWrap{background-position: center top;background-size: cover;}


.sliderSlick .slick-dots{left: 0px;bottom:0px;display: inline-flex;justify-content: flex-start;gap:8px;position: relative;z-index: 1;margin: inherit;width: auto!important;
align-items: center;margin-right: 15px;}
.sliderSlick .slick-dots li{width: 25px;height:25px;}
.sliderSlick .slick-dots li button:before{color:inherit;border:1px solid #fff;border-radius: 100%;width: 25px;height:25px;}
.sliderSlick .slick-dots li.slick-active button:before{color:#fff}
.sliderSlick .slick-dots li.slick-active button{background-color: #fff;border-radius: 100%;width: 25px;height: 25px;}
.safari .sliderSlick .slick-dots li button:before{line-height: 25px!important;}
.sliderSlick .slick-prev{left: 30px!important;top:43%!important;}
.sliderSlick .slick-next{right:30px!important;bottom:43%!important;}


.sliderBottomButtonWrap .col-xs-12{display: flex;align-items: center;justify-content: center;margin-top: -30px;gap:12px}
.sliderBottomButtonWrap a{display: inline-flex;align-items: center;gap:10px;position: relative;}
.sliderBottomButtonWrap a::before{content:'';background: #2C4695;position: absolute;left:6px;top:5px;width: 40px;height: 40px;border-radius: 30px;box-shadow: inset 0px 3px 6px #00000029;transition: 400ms;}
.sliderBottomButtonWrap a:hover::before{width: calc(100% - 12px);}
.sliderBottomButtonWrap a span{transition: 400ms;position: relative;z-index: 1;}
.sliderBottomButtonWrap a:hover span{color:#fff;}
.sliderBottomButtonWrap a img{width: 35px;}

.sliderBottomButtonWrap a.plus{box-shadow: inset 0px 3px 6px #00000029;border-radius: 62px;background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;font: normal normal bold 16px/24px Jost;color: #2C4695;padding: 8px 20px 8px 8px;}
.sliderBottomButtonWrap a.plus img{border-radius: 47px;padding: 8px;position: relative;z-index: 1;}

.sliderBottomButtonWrap a.call{box-shadow: inset 0px 3px 6px #00000029;border-radius: 62px;background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;font: normal normal bold 16px/24px Jost;color: #2C4695;padding: 8px 20px 8px 8px;}
.sliderBottomButtonWrap a.call img{border-radius: 47px;padding: 8px;position: relative;z-index: 1;}



.homeCol1GreenWrap{margin-top: -23px;background: transparent linear-gradient(180deg, rgb(5, 154, 214,0.05) 100%, rgb(255,255,255,255) 0%);}


.whiteCol{background: #FFFFFF;box-shadow: inset 0px 3px 6px #00000029;border-radius: 20px;}

.whiteShadowCol.whiteShadowColTop{margin-top: 30px;}
.whiteShadowCol{background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 6px #00000029;border-radius: 20px;}

.whiteShadowCol form{display: grid;grid-template-columns: repeat(4,1fr);align-items: center;}
.whiteShadowCol form .detayBtn{margin: 0px;}
.siziArayalimFormCol{padding: 15px;}
.siziArayalimFormCol input,.siziArayalimFormCol select{height: 50px;box-shadow: inset 0px 3px 6px #00000029!important;border-radius: 10px;border: none;}
.siziArayalimFormCol a{height: 50px;border-radius: 31px;display: flex!important;}
.siziArayalimFormCol input::placeholder,.siziArayalimFormCol select{font: normal normal normal 13px/18px Jost;color: #898989;}
.siziArayalimFormCol button{width: 100%;}


.tabsCol_{margin-top: 30px;text-align: center;}
.tabsCol_ ul{display: inline-flex;align-items: center;justify-content: center;gap:15px;border-bottom:1px solid #059AD6;padding: 0px 15px;}
.tabsCol_ ul li{cursor: pointer;font: normal normal normal 16px/22px Jost;color: #2C4695;padding: 4px 8px;}
.tabsCol_ ul li a{font: normal normal normal 16px/22px Jost;color: #2C4695;display: block;}
.tabsCol_ ul li.active,
.tabsCol_ ul li.active a{background-color: #059AD6;color:#fff}
.tabsCol_ ul li:hover,
.tabsCol_ ul li:hover a{background-color: #059AD6;color:#fff}

.tabContents_{margin-top: 30px;display: grid;gap:15px;grid-template-columns: repeat(var(--three),1fr);}
.tabContents_ .tabContent{padding: 30px;width: 100%;display: none;margin-bottom: 30px;}
.tabContents_ .tabContent.whiteShadowCol{background-image:linear-gradient(90deg, transparent 40%, #2C4695 0%),url("../images/zemin-2.png");
  transition: 500ms;background-position: left;background-size: 200%, cover;}
.tabContents_ .tabContent.whiteShadowCol:hover{background-position: right;}
.tabContents_ .tabContent.active{display: flex;flex-wrap: wrap;}
.tabContents_ .tabContent h3{font: normal normal bold 18px/26px Jost;color: #2C4695;margin-bottom: 8px;width: calc(100% - 120px);}
.tabContents_ .tabContent .text{margin-bottom: 30px;width: calc(100% - 120px);}
.tabContents_ .tabContent .text *{color:#000!important}
.tabContents_ .tabContent .text ul {padding-left: 15px;}
.tabContents_ .tabContent .text ul li{list-style-type: disc;}

.tabContents_ .tabContent:hover h3,
.tabContents_ .tabContent:hover .text,
.tabContents_ .tabContent:hover .text *{color:#fff!important}
.tabContents_ .tabContent:hover .price_ span.price{background-color: #008BDA;}

.tabContents_ .tabContent .price_{display: flex;align-items: flex-end;justify-content: space-between;margin:auto -30px -40px -30px}
.tabContents_ .tabContent .price_ li{flex: 1;}
.tabContents_ .tabContent .price_ li:nth-child(2){text-align: right;}
.tabContents_ .tabContent .price_ img{max-width: 120px;transition: 500ms;transform-origin: right;filter: drop-shadow(0px 0px 10px #008BDA);}
.tabContents_ .tabContent.whiteShadowCol:hover .price_ img{transform: scale(1.2);}
.tabContents_ .tabContent .price_ span.price{background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%)!important;box-shadow: inset 0px 3px 6px #00000029;border-radius: 26px;padding: 10px 15px;color:#fff;font: normal normal bold 22px/24px Jost;}
.tabContents_ .tabContent a{display: flex;flex-direction: column;justify-content: flex-start;width: 100%;}

.allCampaignBtn{margin-top: 45px;text-align: center;margin-bottom: 45px;}

.tabContents_ .tabContent .price_{margin: auto -30px -20px -15px;}



.homeUrunlerWrap{margin-top: 0px;}
.homeUrunlerWrap > .row{background: transparent url('../images/tumUrunlerBg.svg') 0% 0% no-repeat padding-box;min-height: 500px;background-color: #00287A;}


.urunList_{margin-top: 45px;}
.urunList img{border-radius: 60px 0px;}
.urunList h4{font: normal normal bold 20px/28px Jost;color: #FFFFFF;display: block;margin-top: 8px;margin-bottom: 8px;border-bottom:1px solid #fff;padding-block: 8px;}

.urunList .productImg{position: relative;}
.urunList .productImg::before{content:'';position: absolute;bottom:-8px;left:0px;width: 40px;height: 8px;background-color: #059AD6;transition: 300ms;}
.urunList:hover .productImg::before{width: calc(100% - 60px);}
.urunList:hover h4{color:#059AD6}


.homeProductInCategory_{display: grid;grid-template-columns: repeat(var(--three),1fr);gap:15px;margin-top: 30px;margin-bottom: 30px;}
.homeProductInCategory{background: transparent linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%) 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 6px #00000029;border-radius: 20px;width: 100%;text-align: center;padding: 30px;}
.homeProductInCategory img{width: calc(100% / 2);transition: 500ms;}
.homeProductInCategory:hover img.back{opacity: 1}
.homeProductInCategory:hover img.forward{opacity: 0}
.homeProductInCategory img.back{position: absolute;left:0px;margin:auto;right:0px;width: 70px;opacity: 0;}
.homeProductInCategory h3{color:#00287A;margin-block: 12px;font: normal normal bold 18px/24px Jost;}
.homeProductInCategory p{font: normal normal normal 14px/20px Jost;color: #2C4695;}


.homeUrunlerWrap .altYapiSorgulamaWrap{background-color: rgba(0, 0, 0, 0.3);}
.homeUrunlerWrap .altYapiSorgulamaWrap .titleWrap{margin-bottom: 30px;}
.altyapiFormList ul{display: grid;grid-template-columns: repeat(5,1fr);align-items: center;justify-content: center;gap:8px;text-align: center;}
.altyapiFormList ul select{box-shadow: inset 0px 3px 6px #00000029;border-radius: 10px;height: 50px;font: normal normal normal 15px/22px Jost;color: #898989;}
.altyapiFormList ul li:last-child{grid-column: 1 / -1;}
.altyapiFormList ul li:last-child .sorgulaBtn{margin-top: 15px;margin-bottom: 45px;}
.altyapiFormList ul li:last-child .sorgulaBtn a{background-color:#008BDA;color:#fff;padding: 12px 20px;border-radius: 31px;display: inline-block;}
.altyapiFormList ul li:last-child .sorgulaBtn a:hover{background-color: #fff;color:#008BDA;}


.hangiSehirlerdeWrap{background: linear-gradient(180deg, rgba(227,247,255,1) 0%, rgba(255,255,255,1) 30%);min-height: 500px;}
.kablonetIllerList{margin-top: 30px;}
.kablonetIllerList ul{display: grid;align-items: center;justify-content: flex-start;gap:6px;grid-template-columns: repeat(6,1fr);}
.kablonetIllerList ul li a{display: block;background: transparent linear-gradient(90deg, #059AD6 50%, #E3F7FF 50%);border-radius: 36px;;border: 1px solid #059AD6;padding:12px 8px;text-align: center;transition: 300ms;background-size: 200%;background-position: right;}
.kablonetIllerList ul li{margin-bottom: 12px;}
.kablonetIllerList ul li a:hover{background-position: left!important;color:#fff}


.sinemaSlick{margin-top: 30px;}
.sinemaSlick .slick-list{margin:0px -10px}
.sinemaSlick .slick-slide{margin:0px 10px}
.sinemaSlick .slick-slide h4{background: #2C4695;font: normal normal normal 16px/24px Jost;color: #FFFFFF;padding: 8px;position: relative;z-index: 1;}
.sinemaSlick .slick-slide span{padding-bottom: 148%;background-position: center;background-size: cover;display: block;transition: 300ms;}

.sinemaSlick .slick-slide .detayBtn{position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);z-index: 1;transition: 300ms;opacity: 0;}
.sinemaSlick .slick-slide .detayBtn a{height: 32px;align-items: flex-start;}
.sinemaSlick .slick-slide .sinemaGrid{position: relative;}
.sinemaSlick .slick-slide .sinemaGrid::before{content:'';position: absolute;left: 0px;right: 0px;bottom:0px;top:0px;width: 100%;height: 100%;background-color: rgb(44, 70, 149);
opacity: 0;margin:auto;transition: 300ms;}
.sinemaSlick .slick-slide:hover .sinemaGrid::before{opacity: 0.66;}
.sinemaSlick .slick-slide:hover .sinemaGrid .detayBtn{top: 50%;opacity: 1;}

.sinemaGrid img.lazy{height:400px;object-fit: cover;}


.homeBottomHizmetlerListInner{background: #E3F7FF;border: 1px solid #059AD6;border-radius: 36px;text-align: center;padding: 30px 15px;min-height: 260px;}
.homeBottomHizmetlerListInner img{width: 120px;height: 65px;object-fit: contain;}
.homeBottomHizmetlerListInner h4{font: normal normal bold 20px/26px Jost;color: #2C4695;margin-block: 15px;}
.homeBottomHizmetlerListInner p{color:#2C4695}

.homeBottomHizmetlerWrap{margin-top: 60px;}
.homeBottomHizmetlerWrap .text.fullText{margin-block: 30px;}
.homeBottomHizmetlerWrap .text.fullText.colorWhite{color:#fff!important}
a.devaminiOku{font: normal normal bold 14px/22px Jost!important;color: #2C4695;display: block;float: right;margin-top: 15px;}


.sssAccordionCol{box-shadow: inset 0px 3px 6px #00000029;border-radius: 20px;padding: 15px;transition: 2s;}
.sssAccordionCol:hover{background: transparent linear-gradient(90deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box;}
.sssAccordionCol.active{background: transparent linear-gradient(90deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box;}
.sssAccordionCol:not(:last-child){margin-bottom: 15px;}
.sssAccordionCol h4{display: flex;align-items: center;justify-content: space-between;cursor: pointer;font: normal normal bold 18px/24px Jost;color: #2C4695;}
.sssAccordionCol .text{color:#fff;position: relative;opacity: 0;visibility: hidden;max-height: 0;transition: max-height 300ms ease;overflow: hidden;
position: absolute;top: -40px;left: 0px;}
.sssAccordionCol:hover h4,.sssAccordionCol.active h4{color:#fff}
.sssAccordionCol.active .text{opacity: 1;visibility: visible;transition: max-height 900ms ease;max-height: 500px;position: relative;top: 10px;margin-bottom: 15px;}
.sssAccordionCol h4 i{transition: 500ms;}
.sssAccordionCol.active h4 i{transform: rotate(180deg);}

.sssAccordionCol .text *{font: normal normal 300 14px/18px Jost!important;color:#fff}


.footerWrap a:hover{opacity: 0.8;}
.footerWrap{background: transparent linear-gradient(91deg, #059AD6 0%, #2C4695 100%) 0% 0% no-repeat padding-box;margin-top: 60px;padding-top: 30px;border-bottom:1px solid #868686;padding-bottom: 30px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);position: relative;min-height: 300px;}
.footerWrap::before{content:'';position: absolute;left:0px;top:15px;width: 100%;height: 100%;background: url("../images/icons/logoIconBlue.svg") center center/contain no-repeat;
opacity: 0.22;}
.footerLogo{display: flex;flex-direction: column;align-items: flex-start;padding: 0px;}
.footerLogo img:nth-child(1){width: 100%;max-width: 160px;margin-left: 15px;margin-bottom: 8px;filter: brightness(0) invert(100%);}

.cityAndCallParent{margin-top: 0px;font: normal normal normal 16px/22px Jost;color: #FFFFFF;;}
.cityAndCallParent ul.cityAndCall li{display: flex;align-items: center;gap:8px;margin-bottom: 8px;}
.cityAndCallParent ul.cityAndCall li a{border: 1px solid #2C4695;display: flex;align-items: center;gap:8px;border-radius: 20px;background-color: #fff;}
.cityAndCallParent ul.cityAndCall li:last-child span{display: block;padding: 0px 10px;font: normal normal bold 14px/20px Jost;color: #2C4695;}
.cityAndCallParent ul.cityAndCall li img{background-color: #2C4695;border-radius: 100%;padding: 6px;}

.footerLeft{padding: 0px;}
.footerSocial{padding: 0px;}
.footerSocial img{max-width: 100%;}
.footerLeftContact{padding:0px 0px 0px 30px}
.footerRight li.unvan{font: normal normal bold 14px/18px Jost;color: #fff;margin-bottom: 8px;}
.footerRight li.adres{font: normal normal normal 16px/22px Jost;color: #fff;border-bottom:1px solid #fff;padding-bottom: 8px;}
.footerRight li.telefon{font: normal normal normal 16px/20px Jost;color: #fff;}
.footerRight li.mail{font: normal normal normal 16px/20px Jost;color: #fff;}

.footerRight ul ul li a{display: flex;align-items: center;justify-content: flex-start;gap:12px;padding:10px 0px;color:#fff}
.footerRight ul ul li a{border-bottom:1px solid #fff}

.footerRight{display: flex;justify-content: flex-end;gap:60px}
.footerRight ul{margin-bottom: 15px;}
.footerRight ul li a{color: #fff;font: normal normal normal 14px/18px Jost;position: relative;}

.footerTit{font: normal normal bold 14px/21px Jost;color: #fff;}


.register{margin-top: 30px;}
.register ul{display: flex;align-items: center;justify-content: space-between;padding:15px 0px;color:#FFF;border-top:1px solid #fff}




@media(max-width:768px){
  .text,
  .text *{font: normal normal 300 16px/22px Jost!important;}
  .title{font: normal normal bold 15px/24px Jost;}
  .vizyonMisyon h3{font: normal normal bold 16px/24px Jost;}
  .leftTitle{font: normal normal bold 16px/24px Jost;margin-top: 15px;}
  .titleWrap{margin-top: 45px;}


  .pageTopFluid::before{clip-path: polygon(55% 0%,100% 0%,100% 100%,0% 100%,0% 90%,45% 90%);}
  .pageMobileBrand{display: inline-block;position: absolute;right:15px;top:21px;z-index: 101;}
  .pageMobileBrand span{background-color: #D80F1A;transition: 1000ms;transition-delay: 300ms;}
  .pageMobileBrand.active span:nth-child(1){top: 10px;transform: rotate(-45deg);}
  .pageMobileBrand.active span:nth-child(2){opacity: 0;visibility: hidden;}
  .pageMobileBrand.active span:nth-child(3){top: 10px;transform: rotate(45deg);width: 100%;}
  .pageMobileBrand.active span{background-color: #D80F1A;}


  .siteTopParent .col-xs-12{padding:0px 15px 0px 0px;}
  .siteTopMenuParent a{padding: 4px 4px;}
  .siteTopMenuParent img{object-fit: contain;height: 20px;}
  .siteTopMenuParent{width: calc(100%);margin-bottom: 0px!important;}
  .siteTopMenuParent .slick-list{margin:0px -2px}
  .siteTopMenuParent .slick-slide{margin:0px 2px}

  .headerRight > .headerNavbar .headerNavbar{top: 30px;}
  .headerNavbar {padding: 0px;}


  .headerFlex{height: 65px;}
  .headerLeft{width: 120px;}
  .headerRight{position: fixed;z-index: 100;top:0px;left: 0px;width: 100%;height: 100vh;background-color: #fff;flex-direction: column-reverse;justify-content: center;
  transition: 300ms;visibility: hidden;opacity: 0;overflow: hidden;overflow-y: auto;align-items: flex-start;}
  .headerRight.active{opacity: 1;visibility: visible;top:-55px}
  .headerRight > .headerNavbar > li > a{color:#000;opacity: 0;justify-content: flex-start;padding: 8px;font: normal normal normal 16px/20px Jost;}
  .headerRight > .headerNavbar > li > a::before{bottom:5px;left:auto;right:auto;margin:auto}
  .headerRight > .headerNavbar{flex-direction: column;}
  .headerRight > .headerNavbar{gap:0px}

  .headerRight ul.headerRightBox li input::placeholder{color:#000}
  .headerRight ul.headerRightBox li input{color:#000;padding:8px 15px}
  .headerRight ul.headerRightBox li{color:#000;border:1px solid #000;}
  .headerRight ul.headerRightBox{flex-direction: column;}

  .headerRight > .headerNavbar{width: 100%;height:auto;position: relative;display: block;padding-left: 15px;}
  .headerRight > .headerNavbar > li{position: relative;justify-content: flex-start;}

  .headerRight ul.cityAndCall{padding-left: 15px;display: none;}

  .bigTitleRight, .bigTitleLeftCol{width: auto;}

  .headerRight > .headerNavbar > li > a::after{top:13px}


  .sliderBottomButtonWrap a{gap:0px}
  .sliderBottomButtonWrap a.plus{font: normal normal bold 10px/14px Jost;padding: 4px 12px 4px 4px;}
  .sliderBottomButtonWrap a::before{width: 25px;height: 25px;top: 9px;left:8px}
  .sliderBottomButtonWrap a.call{font: normal normal bold 10px/14px Jost;padding: 4px 12px 4px 4px;}
  .sliderBottomButtonWrap a img{padding: 10px!important;}
  .sliderBottomButtonWrap a span{white-space: initial;width: calc(100% - 45px);}


  .sliderWrap{margin-bottom: 30px;}
  .sliderSlick .slick-slide{height: auto!important;}
  .sliderSlick .slick-prev{width: 25px!important;height: 25px!important;left: 15px!important;}
  .sliderSlick .slick-next{width: 25px!important;height: 25px!important;right: 15px!important;}

  .searchParent input{height: 45px;}
  .searchParent .btn{top: 4px;right: 20px;}
  .sliderWrap form .sliderText1{font: normal normal normal 16px/26px Jost;}
  .sliderWrap form .sliderText2{font: normal normal normal 13px/18px Jost;}
  .sliderBottomButtonWrap .col-xs-12{margin-top: -53px;}
  .homeCol1GreenWrap{margin-top: -30px;}


  .title.line{margin-top: 8px;}

  .cityAndCallWrap{display: flex;}

  .headerLeft a{padding: 0px 25px;margin-left: -25px;}
  .pageMobileBrand span{background-color: #0597D2;}
  .pageMobileBrand.active span{background-color: #0597D2;}


  .whiteShadowCol form{grid-template-columns: repeat(2,1fr);padding: 15px 0px;}
  .whiteShadowCol form .detayBtn{grid-column: 1 / -1;}
  .siziArayalimFormCol{padding: 4px;}
  .siziArayalimParent{margin-inline: 15px;width: auto;}

  .tabsCol_{overflow-x: scroll;}
  .tabsCol_ ul li,.tabsCol_ ul li a{font: normal normal normal 11px/18px Jost;white-space: nowrap;}

  .tabContents_ .tabContent h3{font: normal normal bold 20px/24px Jost;}
  .tabContents_{grid-template-columns: repeat(1,1fr);}
  .tabContents_ .tabContent{padding: 15px;}
  .tabContents_ .tabContent .price_ span.price{font: normal normal bold 20px/24px Jost;padding: 4px 10px;}

  .detayBtn a{font: normal normal normal 11px/13px Jost;}
  .detayBtn.lacivert a{padding: 8px 10px;}


  .urunList{padding: 0px;}
  .urunList h4{font: normal normal bold 13px/28px Jost;margin-top: 0px;}
  .urunList_ .urunList:not(:last-child){margin-bottom: 15px;}


  .homeProductInCategory_{grid-template-columns: repeat(var(--one),1fr);}
  .homeProductInCategory h3{font: normal normal bold 14px/24px Jost;}
  .homeProductInCategory p{font: normal normal normal 11px/18px Jost;}

  .altyapiFormList ul{grid-template-columns: repeat(2,1fr);}
  .altyapiFormList ul li:last-child{grid-column: 1 / -1;}
  .altyapiFormList{padding: 0px 30px;}
  



  .kablonetIllerList ul{grid-template-columns: repeat(4,1fr);}
  .kablonetIllerList ul li a{font-size: 11px;padding: 8px 6px;}

  .sinemaSlick .slick-slide h4{font: normal normal normal 11px/18px Jost;}


  .homeBottomHizmetlerList:not(:last-child){margin-bottom: 15px;}
  .homeBottomHizmetlerListInner h4{font: normal normal bold 16px/20px Jost;}


  .sssAccordionCol h4{font: normal normal bold 14px/18px Jost;}


  

.footerLogo img:nth-child(2){margin-left: 15px;}
  .footerLogo{padding: 0px;margin-bottom: 8px;}
  .footerLeft{width: 100%;margin-bottom: 15px;}
  .footerLeftContact{padding: 0px;margin-block: 15px;}
  .footerRight{width: 100%;justify-content: flex-start;flex-direction: column;gap:20px}
  .footerRight ul:first-child{max-width: inherit;padding: 0px;}
  .footerRight ul:last-child{flex-direction: column;}
  .register ul{flex-direction: column;align-items: flex-start;}
  .footerFluid{margin-top: 30px;}
}







.loader img{max-width: 100%;animation: loaderAnimation 1.5s infinite;}
.loader{position: fixed;left:0px;top:0px;width: 100%;height: 100%;background-color: #fff;z-index: 9999;display: flex;align-items: center;justify-content: center;
transition: 500ms;}
.loader.gizle {opacity: 0;visibility: hidden;}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  z-index: 10;
  transition: 300ms;
}


@keyframes loaderAnimation {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}

.grecaptcha-badge {
    display: none !important;
}

.footerBar {
    display: none;
}

@media only screen and (max-width: 768px) {
    .footerBar {
        position: fixed;
        top: 45%;
        right: 0;
        display: flex;
        flex-direction: column;
        z-index: 999;
    }
    
    .whatsAppBlock,
    .phoneBlock {
        font-size: 3rem;
        color: white !important;
        padding: 1rem;
    }
    
    .whatsAppBlock:hover,
    .phoneBlock:hover {
        color: white;
        scale: 1.1;
    }
    
    .whatsAppBlock {
        background-color: #075E54;
        border-radius: 1rem 0rem 0rem 0rem;
    }
    
    .phoneBlock {
        background-color: #34B7F1;
        border-radius: 0rem 0rem 0rem 1rem;
    }
}

.footerAboneOl {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.aboneOlBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: #D04848;
    font-size: 2rem;
    font-weight: 700;
    color: white !important;
    padding: 1rem 4rem;
    border-radius: 0rem 1rem 0rem 0rem;
}