*{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-color: #fff;overflow: hidden;overflow-y: auto;overflow-x: hidden;}

:root{--font:var(--font);--one:1;--two:2;--three:3;--blue:#003383;--black:#2F2F2F;--red:#E7332A;--white:#fff;--gray:#dedede;--yellow:#FFB100;--textColor:#000;--imgRightPx:10px;--orange:#EDA32E;
--green:#55C38C}


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

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

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

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

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


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

.aramaCariList .arama_sonuc a{padding: 6px;display: flex;}


.dovizKuru{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.dovizKuru a{flex-direction: row!important}

.fiyatListesiBtn{position: fixed;left:-100%;top:50%;z-index: 5;animation-name: fiyatbtn;
  animation-timing-function: ease-out;animation-delay: 2s;animation-iteration-count: 1;animation-fill-mode: forwards;animation-duration: 1s;}
.fiyatListesiBtn a{display: flex;align-items: center;gap:10px;background-color: var(--red);color: var(--white);padding: 8px 15px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);border-radius: 0px 10px 10px 0px;opacity: 0.9;}
.fiyatListesiBtn a:hover{opacity: 1;}
.fiyatListesiBtn a img{width:30px;filter: brightness(0) invert(100%);}
.fiyatListesiBtn a p{margin: 0;}

@keyframes fiyatbtn{
  0%{left:-100%}
  100%{left:0%}
}

.fiyatListemizPDF a{display: flex;align-items: center;gap:10px;background-color: var(--red);color: var(--white);padding: 8px 15px!important;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);opacity: 0.7;}
.fiyatListemizPDF a:hover{opacity: 1;}




.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 Rethink Sans;color: #000000;
position: fixed;right:10px;top:83px;z-index: 15;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 Rethink Sans;color: #666666;letter-spacing: 2.4px;text-align: center;background: #ffffff 0% 0% no-repeat padding-box;border-radius: 40px;
width: 30px;height:30px;}
.pagination a.active{background: #dd1a1e 0% 0% no-repeat padding-box;color:#fff}


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

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

.pageTopAlertMessage{margin-top: 30px;}


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

.varFilterBtn{display: none;}


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


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


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


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


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


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


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

.yesil{font: normal normal normal 13px/16px Rethink Sans;color: var(--green);border-radius: 20px;border: 1px solid #55C38C;margin-top: 12px;display: inline-flex;align-items: center;justify-content: center;gap:4px;background-color: var(--white);transition: 300ms;}
button.yesil{padding: 6px 12px;}
.yesil:hover{background-color: var(--green);color: var(--white);}

.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 span{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(--red);display: flex;align-items: center;justify-content: flex-start;}
.title *{font: normal normal 400 20px/26px 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: 40px;background-color: var(--red);position: absolute;}
.titleWrap p{text-align: center}
.titleWrap img{margin-bottom: 8px;}
.text{font: normal normal normal  14px/21px Jost!important;color: var(--textColor);}



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


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

.topBigTitleFluid .bigTitleTwoColumn{min-height: 65px;}
.topBigTitleFluid .bigTitleTwoColumn{display: flex;align-items: center;justify-content: space-between;gap:8px;}
.topBigTitleFluid .bigTitleTwoColumn h1{font: normal normal bold 26px/34px 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: #fff;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap i{color: #fff;font-size: 15px;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child a{font-weight: 600;}
.topBigTitleFluid .bigTitleTwoColumn .topBigTitleMap li:last-child i{display: none;}
.bigTitleLeftCol div{display: block;margin-top: 0px;}
.bigTitleRight{display: flex;gap:8px}


.innerPageTopWrap{min-height: 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 Rethink Sans;color: #3C3C3B;letter-spacing: 0.8px;}
.innerPageTopWrap ul li:last-child *{font: normal normal bold 34px/48px Rethink Sans;color: #E40D1F;}



.leftBlockColumn{margin-bottom: 45px;}
.navbarTitle{font: normal normal bold 18px/24px Rethink Sans;color: #E13510;border-bottom:3px solid #E13510;padding: 0px;margin-bottom: 8px;}
.pageNavbarParent{padding: 12px;background-color: transparent;border-radius: 20px;box-shadow: 0px 0px 0px #00000029;}
.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:12px 8px;font: normal normal 400 14px/18px Rethink Sans;color: var(--white);
transition: 300ms;position: relative;}
.pageNavbarParent .pageNavbar li a:hover{color: var(--white);}
.pageNavbarParent .pageNavbar li a.active{color: var(--white);}
.pageNavbarParent .pageNavbar .pageNavbar{padding:  0px 0px 0px 12px;height: 0px;opacity: 0;visibility: hidden;overflow: hidden;}
.pageNavbarParent .pageNavbar .pageNavbar.active{opacity: 1;height: auto;display: block!important;}
.pageNavbarParent .pageNavbar .pageNavbar li > a{text-indent: 0px;font: normal normal 400 12px/16px Rethink Sans}
.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: 30px;margin-bottom: 30px;}
.pageInnerContainerWrap > .row{margin-inline: -15px;}
.pageInnerContent{padding:15px}


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

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

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


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


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

.headerTopWrap{position: sticky;top: 0;z-index: 10;}
.pageTopWrap{z-index: 13;background-color: var(--red);}
.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: left;z-index: 1;}
.headerLeft a{flex: 1;}
.headerLeft a img{transition: 300ms;display: block;}
.headerLeft a:hover img{transform: scale(1);}

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


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

.headerRight ul{display: flex;gap:10px}
.headerRight ul li{position: relative;}
.headerRight ul li:nth-child(2):hover ul.pageMenu{visibility: visible;opacity: 1;}
.headerRight ul li ul.pageMenu{position: absolute;right:0;flex-direction: column;min-width: 175px;top:40px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);gap:0;visibility: hidden;opacity: 0;padding: 0;}
.headerRight ul li ul.pageMenu li:last-child{border:0}
.headerRight ul li ul.pageMenu a{color: var(--red);}
.headerRight ul li img{height: 18px;}
.headerRight ul li a{display: flex;align-items: center;justify-content: center;flex-direction: column;font: normal normal normal 12px/16px Jost;color: var(--white);position: relative;gap: 5px;text-align: center;}
.headerRight ul li a div.count{position: absolute;top:-7px;right:0px;background-color: var(--black);width: 13px;height: 13px;border-radius: 100%;text-align: center;font-size: 10px;line-height: 14px;}




.navbarWrap{background-color: var(--black);}
.headerNavbarwrap{width: auto;display: flex;align-items: center;justify-content: center;gap:0px;z-index: 2;padding: 0px 0px;}
.headerNavbarwrap > .headerNavbar{display: flex;align-items: center;justify-content: center;gap:20px;padding: 8px 0px;margin-right: auto;width: 100%;}
.headerNavbarwrap > .headerNavbar > li{display: flex;align-items: center;justify-content: center;position: relative;}
.headerNavbarwrap > .headerNavbar > li a span::before{content:'';position: absolute;left:0px;bottom:0px;width: 20px;height:1px;background-color: var(--red);
transition: 300ms;}
.headerNavbarwrap > .headerNavbar > li:hover a span::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;gap:10px}
.headerNavbarwrap > .headerNavbar > li:first-child a::after{content:'';position: absolute;right: -10px;top: 0px;width: 1px;height: 100%;background-color: #676767;}
.headerNavbarwrap > .headerNavbar > li > a i{color:var(--red);transition: 300ms;}
.headerNavbarwrap > .headerNavbar > li > a img{transition: 300ms;width: 20px;}
.headerNavbarwrap > .headerNavbar > li > a span{position: relative;}
.headerNavbarwrap > .headerNavbar > li > a.active i,
.headerNavbarwrap > .headerNavbar > li > a:hover i{transform: rotate(-90deg);}
.headerNavbarwrap > .headerNavbar > li:last-child i{color:var(--red);font-size:18px}


.headerNavbarwrap > .headerNavbar .headerNavbar{position: absolute;background-color: var(--white);z-index: 12;min-width: 320px;left:0px;top:-30px;transition: 300ms;visibility: hidden;opacity: 0;
border-radius: 0px 0px 10px 10px;overflow: hidden;min-height:102px;max-height: 400px;overflow-y: auto;padding: 0px 15px;box-shadow: 0px 3px 6px #00000029!important}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar-thumb{width: 5px;background-color: var(--red);}
.headerNavbarwrap > .headerNavbar .headerNavbar::-webkit-scrollbar{width: 5px;background-color: var(--black);}
.headerNavbarwrap > .headerNavbar .headerNavbar li a{display: block;padding:8px 12px;font: normal normal normal 12px/17px Jost;color: var(--black);transition: 300ms;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active{opacity: 1;visibility: visible;top: 38px;}
.headerNavbarwrap > .headerNavbar .headerNavbar.active li a{background-color: var(--white) ;font: normal normal normal 12px/17px 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 var(--red);}

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

.hizli-odeme-btn{width: 180px;}
.hizli-odeme-btn:last-of-type{margin-left: 2px;}
.hizli-odeme-btn a{display: flex;align-items: center;justify-content: center;gap:8px;background:linear-gradient(-90deg,var(--orange) 50%,var(--white) 50%) right/202%; padding: 12px 16px;color: var(--white);font: normal normal normal 14px/16px Rethink Sans;transition: 300ms;}
.hizli-odeme-btn a i{font-size: 24px;}
.hizli-odeme-btn a:hover{background-position: left;color: var(--red);}
.hizli-odeme-btn a:hover i{color: var(--red);}

.bakiyeText{background-color: var(--white);padding: 16px 8px;color: var(--black);min-width: 150px;text-align: center;font-size: 12px;}
.bakiyeText.eksi{color: var(--red);font-weight: bold;}


.cariDegistirWrap{padding: 0;margin-top: 30px;}
.cariDegistirWrap ul li{position: relative;}
.cariDegistirWrap ul li input.form-control{border-radius: 0;height: 45px;}



.ustAlanWrap{margin-top: 30px;padding: 0px;}


.bannersSwiper {height: 543px; overflow: hidden;}
@media(max-width:1440px){
  .bannersSwiper {height: 453px; }
}
@media(max-width:1200px){
  .bannersSwiper {height: auto; }
}



.sliderWrap{margin-bottom: 30px;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;display: none;}

.slideWrap{margin-top: 0px}
.ustAlanWrap > .row{display: flex;align-items: stretch;justify-content: center;}
.slideWrap *{margin-top: 0px;display: flex;align-items: stretch;justify-content: center;}
.slide-img{width: 100%;}



.sliderWrap .swiper{padding: 0px 0px 30px 0px;}
.sliderWrap .swiper-pagination{bottom: 0px!important;}
.sliderWrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--gray)!important;}
.sliderWrap .swiper-pagination-bullet{background: var(--white);border: 1px solid var(--gray)!important;width: 20px;height: 20px;opacity: 1;}


.contentWrap{background-image: url("/picture/contentbg.png");min-height: 400px;background-position: right top;background-size: auto;background-repeat: no-repeat;}
.contentWrap .container{padding: 0;}
.kategoriListBanner a{display: block;border-radius: 20px;overflow: hidden;}


.servisKayitvePartnerPlus .row::before,
.servisKayitvePartnerPlus .row::after{display: none;}
.servisKayitvePartnerPlus .row{display: grid;grid-template-columns: repeat(3,1fr);gap:30px}
.servisKayitvePartnerPlus a img{transition: 300ms;}
.servisKayitvePartnerPlus a:hover img{opacity: 0.8;}
@media(max-width:768px){

  .servisKayitvePartnerPlus{margin-top: 15px;}
  .servisKayitvePartnerPlus .row{margin: 0;gap:15px}
}



.kategoriListSwiper{margin: 0px -15px!important;padding:0px 15px!important}
.kategoriListSwiper .urunImgCol_{background-color: var(--white);border: 1px solid #D1D1D1;border-radius: 20px;overflow: hidden;height: 235px;display: flex;align-items: center;padding:15px}
.kategoriListSwiper h4{font: normal normal bold 16px/22px Rethink Sans;color: #000000;margin-top: 8px;}
.fiyatSorunuz{border:1px solid var(--yellow);font: normal normal normal 13px/15px Rethink Sans;color: var(--yellow);border-radius: 20px;background-color: var(--white);display: inline-flex;align-items: center;
gap:8px;padding: 8px 12px;transition: 300ms;}
.fiyatSorunuz img{width: 14px;transition: 0ms;}
.fiyatSorunuz:hover{background-color:var(--yellow);color: var(--white);}
.fiyatSorunuz:hover img{filter: brightness(0) invert(100%)}
.kategoriListSwiper .swiper-next,.kategoriListSwiper .swiper-prev{position: absolute;top: 40%;background-color: #D5D5D5;z-index: 1;width: 30px;height: 30px;border-radius: 100%;display: flex;align-items: center;justify-content: center;padding: 8px;}
.kategoriListSwiper .swiper-next img,.kategoriListSwiper .swiper-prev img{width: 10px;}
.kategoriListSwiper .swiper-prev{left: 5px;transform:translateY(-40%)}
.kategoriListSwiper .swiper-next{right: 5px;transform:translateY(-40%) rotate(180deg)}




.kategoriResimliListWrap{margin-bottom: 75px;}
.anasayfaKategorilerSwiper{margin: 75px -30px 0px -30px!important;padding:0px 15px!important}
.anasayfaKategorilerSwiper .swiper-wrapper{justify-content: center;}
.anasayfaKategorilerSwiper .swiper-slide img{width: 100%;margin-bottom: 8px;border:1px solid #A2A2A2;border-radius: 100%;padding: 15px;}
.anasayfaKategorilerSwiper .swiper-slide h5{font: normal normal bold 14px/20px Rethink Sans;color: #000;display: block;text-align: center;}
.anasayfaKategorilerSwiper .swiper-next,.anasayfaKategorilerSwiper .swiper-prev{position: absolute;top: 65px;background-color: #D5D5D5;z-index: 1;width: 30px;height: 30px;border-radius: 100%;display: flex;align-items: center;justify-content: center;padding: 8px;}
.anasayfaKategorilerSwiper .swiper-next img,.anasayfaKategorilerSwiper .swiper-prev img{width: 10px;}
.anasayfaKategorilerSwiper .swiper-prev{left: 5px;}
.anasayfaKategorilerSwiper .swiper-next{right: 5px;transform:rotate(180deg)}


.bottomBilgilendirme{background-image: url("/picture/red-bg.jpg");min-height: 320px;background-position: center center;background-size: cover;background-repeat: no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bottomBilgilendirme ul{display: flex;flex-direction: column;align-items: center;gap: 15px;}
.bottomBilgilendirme ul li{display: flex;align-items: center;gap:8px;font: normal normal bold 21px/31px Rethink Sans;color: var(--white);}
.bottomBilgilendirme ul a{display: flex;align-items: center;justify-content: center;gap:8px;background-color: var(--white);padding: 6px 12px;font: normal normal normal 18px/23px Rethink Sans;color: var(--red);
  box-shadow: inset 0px 3px 6px #00000029;border-radius: 32px;transition: 300ms;}
.bottomBilgilendirme ul a img{width: 20px;}
.bottomBilgilendirme ul a p{margin: 0;}
.bottomBilgilendirme ul a:hover{background-color: #525252;color:var(--white)}
.bottomBilgilendirme ul a:hover img{filter: brightness(0) invert(100%);}



.bottomSiparisBilgi{margin-top: 75px;margin-bottom: 75px;}
.bottomSiparisBilgi ul{display:grid;grid-template-columns: repeat(3,1fr);gap:0px;text-align: center;justify-content: center;align-items: flex-start;}
.bottomSiparisBilgi ul li img{width: 140px;}
.bottomSiparisBilgi ul li h5{color: var(--red);font: normal normal bold 16px/21px Rethink Sans;}
.bottomSiparisBilgi ul li p{font: normal normal normal 14px/18px Rethink Sans;color: #000;}




.priceList ul{display: flex;align-items: center;justify-content: space-between;gap:5px;padding: 8px 0px;}
.priceList ul:not(:last-of-type){border-bottom:1px solid #D1D1D1}
.priceList ul li{color: var(--red);font: normal normal normal 16px/20px Rethink Sans;}
.priceList ul li:nth-child(1){flex:6}
.priceList ul li:nth-child(2){flex:1}
.priceList ul li:nth-child(3){flex:5}
.priceList ul li:last-child{color: var(--black);}


.odemeIslemLeft ul{display: flex;align-items: center;gap:10px}
.odemeIslemLeft ul i{font-size: 21px;}

  /*        MEMBERS       */
  
  .membersPage{background: transparent url('/picture/bg.png');min-height: 100vh;background-position: center right;background-repeat: no-repeat;background-size: contain;}

  .loginWrap{padding-top: 80px;}
  .loginWrap ul.tabs{display: flex;align-items: center;justify-content: flex-start;gap:8px}
  .loginWrap ul.tabs li a{display: block;padding:15px 30px;background: #E7332A53;font: normal normal 500 14px/19px Rethink Sans;color: #FFFFFF;border-radius: 10px 10px 0px 0px;}
  .loginWrap ul.tabs li.active a,.loginWrap ul.tabs li a:hover{background: var(--red) }

  .memberFormWrap{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 20px #00000029;border-radius: 0px 10px 60px 10px;padding:30px}
  .memberFormWrap h1{font: normal normal 900 20px/27px Rethink Sans;color: var(--red);margin-bottom: 15px;}
  .memberFormWrap li{margin-bottom: 15px;position: relative;}
  .memberFormWrap li input{height:45px;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #BFBFBF;border-radius: 10px;}
  .memberFormWrap li select{height:45px;background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #BFBFBF;border-radius: 10px;}
  .memberFormWrap li.memberBtns{display: flex;align-items: flex-start;justify-content: space-between;}
  .memberFormWrap li button.btn{border-radius: 20px;background: #2F2F2F;font: normal normal 500 16px/22px Rethink Sans;color: #FFFFFF;padding:10px 20px;transition: 300ms;}
  .memberFormWrap li button.btn:hover{background-color: var(--red);}
  .memberFormWrap li a.btn{font: normal normal 500 14px/19px Rethink Sans;color: #dd1a1e;}

  .sozlesmeKabul{display: flex;align-items: center;gap:4px}
  .sozlesmeKabul a{color: var(--red);}
  .sozlesmeKabul input{margin:0;border:0!important;box-shadow:none!important;}

  
  /*        MEMBERS       */

  



/*########################     ADRES BİLGİLERİ FORM STYLE 	###################################*/

.irtibatBaslik .modal-title{font-weight:600;color:#000;font-size:15px;padding-left:10px}
.adresTablo{padding:0px!important;width:100%;}

.adresTablo{font-weight:400;font-size:13px;color:#626262}
.adresTablo input::placeholder{font-weight:400;font-size:13px;color:#000!important;}
.adresTablo input{font-weight:400;font-size:13px;color:#000!important;border:1px solid #626262!important;background:#fff!important}
.adresTablo select{font-weight:400;font-size:13px;color:#000!important;border:1px solid #626262!important;background:#fff!important}
.adresTablo table td{padding:4px 8px!important}
.adresTablo textarea{height:80px;outline:none!important;border:1px solid #CCCCCC!important;box-shadow:0px 0px 0px!important;background:#fff!important}



.adresTuruAlan{margin-top:0px}
.adresTuruAlan ul {text-align:left;margin-bottom:5px;padding-left:15px}
.adresTuruAlan ul li{display:inline-block;border-radius:50%;padding:10px 15px;margin:0px 7px;position:relative;cursor:pointer;font-size:12px;font-weight:500}
.adresTuruAlan ul li::after{content:'';border:1px solid #666!important;width:25px;height:25px;border-radius:50%;position:absolute;left:-15px;bottom:6px;}
.adresTuruAlan ul li.active::before{content:'';background:#666;width:12px;height:12px;border-radius:50%;position:absolute;left:-9px;bottom:12px;z-index:1}

.faturaKurumsal{display:none;margin-top:-15px}

.adresOpenClass .fancybox-skin{background-color:#fff}

.adresFormKapsul .btn{background-color:#00AEEF;color:#fff;border-radius:0px;border:0px}

/*########################      ADRES BİLGİLERİ FORM STYLE  	###################################*/


 /*########################      SİPARİŞLER  	###################################*/
  
 .sepetBosParent{display: flex;align-items: center;justify-content: center;flex-direction: column;}
 .sepetBosParent img{max-width: 100%;margin-bottom: 10px;}
 .sepetBosParent h2{font: normal normal 900 30px/41px Rethink Sans;color: #414042;margin-bottom: 10px}
 .sepetBosParent div{font: normal normal normal 18px/25px Rethink Sans;color: #414042;margin-bottom: 10px}
 .sepetBosParent a{background: #dd1a1e 0% 0% no-repeat padding-box;border-radius: 20px 0px;font: normal normal 500 14px/19px Rethink Sans;color: #FFFFFF;padding:10px 20px}

 .iadePopup .container .iadeRow{background-color: #fff;padding:15px;border-radius: 10px;}
 
 /*########################      SİPARİŞLER  	###################################*/


.pageMenu{background: #FFFFFF 0% 0% no-repeat padding-box;border-radius: 5px;padding:10px 0px;}
.pageMenu li{border-bottom: 1px solid #dd1a1e;}
.pageMenu li h3{font-size:16px;color: #414042;font-weight:900}
.pageMenu li a{padding:10px 0px;display:block;transition:300ms;font: normal normal 900 14px/19px Rethink Sans;color: var(--black);}
.pageMenu li:hover a{color:#dd1a1e;padding-left:10px}



.counterKapsul{margin-top:30px;padding:0px}
.qtyCounter{border:1px solid #eee!important;padding:8px 15px;border-radius:5px;display: flex;align-items: center;justify-content: center;position: relative;}
.teklifUrunSilBtn{position: absolute;left:10px;top:15px;color: var(--red);}
.qtyCounter input[name=adet]::-webkit-inner-spin-button,
.qtyCounter input[name="adet[]"]::-webkit-inner-spin-button{appearance: none;}
.qtyCounter input[name=adet],
.qtyCounter input[name="adet[]"]{appearance: textfield;text-align:center;width:50px;border:0px solid #eee!important;height:30px}
.qtyCounter button{padding:3px;font-size:10px;width:20px;height:20px;background-color:#000000;color:#fff;border-radius:50%}

.qtyCartAddContainer{display:flex;align-items:center;justify-content:flex-start;margin-top:0px;padding:0px 0px}
.qtyCartAddContainer li{margin-right:10px;}
.qtyCartAddContainer li button.addCartBtn{padding:12px 25px;background: #B4C943 0% 0% no-repeat padding-box;font-size:15px;border-radius:5px;color:#fff;font-size:16px;font-weight:900;width: 100%;}
.qtyCartAddContainer li:nth-child(1){width:130px}
.qtyCartAddContainer li:nth-child(2){width:calc(100% - 150px)}


  
 




/*########################      TEKLİFLER  	###################################*/


.teklifFormRow{background-color: #fff;padding:30px;max-height: 600px;overflow-y: auto;}
.teklifFormRow table{margin-bottom: 0px;}
.teklifFormRow table td.sepet_baslik{text-align: center;font-weight: 600;}
.teklifFormRow table td{text-align: center;font-weight: 400;vertical-align: inherit!important;}
.teklifFormRow td img{width: 100px;}

.teklifFormFirmaBilgileri{margin-bottom: 15px;}
.teklifFormFirmaBilgileri ul{display: flex;align-items: center;justify-content: flex-start;}
.teklifFormFirmaBilgileri ul li:nth-child(1){width: 95px;font-weight: 600;}
.teklifFormFirmaBilgileri ul li{padding:4px 8px}

.teklifFormAciklama{padding:0px;margin-top: 15px;}
.teklifFormAciklama input{border-radius: 0px;height:45px;}

.teklifFormDetaylar{padding:0px;margin-top:15px;display: flex;align-items: stretch;justify-content: center;flex-direction: column;float:right;width: 300px;}
.teklifFormDetaylar ul{display: flex;align-items: center;justify-content: space-between;gap:15px}
.teklifFormDetaylar ul li:nth-child(1){font-weight: 600;width: 185px;}



.teklifFormBtn{padding:0px;margin-top: 15px;}
.teklifFormBtn button{font: normal normal medium 12px/16px Rethink Sans;color: #FFFFFF!important;border-radius: 20px 0px;border: 1px solid var(--black);background: var(--black) 0% 0% no-repeat padding-box;padding:10px 20px}




/*########################      TEKLİFLER  	###################################*/




.footerFluidWrap{margin-top: 0px;position: relative;background-color: #292929;border-bottom:5px solid var(--red)}
.footerFluid  .footerParent .footerParentInner{padding:30px 0px}
.footerLeft{width: 300px;float:left;}
.footerLeft li.call a{background-color: var(--red);color: var(--white);display: flex;align-items: center;gap: 8px;padding:6px 10px;border-radius: 30px;margin-block: 8px;
  font: normal normal bold 16px/22px Rethink Sans;justify-content: space-between;}
.footerLeft .social img{width: 30px;}
.footerFluid .social{margin-top: 15px;display: flex;gap:8px}


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




.footerTitle{font: normal normal bold 12px/20px Rethink Sans;color:var(--blue)}
.footerText{font: normal normal normal 14px/23px Rethink Sans;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 Rethink Sans;color: #868686;}
.footerFluid .contact i{color:var(--blue)}




.footerMenu li:nth-child(1) h3{font: normal normal bold 18px/28px Rethink Sans;color: var(--white);}
.footerMenu li a{display: inline-flex;font: normal normal normal 12px/20px Rethink Sans;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(--red);transition: 300ms;position: absolute;}
.footerMenu li a:hover::before{width: 100%;}


.registerWrap{background-color: var(--white);}
.registerWrap ul{display: flex;justify-content: space-between;padding: 15px 0px;font: normal normal normal 14px/18px Rethink Sans;color:var(--black);align-items: center;}
.registerWrap ul a{color: var(--black);font-weight: 600;}
.registerWrap ul img{width: 180px;}




  @media(max-width:768px){
      .harita{height:250px}
      .iletisimLeft .title h2{font: normal normal normal 16px/20px Rethink Sans;}
      .iletisimText{font: normal normal normal 12px/18px Rethink Sans;}
      .iletisimForm ul > li input{height:35px}
      .iletisimForm ul > li textarea{height:80px}
      .iletisimForm ul > li{font: normal normal normal 13px/13px Rethink Sans;}
  }




.headerMobileSearchIcon{display: none;}

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

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

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

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


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

    .headerContainer{padding:15px}
    .headerLeft{width: 170px;}
    .headerRight{width: calc(100% - 170px);padding-right: 40px;}
    .headerRight ul{gap: 0px;}
    .headerRight ul .dovizKuru{margin-right: 12px;}
    .headerRight ul li a span{display: none;}
    .headerRight ul li form{visibility:hidden;opacity: 0;transition: 400ms;width: 100%;position: fixed;left:0px;top:10px;z-index: 10;padding: 0px 15px;}
    .headerRight ul li form.active{visibility: visible;opacity: 1;top: 0px;background-color: #fff;padding:25px 15px;}
    .headerRight ul li form.active span.close{position: absolute;right:0px;top:0px;display: block;}
    .headerRight ul li .btn{left: 15px;top: 30px;}
    .headerRight ul li.search input{width: 100%;}
    .headerRight ul li.sign-up a{padding: 6px 15px;font: normal normal 500 11px/19px Rethink Sans;}
    .headerRight ul li.sepet a{font: normal normal 500 14px/19px Rethink Sans;padding:0px 6px;}
    .headerRight ul li.sepet a b{margin-left: 4px;}
    .headerRight ul li.login a{padding:6px 15px;font:normal normal 500 11px/19px Rethink Sans}

    .ustAlanWrap{padding: 0px 15px;margin-top: 15px;}
    .sliderWrap{margin-bottom: 0;}
    .sliderWrap .swiper{padding-bottom: 15px;}
    .ustAlanWrap > .row{flex-direction: column;}


    .contentWrap > .row{margin: 0px;}
  }
  @media(max-width:768px){

    .leftTitleLine h3{font: normal normal 900 11px/14px Rethink Sans;}
    .leftTitleLine select.form-control{width: 105px;}

    .topNotification{font: normal normal normal 12px/13px Rethink Sans;}
    .memberFormWrap li button.btn{font: normal normal 500 11px/13px Rethink Sans;padding: 10px 10px;}

    
    

    .topMenuRow{padding:0px 0px}
    .topMenuFluid ul.menu{gap: 5px;padding-left: 20px;}
    .topMenuFluid ul.menu li a{font: normal normal 500 11px/13px Rethink Sans;}
    .topMenuFluid ul.odemeYapBtn li a{font: normal normal 500 11px/13px Rethink Sans;padding: 15px 10px;}


    .kategoriResimliListWrap{padding: 0px 30px;}
    .anasayfaKategorilerSwiper .swiper-wrapper{justify-content: inherit;}



    .rightBlockColumn .sliderSlick{margin-top: 15px;}
    .rightBlockColumn .homeBannerList{margin-top: 15px;margin-bottom: 30px;}


    .productImg{padding:15px}
    .productRight{padding: 0px 15px;}
    .productRight h4.title{font: normal normal 900 13px/14px Rethink Sans;margin-bottom: 10px;}
    .productDetailPrices ul li{font: normal normal normal 11px/13px Rethink Sans;}
    .productDetailPrices ul li:nth-child(1){width: 90px;}
    .productBtns button.sepeteEkleBtn{font: normal normal 500 11px/13px Rethink Sans;}
    .homeAllProductBtn a.btn{font: normal normal 500 11px/14px Rethink Sans;padding:10px 15px;display: inline-flex;align-items: center;justify-content: center;}


    .sepetPage,.pageInnerContainerWrap,.siparislerParent{margin-top: 15px;}
    .odemeIslemTop .odemeIslemLeft img{width: 40px;}
    .odemeIslemTop .odemeIslemLeft i{font-size: 30px;}
    .odemeIslemTop .odemeIslemRight ul li a{height:66px}
    .sepetTableKapsul .sepet_baslik{font-size: 12px;}
    .sepetTableKapsul tbody td{font-size: 11px;}
    

    .qtyCartAddContainer{justify-content: flex-start;margin-top: 10px;}
    .sepetKapsul table tr td a.carpi{margin-right: 0px;margin-left: 10px;}

    .qtyCartAddContainer li{margin-right: 0px;}
    .sepetRightBtns{justify-content: flex-start;margin-top: 10px;}
    .sepetKapsul table td{text-align: left;}
    .sepetKapsul table thead tr td:nth-child(1){font-weight: 600;}
    .sepetRightBtns a.btn.teklifOlusturBtn{font: normal normal 500 11px/14px Rethink Sans;padding: 8px 15px;}
    .sepetRightBtns a.btn.devamEtBtn{font: normal normal 500 11px/14px Rethink Sans;padding: 8px 15px;}

    .satisKosuluDegistirKapsul select{height:35px}

    .odemeKapsul{padding: 15px 0px;}
    .odemeGrid{margin-bottom: 30px;}

    .odemeGrid .odemeInputAlan input.btn{font: normal normal 500 11px/14px Rethink Sans;padding: 8px 15px;}
    .tahsilatParent .odemeGrid{padding:0px}
    .odemeGrid .odemeInputAlan .odemeTarihSelect{margin-right: 0px;padding-right: 0px;}

    .siparislerContainer{padding:0px}
    .hesabimWrap{padding: 15px 0px;}

    .profilColumn .btn{font: normal normal 500 11px/14px Rethink Sans;padding: 8px 15px;}
    .uyelikForm input{height: 35px;}

    .siparisTopRowLeft .order-header-info ul li{display: block;}
    .siparisTopRowLeft .order-header-info b{display: block;}
    .siparisTopRowLeft{width: 50%;}
    .siparisTopRowRight{width:50%;margin-right: 0px;justify-content: flex-end;padding-right: 15px;}
    .siparisTopRow{justify-content: space-between;}
    .siparisTopRowRight ul{gap: 10px;}
    .siparisTopRowRight ul li:nth-child(1) b{font: normal normal 900 12px/19px Rethink Sans;}
    .siparisContentRow{display: block;}
    .siparisContentRowWrap{padding: 0px;}
    .siparisContentRow ul.siparisContentRowLeft{gap: 0px;}

    .teklifContentRow tbody td{font-size: 11px;}
    .teklifSipariseDonusturBtn .btn{font: normal normal 500 11px/14px Rethink Sans;padding: 8px 15px;margin-right: 15px;}
    .siparisTopRowRight a.btn{width: 35px;height:35px;}
    .siparisTopRowRight a.btn i{font-size: 20px;}

    .tahsilatParent thead th{font-size: 11px!important;padding:6px 4px!important;text-align: center;}
    .tahsilatParent tbody td{font-size: 9px!important;padding:4px!important;text-align: center;}
    .tahsilatTableList table thead tr th:nth-child(1){width: 40%!important;}
    
    .productLists{grid-template-columns: repeat(1,1fr);}

    .bottomBilgilendirme ul li{font: normal normal bold 18px/26px Rethink Sans;text-align: center;}

    .bottomSiparisBilgi ul{grid-template-columns: repeat(1,1fr);}


    .footerLeft{width: 100%;}
    .footerRow{padding: 15px;}
    .footerRight{display: block;width: 100%;}
    .footerRight ul{margin-bottom: 30px;}
    .footerLeft ul.social{margin-bottom: 30px;}

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




.loader-capsul{position:fixed;width:100%;height:100%;background-color:rgba(247,148,30,0.5);  z-index:9999;  display:none;top:0px;left:0px}
.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 20% auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
  }
}


.slidercaptcha {margin: 0 auto;width: 314px;height: 286px;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);margin-top: 40px;}
.slidercaptcha .card-body {padding: 1rem;}
.slidercaptcha canvas:first-child {border-radius: 4px;border: 1px solid #e6e8eb;}
.slidercaptcha.card .card-header {background-image: none;background-color: rgba(0, 0, 0, 0.03);}
.refreshIcon {top: -54px;}