*{outline: 0;border:none;text-decoration:none!important;list-style-type:none;box-sizing: border-box;}

h1,h2,h3,h4,h5,h6{margin:0px;padding: 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;

background-color: var(--white);}



body {

  overflow-x: hidden;

  width: 100%;

  height: 100%;

  padding:0px 0px

}







:root{--one:1;--two:2;--three:3;--blue:#003383;--black:#000000;--red:#CF0013;--white:#fff;--gray:#EAEAEA;--textColor:#000;--imgRightPx:10px}





.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;color:#1B8755;background-color: #fff;border-radius:100%;padding:12px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2)}

.wpContact i{font-size: 36px;}





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

.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 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;background-color: var(--gray);}

.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:var(--black);}

.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:var(--black);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 .btn{font: normal normal normal 12px/16px Jost;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.mavi .btn{border:0px solid var(--blue);color:#fff;background: linear-gradient(90deg,var(--red) 50%,var(--blue) 50%) right/202%;border-radius: 0px;}

.detayBtn.mavi .btn:hover{color:#fff!important}



.detayBtn.beyaz .btn{border:1px solid var(--black);color:var(--black);background: linear-gradient(90deg,var(--black) 50%,#fff 50%) right/210%;}

.detayBtn.beyaz .btn:hover {color:var(--white)!important}



.detayBtn.gray .btn{border:1px solid var(--gray);color:var(--white);background: linear-gradient(90deg,var(--white) 50%, var(--gray) 50%) right/210%;}

.detayBtn.gray .btn:hover{color:var(--gray)!important}



.detayBtn.siyah .btn{color:var(--black);background: linear-gradient(90deg,var(--black) 50%,var(--white) 50%) 95%/200%!important;transition:300ms;border:1px solid var(--black)}

.detayBtn.siyah .btn:hover{color:var(--white)!important;background-position: left!important;}



.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 Jost;

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.kirmizi .btn{border:1px solid var(--red);color:var(--red)!important;border-radius: 10px;padding:4px 15px 4px 15px;background: linear-gradient(90deg,var(--red) 50%,#fff 50%) right/202%;font: normal normal normal 14px/18px Jost;}

.detayBtn.kirmizi .btn:hover{color:#fff!important}



.detayBtn.kirmizi button.btn:disabled,

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





.detayBtn.bgGreen .btn{border:0px solid var(--black);color:var(--black);background: linear-gradient(90deg,#76B040 50%,#fff 50%) right/210%;}

.detayBtn.bgGreen .btn:hover {color:var(--white)!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: #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 400 32px/40px Jost;}

.title.textWhite{color:#fff!important}

.title.textBlack{color:#000!important}

.title.textRed{color:var(--red)!important}

.title.bgRed h3{background-color: var(--blue);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;}

.title.line::after{content:'';left:0px;bottom:-10px;height: 3px;width: 60px;background-color: var(--blue);position: absolute;}

.titleWrap p{text-align: center}

.titleWrap img{margin-bottom: 8px;}

.text{font: normal normal normal  14px/21px Jost!important;color: var(--textColor);}









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



.topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;}

.topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: flex-end;gap:8px;}

.topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px Jost;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 Jost;color: #000;}

.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #000;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: 275px;background-position: center center;background-size: cover;position: relative;margin-top: -10px;display: flex;align-items: flex-end;background-repeat: no-repeat;

border-radius: 0px 0px 15px 15px;}

.innerPageTopWrap::before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(255,255,255,0.8);z-index: 0;}

.innerPageTopWrap ul{z-index: 1;position: relative;margin-bottom: 30px;}



.innerPageTopWrap ul li:first-child *{font: normal normal 600 18px/20px Jost;color: #3C3C3B;letter-spacing: 0.8px;}

.innerPageTopWrap ul li:last-child *{font: normal normal bold 34px/48px Jost;color: #E40D1F;}







.navbarTitle{font: normal normal bold 18px/24px Jost;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;}

.pageNavbarParent{background: #FFFFFF;padding: 0px 0px;border:1px solid #CBCBCB}

.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: flex-start;padding:12px 8px;font: normal normal 400 14px/18px Jost;color: var(--black);

transition: 300ms;position: relative;background: linear-gradient(90deg,var(--black) 50%,var(--white) 50%) right/202%;}

.pageNavbarParent .pageNavbar li a:hover{background-position: left;color: var(--white);}

.pageNavbarParent .pageNavbar li a.active{background-position: left;color: var(--white);}

.pageNavbarParent .pageNavbar li:not(:last-child) a{border-bottom: 1px solid #CBCBCB;}

.pageNavbarParent .pageNavbar .pageNavbar{padding:  0px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;}

.pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 0px;font: normal normal 400 16px/20px Jost}

.pageNavbarParent .pageNavbar .pageNavbar .pageNavbar li a{text-indent: 0px;}

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





.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: 45px;}

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





.headerLanguage{display: flex;align-items: center;position:relative;}

.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(--blue)}

.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  li a.lang{border: 1px solid var(--red);border-radius: 19px;padding:6px 4px;color:var(--red)}

.headerLanguage  li 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:1px solid #fff;background-color:#fff;left:0px;top:42px;display:none;z-index:1;border:1px solid var(--red)}

.langList li:nth-child(1n+2){border-top:1px solid #008BDA!important}

.langList li a{border:0px!important;color:#000!important;border-radius:0px!important;display: flex;align-items: center;justify-content: center;gap:4px}

.langList li:hover a{background-color:#008BDA;color:#fff!important}





.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.innerBody .pageTopWrap{position: sticky;}

.pageTopWrap{position: sticky;top:0;z-index: 21;background-color: var(--black);}

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





.headerLeft{width: 230px;float:left;display: flex;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;}

.headerLeft a{flex: 1;}

.headerLeft a img{transition: 300ms;display: block;}

.headerLeft a:hover img{transform: scale(1);}



.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{width: 100%;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);}







.pageTopWrap .social{position: absolute;right: 0px;display: flex;gap:8px}

.headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: center;gap:0px;z-index: 2;padding: 15px 0px;}

.headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:30px}

.headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;}

.headerNavbarwrap > .headerNavbar > li::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height:1px;background-color: var(--white);

transition: 300ms;}

.headerNavbarwrap > .headerNavbar > li:hover::before{width: 100%;}



.headerNavbarwrap > .headerNavbar > li > a{display:flex;font: normal normal normal 14px/20px Jost;position: relative;align-items: center;justify-content: center;padding: 4px 0px;color:var(--white);transition: 500ms;}

.headerNavbarwrap > .headerNavbar > li > a i{color:var(--red);transition: 300ms;}

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





.headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background-color: var(--gray);z-index: 12;min-width: 220px;left:0px;top:48px;transition: 300ms;visibility: hidden;opacity: 0;

border-radius: 0px 0px 10px 10px;overflow: hidden;}

.headerNavbarwrap > .headerNavbar .headerNavbar li a{display: block;padding:8px 12px;font: normal normal normal 12px/17px Jost;color: var(--black);transition: 300ms;}

.headerNavbarwrap > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;}

.headerNavbarwrap > .headerNavbar .headerNavbar.active li a{background-color: var(--gray) ;font: normal normal normal 12px/17px Jost;color: var(--black);transition: 300ms;}

.headerNavbarwrap > .headerNavbar .headerNavbar.active li a i{color:var(--red)}

.headerNavbarwrap > .headerNavbar .headerNavbar.active li a:hover{background-color: #F0F0F0;text-decoration: underline!important;}

.headerNavbarwrap > .headerNavbar .headerNavbar.active li:not(:last-child) a{border-bottom: 1px solid #D3D3D3;}









.sliderWrap{margin-bottom: 0px;position: relative;animation: scroll-scale linear;animation-timeline: scroll(root block);scale:1 1;margin-top: 0px;border-radius: 0px;overflow: hidden;}



@keyframes scroll-scale1{

  from{scale:1;opacity: 1;}

  to{scale:0;opacity: 0;}

}



.sliderWrap .slideWrap::before{content:'';position: absolute;left: 0px;top:0px;width: 100%;height: 100%;background-color: rgba(20,22,37, 0.6);z-index: 1;}



.slideWrap{margin-top: 0px;display: flex!important;align-items: center;justify-content: flex-end;flex-direction: column;position: relative;background-size: cover;background-image: url("../images/slider-bg.jpg");height:calc(100vh - 70px);background-size: cover;background-repeat: no-repeat;

background-position: center center;}

@media(max-width:1366px){

.slideWrap{height: 400px;}

}



.slideWrap img.slide-img{max-width: 100%;}



.slideWrap .container{position: absolute;left: 50%;top:50%;z-index: 3;right:0px;margin:auto;text-align: center;transform: translate(-50%,-50%);}

.slideWrap .container h2{font:normal normal normal 74px/93px Great Vibes;color: #FFFFFF;display: inline-block;padding: 4px 0px;position: relative;margin-bottom: 8px;}

.slideWrap .container .slideText{font: normal normal normal 22px/30px Jost;color: #FFFFFF;display: block;animation-delay: 300ms!important;margin-top: 0px;padding: 4px 15px 4px 4px;}



.slideWrap.video video{width: 100%;position: absolute;margin: auto;}

.slideWrap.video::before{content:'';width: 100%;height: 100%;z-index: 10;position: absolute;left:0px;top:0px;

  background: transparent linear-gradient(0deg, #000000 0%, #030303F5 9%, #54545400 100%)}





.sliderSlick{opacity: 0;transition: 500ms;margin-bottom: 0px!important;padding: 0px;}

.sliderBtnGroup{bottom:15px;position: absolute;left:0px;right:0px;margin: auto;}





.sliderSlick .slick-dots{right: 15px;top:50%;transform: translateY(-50%);bottom:inherit;display: inline-flex!important;justify-content: center;gap:0px;flex-direction: column;position: absolute;z-index: 1;margin: inherit!important;width: auto!important;align-items: center;background-color: #fff;border-radius: 31px;}

.sliderSlick .slick-dots li{width: 20px;height:20px;}

.sliderSlick .slick-dots li button:before{color:#BCBCBC;border:2px solid #fff;border-radius: 100%;width: 20px;height:20px;font-size: 35px;line-height: 15px;}

.sliderSlick .slick-dots li.slick-active button:before{color:#000;font-size:35px;line-height: 15px;}

.sliderSlick .slick-dots li.slick-active button{background-color: none;border-radius: 100%;width: 20px;height: 20px;}

.safari .sliderSlick .slick-dots li button:before{line-height: 20px!important;}

.sliderSlick .slick-prev{left: calc(50% - 40px)!important;bottom:-15px!important;}

.sliderSlick .slick-next{right:calc(50% - 40px)!important;bottom:-15px!important;}







.hizmetWrap{display: flex;gap:0px;flex-wrap: wrap;padding: 15px 15px 0px 15px;margin-top: 15px;}

.hizmetWrap::before,

.hizmetWrap::after{display: none;}

.hizmetCol_{padding: 0;position: relative;transition: 300ms;overflow: hidden;margin-bottom: 30px;}

.hizmetCol_ .hizmetBgWrap::after{content:'';background: transparent linear-gradient(270deg, #DEDEDE 0%, #6F6F6F 100%);position: absolute;bottom:0px;left: 0px;width: 0px;height: 8px;transition: 300ms;z-index: 1;}

.hizmetCol_:hover .hizmetBgWrap::after{width: 100%;}





.hizmetCol_{padding-top: 25%;}





.hizmetCol_ .hizmetBgWrap{position: absolute;width: calc(100% - 30px);height: 100%;transition: 300ms;top: 0;left: 15px;overflow: hidden;}

.hizmetCol_ .hizmetBg{background-position: center center;background-size: cover;background-repeat: no-repeat;position: absolute;width: calc(100%);height: 100%;transition: 300ms;top: 0;left: 0px;}

.hizmetCol_:hover .hizmetBg{transform: scale(1.1);}







.hizmetCol_ ul img{width: 60px;}

.hizmetCol_ a{position: absolute;bottom:30px;left: 30px;width: 100%;height: 100%;display: flex;align-items: flex-end;font: normal normal normal 16px/20px Jost;color: var(--white);z-index: 1;}

.hizmetCol_ a ul{display: flex;flex-direction: column;gap:15px;padding-right: 15px;}

.hizmetCol_::before{content:'';background: transparent linear-gradient(0deg, #000000 0%, #54545400 100%);width: calc(100% - 30px);height: 100%;bottom:0px;left: 15px;position: absolute;z-index: 1;}





.banner-bottom{margin-top: 30px;margin-bottom: 60px;height: 300px;background-position: right center;background-size: cover;position: relative;display: flex;align-items: center;justify-content: flex-start;}

.banner-bottom ul li{color: var(--white);font: normal normal normal 24px/33px Jost;}













.footerParentInner ul.footerLogo{font: normal normal 400 14px/20px Jost;color: var(--white);margin-top: 15px;display: block;position: relative;}

.footerParentInner ul.footerLogo::before{content:'';position: absolute;left: 0px;bottom:-15px;width: 100%;height: 1px;background-color: #ddd;order: 2;}

.footerParentInner ul.footerLogo li:nth-child(1) img{width: 150px;}

.footerParentInner ul.footerLogo li{display: flex;align-items: center;justify-content: space-between;}

.footerParentInner ul.footerLogo li i{font-size: 28px;}





.footerFluidWrap{margin-top: 0px;position: relative;background-color: var(--black);}

.footerFluid  .footerParent .footerParentInner{padding:30px 0px}

.footerLeft{width: 275px;float:left;}

.footerLeft ul.footerMenu{font: normal normal 400 14px/20px Jost;color: var(--white);margin-top: 15px;display: inline-flex!important;align-items: flex-start;justify-content: space-between;position: relative;gap: 15px;

flex-direction: column;max-width: 300px!important;min-width: inherit!important}

.footerLeft ul li:nth-child(1) img{width: 90px;}

.footerLeft img{max-width: 100%;margin-bottom: 15px;}

.footerLeft ul:nth-child(1) li:nth-child(1n+3){border-top:1px solid var(--white);width: 100%;}

.footerRight{width: calc(100% - 275px);float:right;display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: row;gap:45px;margin-top: 30px;}

.footerLeft ul:nth-child(1) li{margin: 0px!important;padding: 6px 0px;}

.footerLeft ul:nth-child(1){gap:0px}







.footerTitle{font: normal normal bold 12px/20px Jost;color:var(--blue)}

.footerText{font: normal normal normal 14px/23px Jost;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 Jost;color: #868686;}

.footerFluid .contact i{color:var(--blue)}

.footerFluid .social{margin-top: 15px;display: flex;gap:8px}

.footerFluid .social img{filter: brightness(0);}





.footerMenu:nth-child(2){max-width: 300px;gap:12px;display: flex;flex-direction: column;}

.footerMenu:nth-child(1){display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;max-width: 50%;min-width: 230px;place-items:flex-end}

.footerMenu li:nth-child(1) h3{font: normal normal bold 14px/20px Jost;color: var(--white);}

.footerMenu li a{display: inline-flex;font: normal normal normal 12px/20px Jost;color: var(--white);position: relative;margin-bottom: 8px;position: relative;}

.footerMenu li a::before{content: '';left:0px;bottom:0px;width: 30px;height:1px;background-color: var(--white);transition: 300ms;position: absolute;}

.footerMenu li a:hover::before{width: 100%;}





.registerWrap{background-color: var(--gray);display: none;}

.registerWrap ul{display: flex;justify-content: space-between;padding: 15px 0px;font: normal normal normal 14px/48px Jost;color:#A5A5A5;

align-items: center;}

.registerWrap ul img{width: 120px;opacity: 0.3;}





@media(max-width:992px){

  .pageTopFluid::before{clip-path: polygon(55% 0%,100% 0%,100% 100%,0% 100%,0% 90%,45% 90%);}

  .pageMobileBrand{display: inline-block;position: fixed;right:15px;top:20px;z-index: 101;}

  .pageMobileBrand span{background-color: var(--white);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: var(--black);}



  .headerRight .language{margin-right: 15px;}

  .headerNavbarwrap > .headerNavbar .headerNavbar{top: 30px;padding: 0px;left:8px}

  .headerNavbarwrap > .headerNavbar {padding: 0px!important;width: calc(100% - 45px);margin:0px 15px}

  .headerNavbarwrap > .headerNavbar > li::before{margin: inherit;}



  .headerFlex{height: 65px;}

  .headerLeft{width: 130px;}

  .headerNavbarwrap{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;align-items: flex-start;}

  .headerNavbarwrap.active{opacity: 1;visibility: visible;top:-55px}

  .headerNavbarwrap > .headerNavbar > li{justify-content: flex-start;width: 100%;}

  .headerNavbarwrap > .headerNavbar > li > a{color:#000;opacity: 0;justify-content: flex-start;padding: 8px;font: normal normal normal 16px/20px Jost;}

  .headerNavbarwrap > .headerNavbar > li:hover > a{color:#000}

  .headerNavbar.active li  a{opacity:1}

  .headerNavbarwrap > .headerNavbar > li > a::before{bottom:5px;left:auto;right:auto;margin:auto}

  .headerNavbarwrap > .headerNavbar > li > a::after{display: none;}

  .headerNavbar{flex-direction: column;}

  .headerNavbar{gap:0px}

  .headerCenter a img{width: 120px!important;}

  .headerNavbar .visible-sm i{color:var(--red)!important}

  .headerNavbarwrap > .headerNavbar > li::before{top:30px;left:10px}

  .headerNavbarwrap > .headerNavbar{gap:6px}

  .headerNavbar{width: 100%;height:auto;position: relative;display: block;padding-left: 15px;}

  .headerNavbar > li{position: relative;justify-content: flex-start;}

  .headerNavbarwrap > .headerNavbar .headerNavbar{top: 40px;}





  

  .slideWrap .container h2{font: normal normal normal 22px/32px Great Vibes;}

  .slideWrap .container .slideText p{font: normal normal 300 14px/20px Jost;}





  .leftBarCol_{position: fixed!important;z-index: 101;height:100%;background-color: var(--white)!important;left:-100%;overflow: hidden;overflow-y: scroll;transition: 400ms;transition-timing-function: ease-out;

  top: 0;padding: 15px;}

  .leftBarCol_.active{left: 0px;}

  .leftBarCol_::-webkit-scrollbar-thumb{width: 5px;background-color: var(--blue);}

  .leftBarCol_::-webkit-scrollbar{width: 5px;background-color: var(--white);}

  .mobileCategoryCloseButton{font-size: 26px;position: relative;display: flex;justify-content: flex-end;margin-bottom: 10px;}





}

@media(max-width:768px){



  .titleWrap.mobile-flex-column .title{flex-direction: column;justify-content: flex-start;align-items: flex-start;}

  .titleWrap.mobile-flex-column .title .text{text-align: left;}

  .titleWrap.mobile-flex-column .col-xs-12{padding: 0px;}

  .title{font: normal normal normal 18px/20px Jost;}

  .title *{font: normal normal normal 18px/22px Jost!important;}

  .title.line::after{bottom:-5px}

  .text{font: normal normal normal  13px/19px Jost!important;}

  .homeUrunlerTitle h3{font: normal normal bold 18px/24px Jost;}

  .titleWrap h2.title{font: normal normal normal 22px/26px Jost;}

  

  .pageTopWrapRow::before{height: 7px;}



  .pageTopImageWrap .row{height: 160px!important;}

  .pageTopImageWrap .row h1{font: normal normal 800 22px/34px Jost!important;}



  .innerPageTopWrap{min-height: 115px;}

  .innerPageTopWrap .container{margin-left: 0px;}

  .innerPageTopWrap ul li:nth-child(1) h2{font: normal normal 600 15px/16px Jost;}

  .innerPageTopWrap ul li:nth-child(2) h1{font: normal normal bold 20px/31px Jost;}





  .siteTopParent .col-xs-12{padding:0px 0px 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}



  .headerLanguage{width: 100%;}

  .headerLanguage > li{font-size: 11px;flex:auto}

  .headerLanguage > li a{padding: 15px 4px;display: block;}

  .headerLanguage a{gap:2px}



  .sliderSlick .slick-dots{bottom:20px}

  .sliderSlick .slick-dots li.slick-active button:before{font-size: 36px;line-height: 14px!important;}

  .sliderWrap{margin-bottom: 15px;}

  .slideWrap{height: 300px;justify-content: flex-start;background-position: center center;}

  .slideWrap video{width: 120%;position: absolute;margin:auto}

  .slideWrap .container{width: 100%;padding:0px 30px;}

  .slideWrap .container .row{display: flex;flex-direction: column-reverse;gap:30px}

  .slideWrap .container h2{font: normal normal 900 23px/29px Great Vibes;}

  .slideWrap .container .slideText p{font: normal normal normal 16px/21px Jost;}





  .hizmetDetayWrap{margin-block: 15px!important;}

  .hizmetWrap{padding: 0px 0px;margin-top: 0px;}

  .hizmetCol_ a{font: normal normal normal 12px/16px Jost;bottom:15px;left: 15px;}

  .hizmetCol_ ul img{width: 40px;}

  .hizmetCol_{margin-bottom: 15px;padding-top: 50%;}





  .hizmetCol_::before{left: 7.5px;width: calc(100% - 15px);}

  .hizmetCol_ .hizmetBgWrap{width: calc(100% - 15px);left: 7.5px;right: 7.5px;}











  .banner-bottom{height: 150px;margin-top: 30px;margin-bottom: 30px;}

  .banner-bottom ul li{font: normal normal normal 16px/22px Jost;}

  .detayBtn.transparent .btn{font: normal normal normal 10px/12px Jost;}





  

  .pageTopWrap .social{right: inherit;left: 0px;gap:4px}

  .pageTopWrap .social img{height: 15px;}



  .footerFluid .footerParent .footerParentInner{padding: 0px;}

  .footerLogo img:nth-child(2){margin-left: 15px;}

  .footerLogo{padding: 0px;margin-bottom: 8px;}

  .footerLeft{width: 100%;margin-bottom: 15px;}

  .footerLeft ul li:nth-child(1){display: flex;flex-direction: column;}

  .footerLeftContact{padding: 0px;margin-block: 15px;}

  .footerRight{width: 100%;justify-content: flex-start;flex-direction: column;gap:0px;align-items: flex-start;}

  .footerRight ul:first-child{max-width: inherit;padding: 0px;}

  .footerRight > ul:last-child{margin-bottom: 30px!important;}

  .register ul{align-items: flex-start;}

  .footerFluid{margin-top: 30px;}

  .footerMenu{flex-direction: column;}

  .footerSocial{margin-top: 15px;}

  .footerRight > ul:last-child,.footerRight .hizmetMenuWrap{padding-left: 0px;margin-bottom: 0px;}

  .footerRight > ul:last-child,.footerRight .hizmetMenuWrap{border:0px!important}

  .footerRight ul:first-child{margin-top: 15px;}



  .registerWrap ul{font: normal normal normal 12px/22px Jost;flex-direction: column;gap:15px}



}















.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);

  }

}













.linkHover{transition: color .3s ease-in-out, box-shadow .3s ease-in-out;box-shadow: inset 0 0 0 0 #54b3d6;padding: 8px 4px!important;display: inline-flex;align-items: center;}

.linkHover:hover {box-shadow: inset 200px 0 0 0 #54b3d6;}

.linkHover.white:hover{color:#fff}