*{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: 'Jost', sans-serif;position:relative;background-image:url("../images/bg.jpg");overflow: hidden;overflow-y: auto;overflow-x: hidden;}

.mainK{overflow: hidden;overflow-y: auto;overflow-x: hidden;position: relative;height: 100vh;}

.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;top:10px;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 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: 40px;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 0px;margin-top: 0px;margin-bottom: 0px;background-color: #16394F ;}
.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 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}


.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 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:#111E72;border:1px solid #111E72;border-radius: 0px;background: linear-gradient(90deg,#111E72 50%,#fff 50%);background-size: 200%;background-position: right;}
.detayBtn a:hover{background-position: left;color:#fff}

.columnReverse{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}


.titleWrap{margin-top: 45px;}
.title{font:normal normal bold 36px/52px Jost;color: #111E72;display: inline-block;}
.title.icon{background-image: url("../images/icons/titleBg.svg");background-repeat: no-repeat;background-position: center;background-size: contain;
display: inline-flex;align-items: center;justify-content: center;}
.title.line::before{content:'';left:15px;bottom:0px;height: 4px;width: 50px;background-color: #111E72;position: absolute;}
.title::before{content:'';left:15px;bottom:0px;height: 4px;width: 50px;background-color: #111E72;position: absolute;right:0px;margin:auto}

.text{font: normal normal 300 18px/26px Jost;color: #111E72;}


.navbarTitle{font: normal normal bold 18px/24px Jost;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;}
.pageNavbarParent{border: 1px solid #BFBFBF;background: #FFFFFF;padding: 20px 20px;}
.pageNavbarParent .pageNavbar{overflow: hidden;overflow-y: auto;padding: 0px 0px;}
.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:8px 0px;font: normal normal 600 16px/20px Jost;color: #111E72;
transition: 300ms;position: relative;}
.pageNavbarParent .pageNavbar li a:hover{color:#E13510}
.pageNavbarParent .pageNavbar li a.active{color:#E13510;font: normal normal 600 14px/18px Jost!important}
.pageNavbarParent .pageNavbar li:not(:last-child) a{border-bottom: 1px solid #000;}
.pageNavbarParent .pageNavbar .pageNavbar{padding:  0px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;}
.pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 8px;font: normal normal 400 14px/18px Jost}
.pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 16px;}
.pageNavbarParent .pageNavbar li a.active::before{content:'';position: absolute;right:8px;top:10px;background-color: #CFB53B;border-radius: 100%;width: 15px;height: 15px;
display: none;}



.pageInnerContentWrap{margin-top: 30px;margin-bottom: 75px;}
.pageContent{padding:0px 15px}

.topBigTitleFluid{background-image: url("../images/bg.svg"), linear-gradient(97deg, #111E72 0%, #2B3CAF 100%);border-top:5px solid #E13510;
background-repeat: no-repeat;background-position: right top;background-size: auto,auto;}

.topBigTitleFluid .bigTitleTwoColumn{height: 100px;}
.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;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap a{font: normal normal normal 14px/20px Jost;color: #FFFFFF;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #FFFFFF;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child a{font-weight: 600;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child i{display: none;}


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

.siteTopWrap{background: #fff   0% 0% no-repeat padding-box;position: relative;top:0;z-index: 13;border-bottom:1px solid #DEDFEB}
.siteTopWrap ul{display: flex;align-items: center;justify-content: flex-end;gap:8px;}
.siteTopWrap ul li a{display: flex;align-items: center;justify-content: center;gap:8px;font: normal normal 400 12px/17px Jost;color: #111E72;padding: 12px 0px;}
.siteTopWrap ul li a i{color:#111E72;z-index: 1;font-size: 16px;}
.siteTopWrap ul li a span{z-index: 1;}

.siteTopWrap ul li a.catalog{transition: 300ms;position: relative;background: #111E72;border-radius: 0px 20px;overflow: hidden;color:#fff;padding: 8px ;}
.siteTopWrap ul li a.catalog i{color:#fff}
.siteTopWrap ul li a.catalog::before{content:'';left:0px;top:0px;width: 0px;height: 100%;position: absolute;transition: 300ms;background-color: #009F9F;z-index: 0;}
.siteTopWrap ul li a.catalog:hover::before{width: 100%;}



.pageTopFluid{position: sticky;left:0px;top:0px;width: 100%;z-index: 2;background-color: #fff;}


.headerFlex{display: flex;align-items: center;justify-content: space-between;height: 100px;margin-top: 0px;padding: 0px 15px;}

.headerLeft{width: 200px;float:left;}
.headerLeft a{display:flex;align-items: center;justify-content: center;}
.headerLeft a img{transition: 300ms;}
.headerLeft a:hover img{transform: scale(1.1);}
.headerCenter{width: calc(100% - 200px);float:right;display: flex;align-items: center;justify-content: flex-end;z-index: 2;gap:30px}
.headerCenter > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:15px}
.headerCenter > .headerNavbar > li{position: relative;}
.headerCenter > .headerNavbar > li > a{display:flex;align-items:center;gap:8px;font: normal normal normal 14px/19px Jost;color: #111E72;position: relative;padding: 6px 0px;}
.headerCenter > .headerNavbar > li > a::before{content:'';left:0px;bottom:0px;width: 20px;height: 2px;background-color: #E13510;position: absolute;transition: 300ms;right:0px;margin:auto}
.headerCenter > .headerNavbar > li > a:hover::before{width: 100%;}

.headerCenter > .headerNavbar .headerNavbar{position: absolute;background-color: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);z-index: 12;min-width: 220px;left:0px;
  top:65px;transition: 300ms;visibility: hidden;opacity: 0;}
.headerCenter > .headerNavbar .headerNavbar li a{display: block;padding:12px 12px;font: normal normal 300 12px/17px Jost;color: #111E72;transition: 300ms;}
.headerCenter > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;}
.headerCenter > .headerNavbar .headerNavbar.active li a{background-color: #fff ;font: normal normal 900 12px/17px Jost;color: #111E72;transition: 300ms;}
.headerCenter > .headerNavbar .headerNavbar.active li a:hover{background-color: #F0F0F0;text-decoration: underline!important;}
.headerCenter > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid #D3D3D3;}

.headerCenter ul.headerRightBox{display: flex;align-items: center;justify-content: flex-end;gap:8px}
.headerCenter ul.headerRightBox li{font: normal normal normal 14px/20px Jost;color: #FFFFFF;position: relative;border:1px solid #fff;height: 35px;padding:12px 8px;
display: flex;align-items: center;gap:8px}
.headerCenter ul.headerRightBox li input{background-color: transparent;border-radius: 0px;border-width: 0px;text-indent: 0px!important;padding: 0px;
min-width: 150px;color:#fff;}
.headerCenter ul.headerRightBox li input::placeholder{color:#fff;}
.headerCenter ul.headerRightBox li button{position: absolute;right:0px;top:8px;background-color: transparent;}
.headerCenter ul.headerRightBox li button i{font-size: 18px;font-weight: 600;}





.slideWrap{border-top:5px solid #E13510}
.sliderSlick{opacity: 0;transition: 500ms;margin-bottom: 0px!important;}
.sliderBtnGroup{bottom:15px;position: absolute;left:0px;right:0px;margin: auto;}
.sliderBtnGroup .col-xs-12{display: flex;justify-content: flex-end;flex-direction: row-reverse;}
.slideWrap{background-position: center;background-size: cover;}
.sliderSlick h3{font: normal normal bold 49px/62px Jost;color: #FFFFFF;}
.sliderSlick .sliderText{text-align: left;font: normal normal normal 45px/60px Jost;color: #FFFFFF;position: relative;}
.sliderSlick .sliderText::before{content:'';position: absolute;left:0px;bottom:-5px;height: 5px;width: 120px;background-color: #E13510;}
.sliderSlick .slick-slide .row > div{display: flex!important;align-items: flex-start;padding:0px 0px;flex-direction: column;justify-content: center;}

.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{right: 60px!important;bottom:15px!important;}
.sliderSlick .slick-next{right: 15px!important;bottom:15px!important;}
.sliderSlick .slick-slide{min-height: 70vh;display: flex!important;align-items: center;background-position: center center;background-size: cover;background-repeat: no-repeat;}



.homeKurumsalWrap{margin-top: 60px;}
.homeKurumsalWrap .row{display: flex;align-items: center;justify-content: center;}
.kurumsalTitle h3{font: normal normal bold 45px/50px Jost;color: #111E72;position: relative;border-left:5px solid #E13510;padding:12px 0px 12px 15px}

.vizyonMisyonWrap{margin-top: 60px;}

.vizyonMisyonWrap .card{padding:45px 45px}
.vizyonMisyonWrap h4{color: #FFFFFF;font: normal normal bold 22px/30px Jost;}
.vizyonMisyonWrap .text{color: #FFFFFF;font: normal normal normal 16px/24px Jost;padding: 0px;margin-top: 8px;}
.misyonParent{background-color: #111E72;background-image: url("../images/bg.svg");background-repeat: no-repeat;background-position: center right;background-size: contain;}
.vizyonParent{background-color: #E13510;background-image: url("../images/bg.svg");background-repeat: no-repeat;background-position: center right;background-size: contain;}


.urunGrubuWrap{margin-top: 60px;}
.urunGrubuWrap .row{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.urunGrubuList img{border-radius: 0px 0px 0px 0px;}
.urunGrubuList h4{margin-top: 4px;position: relative;overflow-x: hidden;padding-bottom: 5px;}
.urunGrubuList h4::after{content:'';position: absolute;right:13px;top:0px;width: 100%;height:calc(100% - 5px);background: #111E72;z-index: 0;transform: skewX(-25deg);}
.urunGrubuList h4::before{content:'';bottom:0px;left:0px;width: 60px;height: 5px;background: #E13510;position: absolute;}
.urunGrubuList h4 span{font: normal normal bold 16px/20px Jost;color: #FFFFFF;padding:15px;display: block;position: relative;z-index: 1;}
.urunGrubuList .text{margin-top: 15px;}



.homeUrunlerWrap{margin-top: 60px;}
.homeUrunlerParentInner{background-image: url("../images/bg.svg"),linear-gradient(90deg,transparent 20%,#111E72 20%);padding: 0px;display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-position: right center,center;background-size: contain;}
.homeUrunlerSlick{padding: 45px 0px;}
.homeUrunlerTextParent{padding: 0px 75px;}
.homeUrunlerTextParent h3{font: normal normal bold 24px/35px Jost;color: #FFFFFF;}
.homeUrunlerTextParent .text{font: normal normal normal 18px/26px Jost;color: #FFFFFF;padding: 0px;}
.homeUrunlerTextParent .btn{background-image: linear-gradient(90deg,#fff 50%,transparent 50%);border:1px solid #fff;color:#fff}
.homeUrunlerTextParent .btn:hover{color:#000}

.homeUrunlerSlick .slick-slide{position: relative;}
.imageOnText{position: absolute;left:0px;bottom:0px;width: 100%;padding:8px 15px;background-color: rgba(0,0,0,0.6);}
.imageOnText h5{font: normal normal normal 18px/26px Jost;color: #FFFFFF;}
.imageOnText ul{display: flex;align-items: center;justify-content: flex-start;gap:8px;}
.imageOnText ul a{font: normal normal normal 10px/15px Jost;color: #FFFFFF;}


.bayilerimizSlick{margin-top: 45px;}
.bayilerimizSlick .slick-list{margin:0px -4px}
.bayilerimizSlick .slick-slide{margin:0px 4px;border:1px solid #ccc;padding: 8px;}






.footerFluid{background-color: #fff;margin-top: 75px;border-top:5px solid #E13510;background-image: url("../images/footer.jpg");}
.footerLeft{width: 220px;float:left;}
.footerLeft ul{font: normal normal 500 14px/20px Jost;color: #FFFFFF;margin-top: 15px;}
.footerLeft img{max-width: 100%;margin-bottom: 15px;}
.footerRight{width: calc(100% - 220px);float:right;display: flex;align-items: flex-start;justify-content: flex-end;gap:60px;}
.footerRight ul:first-child{max-width: 350px;padding-left: 100px;}
.footerRight ul:last-child{display: flex;gap:10px;flex-direction: column;width: 120px;}
.footerRight ul:last-child li ul li{display: flex;gap:10px}
.footerRight ul:last-child li ul{padding: 0px;}
.footerRight ul:last-child li a{color:#fff}
.footerRight .social{margin-top: 0px;}
.footerParentInner{min-height: 200px;padding: 45px 0px;}



.footerTitle{font: normal normal bold 12px/20px Jost;color: #fff;border-bottom:1px solid #fff;margin-bottom: 12px;}
.footerText{font: normal normal normal 14px/23px Jost;color: #fff;}
.contact{display: flex;align-items: center;justify-content: flex-start;gap:8px;border-bottom:1px solid #fff;padding: 8px 0px;}
.contact span{font: normal normal normal 14px/23px Jost;color: #fff;}
.contact i{color:#fff}
.social{margin-top: 15px;}

.footerMenu li a{display: block;font: normal normal normal 12px/20px Jost;color: #000;position: relative;margin-bottom: 8px;}
.footerMenu li a::before{content: '';left:0px;bottom:0px;width: 30px;height:1px;background-color: #fff;transition: 300ms;position: absolute;}
.footerMenu li a:hover::before{width: 100%;}
.footerMenu li ul li a::before{display: none;}


.register{background-color: #fff;}
.register ul{display: flex;align-items: center;justify-content: space-between;padding: 15px 0px;}





@media(max-width:768px){
  .text{font: normal normal 300 14px/22px Jost;}
  .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: #E13510;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: #E52928;}
  .headerFlex{height: 65px;}
  .headerLeft{width: 120px;}
  .headerCenter{position: fixed;z-index: 100;top:0px;left: 0px;width: 100%;height: 100vh;background-color: #fff;flex-direction: column;justify-content: center;
  transition: 300ms;visibility: hidden;opacity: 0;overflow: hidden;overflow-y: auto;}
  .headerCenter.active{opacity: 1;visibility: visible;}
  .headerCenter > .headerNavbar > li > a{color:#000;opacity: 0;}
  .headerCenter > .headerNavbar{flex-direction: column;}
  .headerCenter > .headerNavbar{gap:0px}

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

  .headerCenter > .headerNavbar{width: 100%;height: calc(100vh / 2);position: absolute;left:50%;top:50%;margin:auto;display: block;transform: translate(-50%,-50%);}
  .headerCenter > .headerNavbar > li{position: relative;}
  .headerCenter > .headerNavbar > li > a{justify-content: center;}

/*
  .subCategoriesWrap{position: relative;height: 0px;overflow: hidden;overflow-y: auto;}
  .subCategoriesWrap.active{height: auto;top: 0;}
  .subCategoriesRight{display: none;}
  .subCategoriesLeft{border:0px!important}
  .subCategoriesLeft .subCategoriesLists{display: none;position: relative;padding: 0px;}
  .subCategoriesLeft .subCategoriesLists.active{display: block}
*/


  .sliderSlick .slick-slide{min-height: 160px;}
  .sliderSlick .sliderText{font: normal normal normal 18px/26px Jost;padding: 0px 15px!important;}
  .sliderSlick .sliderText::before{left: 15px;bottom:0px;width: 60px;}

  .homeKurumsalWrap{margin-top: 30px;}
  .homeKurumsalWrap .row{flex-direction: column;}
  .kurumsalTitle{margin-bottom: 30px;}
  .kurumsalTitle h3{font: normal normal bold 26px/26px Jost;}

  .urunGrubuList h4 span{font: normal normal bold 16px/20px Jost;}
  .urunGrubuList{margin-bottom: 30px;}

  .homeUrunlerParentInner{flex-direction: column;background-image: url("../images/bg.svg"),linear-gradient(90deg,transparent 0%,#111E72 0%);padding: 15px 0px;}
  .homeUrunlerTextParent{margin-top: 15px;padding: 0px 15px;}
  .homeUrunlerSlick{margin-bottom: 0px!important;padding: 15px;}

  .homeUrunlerTextParent h3{font: normal normal bold 18px/26px Jost;}
  .homeUrunlerTextParent .text{font: normal normal normal 14px/22px Jost;}



  .footerLeft{width: 100%;}
  .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{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: 80px;
  height: 80px;
  z-index: 10;
  transition: 300ms;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1D3056;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
