/* ==================== */ /* ------F6--SC-------- */ /* ==================== */ /*@import url('fonticon/fontawesome.min.css'); @import url('fonticon/fontawesomepro.css'); @import url('fonticon/linearicons.css'); @import url('bootstrap.css');*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext'); /*Dikey Ortalama display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center; /*Dikey Ortalama*/ * {font-weight: normal; margin: 0; outline: 0; padding: 0;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;} *:before, *:after {-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;} /*Fadein Css*/ @keyframes fadein {from {opacity: 0;}to{ opacity: 1;}} @-moz-keyframes fadein {from {opacity: 0;}to{ opacity: 1;}} @-webkit-keyframes fadein {from {opacity: 0;}to{ opacity: 1;}} @-o-keyframes fadein {from {opacity: 0;}to{opacity: 1;}} /*Fadein Css*/ /*Shine Css*/ @-webkit-keyframes shine {100% { left: 125%; }} @keyframes shine {100% { left: 125%; }} /*.Blok a:hover:after {-webkit-animation: shine .75s;animation: shine .75s;position: absolute;top: 0;left: -100%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}*/ /*Shine Css*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; } body { background: #fff; color: #000; font-family: 'Montserrat', sans-serif !important; margin: 0; padding: 0;/*-webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both;*/} label input { margin-right: 5px; } img { border: none; max-width: 100%; } ol, ul { list-style: none; } i{font-style: normal;} .hesabimBolumuTutucu i{vertical-align: middle;} a { text-decoration: none;color: #666;} h1 h2 h3 h4 h5 h6 { margin: 0px; padding: 0px; font-weight: normal !important;} input[type="text"] { border: solid 1px #a9a9a9; padding: 0 5px; height: 26px; color: #777777; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; } input[type="password"] { border: solid 1px #a9a9a9; padding: 4px; text-indent: 5px; color: #777777; } input[type="submit"] { border: none; cursor: pointer; } select, input { font-family: 'Montserrat', sans-serif !important; } button { -moz-appearance: none;-webkit-appearance: none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; } .adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; } #cb3DSecureOdeme { margin-right: 8px; } #txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; } .clear { clear: both; } .textarea { font-family: 'Montserrat', sans-serif !important; border: solid 1px #a9a9a9; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;} .textbox { font-family: 'Montserrat', sans-serif !important; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;} .button { cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; font-family: 'Montserrat', sans-serif !important; text-align: center; } .selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; } .validate, .validateSol, .validateOrta { position: absolute; right: 1.5%; top: 0; display: table; background-color: #366f2a; color: #fff; border-radius: 5px; padding: 0 10px; } .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #366f2a; position: absolute; right: 10px; bottom: -5px; width: 10px; height: 10px; display: block; border-radius: 0 0 0px 15px; } .cloudzoom-zoom { z-index: 999; } .clearfix { content: ''; clear: both; display: block; float: left; width: 100%; } .clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; } .KasaOnuFirsatlarContent ul li a.button{border: none!important;} body .kirmiziButon{background: #ca2128!important;border-color: #ca2128!important;} body .yesilButon{background: #59962d!important;border-color: #59962d!important;} body .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;} body .yesilButon:hover {background:#406d20!important;color: #fff !important;} /*------------------------------------Sabit Renkler--------------------------------------------*/ .button{ background-color: #9a3189;} .Basketstep ul li i, .sepetTitle .st_1, .sepetTitle2 .st_1, .BasketRigth ul li.genelToplam .tut, .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span { color: #9a3189 !important } .basketCompletebtn { background: #9a3189 !important; } .OdemeMenu ul li.activeMenu { border-color: #9a3189 !important; } .baglanButton { background: #9a3189 ; border-color: transparent; } .baglanButton:hover { background: transparent; color: #9a3189 !important; } .Basketstep ul li:before { border: 1px solid #9a3189 !important; } .Basketstep ul li.pasif i { color: #9a3189 !important } .BasketDetail table tbody tr td a { display: inherit; } .BasketDetail table tbody tr td:last-child a { display: block; } #AdresContent .button { background: #9a3189 !important; } .siparisOzetTakip { background: #9a3189 !important; color: #fff; } .sepetimBody .hnavigation { display: none; } .sepetimBody #header:after { display: none; } .BasketPage .Basketstep ul li.pasif i { color: #9a3189 !important; } .BasketPage .cargoInformation div.cargoName span { color: #9a3189 !important; } .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check { color: #9a3189 !important; } .BasketPage .OdemeMenu ul li.activeMenu a { background-color: #9a3189 !important; } .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active { color: #9a3189 !important; } .BasketPage .sepetItemB4 { color: #9a3189 !important; } /*HoverRenk*/ .button:hover { background-color: #9bb00f;} .userLoginBtn:hover, .userSignBtn:hover{background: #9bb00f!important;} .KasaOnuFirsatlarContent ul li a.button:hover { background: #9bb00f !important; border: none !important; } .BasketPage .sepetTitle2 a:hover { color: #9bb00f !important; } .BasketPage .alisverisedevamet:hover { background: #9bb00f !important; border: 1px solid #9bb00f !important; } .BasketPage .OdemeMenu ul li:hover a { background-color: #9bb00f !important; border-color: #9bb00f !important; } .BasketPage #hed div.hediCekForm a:hover { background: #9bb00f !important; } .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover { color: #9bb00f !important; } .BasketPage .AdresItemAlt a:hover { color: #9bb00f !important; } .BasketPage .sepetiTemizle:hover { color: #9bb00f !important; } .BasketPage a.YeniAdresEkle:hover { background-color: #9bb00f !important; border-color: #9bb00f !important; color: #fff !important; } .BasketPage .sepet-sil:hover:before { color: #9bb00f !important; } #AdresContent .button:hover { background: #9bb00f !important; } .OdemeMenu ul li:hover { border-color: #9bb00f !important; } .basketCompletebtn:hover { background: #9bb00f !important; } /*------------------------------------Sabit Renkler--------------------------------------------*/ /* ------------------------------------ ToolTip --------------------------------------------*/ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { min-width: 90px; padding: 2px 8px; color: #fff; text-align: center; font-size: 10px; text-decoration: none; background-color: #222222; border-radius: 5px; white-space: nowrap; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #222222; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #222222; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #222222; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #222222; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #222222; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #222222; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #222222; border-width: 0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #222222; border-width: 0 5px 5px } /* ------------------------------------ ToolTip --------------------------------------------*/ /* -----------------------------------Sayfayi Yazdir--------------------------------------------*/ .PrintArea { width: 960px; margin: 0px auto; background-color: #FFF; overflow: hidden } .printresim { width: 30%; height: 200px; float: left } .printdetay { width: 70%; float: left } .printdetay div { padding-top: 5px; padding-bottom: 5px; min-height: 10px } .printurunadi { font-size: 16px } .printfiyat { font-size: 16px } .printtaksit { width: 960px; float: left } .printtaksit .taksitLine { background-color: #FFF !important } .printtaksit .taksitLine .taksitLineNo { width: 114px } .printtaksit .taksitLine div { background-color: #FFF !important; } .printkdvdahil { font-size: 16px; } /* -----------------------------------Sayfayi Yazdir--------------------------------------------*/ /*------------------------------------iletisim--------------------------------------------*/ .iletisimContent { float: left; width: 100%;margin: 30px 0; } .iletisimLine { margin-bottom: 10px; min-height: 30px; line-height: 30px; position: relative; } .iletisimLine .Left { display: inline-block; width: 20%; float: left; } .iletisimLine .Center { display: inline-block; width: 2%; float: left; } .iletisimLine .Right { display: inline-block; width: 40%; float: left; } .iletisimbanka { width: 100%; padding: 1%; border: solid 1px #dadada; background-color: #fff; overflow: hidden; } .iletisimContent .row { width: 49%; float: left; border: solid 1px #CCC; padding: 1%; min-height: 303px; margin: 0; background: #fff;} .iletisimContent .categoryTitle { border-bottom: solid 7px #e4e4e4; margin-bottom: 35px; } .iletisimContent .row .span { margin-left: 2%; margin-right: 2%; padding: 0px; width: 96%; overflow: hidden; } .iletisimContent .row .span div { float: left; min-height: 30px; line-height: 30px; width: 20%; } .iletisimContent .row .span .Center { width: 2%; } .iletisimContent .row .span .Right { width: 78%; } .iletisimContent .row .span .line1 { width: 100%; min-height: 50px; margin-bottom: 5px; } .iletisimContent .row .span > .line1 { border-bottom: solid 1px #CCC; } .iletisimContent .row .span .line1 div { width: 41%; float: left; min-height: 50px; } .iletisimContent .row .span .line1 .line2 { text-align: center; width: 23%; } .iletisimContent .row .span .line1 .line3 { text-align: center; width: 16%; } .iletisimContent .row .span .line1 .line4 { text-align: right; float: right; width: 20%; } .iletisimContent .row .span .line1 div span { display: block; min-height: 25px; } .iletisimContent .row .span .line2 { width: 100%; min-height: 25px; } .iletisimContent .row .span > .line2 { border-bottom: solid 1px #CCC; } .iletisimContent .row .span .line2 .line1 { width: 70%; float: left; /* height: 25px; */ line-height: 25px; } .iletisimContent .row .span .line2 .line2 { float: right; width: 30%; text-align: right; } .iletisimContent .row .span .line3 { width: 100%; } .iletisimContent .row .span .line3 .line1 { width: 100%; } .iletisimContent .row .span .line3 .line1 span { float: left; } .iletisimForm { width: 100%; margin-top: 20px; border: solid 1px #dadada; overflow: hidden; padding: 1%;background: #fff;} .iletisimForm .row { width: 50%; border: none; float: left; padding: 0; } .iletisimForm .row .span { height: 70px; position: relative; overflow: visible; margin-bottom: 0px; } .iletisimForm .row .span .captchaImageBox { float: left; width: 30%; } .iletisimForm .row .span .captchaInputBox { width: 69%; } #mainHolder_TiciCaptcha_ImgCaptcha { width: 100px; } .iletisimForm .row .span .captchaInputBox input { float: left; } .iletisimForm .row .span #mainHolder_btnGonder { width: 160px; float: right; } .iletisimForm .textarea { height: 110px; } /*------------------------------------iletisim--------------------------------------------*/ /*******************************************UYELIK********************************/ /*------------------------------------uye Ol--------------------------------------------*/ .uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; } .uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width: 49.1%; } .uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;} .uyeOlContainer .uyeOlRow{margin:0;} .uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;} .uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;} .uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; } .uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; } .uyeOlContainer .gender { float: left; width: 100%; } .uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; } .uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; } .uyeOlContainer .intl-tel-input { margin-bottom: 15px; } .uyeOlContainer #mainHolder_rblCinsiyet { float: left; } .uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; } .uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; } .uyeOlContainer .uyeOlColItem.checkboxItem label span {display: inline-block;vertical-align: top;float: left;font-size: 13px;} .uyeOlContainer .uyeol {width:100%;text-align:center;padding:2px;margin:30px 0;height: 45px;font-size: 15px;line-height: 48px;} /*------------------------------------uye Ol--------------------------------------------*/ /* ------------------------------------Sifremi Unuttum--------------------------------------------*/ .SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; } .SifremiUnuttum p { line-height: 25px; } .SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; } .SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; } .SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; } .SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; } .SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; } .SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; } .SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; margin: 0 auto; } .SifremiUnuttum .line .Left { width: 30%; float: left; } .SifremiUnuttum .line .Center { width: 4%; float: left; } .SifremiUnuttum .line .Right { width: 66%; float: left; } /* ------------------------------------Sifremi Unuttum--------------------------------------------*/ /* ------------------------------------uyelik Onay--------------------------------------------*/ .uyelikonay { margin: 50px 0; padding-left: 50px; } .uyelikonay .title { width: 100%; margin-bottom: 30px; } .uyelikonay .title h4 { font-size: 30px; margin-bottom: 20px; } .uyelikonay .title span { font-size: 20px; } .uyelikonay p { line-height: 30px; } .uyelikonay p strong { font-weight: bold; font-size: 16px; color: #000; } .uyelikonay a { font-size: 14px; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; } /* ------------------------------------uyelik Onay--------------------------------------------*/ /*------------------------------------uye Giris Popup--------------------------------------------*/ .popupBox { width: 80% !important; } .popupBox input[type="password"], .popupBox input[type="text"] { width: 100% !important; padding: 0 10px !important; margin-bottom: 7px !important; height: 40px !important; border: 1px solid #e7e7e7 !important; } .popupBox input[type="password"]:focus, .popupBox input[type="text"]:focus { border-color: #000 !important; } .popupBox input[type="checkbox"] { margin: 3px 10px 0 0 !important; } .popupBox input[type="radio"] { margin: 3px 10px 0 0 !important; float: left; } .userloginF1 { border: none !important; } .errBoxRegister { overflow: hidden; } .uyePopupContent .button { padding: 10px !important; } .uyePopupCinsiyet { margin: 10px 0 !important; } .uyePopupCinsiyet tr td { padding-right: 10px !important; } .popupLogo { margin-bottom: 10px; } /*------------------------------------uye Giris Popup--------------------------------------------*/ /*******************************************UYELIK********************************/ /* ------------------------------------Taksit Secenekleri--------------------------------------------*/ .taksitBlok { width: 25%; height: auto; float: left; line-height: 20px; } .taksitBaslik { width: 100%; height: 20px; text-align: center; } .taksitBaslik img { display: none; } .taksitLine { width: 101%; } .taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; } .taksitLine .tak.Taksit { background-color: #ededed; width: 19%; } .taksitBaslik1 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/1.png) center center no-repeat #7cc242; } .taksitBaslik2 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; } .taksitBaslik3 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/3.png) center center no-repeat #6950a2; } .taksitBaslik4 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; } .taksitBaslik5 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; } .taksitBaslik6 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; } .taksitBaslik7 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/7.png) center center no-repeat #ee3623; } .taksitBaslik8 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/8.png) center center no-repeat #00aedb; } .taksitBaslik9 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; } .taksitBaslik10 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/10.png) center center no-repeat #2e3192; } .taksitBaslik11 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/11.png) center center no-repeat #056bb6; } .taksitBaslik12 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/12.png) center center no-repeat #221f1f; } .taksitBaslik13 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/13.png) center center no-repeat #0053a0; } .taksitBaslik14 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; } .taksitBaslik15 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/15.png) center center no-repeat #024d39; } .taksitBaslik16 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/16.png) center center no-repeat #8c1639; } .taksitBaslik17 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/17.png) center center no-repeat #e9690e; } .taksitBaslik18 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; } .taksitBaslik19 { background: url(https://static.ticimax.cloud/943/Uploads/BankaLogo/19.png) center center no-repeat #ffffff; } .TakRenk1 { background-color: #edf4e6; } .TakRenk2 { background-color: #f1e7f3; } .TakRenk3 { background-color: #f5f9d9; } .TakRenk4 { background-color: #eeafa2; } .TakRenk5 { background-color: #b5d0df; } .TakRenk6 { background-color: #e4e9f4; } .TakRenk7 { background-color: #edf4e6; } .TakRenk8 { background-color: #f1e7f3; } .TakRenk9 { background-color: #f5f9d9; } .TakRenk10 { background-color: #eeafa2; } .TakRenk11 { background-color: #b5d0df; } .TakRenk12 { background-color: #e4e9f4; } .TakRenk13 { background-color: #edf4e6; } .TakRenk14 { background-color: #f1e7f3; } .TakRenk15 { background-color: #f5f9d9; } .TakRenk16 { background-color: #eeafa2; } .TakRenk17 { background-color: #b5d0df; } .TakRenk18 { background-color: #e4e9f4; } .TakRenk19 { background-color: #edf4e6; } /* ------------------------------------Taksit Secenekleri--------------------------------------------*/ /* ------------------------------------ Cari odeme Yap Blok --------------------------------------------*/ .CariOdeme .row .span { overflow: hidden; } .CariOdeme .row .span .Left { width: 13%; } .CariOdeme .row .span .Center { width: 3%; } .CariOdeme .row .span .Right { width: 82%; } .CariOdeme .row .span div { float: left; height: 31px; line-height: 31px; } .Listem.CariOdemeRaporlari .ListemItem .line1 { width: 6%; } .Listem.CariOdemeRaporlari .ListemItem .line2 { width: 13%; } .Listem.CariOdemeRaporlari .ListemItem .line3 { width: 18%; } .Listem.CariOdemeRaporlari .ListemItem .line4 { width: 8%; padding-left: 1%; } .Listem.CariOdemeRaporlari .ListemItem .line5 { width: 18%; padding-left: 1%; } .Listem.CariOdemeRaporlari .ListemItem .line6 { width: 12%; padding-left: 1%; } .Listem.CariOdemeRaporlari .ListemItem .line7 { width: 10%; padding-left: 1%; } .Listem.CariOdemeRaporlari .ListemItem .line8 { width: 7%; padding-left: 1%; } .CariOdeme .Basketstep { display: none; } .CariOdeme .OdemeMenu { display: none; } .CariOdeme .BasketPage { width: 100%; overflow: visible; padding: 0; border: 0; min-height: inherit; } .CariOdeme .Odeme-Left { width: 100%; padding: 0; float: none; background-color: transparent; min-height: 300px; } .CariOdeme .Odeme-Left .Left { width: 50%; } .CariOdeme .CrediCardNoInput input { width: 20.3%; } .CariOdeme .CrediCardNameInput input { width: 92%; } .CariOdeme .CrediCardDateInput select { width: 46.7%; } .CariOdeme .Odeme-Right { padding: 0; float: none; width: 100%; background-color: transparent; } .CariOdeme .Odeme-Right .Odeme-RightLine { display: none; } .CariOdeme .aspNetDisabled { margin-top: 5px; } .CariOdeme .OdemeTamamla .SiparisiTamamlaBtn { float: right; margin-top: 50px; } .CariRaporlarContent .siparisTablo thead tr th { padding: 2px; } .cariorta table tr td { padding: 5px; } div#fancy_print { background: url("../Default/images/print2.png") no-repeat scroll center center #222222; border: 2px solid #FFFFFF; border-radius: 13px; cursor: pointer; display: block; height: 25px; left: -16px; position: absolute; top: -14px; width: 25px; z-index: 9999; } .CariOdeme .Odeme-Right { position: relative; } .CariOdeme .OdemeTamamla { position: absolute; bottom: 0; } /* ------------------------------------ Cari odeme Yap Blok --------------------------------------------*/ #mainHolder_txtbxNotlar { width: 100%; } .Block_Text img { max-width: 100%; } #GUVENLIK_KODU { margin-bottom: 10px; margin-top: 10px; } /* ------------------------------------ Arama Sonuclari --------------------------------------------*/ #ArmaSonuclari { width: 100%; border: solid 1px #CCC; padding: 3%; text-align: center; font-size: 19px; background-color: #fff; } /* ------------------------------------ Arama Sonuclari --------------------------------------------*/ /*------------------------------------yan blok uye giris ve sepet--------------------------------------------*/ .sideuserlogin { float: left; width: 100%; text-align: center;} .sideuserlogin > div{float:left;width:100%;} .sideuserlogin .spanTittle { float: left; width: 100%; text-align: center; color: #3c3934; font-weight: 600; font-size: 14px; line-height: 53px; text-transform: uppercase; } .sideuserlogin .textbox { float: left; width: 100%; border: none; border-radius:5px; box-shadow: 0 0 0 0; height: 40px; background: #f1f0f0; color: #3c3934; font-size: 12px; padding: 0 20px; margin-bottom: 10px; text-indent: 0; } .sideuserlogin .button { float: left; height: 40px; background: #fff !important; border-radius: 5px; border: 2px solid #3c3934!important; margin-bottom: 0; width: 100%; line-height: 36px; text-transform: uppercase; padding: 0; } .sideuserlogin .button strong { font-size: 0 !important; color: #3c3934; font-weight: 600 !important; } .sideuserlogin .button strong:before {content: 'HEMEN GÄ°RÄ°Åž YAP';font-size:14px!important;} .sideuserlogin .userSignUp { float: left; width: 100px; font-size: 12px; color: #ffffff; background: #4c5a58; border-radius: 5px; font-weight: bold; line-height: 31px; text-transform: uppercase; } .sideuserlogin .userPassBtn { float: left; color: #3c3934; font-size: 13px; text-align: left; line-height: 30px;width: 100%;margin-bottom:9px; } .sideuserlogin #chkUyeGiriRememberMe { display: none; } .sideuserlogin .uyeGirisBeniHatirla { float: right; text-align: right; font-size: 10px; color: #a0a0a0; margin-top: 5px; margin-bottom: 5px; display: none; } .sideuserlogin .uyeGirisBeniHatirla input { width: 12px; height: 10px; float: left; } .sideuserlogin .baglanButton {margin:0; padding: 0 !important; float: right; border-radius: 5px; width: 100px;height: 30px; margin-bottom: 0 !important; background: #fff !important; border: 1px solid #385a95 !important; text-indent: 0 !important; } .sideuserlogin .baglanButton a { line-height: 28px; text-indent: 0; color: #385a95; font-size: 0; font-weight: 600; } .sideuserlogin .baglanButton a:before { content: '\f09a'; font-family: 'FontAwesome'; margin-right: 5px; line-height: 28px; font-size: 13px; } .sideuserlogin .baglanButton a:after { content: 'BAÄžLAN';font-size: 12px;line-height: 28px;} .YanUyeGirisi { float: left; width: 100%;background: #fff;padding: 0 15px 9px; text-align: center; margin-bottom: 20px; border-radius:5px; } .YanUyeGirisi .Block_Title { float: left; width: 100%;padding:0; display: block; } .YanUyeGirisi .Block_Title span { float: left; width: 100%; text-align: center; color: #3c3934; font-weight: 600; font-size: 14px; line-height: 53px; text-transform: uppercase; } .YanUyeGirisi li { float: left; width: 100%; margin-bottom: 5px; font-size:12px;color: #000;} .YanUyeGirisi li *{font-size:12px;color: #000;} .Block_Text > a { color: #fff; float: left; width: 100%; background: #000; margin-top: 5px; font-size: 14px; font-weight: 600; line-height: 30px; border-radius:5px;} .SepetBlock { float: left; width: 100%; background: #fff; text-align: center;border-radius:5px; } .SepetBlock .Block_Title { float: left; width: 100%; background: #000;border-radius:5px 5px 0 0; text-align: center; color: #fff; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 40px; } .SepetBlock .Block_Title span { font-weight: 600; position: relative; } .SepetBlock .Block_Title span:after { content: '\f291'; font-family: 'FontAwesome'; font-size: 17px; color: #fff; line-height: 40px; margin-left: 12px; font-weight: normal; } .SepetBlock .solBlokSepetUrunyok { float: left; width: 100%; padding: 0 50px 10px; font-size: 13px; color: #3c3934; font-weight: 500; } .SepetBlockInfo { float: left; width: 100%; text-align: left; overflow-y: auto; max-height: 450px; } .SepetBlockInfo::-webkit-scrollbar { width: 4px; } .SepetBlockInfo::-webkit-scrollbar-track { background: #e5e5e5; } .SepetBlockInfo::-webkit-scrollbar-thumb { background: #a81d11; } .SepetBlockInfo table { border-collapse: collapse; width: 100%; } .SepetBlockImg { width: 30%; float: left; } .SepetBlockName { width: 70%; float: left; } .SepetBlockInfo tr { border-bottom: 1px dashed #d5d4d3; float: left; width: 100%; padding: 10px 5px; position: relative; } .SepetBlockInfo tr td { padding: 3px; } .SepetBlockInfo .SepetBlockImg img { border: 1px solid #eceaea; width: 50px; height: 50px; display: inline-block; } .SepetBlockInfo .SepetBlockName a { display: block; color: #666666; font-size: 12px; } .SepetBlockInfo .SepetBlockName a span { display: block; } .SepetBlockInfo .SepetBlockName a span:nth-child(2) { display: none; } .SepetBlockInfo .SepetBlockAdet { text-align: right; color: #666666; font-size: 10px; line-height: 20px; } .SepetBlockInfo td.SepetBlockTotal { text-align: right; color: #000000; font-size: 11px; } .SepetBlockInfo .SepetBlockRemove a { display: inline-block; width: 13px; height: 10px; line-height: 10px; text-align: center; background: #6f7d6b; color: #fff; font-size: 9px; cursor: pointer; position: absolute; top: 5px; right: 5px; } .SepetBlockInfo .SepetBlockRemove a:hover { background: #f22a18; } .SepetBlockGenelTotal { float: left; width: 100%; margin: 10px 0 0; text-align: center;} .SepetBlockGenelTotal table { width: 100%; border-collapse: collapse; } .SepetBlockGenelTotal tr:nth-child(1), .SepetBlockGenelTotal tr:nth-child(2), .SepetBlockGenelTotal tr:nth-child(3) {} .SepetBlockGenelTotal tr { background: #6f7d6b;} .SepetBlockGenelTotal tr td { text-align: left !important; } .SepetBlockGenelTotal tr td:nth-child(1) { color: #fff; font-size: 16px; font-weight: 600 !important; text-align: right !important; line-height: 30px; display: inline-block; } .SepetBlockGenelTotal tr td:nth-child(1) b { color: #fff; font-size: 14px; font-weight: 600 !important; line-height: 30px; } .SepetBlockGenelTotal tr td:nth-child(2) { color: #fff; font-size: 14px; font-weight: 600 !important; text-align: left !important; line-height: 30px; display: inline-block; } .SepetBlockCheck { padding: 8px 0; text-align: center; } .SepetBlockCheck .button:nth-child(1) { display: none; } .SepetBlockCheck .button { display: inline-block; width: 165px; height: 37px; line-height: 37px; border: none; margin: 0; padding: 0; text-transform: uppercase; background: #000000; font-size: 16px; color: #fff; } /*------------------------------------yan blok uye giris ve sepet--------------------------------------------*/ /*------------------------------------kampanya baner yonetimi--------------------------------------------*/ #divKampanyaBanner {float: left;width: 100%;font-size:0;text-align:center;margin:0;} #divKampanyaBanner .AnasayfaTasarimLine{float:left;width: 100%;padding-right: 400px;margin-bottom: 20px;} #divKampanyaBanner .AnasayfaTasarimLine a{display: inline-block;vertical-align:top;float: left;width: 100%;overflow:hidden;padding-bottom: 40px; position: relative;} #divKampanyaBanner .AnasayfaTasarimLine a img { max-width: 100%; display: block;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi {position: absolute;left: 0;right: 0;bottom: 0;color: #333333;font-size: 13px;font-weight:600;padding: 0 17px;background: #fff;text-align:left;line-height: 40px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime {float: right;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime * {color: #333333;font-size:12px;font-weight:600;line-height:40px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime > span.Sayac > span { } #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime .NoSayac { } #divKampanyaBanner .AnasayfaTasarimLine a:hover .AnasayfaTasarimAdi{background: #333;color: #fff;} #divKampanyaBanner .AnasayfaTasarimLine a:hover .AnasayfaTasarimAdi .TasarimTime *{color: #fff;} #divKampanyaBanner .AnasayfaTasarimLine.Kucuk{width: 380px;margin-right: 20px;padding:0;margin-bottom: 20px;} #divKampanyaBanner .AnasayfaTasarimLine.Kucuk:nth-child(4n){margin-right: 0;} /*------------------------------------kampanya baner yonetimi--------------------------------------------*/ .HesabimContainer .categoryTitle .categoryTitleText { width: 100% !important; margin-bottom: 20px; font-size: 13px; } .iletisimContent .categoryTitle .categoryTitleText { width: 100% !important; margin-bottom: 10px; } /*******************************************URUN DETAY********************************/ .RightDetail > .clear { clear: none; } .TopDet { float: left; width: 100%; position: relative;padding:0;} .leftImage { width: 620px; float: left; position: relative;} .RightDetail { width:calc(100% - 620px); float: left; position: relative;padding: 0 0 0 20px;} /*Urun Resim*/ .UrunDetayLeft { margin: 0 !important; overflow: hidden; } .Images { float: right; width: 500px; /*padding-bottom:111.1%;*/ position: relative;} .Images img { max-width: 100%; /*max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;*/} .cloudzoom-blank > div:last-child { display: none !important; } .SmallImages {display: block !important;float: left;width:112px;overflow-y:auto;max-height: 688px;} .SmallImages div {float: left;width: 100px;margin-bottom: 20px;} .SmallImages div img {display:block;max-width: 100%;} .DetayYeniUrun { display: none !important; float: right; width: 116px; text-align: center; margin-right: 9px; } .DetayYeniUrun #divYeniUrun {} .ProductName { float: left; width: 90%; position: relative;margin:0 0 9px;padding:0;} .ProductName h1 { margin: 0; } .ProductName h1 span { float: left; width: 100%; display: inline-block; color: #1d1d1b; font-size: 20px; font-weight:normal; line-height:1.5; } #divUrunKodu {float: left; display: inline-block;color: #1d1d1b; font-size: 12px; font-weight: 500; line-height: 12px;position: relative;margin-top:0;padding: 0;} #divUrunKodu:before { display: inline-block;vertical-align:top; content: 'Stok Kodu: ';color: #1d1d1b; font-size: 12px; font-weight: 500; position: relative; line-height: 12px;} #divTaksitAciklama { display: block;margin-top: 5px;} #divTaksitAciklama * { color: #1d1d1b; font-size: 12px; font-weight: normal; line-height: 1;} .puanVer { display:none !important; float: left;margin:25px 0 0;width: 100%;} #PuanVer{float: left;} .PuanVerSag {float: left;font-size: 13px;color:#000000;margin-left: 15px;font-weight:bold;line-height: 22px;display: none;} ul.rating { float: left; } ul.rating li { margin-right: 0 !important; width: 20px !important; float: left; } ul.rating li i.starItem { font-size: 15px!important; color: #ddd;line-height:15px;} ul.rating li i.starItem:hover { font-size: 16px !important; color: #f1a56f !important; } .rating .filled i { color: #f1a56f !important; } .RightDetail .TopList { float: left; width: 100%; position: relative;padding:20px;background: #fff;} .RightDetail .MiddleList { float: left; width: 100%; position: relative;padding:20px 20px 16px;background: #fff;margin: 20px 0;} .RightDetail .BottomList { float: left; width: 100%; position: relative;} .markaresmi { float: left; width: 100%; position: relative; z-index: 1; display: none !important; } .markaresmi a { float: left; } .markaresmi img { max-width: 100%; display: block; } /*on yazi*/ #divOnyazi {float:left;width: 100%;margin: 20px 0 0;} #divOnyazi * {font-family: 'Montserrat', sans-serif !important;font-size: 13px;color: #684d57;line-height: 20px;} #divOnyazi strong {font-weight:bold;} #divOnyazi strong * {font-weight:bold;} #divOnyazi i {font-family: 'FontAwesomePro'!important;margin-right: 12px;} /*fiyatlar*/ .PriceList { float: left; position: relative;margin:18px 0 0;padding: 20px 0 0;border-top: 1px solid #f1f1f1; width: 100%;} /*#pnlFiyatlar { display: inline-block; vertical-align: top;font-family: 'Montserrat', sans-serif;}*/ #divFiyatAlanlari { display: inline-block; vertical-align: top;font-family: 'Montserrat', sans-serif;width: 100%;} #divIndirimliFiyat {display: block;} /*marka adi*/ #divMarka { float: left; width: 100%;} #divMarka .left_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px;font-weight:normal;} #divMarka .center_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px;font-weight:normal;} #divMarka .right_line { display: inline-block;vertical-align:top; width: auto; } #divMarka .right_line * { display: inline-block;vertical-align:top; width: auto; color: #684d57; font-size: 13px;font-weight:normal;} /*tedarikci*/ #divTedarikci { float: left; width: 100%;} #divTedarikci .left_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px; font-weight:normal;} #divTedarikci .center_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px; font-weight:normal;} #divTedarikci .right_line { display: inline-block;vertical-align:top; width: auto; } #divTedarikci .right_line * { display: inline-block;vertical-align:top; width: auto; color: #684d57; font-size: 13px;} /*productStock miktari*/ #divToplamStokAdedi {float:left;width: 100%;} #divToplamStokAdedi .left_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px; font-weight:normal;} #divToplamStokAdedi .center_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px;font-weight:normal;} #divToplamStokAdedi .right_line { display: inline-block;vertical-align:top; color: #684d57; font-size: 13px;} /*indirim orani*/ .urunDetayFiyatContainer{float: left;} #divIndirimOrani {float: right;width:60px;height: 40px;border: 1px solid #9a3189;text-align:center;padding-top: 6px;} #divIndirimOrani .left_line { display: none; width: 90px; color: #231f20; font-size: 13px; font-weight: normal; } #divIndirimOrani .center_line { display: none; color: #231f20; font-size: 13px; font-weight: normal; margin-right: 20px; } #divIndirimOrani .indirimliOrani { display: block; color: #9a3189; font-size: 10px; line-height:1.2; font-weight: 600;text-transform:uppercase;} #divIndirimOrani .indirimliOrani * { display: inline-block; width: auto; color: #9a3189; font-size: 10px; line-height:1.2; font-weight: 600;} /*piyasa fiyati*/ .PiyasafiyatiContent {float:left;margin-right: 8px;} .PiyasafiyatiContent .left_line { display: none; color: #4d555f; font-size: 14px; font-weight: normal; } .PiyasafiyatiContent .center_line { display: none; color: #4d555f; font-size: 14px; font-weight: normal; margin-right: 0; } .PiyasafiyatiContent .right_line * { display: inline-block; color: #1d1d1b; font-size: 15px; font-weight: normal; text-decoration: line-through; line-height: 0.8; } .PiyasafiyatiContent .right_line .spanKdv { font-size: 14px; color: #666666; font-weight: normal; display: none !important; } /*indirimli fiyati*/ .IndirimliFiyatContent {float:right;} .IndirimliFiyatContent .left_line { display: none; width: 103px; color: #fff; font-size: 14px; font-weight: normal; width: 110px; } .IndirimliFiyatContent .center_line { display: none; color: #000; font-size: 14px; font-weight: normal; margin-right: 0; } .IndirimliFiyatContent .right_line { display: inline-block; color: #050708; font-size: 14px; font-weight: normal; } .IndirimliFiyatContent .right_line .spanFiyat { display: inline-block; color: #9a3189; font-size: 20px; font-weight: 600; line-height: 0.8; } .IndirimliFiyatContent .right_line .spanKdv { font-size: 14px; color: #48494a; font-weight: normal; display: none !important; } /*turk lirasi fiyati*/ #divTurkLirasiFiyat { display: block;} #divTurkLirasiFiyat .left_line { display: none; width: 103px; color: #152e59; font-size: 12px; font-weight: normal; } #divTurkLirasiFiyat .center_line { display: none; color: #152e59; font-size: 14px; font-weight: normal; margin-right: 0; } #divTurkLirasiFiyat .right_line { display: inline-block;} #divTurkLirasiFiyat .right_line *{ display: inline-block; color: #9a3189; font-size: 20px; font-weight: 600; line-height: 0.8; } /*indirimsiz fiyati*/ #divIndirimsizFiyat { display: block;} #divIndirimsizFiyat .left_line { display: none; color: #000; font-size: 14px; font-weight: normal; width: 110px; } #divIndirimsizFiyat .center_line { display: none; color: #000; font-size: 17px; font-weight: normal; margin-right: 0; } #divIndirimsizFiyat .right_line { display: inline-block; color: #9a3189; font-size: 13px; font-weight: normal; } #divIndirimsizFiyat .right_line .spanFiyat { display: inline-block; color: #9a3189; font-size: 20px; font-weight: 600; line-height: 0.8; } #divIndirimsizFiyat .right_line .spanKdv { display: none;} /*kdv dahil fiyati*/ #divKDVDahilFiyat { display: block;} #divKDVDahilFiyat .left_line { display: inline-block; color: #000; font-size: 13px; font-weight: normal; } #divKDVDahilFiyat .center_line { display: inline-block; color: #000; font-size: 13px; font-weight: normal; margin-right: 0; } #divKDVDahilFiyat .right_line { } #divKDVDahilFiyat .right_line * { display: inline-block; color: #9a3189; font-size: 20px; font-weight: 600; line-height: 0.8; } /*Para Puan*/ #divParaPuan{display:block;} #divParaPuan .left_line {display: inline-block;vertical-align:top;color: #000;font-size: 14px;font-weight: normal;margin-right: 10px;} #divParaPuan .center_line {display: none;} #divParaPuan .right_line {display: inline-block; color: #343437; font-size: 14px; font-weight: 60;} /*taksit aciklama*/ /*Stok yok*/ #divStokYok{float: left;width: 100%;margin: 0;font-size: 20px;color: #262626;font-weight: 600;text-align: center;padding: 10% 0;} #divStokYok:before{content: '\e880';font-family:'Linearicons-Free';font-weight:normal;width: 100%;float: left;font-size: 62px;} /*kdvler*/ #pnlFiyatlar .spanKdv { margin-left: 5px; display: inline-block; } /*Urun ekstrabilgileri*/ #divEkstraBilgiler { float: left;margin-top: 15px;} #divEkstraBilgiler img { max-width: 100%;display:block;} /*Havale*/ #pnlFiyatlar .odemeSecenekHavale { text-align: left; clear: left; font-size: 0; color: #4d555f; display: block !important; width: auto !important; padding: 0 !important; margin: 0 0 5px !important; line-height: 1 !important; border: none !important; background: none !important; font-weight: normal !important; } #pnlFiyatlar .odemeSecenekHavale:before { content: 'Havale Fiyatı :'; float: left; color: #4d555f; font-size: 14px; font-weight: normal; } #pnlFiyatlar br { display: none; } #pnlFiyatlar strong { display: inline-block; } #pnlFiyatlar #ltrHavaleFiyati { float: left; font-size: 14px; color: #4d555f; font-weight: normal; } /*varyasyonlar*/ #divUrunEkSecenek { float: left;width: 100%;} #divUrunEkSecenek .eksecenekLine {clear: none !important;/*display: none;*/float:left;width: 100%;} #divUrunEkSecenek .eksecenekLine:last-child {margin-bottom: 0!important;border: none;} #divUrunEkSecenek .eksecenekLine .left_line {float: left; font-size: 12px;color: #1d1d1b;font-weight:600;line-height: 49px;} #divUrunEkSecenek .eksecenekLine .center_line {display: none;} #divUrunEkSecenek .eksecenekLine .right_line { float: left;width:100%;} #divUrunEkSecenek .eksecenekLine .right_line select {width: 130px;float: left;height: 35px;border: none;color: #111111;font-size: 13px;font-weight: 500;padding: 0 11px;background: #f1f1f1;} #divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;} #divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon:nth-of-type(2) {/*display:none;*/} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {display: block;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {min-width: 35px;height: 35px;font-size: 12px;color: #1d1d1b;margin-right: 7px;border:1px solid #f1f1f1;line-height: 33px;background: #fff;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {border-color: #9a3189;} #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative; cursor: no-drop;background: #f1f1f1!important;color: #9d9d9c!important;border-color:#f1f1f1;} #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after {content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #999; left: 6px;right:6px; top: 50%; position: absolute;} /*ilgili Urunler*/ #IlgiliUrunDiv { float: left; width: 100%;} #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; } .TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;} .TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; } .TopDet #IlgiliUrunDiv .JKatAdi {padding: 0;margin: 0 0 19px;} .TopDet #IlgiliUrunDiv .JKatAdi .bold {text-align:left;} .TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;} .TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;} .TopDet #IlgiliUrunDiv .JKatAdi .satir1 {letter-spacing:0; float:left;padding: 0;font-weight: 600;color:#1d1d1b;font-size: 12px;line-height: 0.8;} .TopDet #IlgiliUrunDiv .JKatAdi .satir1:after {display: none;} .TopDet #IlgiliUrunDiv .JKatAdi .satir1:before {display: none;} .TopDet #IlgiliUrunDiv .clear { display: none; } .TopDet #IlgiliUrunDiv ul { float: left; width: 100%;padding-bottom: 19px;border-bottom: 1px solid #f1f1f1;} .TopDet #IlgiliUrunDiv ul li { float: left; width: 55px;margin-right: 10px;} .TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; } .TopDet #IlgiliUrunDiv ul li .productItem .productImage { } .TopDet #IlgiliUrunDiv ul li .productItem .productImage a { } .TopDet #IlgiliUrunDiv ul li .productItem .productImage img {width:100%;height: 100%;} .TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; } .TopDet #IlgiliUrunDiv ul li .productItem .productFaMyEx { display: none !important; } /*ilgili Urunler*/ #divUrunKisiselNot { float:left;width:100%;margin-top:5px;} #divUrunKisiselNot div:first-child { font-size: 14px; font-weight: bold; color: #343437;line-height:45px;} #divUrunKisiselNot br { display: none; } #divUrunKisiselNot input { float: left; width: 100%; height: 41px; border: 2px solid #bbb;border-radius:3px; padding: 15px; font-size: 13px; color: #343437; font-weight:700;} #divUrunKisiselNot input::-webkit-input-placeholder { color: #343437; } #divUrunKisiselNot input:-moz-placeholder { color: #343437; } #divUrunKisiselNot input::-moz-placeholder { color: #343437; } #divUrunKisiselNot input:-ms-input-placeholder { color: #343437; } #divUrunKisiselNot input:focus { color: #343437; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; } /*urun dosya ekle*/ #divUrunSiparisDosya { float: left; width: 50%; clear: left !important; } #divUrunSiparisDosya div { position: relative; } #divUrunSiparisDosya div:first-child { font-size: 12px; font-weight: bold; color: #010101; } #divSatinAl { float: left; width: 100%;padding: 20px 0 0;border-top: 1px solid #f1f1f1;margin:20px 0 0;} .BasketBtn { float: left; position: relative;} /*Adet Select*/ #divAdetCombo { display: block !important;position:relative;float: left;width:80px;} #divAdetCombo .left_line { display:none;line-height: 50px;color: #111111;font-size: 13px;font-weight: 500;} #divAdetCombo .center_line { display: none !important; float: left; } #divAdetCombo .right_line { float: left; width: 100%;max-width: 100%!important;} #divAdetCombo select { width: 100%; height: 50px; border: 1px solid #f1f1f1 !important; background: #fff; margin: 0; padding: 0 12px; color: #1d1d1b; font-size: 12px; text-align: left; font-weight: 600;border-radius:0;} /*Adet input*/ .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;} .riSingle a.riUp, .riSingle a.riDown { width: 36px !important;height: 25px!important;right:0; line-height:0;font-size: 17px; color: #684d57; background:transparent;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;text-align:center;} .riSingle a.riUp i{line-height:40px;} .riSingle a.riDown i{line-height:1;} .riSingle a.riUp {left: auto; top:0;} .riSingle a.riDown {bottom: 0;} .riSingle a.riUp:hover,.riSingle a.riDown:hover {color: #f39200;} .Basketinp { display: block; float: left;position: relative;} .Basketinp p {display:none;vertical-align:top;color: #000000;font-weight:bold; text-align: left; font-size: 13px; z-index:28px; line-height:35px;} #txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; } #txtbxurunSiparisAdedi { float: left; width: 105px !important; height: 50px !important; border-radius:25px; text-align: center; color: #684d57; font-size: 14px; font-weight:normal; border:1px solid #e5e5e5; display: inline-block; padding: 0; background: #fff; margin: 0; appearance: none; -moz-appearance: none;-webkit-appearance: none;} /*sepete Ekle*/ .basketBtn { float: left; position: relative;width:220px;margin:0 20px;} .basketBtn input { width:100%;display: inline-block;vertical-align:top; height: 50px; line-height: 50px; padding: 0; color: #fff; font-weight: 600; font-size: 13px;letter-spacing:1px; border: none ; border-radius:0px; text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;} .basketBtn input:hover { } /*Hemen Al*/ .buyfast { float: left;width:160px;} .buyfast input {width:100%;display: inline-block;vertical-align:top; height: 50px; line-height: 50px;background: #9bb00f; padding: 0; color: #fff; font-weight: 600; font-size: 13px;letter-spacing:1px; border: none ; border-radius:0px; text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;} .buyfast input:hover {background:#9a3189; } /*kombin Al*/ #divKombinSatinAl { float: left;width: 100%;display: none;} #divKombinSatinAl a {width: 100%; height: 55px; line-height: 55px; padding: 0; margin:0!important; color: #282727; float: left; border: 2px solid #dedcdc!important; border-radius:0; background: #fff!important; font-weight: 600; font-size:16px;} /*Iconlar*/ .ProductIcon {float: left;width: 100%;display: none;} .ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;color: #111111;font-size:12px;font-weight:500;line-height: 1.2;} .ProductIcon .box1 i {margin: 0;font-size: 21px;color: #111111;margin-right: 11px;float: left;line-height: 27px;} .ProductIcon .box1 i:before {font-weight:400;font-family: 'FontAwesomePro';} .ProductIcon .UGelinceHaberVer .box1 i:before {content: '\f0a1';} .ProductIcon > div{display: none;float:left;} .ProductIcon > div.UindirimliUrun{display: none!important;} .ProductIcon > div > a {display: inline-block;vertical-align:top;} .ProductIcon > div.FiyatHaberVer, .ProductIcon > div.UTelefonlaSiparis, .ProductIcon > div.UGelinceHaberVer, .ProductIcon > div.UFavorilerimeEkle {display: block;width: 123px;} .ProductIcon2 {float: left;width: 100%;text-align:center;font-size:0;padding: 25px 0;display: none;} .ProductIcon2 .YorumYazbtnContent, .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 > .hidden-phone { display: inline-block; text-align: center; position: relative;vertical-align:top;border-right: 1px solid #e1e1e1;padding: 0 30px;} .ProductIcon2 > .hidden-phone {display: none;} .ProductIcon2 .YorumYazbtnContent { margin-right: 0; } .ProductIcon2 .TavsiyeEtBtn { display: inline-block; } .ProductIcon2 .printBtn { display: inline-block; } .ProductIcon2 .TavsiyeEtBtnContent a:before {} .ProductIcon2 .printBtn:before {} .ProductIcon2 .YorumYazbtnContent a:before {} .ProductIcon2 .YorumYazbtnContent a, .ProductIcon2 .TavsiyeEtBtnContent a, .ProductIcon2 .hidden-phone a {color: #000000;font-size: 12px;background: transparent;text-transform:uppercase;padding: 0;line-height: 20px;} .ProductIcon2 .YorumYazbtnContent a { display: inline-block;border: none!important;} .ProductIcon2 .TavsiyeEtBtn span { font-weight: 500; } .ProductIcon2 .YorumYazbtnContent a span { font-weight: 500; } .ProductIcon2 .YorumYazbtnContent a:hover {} .ProductIcon2 .TavsiyeEtBtnContent a:hover {} .ProductIcon2 .hidden-phone a:hover {} .ProductIcon2 .YorumYazbtnContent:hover {} .ProductIcon2 .TavsiyeEtBtnContent:hover {} .ProductIcon2 > .hidden-phone:hover {} .socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; display: none !important; } .socialButons iframe { float: left; display: none; } .product-social { float: left; margin-right: 10px; } .product-social span { float: left; line-height: 32px; display: inline-block; color: #000000; font-size: 12px; font-weight: 300; margin-right: 5px; } .product-social ul { float: left; } .product-social ul li { float: left; margin-right: 13px; } .product-social ul li a { display: block; color: #323232; font-size: 18px; } /*urun ozellik Bolumu*/ .urunOzellik { float: right; width: 100%;position: relative;margin:0;background: #fff;padding: 0 20px;} .urunTab { float: left;width: 100%;border-bottom: 1px solid #f1f1f1;} .urunTab ul {float: left;width: 100%;text-align:left;font-size: 0;} .urunTab >ul > li {display: inline-block;vertical-align:top;float: left;margin-right: 30px;} .urunTab >ul > li:last-child{margin-right: 0;} .urunTab >ul > li.TabYorumlar{display: none;} .urunTab >ul > li.TabUrunOnerileri{display: none;} .urunTab >ul > li > a {color: #1d1d1b;float:left;font-size: 12px;line-height: 48px;font-weight: 500;width: 100%;position: relative;} .urunTab >ul > li > a span{font-weight:normal;} .urunTab >ul > li.active > a {color: #9a3189;font-weight: 600;} .urunTab >ul > li.active > a span{font-weight: 600;} .webTab { float: left; position: relative;width:100%;} .webTab >ul { float: left;width: 100%;} .webTab >ul > li {float:left;width: 100%;border-bottom:1px solid #e1e1e1;} .webTab >ul > li:last-child{border-bottom: none;} .webTab >ul > li:last-child> a{margin-bottom: 0;} .webTab >ul > li > a {float:left;width: 100%;text-align: left; color: #666666;font-size:14px;line-height: 50px;font-weight:normal;text-transform:uppercase;} .webTab >ul > li > a:before {font-size:13px;font-family: 'Linearicons-Free';content: '\e876';margin-right:15px;} .webTab >ul > li > a span {font-weight:normal;} .webTab >ul > li.active > a:before {content: '\e874';} .webTab >ul > li.active .urunDetayPanel{display:block!important;} .urunDetayPanel { float: left; width:100%; clear: none !important;max-height: 150px;min-height: 150px;overflow-y:auto;} .urunTabAlt {float:left;width: 100%;} .urunTabAlt strong, .urunTabAlt strong * { font-weight: bold; } .yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; float: left; width: 100%; margin-top: 20px; text-align: left; } .yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; } .urunDetayPanel .button { color: #fff; } .urunTabAlt { font-family: 'Montserrat',sans-serif !important; padding:20px 0;background: #fff;} .urunTabAlt * { font-family: 'Montserrat',sans-serif !important; color: #000000;font-size: 12px;} .urunTabAlt i { font-family: 'FontAwesome' !important; } .urunTabAlt img { max-width: 100% !important; } .urunTabAlt iframe { max-width: 100% !important; display: none;} .urunTabAlt .ng-valid-email { text-align: left; } .urunTabAlt .button { padding: 10px 5px; } .orders .order-info i { margin-top: 0 !important; } #btnYorumKaydet { float: left; text-align: center; -moz-appearance: none;-webkit-appearance: none;} .urunTabAlt ul li { margin-bottom: 10px; clear: both; } .oneriValidate .validate { top: 0; padding: 5px; } .urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; } .urunTabAlt ul li label { float: left; width: auto !important; } .urunTabAlt ul li input[type="checkbox"] { margin-top: 0; } .urunTabAlt ul li .captchaImageBox { float: left; } .urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; } .urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; } .urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; } .urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; } /* ------------------------------------Yorum Yaz--------------------------------------------*/ .fancyboxTittle { margin-bottom: 10px; font-size: 13px; } .urunTabAlt #yorumYaz { margin: 0 auto; float: left; } .yorumYaz { margin-bottom: 10px; position: relative; } .yorumYaz .validate { padding: 5px; top: -30px; } .yorumYazMesaj textarea { width: 100%; } .urunYorumYok { float: left; width: 100%; text-align: left; } /* ------------------------------------Yorum Yaz--------------------------------------------*/ /*------------------------------------Etiketler--------------------------------------------*/ #divEtiketler { float: left; width: 100%; padding: 10px; margin-bottom: 10px; } .productModuleTitle {float: left; color: #202122; font-size: 15px; font-weight: 600; width: 100%; text-align: center; line-height: 25px; margin-top: 20px; } #divEtiketler a { color: #696d71; font-size: 13px; } /*------------------------------------Etiketler--------------------------------------------*/ .bedenT {float: left;position: absolute;right: 20px;top: 0;} .bedenTablosu {font-size:11px;font-weight:normal;line-height:49px;float: left;color: #1d1d1b;text-align:left;} .bedenTablosu:hover {color: #9a3189;} .taksitT { float: left; margin-left: 20px; } .taksitT .taksitTablosu { color: #4a4a4a; font-size: 14px; font-weight: normal; line-height: 30px; float: left; border-left: 1px solid #f1f1f1; padding-left: 20px; } .taksitT .taksitTablosu i { margin-right: 10px; line-height: 30px; float: left; font-size: 16px; } .ProductDetailMain .product-social-icon-wrapper {display: inline-block!important;vertical-align:top;float:left;padding:0;width:100%;margin-top:60px;border-top: 1px solid #ede9e9;border-bottom: 1px solid #ede9e9;text-align:center;} .ProductDetailMain .product-social-icon-wrapper .PaylasTit { display: inline-block;vertical-align:top; line-height:1;color: #333333;font-size:12px;font-weight:normal;line-height: 39px;} .ProductDetailMain .product-social-icon-wrapper ul {display: inline-block;vertical-align:top;} .ProductDetailMain .product-social-icon-wrapper li {float: left;margin-left: 30px;} .ProductDetailMain .product-social-icon-wrapper li:last-child { margin-right: 0; } .ProductDetailMain .product-social-icon-wrapper li a {float: left;font-size:14px;font-size:14px;text-align:center;float:left;color: #000;} .ProductDetailMain .product-social-icon-wrapper li a i {line-height:39px;} .UWhatsApp { width: 36px; font-size: 0; margin-top: 0; text-align: center;display: inline-block;vertical-align:top;} .UWhatsApp a { width: auto; display: inline-block; font-size: 0; text-align: center; padding-left: 0; color: #fff; line-height: 0; border-radius: 100%; text-indent: 0; background: transparent; border: none; } .whatsApp i { font-size: 22px; line-height: 36px; width: 36px; height: 36px; border-radius: 7px; background: #8cd81f; } .UWhatsApp label { font-weight: 300; font-size: 0; } .UWhatsApp:hover a { background: transparent; color: #fff; } .whatsApp:hover, .whatsApp label:hover, .whatsApp i:hover { color: #fff !important; } /*******************************************URUN DETAY********************************/ /*******************************************KATEGORI**********************************/ .Block_Title { display: none; } .noProduct { background: url('https://static.ticimax.cloud/943/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; } .noProduct * { display: none !important; } #divUstFiltreKategori { display: none; } #divUstFiltreMarka { display: none; } /*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/ .categorydesign {float: left;width: 100%;position: relative;margin-bottom: 30px;} .categorydesign *{} .categorydesign p{margin-bottom:0.7em;} .categorydesign strong{font-weight:bold;} .categorydesign strong *{font-weight:bold;} .categorydesign img {display:block;} /*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/ .breadcrumbContent { float: left; } ul.breadcrumb { margin: 0 auto!important;display: block !important; padding: 0 !important; border-radius: 0;float: none!important;} ul.breadcrumb li {font-size: 0 !important; } ul.breadcrumb li:first-child a:before{content: '\f041';font-size: 15px;color: #1d1d1b;font-family: 'FontAwesomePro';font-weight: 300;line-height: 54px;float: left;margin-right: 7px;} ul.breadcrumb li:after { content: '/'; display: inline-block; margin: 0 5px; color: #1d1d1b; font-size: 12px !important; line-height: 54px; float: left; font-weight:normal;} ul.breadcrumb li:nth-last-of-type(1):after { display: none !important } ul.breadcrumb * { color: #1d1d1b; font-size: 12px !important; line-height: 54px !important; float: left; font-weight: normal; } a#linkOncekiSayfa {line-height: 54px !important; display: block !important; color: #1d1d1b !important; font-size: 12px !important; font-weight: normal;} ul.breadcrumb li:nth-last-of-type(1) *{color: #1d1d1b;} .categoryTitle { float: left; width: 100%; } .categoryTitleText {} .CategoryBody .categoryTitleText {float: left;width: 100%;margin-bottom: 20px;} .categoryContainer .categoryTitle {} #mainHolder_divUstMarkaListesi { display: none; } .proCategoryTitle.categoryTitleText {} .proCategoryTitle.categoryTitleText ul.breadcrumb {} .categoryContainer .categoryTitleText {margin:0;} .CategoryBody .categoryTitleText ul.breadcrumb {} body #divSayfalamaUst {float: right;margin:0 0 20px;width: 100%;padding: 0 5px;} .urunListRel { width: 100%; float: left; position: relative;} .brandlistselection {display:none;vertical-align: top;float: left;margin:0;} .brandlistselection .clear { clear: none;display: none; } .blockSelect{display:none;} body #divSayfalamaUst.secili {margin-bottom: 53px;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent{position: relative;left: 0;top: 100%;margin-top: 15px;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter{padding: 0;background:none;height: auto;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: none;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter a{color: #212529;font-size:15px;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter a i{font-size:16px;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter a i:before{content: '\f00d';} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter span{color: #212529;font-size:15px;line-height:23px;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter .cFilterName{display: none;} body #divSayfalamaUst:not(.Slct) ul.filterDeleteContent .appliedFilter:hover *{color: #ec1e97;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect {float: right;margin:15px 0 0;background:transparent;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a {background:transparent;color: #808080;padding:0;float:left;margin-left:20px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i{font-size:19px;float:left;line-height:19px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i{color: #000;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i{color: #000;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 {display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 {display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_hrz {display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {float:left;width: 100%; z-index: 999; background-color: transparent ; border: none; border-radius: 0 ; margin: 0; padding:0; display: -webkit-flex; display: -moz-flex; display: -o-flex; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { float: left; color: #01234a ; font-weight: normal ; border-radius: 0 ; padding: 0; border: none;margin-right:8px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color: transparent; color: #000000; font-size: 12px; border-radius:0; padding: 0 10px; text-align: center; line-height: 1;border: 1px solid #c8c8c8;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: normal; line-height: 43px; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover {background: #f3f3f3;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {background: #f3f3f3;} body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left ; font-size:13px; color: #212529; font-weight:normal; line-height: 55px; padding:0;margin:0;display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span:after { content: 'bulundu.';margin-left:4px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent ; height: auto ; padding: 0 ; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;} body #divSayfalamaUst.Slct .blockSelect {float: right;margin:0;display: block!important;} body #divSayfalamaUst.Slct .brandlistselection .blockSelect {display: none!important;} body #divSayfalamaUst.Slct .blockSelect:before {content: 'Listeleme:';color: #1d1d1b;font-size: 12px;float:left;line-height: 40px;font-weight: 500;} body #divSayfalamaUst.Slct .blockSelect a{float: left;height: 40px;width: auto; margin: 0 0 0 20px;padding: 0;background: transparent;color: #dddddd;font-size: 20px;text-align:center;} body #divSayfalamaUst.Slct .blockSelect a.sort_3{margin-left: 12px;} body #divSayfalamaUst.Slct .blockSelect i{line-height: 40px;font-family: 'FontAwesomePro';font-size: 20px;font-weight: 400;transform:rotate(90deg);} body #divSayfalamaUst.Slct .blockSelect a:hover i{color: #1d1d1b;} body #divSayfalamaUst.Slct .blockSelect .sort_2{display: none;} body #divSayfalamaUst.Slct .blockSelect .sort_5{display: none;} body #divSayfalamaUst.Slct .blockSelect .sort_hrz{display: none;} body #divSayfalamaUst.Slct .blockSelect a.Active i{color: #1d1d1b;} body #divSayfalamaUst.Slct .brandlistselection {float: left;width:calc(100% - 131px);} body #divSayfalamaUst.Slct .brandlistselection .sortingContent {background:transparent;float:left;width: 100%;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet span{color: #1d1d1b;font-size:12px;line-height:40px;font-weight:500;float: left;margin: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet span:after{content: 'Bulundu';margin-left:4px;font-weight: 500;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {float: left;height: 40px;border:none;border-radius:0;color: #1d1d1b;font-size:12px;padding: 0;font-weight:500;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{padding: 0;border-radius:0;background:transparent;float: left;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1){float: right;margin-right: 25px;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){float: right;margin-right: 25px;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li > a{padding:0;background:transparent;color: #1d1d1b;font-size:12px;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li span{line-height:40px;font-weight:500;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{float: left;margin:0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li > a:before{float: right;width: 14px;height: 14px;border: 1px solid #1d1d1b;background: transparent;margin-top:12px;margin-left:10px;content: '';border-radius:100%;font-family: 'FontAwesomePro';font-size: 10px;color: #1d1d1b;line-height: 13px;text-align: center;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li > a.selected{} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li > a.selected:before{content: '\f00c';font-weight: 400;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{float: right;position: absolute;right: -10px;top: -10px;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent .appliedFilter{display: none;padding: 0;margin: 0;height: auto;background:transparent;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{background:transparent;line-height: 1;margin: 0;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height: 1;} @media screen and (min-width:1026px) { .mobilMenu { display: none !important; } .sortingContent { display: block !important; } .col-5li { width: 20%; } /*ust Filitre body #divSayfalamaUst .filterBlock{float: left;} body #divSayfalamaUst .category-vertical-filters.top-filters{padding: 0;margin-bottom: 0;background:transparent;position: static;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel{margin: 0;padding:0 15px;float: left;width: 140px;border-right: 1px solid #f1f1f1;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel:last-child{margin-right: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter{} body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;border-radius: 0;border: none;float: left;background-color:transparent;width: 100%;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a{float: left;line-height: 40px;color: #000;font-size:13px;width: 100%;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;content: '\f0d7';font-family: 'FontAwesomePro';font-weight:600;} body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content: '\f0d8';} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li{float: left;width: 30%;margin-right: 10px;border: none;padding: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a{line-height: 28px;font-size: 13px;color: #000000;} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover{text-decoration:underline;} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul{display: block;} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li{width: 100%;} body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before{margin-top: 7px;display:inline-block;} body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;} body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a{color: #000;} body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown{top: 100%;} body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range{background:#dfdfdf;height: 2px;width: 100%;margin:11px 0 0 ;border: none;float: left;} body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range{background: #262626 ;height: 2px;margin-top: 0 ;} body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle{background: #fff ;border-radius: 100% ;width: 18px;height: 18px;border: none;margin-top:0 ;margin-right: -4px ;top: -8px;box-shadow:0 2px 1px 0 #b5b5b5;} body #divSayfalamaUst .category-vertical-filters.top-filters .amount{color: #262626;font-size: 14px;font-weight: 600;left: 0;padding: 5px 0 0;float: left;width: 100%;text-align: center ;margin-bottom: 0;} /*ust Filitre*/ } /*Sol Filtre*/ .leftBlock .category-vertical-filters { float: left; width: 100%;border:none; border-radius: 0; margin:0; text-align: center; padding:0; background:transparent;} .leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0 ; width: 100% ; text-align: left; border: none;margin:0; background-color: transparent!important;} .leftBlock .panel-heading a{color: #1d1d1b;font-size:13px;font-weight:600;float:left;width: 100%;margin:0;line-height: 49px;text-transform:uppercase;position:relative;padding:0;border-bottom: 1px solid #f1f1f1;} .leftBlock .category-vertical-filters > div { width: 100%; padding:0 20px; margin:0 0 20px; float: left; display: inline-block;background: #fff;} .leftBlock .category-vertical-filters > div:last-child{border: none;} .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading {} .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a {} .leftBlock .category-vertical-filters .panel.div-kategori ul {max-height:100%!important;overflow:hidden;} .leftBlock .category-vertical-filters .panel.div-kategori ul li {margin-bottom: 0;} .leftBlock .category-vertical-filters .panel.div-kategori ul li:before {display: none!important;} .leftBlock .category-vertical-filters .panel.div-kategori ul li a{margin-bottom: 20px;} .leftBlock .category-vertical-filters .panel.div-kategori ul li a:hover{text-decoration: underline;} .leftBlock .category-vertical-filters .panel.div-kategori > ul > li > a{} .leftBlock .category-vertical-filters .panel.div-kategori > ul > li:last-child a{} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding:17px 0 0; margin: 0;max-height: 320px; width: 100%; top: 100%;display: block;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item { float: left; margin:0 0 20px; padding:0; background-color: transparent; width: 100%; height: auto; border: none;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item{} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {float: left; font-size: 12px; color: #1d1d1b; display: inline-block;line-height:15px;font-weight:500;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a {} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a {} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { float: left; width: 100%;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child { margin-bottom: 0; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover ul { } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {background:transparent!important;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected { } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:nth-child(6n) { margin-right: 0; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before { width: 15px; height: 15px; border:2px solid #f1f1f1; border-radius:100%; background: transparent; display: inline-block!important; margin-top:0; text-align: center; line-height:13px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #9a3189; background:#9a3189; content: ''; font-family: 'FontAwesomePro'; color: #fff; font-size: 10px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #9a3189; background:#9a3189; content: ''; font-family: 'FontAwesomePro'; color: #fff; font-size: 10px; } body .slider-range { background: #f1f1f1; height: 3px !important; width: calc(100% - 10px); margin:25px 0 15px 0 !important; float: left; border-radius: 0; border: none!important;overflow:visible!important; } body .slider-range .ui-slider-range { background: #1d1d1b !important; height: 3px !important; margin-top: 0px !important; } body .slider-range .ui-slider-handle { background: #1d1d1b !important; border-radius: 100% !important; width: 18px !important; height: 18px !important; border: 3px solid #fff!important; margin-top: 0 !important; margin-right: -4px !important; top: -7px!important; } body .amount {; color: #1d1d1b; font-size: 14px; font-weight: normal;left: 0; padding: 0 0 15px 0; float: left; width: 100%; text-align: left; margin-bottom: 0; } /*Sol Filtre*/ /*Fiyat Araligi*/ .brandlistselectionBottom { margin-bottom: 0; display: none; } #divSayfalamaAlt { width: 100%; margin: 0;} .pageNumber { float: right; text-align: right; margin:10px 0 30px;display: none;} .pageNumber a { } .pageNumberContent { } .pageNumberBottom { float: right; text-align:center; padding:0;display:block;vertical-align: top;width: 100%;} .pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; margin-right: 6px;} .pageNumberContent a, .pageBorder a {float:left; position: relative;display: block;width:40px;height:40px;border:none;background:#f1f1f1; line-height:40px;color: #272425;text-align:center;font-size:13px;margin:0;border-radius:0;font-weight:normal;margin: 0 10px;} .pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: #595959;border-color: #595959;} .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: #595959;border-color: #595959;} .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;} .KategoriFilitrelemeContent .Block_Title { display: none; } #divNextProduct .productItem{margin: 0;padding: 28% 0;} #divNextProduct .divNextProductButtonAlan{float: left;width: 100%;} #divNextProduct .divNextProductButtonAlan a{float: left;width: 100%;font-size: 0;color: #aaaaaa;transition:all 0.2s ease;} #divNextProduct .divNextProductButtonAlan a:before{content: '\f054';font-family: 'FontAwesomePro';font-size: 18vh;font-weight:300;line-height: 1.2;} #divNextProduct .divNextProductCount{display: none;} #divNextProduct .divNextProductWorld{display: none;} #divNextProduct .divNextProductWorld.ortaAlan{font-size: 1.7vh;float: left;width: 100%;text-align:center;color: #aaaaaa;display: block;text-transform:uppercase;font-weight: 500;transition:all 0.2s ease;} #divNextProduct .divNextProductWorld.ortaAlan span{font-weight: 500;} #divNextProduct .divNextProductButtonAlan a:hover{color: #9a3189;} /* ------------------------------------KATEGORi MENU--------------------------------------------*/ .leftBlock .UrunGuruplari {} .leftBlock .UrunGuruplari .Block_Title {} .leftBlock .UrunGuruplari .Block_Title span {} .leftBlock .UrunGuruplari .Block_Text {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 li {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 li a {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 li ul ul{} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 > li {} .leftBlock .UrunGuruplari .Block_Text .KatMenu1 > li > a {} /* ------------------------------------KATEGORi MENU--------------------------------------------*/ /*******************************************KATEGORi**********************************/ /* ------------------------------------Vitrin urunleri--------------------------------------------*/ .homeContainer .ProductListContent { float: left; width: 100%; margin: 20px 0 0; position: relative; display: none; } .homeContainer .ProductListContent .ProductList { display: block !important; margin: 0 -15px; } .homeContainer .ProductListContent .ItemOrj { padding: 0 15px; } .homeContainer .ProductListContent .productItem { margin-bottom: 20px; } /* ------------------------------------Vitrin urunleri--------------------------------------------*/ /****************************************urun LiSTELEME *********************************/ .ProductListContent { float: left; width: 100%; } .categoryContainer .ProductListContent { float: left; width: 100%;} .categoryContainer .ProductList { margin: 0 -10px } .categoryContainer .ProductListContent .productItem { margin-bottom: 16px; } .ItemOrj { float: left;padding: 0 10px;} .productItem { width: 100%; position: relative; text-align: center;background: transparent; display: inline-block;float: left;font-size:0;} .productItem .productImage{border:1px solid #f1f1f1;} .productItem:hover .productImage{border-color:#752b84;} .productItem .productIcon {width:100%;height: 100%;} .productItem .productFaMyEx {padding:0; background:transparent; display:none;position: absolute;left: 0;right: 0;bottom: 50%;margin:0;z-index:5; -webkit-animation: fadein 0.3s; -moz-animation: fadein 0.3s; -ms-animation: fadein 0.3s; -o-animation: fadein 0.3s; animation: fadein 0.3s; } .productItem .productImage { position: relative; overflow: hidden; width: 100%;} .productItem .productImage a { display: block; position: relative; padding-bottom: 150%;} .productItem .productImage img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .productItem .productDetail { position: relative; display: block; float: left; width: 100%; text-align: left;padding: 5px 0 0 0;} .productItem .productName { position: relative;margin:0 0 8px;float:left;width: 100%;} .productItem .productName a { float: left; width: 100%; padding: 0; line-height:1.3;font-weight: normal; font-size: 11px; color: #1d1d1b; display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .productItem .productPrice { display: inline-block; vertical-align: top; position: relative; margin:0 auto; bottom: 0;} .productItem .IndirimVar {} .productItem .discountPrice {float:right;} .productItem .discountPrice span { color: #333; font-size: 15px; line-height:0.8;font-weight:600;} .productItem .IndirimVar .discountPrice {} .productItem .IndirimVar .discountPrice span {} .productItem .discountKdv { display: none; } .productItem .regularKdv { display: none; } .productItem .regularPrice { display: block !important;float:left;margin-right:7px;margin-top: 2px;} .productItem .regularPrice span { color: #1d1d1b; font-size: 13px; line-height: 0.8; font-weight: normal; text-decoration: line-through; -moz-text-decoration-color: #1d1d1b; text-decoration-color: #1d1d1b; } .productItem .productMarka { display: none !important; width: 100%; color: #000000; font-size: 15px; font-weight: 600; } .productItem .productOnYazi { display: none !important; float: left; width: 100%; color: #4a4a4a; font-size: 14px; line-height: 25px; height: 96px; overflow: hidden; } .productItem .productOnYazi * { background: none !important; font-family: 'Montserrat', sans-serif !important; color: #4a4a4a; font-size: 14px; line-height: 25px; } /*Urun Iconlari*/ .newIcon {z-index: 3;display: none;position: absolute;top: 5px;left: 5px;float: left;width: 45px;height: 25px;color: #fff;font-size: 12px;font-weight: 500;letter-spacing: 0px;background: #9a3189;padding: 0;line-height: 23px;border: none;overflow: hidden;text-transform: uppercase;text-align:center;} .discountIcon {z-index: 3;display: none;position: absolute;top: 5px;right: 5px;float: left;width: 45px;height: 25px;color: #fff;font-size: 12px;font-weight: 500;letter-spacing: 0px;background: #a6c039;padding: 0;line-height: 23px;border:none;overflow: hidden;text-transform: uppercase;text-align:center;} .cargoIcon {z-index: 3; position: absolute; left: 0; top: 0; background: #535353; color: #fff; height: 33px; width: 60px; text-transform: uppercase; font-weight: 500; font-size: 10px; padding-top: 5px; line-height: 1.2; font-size:0;} .cargoIcon:after{ content:"KARGO BEDAVA"; display:table; font-size:10px; } .firsatIcon { z-index: 3; display: none!important;} .urunListStokUyari {display: none;} .discountIcon span {font-weight: 500;} .discountIcon div{display: none;} .favori {display:inline-block;vertical-align:top;margin-right: 7px;} .examineIcon {display:inline-block;vertical-align:top;margin-right: 7px;} .mycartIcon {display:inline-block;vertical-align:top;margin-right: 7px;} .favori a { display: block;font-size:0;width: 40px;height: 40px;background: #fff;text-align:center;color: #1d1d1b;} .examineIcon a {display: block;font-size:0;width: 40px;height: 40px;background: #fff;text-align:center;color: #1d1d1b;} .mycartIcon a {display:inline-block;font-size: 0;width: 40px;height: 40px;background: #fff;text-align:center;color: #1d1d1b;} .mycartIcon a span{} .examineIcon a:before, .favori a:before,.mycartIcon a:before {font-family:'FontAwesomePro';font-size: 20px;line-height:40px; font-weight: 400;} .favori a:before {content: '\f004';} .examineIcon a:before {content: '\f002';} .mycartIcon a:before {content: '\f290';} .TukendiIco { z-index: 3;background:rgba(255,255,255,0.5); border-radius:0; position: absolute; right: 0; left: 0; top: 0; height: calc(100% - 60px);overflow:hidden;} .TukendiIco span {background: #1b1b1b;color: #fff;margin: 0 auto;max-width: 100%;display: block;border-radius: 0;font-size: 14px;line-height: 40px;font-weight:normal;letter-spacing:0;text-transform: uppercase;padding: 0;position: absolute;right:25px;left: 25px;bottom:50%;} .favori a:hover, .examineIcon a:hover, .mycartIcon a:hover{background: #9a3189;color: #fff;} .productItem:hover .productFaMyEx{display: block;display:none;} /*Listeleme adet */ .productItem .urunListeAdet{display:none !important;width: 88px;height: 30px;float: left;position: absolute;left: 20px;bottom: 20px;border-radius: 5px;overflow: hidden;z-index:5;} .productItem .urunListeAdet input{width: 100%;height: 30px;float: left;border:none;background: #f5f5f5;color: #3c3934;font-size: 14px;padding: 0 20px;text-align:center;font-weight: 500;} .productItem .urunListeAdetArtir{font-size: 0;width: 20px;height: 30px;float: left;position: absolute;left: 0;background:#f5f5f5;color: #3c3934;line-height: 30px;} .productItem .urunListeAdetAzalt{font-size: 0;width: 20px;height: 30px;float: right;position: absolute;right: 0;background:#f5f5f5;color: #3c3934;line-height: 30px;} .productItem .urunListeAdetArtir:after{content: '\f067';font-family: 'FontAwesome';font-size: 11px;} .productItem .urunListeAdetAzalt:after{content: '\f068';font-family: 'FontAwesome';font-size: 11px;} .urunListStokUyari { display: none; } /*Listeleme adet */ /*Bedenler*/ .boxBedenlerContent { position: absolute; bottom:11px; left: 0; right: 0; z-index: 4;display:none!important; } .boxBedenlerTittle { } .boxBedenlerContent .boxBedenlerContainer { float: left; width: 100%; text-align: center; overflow: hidden; padding: 0;} .boxBedenlerContent .boxBedenlerContainer > div { display: inline-block; margin: 0 1px; } .boxBedenlerContent .boxBedenlerContainer > div > div { display: inline-block; line-height: 28px; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #d1d2d2; color: #000000; font-size: 12px; text-align: center; } .boxBedenlerContent .boxBedenlerContainer > div > a { float: left; width: 14px; height: 14px;border-radius:0;overflow:hidden;} .boxBedenlerContent .boxBedenlerContainer > div > a img { width: 100%; height: 100%; } .boxBedenlerContent .boxBedenlerContainer > div > a:hover {} .boxBedenlerContent .boxBedenlerContainer > div > div.noStokUrunListe { color: #999999; } .boxBedenlerContent .boxBedenler.nostokUrunListe { } /*Bedenler*/ /* hizli bakis */ .productIcon .quickViewIco { display: none!important; z-index: 5;position: absolute;text-align:center;max-width:140PX;margin: 0 auto; left: 0; top: 42%; right:0;-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } .productIcon .quickViewIco a {display: inline-block;vertical-align: top;color: #fff;float: left;width: 100%;background: #000;line-height: 30px;font-size: 0;padding: 0;} .productIcon .quickViewIco a:before{content: 'HIZLI BAK';font-size: 14px;line-height: 30px;float: left;width: 100%;} .ProductPreviewContent { font-family: 'Montserrat', sans-serif;padding:30px;} .ProductPreviewContent .clear { clear: none; } .ProductPreviewContent .ProductPreviewLeft .PreviewImages {float: left;} .ProductPreviewContent .ProductPreviewLeft .PreviewallImages {float: right;} .ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages { padding-bottom: 0; height: auto; border: none;width: 270px;} .ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages .PreviewselectedImagesBox { padding-bottom: 150%; } .ProductPreviewContent .ProductPreviewLeft .PreviewallImages .PreviewallImagesItem { padding-bottom: 0; height: auto;border: none;width:70px;;} .ProductPreviewContent .ProductPreviewLeft .PreviewallImagesItem .PreviewallImagesBox { padding-bottom: 150%; } .ProductPreviewContent .ProductPreviewLeft { width:350px;margin:0;} .ProductPreviewContent .ProductPreviewRight { width: calc(100% - 350px);padding-left:30px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Name { color: #000000; font-size: 20px;font-weight:normal;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Price { color: #000000; font-size: 24px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek {float: left;width: 100%;margin-top: 20px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div {float: left;width: 100%;margin-bottom: 20px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline { float: left; width: 100%;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinleft_line {float: left;width: 100% !important;color: #000000;font-size: 12px;font-weight: 600;margin-bottom: 5px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line { float: left; width: 100%; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div { float: left; width: 100%; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div div {float: left;width: 50px;margin-right: 7px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div div a { display: inline-block; width: 100%; color: #000000; font-size: 12px; line-height: 28px; float: left; text-align: center; border: 1px solid #eee; font-weight: 600; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div div a.selected {background: #000;color: #fff;border-color: #000;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div div a.nostok { background: #eee; color: #bfbfbf; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet { float: left; margin: 0; width: 80px; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle { margin: 0; border-radius: 0; width: 100% !important; padding: 0;border:1px solid #c8c8c8;height:45px;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle input {font-size:12px;color: #000000;text-align:left;padding-left:10px!important;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown {height: 18px !important;width: 22px!important;border:none;right: 0;bottom: 0;left: auto;top: auto;text-align: left;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp {height: 18px !important;width: 22px!important;border:none;text-align: left;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp:hover {background:transparent!important;color:#000!important;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown:hover {background:transparent!important;color:#000!important;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp:after{content: '\f0de'!important;font-family:'FontAwesomePro';font-weight:600;line-height: 34px!important;font-size: 14px!important;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown:after{content: '\f0dd'!important;font-family:'FontAwesomePro';font-weight:600;line-height: 0!important;font-size: 14px!important;} .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakisSepeteEkle { float: left; width: 260px; height: 45px; background: #000; color: #ffffff; line-height: 45px; padding: 0; margin-top: 0 !important; text-transform: uppercase; letter-spacing: 0; margin-left: 20px; } /* hizli bakis */ /*Kombin urun*/ body .ngdialog.ngdialog-theme-default .ngdialog-content{padding:0;border-radius:0;font-family: 'Montserrat',sans-serif;} body .kombinContent{float: left;width:100%;background:#fff;padding:20px;} body .kombinContent ul{float: left;width:100%;} body .kombinContent ul li.kombinItem{float: left;width:100%;padding:0;border: none;background:transparent;} body .kombinContent ul li.kombinItem .kombinleftImage{width:170px;border: 1px solid #edebeb;} body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages img{max-width:100%;border: none;} body .kombinContent ul li.kombinItem .kombinRightDetail{float: left;width:calc(100% - 170px);} body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin{float: left;width:100%;} body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline{float: left;width:100%;padding: 0;} body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline .kombinright_line{float: left;width:100%;font-size: 18px;color: #282727;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline:nth-child(1) .kombinright_line{font-size: 16px;} body .kombinContent ul li.kombinItem .kombinRightDetail .button{font-size:14px;text-transform:uppercase;border-radius:2px;width: 145px;height:35px;} body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek{float: left;width:100%;} body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek .divKombinEksecenekTipi{float: left;width:100%;} body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinleft_line{float: left;width:100%;font-size: 15px;font-weight:bold;} body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek .divKombinEksecenekTipi .kombinFormline .size_box.selected{border-color: #000!important;color: #000!important;} /*Kombin urun*/ /*HOVER*/ /*1 li siralama*/ .categoryContainer .ProductList.pr_hrz { margin: 0; } .categoryContainer .ProductList.pr_hrz .ItemOrj { padding: 0;} .categoryContainer .ProductList.pr_hrz .productItem { width: 100%;float:left;margin:0 0 5px; padding: 0;} .categoryContainer .ProductList.pr_hrz .ItemOrj:last-child .productItem {} .categoryContainer .ProductList.pr_hrz .productImage { float: left; width: 10%; } .categoryContainer .ProductList.pr_hrz .productImage a { } .categoryContainer .ProductList.pr_hrz .productItem .productDetail { width: calc(84% - 10%); height: 0; padding: 20px 5px 0;border: none;background:transparent;} .categoryContainer .ProductList.pr_hrz .productItem .boxBedenlerContent {} .categoryContainer .ProductList.pr_hrz .productItem .boxBedenlerContent .boxBedenlerContainer { text-align: center; } .categoryContainer .ProductList.pr_hrz .productItem .boxBedenlerContent .boxBedenlerContainer > div { float: none; } .categoryContainer .ProductList.pr_hrz .productName { width: 100%; border: none; margin: 0; } .categoryContainer .ProductList.pr_hrz .productName a { height: auto; text-align: left; margin-bottom: 0; -webkit-line-clamp: 1; } .categoryContainer .ProductList.pr_hrz .productItem .productPrice {width:auto; float: left;margin-top: 20px; bottom: 0 !important; } .categoryContainer .ProductList.pr_hrz .productItem .discountPrice {} .categoryContainer .ProductList.pr_hrz .productItem .regularPrice {margin-left:10px;} .categoryContainer .ProductList.pr_hrz .productItem .discountPrice span { line-height: 1; } .categoryContainer .ProductList.pr_hrz .productItem .regularPrice span { } .categoryContainer .ProductList.pr_hrz .productItem .productFaMyEx {bottom: 20px;} .categoryContainer .ProductList.pr_hrz .productItem .newIcon {right: 5px;top: 5px;} .categoryContainer .ProductList.pr_hrz .productItem .discountIcon {left: auto;top:5px;right: 50px;} .categoryContainer .ProductList.pr_hrz .productItem .cargoIcon {bottom: 5px;left:auto;right: 5px;width: 104px;} .categoryContainer .ProductList.pr_hrz .productItem .mycartIcon {padding: 0;float: right;bottom: 5px;left:auto;right: 5px;} .categoryContainer .ProductList.pr_hrz .productItem .mycartIcon a{padding: 0 30px;} .categoryContainer .ProductList.pr_hrz .urunListeAdet {left: auto;right: 20px;bottom: 55px;} .categoryContainer .ProductList.pr_hrz .TukendiIco { height: 100%; } .categoryContainer .ProductList.pr_hrz .TukendiIco span {bottom: 10px; padding: 0; left:auto;padding:0 25px;} .categoryContainer .ProductList.pr_hrz .productItem .productMarka { text-align: left; } /*1 li siralama*/ /*5 li siralama*/ .categoryContainer .ProductList.sort_5 .mycartIcon { } .categoryContainer .ProductList.sort_5 .mycartIcon a { } .categoryContainer .ProductList.sort_5 .examineIcon { } .categoryContainer .ProductList.sort_5 .favori { } .categoryContainer .ProductList.sort_5 .TukendiIco span { } .categoryContainer .ProductList.sort_5 .urunListeAdet { } /*5 li siralama*/ /*4 li siralama*/ .categoryContainer .ProductList.sort_4 { } .categoryContainer .ProductList.sort_4 .favori {} .categoryContainer .ProductList.sort_4 .favori a { } .categoryContainer .ProductList.sort_4 .examineIcon {} .categoryContainer .ProductList.sort_4 .examineIcon a { } .categoryContainer .ProductList.sort_4 .mycartIcon {} .categoryContainer .ProductList.sort_4 .mycartIcon a {} .categoryContainer .ProductList.sort_4 .discountPrice span { } .categoryContainer .ProductList.sort_4 .regularPrice span { } .categoryContainer .ProductList.sort_4 .quickViewIco { } .categoryContainer .ProductList.sort_4 .cargoIcon { } .categoryContainer .ProductList.sort_4 .newIcon {} .categoryContainer .ProductList.sort_4 .discountIcon {} .categoryContainer .ProductList.sort_4 .boxBedenlerContent { } .categoryContainer .ProductList.sort_4 .boxBedenlerContent .boxBedenlerContainer > div { } .categoryContainer .ProductList.sort_4 .boxBedenlerContent .boxBedenler { } .categoryContainer .ProductList.sort_4 .discountPrice span { } .categoryContainer .ProductList.sort_4 .regularPrice span { } .categoryContainer .ProductList.sort_4 .productItem .productImage { } .categoryContainer .ProductList.sort_4 .productItem:hover .productImage a:after { } .categoryContainer .ProductList.sort_4 .productDetail { } .categoryContainer .ProductList.sort_4 .ItemOrj { } .categoryContainer .ProductList.sort_4 .ItemOrj:nth-child(4n) { } .categoryContainer .ProductList.sort_4 .TukendiIco { } .categoryContainer .ProductList.sort_4 .TukendiIco span {} .categoryContainer .ProductList.sort_4 .urunListeAdet { } .categoryContainer .ProductList.sort_4 .urunListeAdet input { } .categoryContainer .ProductList.sort_4 .urunListeAdetAzalt { } .categoryContainer .ProductList.sort_4 .urunListeAdetArtir { } /*4 li siralama*/ /*3 li siralama*/ .categoryContainer .ProductList.sort_3 .ItemOrj { } .categoryContainer .ProductList.sort_3 .ItemOrj:nth-child(3n) { } .categoryContainer .ProductList.sort_3 .mycartIcon { } .categoryContainer .ProductList.sort_3 .mycartIcon a { } .categoryContainer .ProductList.sort_3 .examineIcon {} .categoryContainer .ProductList.sort_3 .favori {} .categoryContainer .ProductList.sort_3 .productItem .productImage { } .categoryContainer .ProductList.sort_3 .productItem .productImage a { } .categoryContainer .ProductList.sort_3 .urunListeAdet {} .categoryContainer .ProductList.sort_3 .TukendiIco span { } /*3 li siralama*/ /*2 li siralama*/ .categoryContainer .ProductList.sort_2 .mycartIcon { } .categoryContainer .ProductList.sort_2 .examineIcon { } .categoryContainer .ProductList.sort_2 .favori { } .categoryContainer .ProductList.sort_2 .TukendiIco span { } /*2 li siralama*/ /****************************************urun LiSTELEME *********************************/ /****************************************SLiDER VE BLOK SLDieR*********************************/ .JKatAdi { float: left; position: relative;width: 100%;margin:0;padding: 0;} .JKatAdi .bold { display: inline-block;float: left; margin: 0; position: relative;width: 100%;text-align:center;} .JKatAdi .bold .satir1{padding:0;color: #1d1d1b;font-size:22px;line-height:75px;display: inline-block;vertical-align:top;font-weight: 600;} /*.owl-nav { position: absolute;top:-75px;right:0;z-index: 2;width: 46px;}*/ .owl-nav .ProductListprev, .owl-nav .ProductListnext {font-size: 0;position: absolute;width: 18px;height: 75px;border-radius:100%;background: transparent; border:none; display: inline-block;cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} /*.owl-nav .ProductListprev {right:0;text-align:right;}*/ /*.owl-nav .ProductListnext {left:0;text-align: right;}*/ .owl-nav .ProductListnext:before {content: '\f053';font-family: 'FontAwesomePro';font-size:22px;color: #1d1d1b;line-height: 75px;font-weight:300;text-align:left;} .owl-nav .ProductListprev:before {content: '\f054';font-family: 'FontAwesomePro';font-size:22px;color: #1d1d1b;line-height: 75px;font-weight:300;text-align:right;} .owl-nav .ProductListprev:hover {} .owl-nav .ProductListnext:hover {} .owl-nav .ProductListnext:hover:before {color: #9a3189;} .owl-nav .ProductListprev:hover:before {color: #9a3189;} .sliderBannerContainer { float: left; width: 100%; position: relative;margin:0 0 20px;} .sliderBannerContainer .ProductList { display: block !important;} .sliderBannerContainer .Jbutonlar { display: none; } .sliderBannerContainer .jCarouselLite {float: left;width: 100%;} .sliderBannerContainer .JKatAdi { } .sliderBannerContainer .JKatAdi .bold { } .sliderBannerContainer .JKatAdi .bold .satir1 { } .sliderBannerContainer .owl-carousel {} .sliderBannerContainer .owl-carousel .owl-stage-outer {} .sliderBannerContainer .owl-dots { width: 100%; display: none !important; float: left; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; } .sliderBannerContainer .owl-dots .owl-dot { display: inline-block; width: 16px; height: 16px; border-radius: 100%; background: #eee; margin: 0 7px; } .sliderBannerContainer .owl-dots .owl-dot.active { background: #ccc; } .sliderBannerContainer .mycartIcon {} .sliderBannerContainer .examineIcon {} /*Benzer urunler Cerceve*/ .benzerUrunlerWrapper { background: #efefef; clear: left; } .benzerUrunlerWrapper:before, .benzerUrunlerWrapper:after { content: ""; display: table; } .benzerUrunlerWrapper:after { clear: both; } .detaySliderContainer { float: left; width: 100%; position: relative;margin:0 0 20px;} .detaySliderContainer .ProductList { display: block !important;} .detaySliderContainer .Jbutonlar { display: none; } .detaySliderContainer .jCarouselLite {float: left;width: 100%;} .detaySliderContainer .JKatAdi { } .detaySliderContainer .JKatAdi .bold { } .detaySliderContainer .JKatAdi .bold .satir1 { text-transform:uppercase;} .detaySliderContainer .owl-carousel {} .detaySliderContainer .owl-carousel .owl-stage-outer {} .detaySliderContainer .owl-dots { width: 100%; display: none !important; float: left; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; } .detaySliderContainer .owl-dots .owl-dot { display: inline-block; width: 16px; height: 16px; border-radius: 100%; background: #eee; margin: 0 7px; } .detaySliderContainer .owl-dots .owl-dot.active { background: #ccc; } .detaySliderContainer .mycartIcon {} .detaySliderContainer .examineIcon {} /* -------------------------------Anasayfa Slider----------------------------------------*/ #pnlSlider {position:relative;float: left;width: 100%;margin: 30px 0;} #pnlSlider ul li { display: block; } #pnlSlider ul li a { display: block; } #pnlSlider ul li a img { width: 100%; display: block;} #pnlSlider .flex-control-nav {position: absolute;bottom: 20px;left: 0;right: 0;text-align:center;display: none;} #pnlSlider .flex-control-paging li {display: inline-block;vertical-align:top; margin: 0 5px;} #pnlSlider .flex-control-paging li a {float: right; width: 15px;height:15px;border-radius:100%;border: 4px solid #333333;background: transparent;box-shadow:none;} #pnlSlider .flex-control-paging li a.flex-active {background: #333333;} #pnlSlider .flex-direction-nav { position: absolute;top: 50%;left:25px;right:25px;} #pnlSlider .flex-direction-nav li { display: inline-block; } #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next {top: 0;border-radius: 0; text-align:center;color: #1d1d1b;width: 50px;height: 50px; display: inline-block; z-index: 99;font-size: 0;margin: 0;opacity: 1;transition: all 0.2s ease;} #pnlSlider .flex-direction-nav .flex-prev { left: 0;} #pnlSlider .flex-direction-nav .flex-next { right: 0;} #pnlSlider .flex-direction-nav .flex-prev:before {content: '\f053'; font-family:'FontAwesomePro'; font-size: 50px;font-weight:300;line-height:50px;} #pnlSlider .flex-direction-nav .flex-next:before {content: '\f054'; font-family:'FontAwesomePro'; font-size: 50px;font-weight:300;line-height:50px;} #pnlSlider .flex-direction-nav .flex-prev:hover {} #pnlSlider .flex-direction-nav .flex-next:hover {} #pnlSlider .flex-direction-nav .flex-next:hover:before {color: #9a3189;} #pnlSlider .flex-direction-nav .flex-prev:hover:before {color: #9a3189;} #pnlSlider .flex-direction-nav a:before { text-shadow: none; } #pnlSlider .flex-direction-nav a:after { text-shadow: none; } #pnlSlider .HPSItems .flex-control-thumbs { position: static; float: left; width: 100%; background: #fff; margin: 0; border-top: 1px solid #e5e5e5; } #pnlSlider .HPSItems .flex-control-thumbs li { width: 110px; position: relative; height: 62px; } .HomePageSlideShowContainer {float: left;width: 100%;position:relative;} .HomePageSlideShowContainer .HomePageSlideShow { padding: 0; width: 100%; } .HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; } .HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; } .HomePageSlideShowContainer .flex-control-nav img { border: none; margin: auto; padding: 0; max-width: 75px; width: auto; opacity: 0.4; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .HomePageSlideShowContainer .flex-control-nav .flex-active { opacity: 1; } .HomePageSlideShowContainer .navi { bottom: 8px; height: 10px; left: 0px; margin: 0; padding: 0; position: absolute; width: 100%; } .HomePageSlideShowContainer .navi a { background-color: #777777; width: 10px; height: 10px; border-radius: 0; display: block; float: right; font-size: 1px; margin: 0px 2px; position: relative; } .HomePageSlideShowContainer .navi a:hover { background-color: #ff0000; } .HomePageSlideShowContainer .navi a.active { background-color: #ff0000; } /* ------------------------------------Anasayfa Slider--------------------------------------------*/ /*------------------------------------markalar slider--------------------------------------------*/ .markaSlider { float: left; width: 100%; margin:20px 0 40px; position: relative; display: block;} .markaSlider .JKatAdi {background: transparent;border-bottom:1px solid #e7e7e7;} .markaSlider .JKatAdi .bold {} .markaSlider .JKatAdi .bold .satir1{color: #0c0c0c;font-size:18px;line-height:55px;} .markaSlider .JKatAdi .bold .satir1:after{content: '';height: 3px;background: #000;position: absolute;left: 0;right: 0;bottom: 0;max-width:93px;margin: 0 auto;display:block;} .markaSlider .jCarouselLite {} .markaSlider .owl-carousel {display:block;max-width:1180px;margin:0 auto;width:auto;} .markaSlider .owl-carousel .owl-stage-outer { } .markaSlider:before { content: ''; display: table; clear: both; } .markaSlider ul li { float: left; width: 100%; display: inline-table;border-right: 1px solid #e7e7e7;} .markaSlider ul li a { display: table-cell; overflow: hidden; max-width: 239px; border-radius: 0; vertical-align: middle; padding-bottom: 35%; } .markaSlider ul li a img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .markaSlider ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .markaSlider .owl-nav{top: 25%;} /*------------------------------------markalar slider--------------------------------------------*/ /****************************************SLiDER VE BLOK SLDiER*********************************/ /********************************* HEADER ALAN KISMIDIR ****************************************/ /*------------------------- Header content ------------------------*/ .hover:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.50); z-index: 10; clear: none; display: block !important; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } #header:before { content: '';display:table;} #header:after { content: ''; display: table;} #header {width: 100%;position: relative;float: left;z-index:1000;transition:all 0.5s ease;} #header.homeHeader {border: none;} #header.categoryHeader {border: none;} #header.productHeader {} .headerContent:before { content: ''; display: block; clear: both; } .headerContent:after { content: ''; display: block; clear: both; } /*------------------------- Header content ------------------------*/ /*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/ #logo {display: inline-block;vertical-align:top;float: left;} #logo .logo {display: inline-block;margin: 30px 0 29px;vertical-align: middle;max-width: 250px;} #logo .logo img { display: block; max-width: 100%; } .mycart{float: right;position: relative;margin-top: 35px;} .mycart > a {display: block;font-size: 11px;padding: 0;color: #000000;transition:all 0.2s ease;text-align:center;} .mycart > a:before {content: '\f290';font-family: 'FontAwesomePro';color: #1d1d1b;font-size: 23px;display:block;line-height: 23px;} @media screen and (min-width:768px) { .mycart:hover > a {color: #9a3189;} .mycart:hover > a:before {color: #9a3189;} } .mycart .sepetTecxt {display:block;margin-top: 3px;} .mycart .sepetUrunSayisi {display: block;position: absolute;right: 0;top:7px;width: 15px;height: 15px;border-radius: 100%;text-align:center;color: #fff;line-height: 15px;background: #9a3189;font-size: 11px;} .mycart .sepetUrun {display:none;} .sepetTopTutar{display:none!important;} .CartProduct { width: 320px; float: left; background: #fff;border: 1px solid #ddd; z-index: 99999; padding: 20px; position: absolute; top: 130%; margin-top: 0; right: -1px; margin-left: -150px; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-animation: fadein 0.3s; -moz-animation: fadein 0.3s; -ms-animation: fadein 0.3s; -o-animation: fadein 0.3s; animation: fadein 0.3s; } .CartProduct:before { content: '\f0d8'; font-family: 'FontAwesome'; color: #ddd; position: absolute; right: 0; left: 0; top: -20px; font-size: 20px; text-align: right; padding-right: 13px; } #ulUstSepetteUrunYok { float: left; width: 100%; text-align: center; } .spanustSepetteUrunYok:before { width: 40px; height: 40px; content: ""; background: url('images/sabit/divustSepetteUrunYok.png') no-repeat center center; margin: 0 auto 10px; display: block; } .CartProduct .SPrice { float: left; height: 30px; background: #282828; width: 100%; text-align: center; color: #fff; font-size: 12px; font-weight: bold; margin-top: 15px; } .CartProduct .SPrice * { color: #fff; font-size: 12px; line-height: 30px; font-weight: normal; } .CartProduct .SPrice .sepetToplamTutar { color: #fff; margin-left: 5px; } .CartProduct .SProduct { display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000000; max-height: 300px; overflow-y: auto; } .CartProduct .SProduct::-webkit-scrollbar { width: 5px; } .CartProduct .SProduct::-webkit-scrollbar-track { background: #e9e9e9; } .CartProduct .SProduct::-webkit-scrollbar-thumb { background: #d9d9d9 !important; width: 5px; height: 100px; border-radius: 0; border: none !important; } .CartProduct .SProduct li { display: block; padding: 0 0 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; } .CartProduct .SProduct li:After { clear: both; display: table; content: ""; } .CartProduct .SProduct li a { float: left; display: table; width: 100%; } .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; width: auto !important; } .CartProduct .SProduct li a:nth-child(2) * { color: #bfbfbf; } .CartProduct .SProduct li a:nth-child(2):hover * { color: #ff0000; } .CartProduct .SProduct li a * { display: table-cell !important; vertical-align: middle !important; color: #232120; font-size: 12px; line-height: 14.4px; padding: 0 2px; text-align: left; } .CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right; line-height: 70px; } .CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; } .CartProduct .SProduct li a img {height:auto!important;max-width:50px!important } @media screen and (min-width:768px) { .mycart:hover .CartProduct { display: block !important; } } .headerCartBtn { display: block !important; margin-top: 10px !important; float: left; width: 48%; font-size: 12px !important; line-height: 22px; } .headerOrderBtn { display: block !important; margin-top: 10px !important; float: right; width: 48%; font-size: 12px !important; line-height: 22px; } .sepetimBody .AllCategory { display: none; } .sepetimBody .linkRebatedProducts { margin-left: 0; } .sepetimBody .searchContent {} .welcome {float: right;margin: 35px 35px 0;} .welcome > div {display: block;} .welcome > ul {display: block;} .uyeGirisWelcome,.uyeGirisUyeAdi{display: none;} .headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {display:inline-block;vertical-align:top; font-size:11px;color: #000;text-align:center;} .headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before{font-family: 'FontAwesomePro';font-size: 23px;line-height: 23px;color: #1d1d1b;display:block;margin-bottom: 3px;} .headerSocialConnect .baglanButton a:hover, .welcome a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover{color: #9a3189;} .headerSocialConnect .baglanButton a:hover:before, .welcome a:hover:before, .headerUyeGiris a:hover:before, .headerHesabim:hover:before, .headerCikis:hover:before{color: #9a3189;} .headerUyeGiris a:before{content: '\f007';} .headerUyeOl a:before{} .headerHesabim:before{content: '\f007';} .headerCikis:before{} .headerUyeOl a, .headerCikis{display: none;} .welcome li { display: inline-block; vertical-align: top;} .headerSocialConnect { display: none !important; float: right; } .headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; } .headerSocialConnect .baglanButton a { line-height: 20px; color: #fff; text-indent: 0;font-size: 13px;font-weight: normal;} .headerSocialConnect .baglanButton a:before {content: '\f082'; font-family: 'FontAwesome'; margin-right: 5px; font-size: 15px;line-height: 31px;vertical-align:top; } .usernav { display: none; } .searchContent {float:left;width: 400px;margin-top: 35px;margin-left: 173px;} .searchContent.active {display:block;} #divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; } #divAramaKategori select {cursor: pointer; background: #f5f5f5;display: block; height: 36px;border: none;border-right: 1px solid #dcdcdc; width: 135px; padding:0 0 0 15px; border-radius:0;text-transform: uppercase; color: #807e7e; font-size: 12px;font-weight: 300; } #divAramaKategori option {text-transform: capitalize;} .search {float: left;width: 100%;position: relative;border:1px solid #ccc;} .ButtonMic {display: none !important; border: 0; background-color: transparent; vertical-align: middle;position: absolute; right: 0; top: 50%; margin-top: -17px;} #txtbxArama {float: left; width:100%; height: 40px; border-radius:0;border:none;color: #000000;padding-left: 10px;padding-right:60px; background:#fff; font-size: 12px;font-weight: normal; letter-spacing: 0; -moz-appearance:none;-webkit-appearance:none;} #txtbxArama::-webkit-input-placeholder {color: #000000;} #txtbxArama:-moz-placeholder {color: #000000;} #txtbxArama::-moz-placeholder {color: #000000;} #txtbxArama:-ms-input-placeholder {color: #000000;} #txtbxArama:focus {color: #000000; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s;} #btnKelimeAra {background:url('images/araicon.png')no-repeat center center #9a3189; border:none; border-radius:0;padding: 0; width: 40px;height: 40px; font-size: 0;color:#000;font-weight: bold;text-transform: uppercase;text-align:center; position: absolute; right: 0; top: 0;cursor:pointer;z-index: 9;-moz-appearance:none;-webkit-appearance:none;} .searchContent ul{padding: 15px!important;text-align: left;} .searchContent ul li a{line-height: 30px;font-size:13px;color: #000;} @media screen and (max-width: 801px){ #divAramaSonuc .ticimaxSearchInput, #divAramaAlani .ticimaxSearchInput {font-size: 13px;} } .navigationWrapper { width: 100%; background: #000000; margin-bottom: 10px; position: relative; } .navigationWrapper:after { display: none; content: ''; position: absolute; left: 0; top: 1px; height: 1px; width: 100%; background: #fff; z-index: 9; } .navigationWrapper:before { display: none; content: ''; position: absolute; left: 0; bottom: 1px; height: 1px; width: 100%; background: #fff; z-index: 9; } .navigationWrapper .headerContent { min-height: auto; height: auto; margin: 0 auto; padding: 0; } .navigation {float: left;width: 100%;background: #1d1d1b;} .navigation > div { z-index: 1;text-align:center;} .navigation .navUl {float: left; margin:0; width: 100%; position:relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;} .navigation .navUl > li { display:inline-block;vertical-align:top;margin:0 0;float: left;position: relative;} .navigation .navUl > li:last-child {} .navigation .navUl > li > a {color: #fff;font-size: 13px; float: left;padding: 0;line-height:50px;font-weight:500;transition:all 0.2s ease;position: relative;overflow: hidden;} .navigation .navUl > li:hover > a{} .navigation .navUl > li:hover > a:after{content: '\f0d8';font-family: 'FontAwesomePro';font-weight: 600;position: absolute;left: 0;right: 0;bottom: 0;line-height: 0;font-size: 55px;} .navigation .altMenu { display: none; position: absolute; top: 100%; left:0;min-width: 500px;} .navigation .navUl > li:hover > .altMenu { display: block;} .altMenu .altmenuSol > span{display:none;} .navigation .altMenu .altMenuler {display:block;float: left;width: 100%;padding: 30px;background: #fff;-webkit-animation: fadein 0.5s;-moz-animation: fadein 0.5s;-ms-animation: fadein 0.5s;-o-animation: fadein 0.5s;animation: fadein 0.5s;} .navigation .altMenu .altMenuler .altMenuSag {float: right;} .navigation .altMenu .altMenuler .altMenuSag .altMenuSagEditor {} .navigation .altMenu .altMenuler .altMenuSag > a {} .navigation .altMenu .altMenuler .altMenuSag > a > img { display: block; } .navigation .altMenu .altMenuler .altmenuSol {display: block;text-align:left;float: left;} .navigation .altMenu .altMenuler .altmenuSol ul {display:block;} .navigation .altMenu .altMenuler .altmenuSol ul li {display:block;} .navigation .altMenu .altMenuler .altmenuSol ul li ul{} .navigation .altMenu .altMenuler .altmenuSol ul li a{display: block;font-weight:500; color: #1d1d1b;font-size:13px;margin-bottom:14px;} .navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{margin-bottom: 0;} .navigation .altMenu .altMenuler .altmenuSol ul li a:hover{text-decoration:underline;} .navigation .altMenu .altMenuler .altmenuSol > ul {} .navigation .altMenu .altMenuler .altmenuSol > ul > li {} .navigation .altMenu .altMenuler .altmenuSol > ul > li > a {} /*Menu tipi 1*/ .navigation .HeaderMenu2 li ul{text-align:left;} .navigation .HeaderMenu2 li ul li{display:block;} .navigation .HeaderMenu2 li ul li a{font-size: 15px;font-weight: normal;line-height: 35px;margin-bottom: 11px;color: #543e45;} .navigation .HeaderMenu2 li ul ul li a:hover{text-decoration:underline;color: #f1a56f;} .navigation .HeaderMenu2 > li > ul{display: none;border-top: 1px solid #f5f5f5; position: absolute;top: 100%;padding: 40px 30px; background: #fff;-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s;} .navigation .HeaderMenu2 > li:hover > ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;} .navigation .HeaderMenu2 > li > ul > li{float: left;min-width: 145px;} .navigation .HeaderMenu2 > li > ul > li >ul{display: block;} /*Menu tipi 1*/ /*Menu tipi 1*/ .menuItemTittle { display: none; } /* ------------------------------------Resimli Yan Menu--------------------------------------------*/ #header .yanResimliMenu {display: none;} .yanResimliMenu {float: left;width: 264px;padding-right: 30px;} .yanResimliMenu .yanResimliMenuContent .Block_Title{display:block;color: #fff;font-size:16px;font-weight:600;padding-left:15px;line-height:43px;float: left;width: 100%;background: #ca2128;} .yanResimliMenu .resimliYanMenu .lfMenu { float: left; width: 100%; position: relative; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl { display: inline-block; vertical-align: top; padding: 0; /*display: flex;flex-direction: row;justify-content: space-between;display: -webkit-flex;-webkit-flex-direction: row;-webkit-justify-content: space-between;*/ } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem { display: inline-block; padding: 0; float: left; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:last-child { margin-right: 0; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem > a { position: relative; color: #4e4e4e; font-size: 13px; padding: 0 30px; font-weight: bold; display: inline-block; line-height: 49px; vertical-align: top; overflow: hidden; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:hover > a { background: #fff; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem > a:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; max-height: 30px; width: 1px; background: #c5c5c5; display: block; margin: auto 0; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:hover > a:after { display: none; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:hover > .lfMenuAltContent { display: block; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_Tittle { display: none; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent { display: none; position: absolute; top: 100%; right: 0; left: 0; width: 100%; padding: 20px; min-height: 332px; background: #fff; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 { float: left; width: 100%; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim { float: left; width: 100%; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem { float: left; width: 25%; position: relative; margin-bottom: 10px; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem > a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemR { float: left; width: 50px; height: 50px; margin-right: 20px; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemR img { display: block; max-width: 100%; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemN { float: left; line-height: 50px; color: #4e4e4e; font-size: 13px; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem:hover .altMenuItemN { color: #87c040; } /*------------------------------------Resimli Yan Menu--------------------------------------------*/ #lang_flag_container { top: 0 !important; left:auto!important; z-index: 9999 !important; display: block !important; position: absolute !important; float: left; padding: 0;right:0;} #lang_flag_container #lang-detail { left:auto !important; top: 100% !important; border-top: none !important; box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .3) !important;right:0;} #lang { color: #000 !important; font-size: 13px !important;} #lang span { font-weight: normal; } #lang span:after { content: '\f0d7'; font-family: 'FontAwesome'; margin-left: 5px; } #lang_flag_container:hover #lang { color: #000 !important; } #langHover { padding:5px 0!important;} #langHover.white { background: transparent !important; } a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; } /*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/ /********************************* HEADER ALAN KISMIDIR ****************************************/ /*------------------Instagram--------------------*/ .Instagram {float: left;width: 100%;margin-top: 20px;} .Instagram .satir1{color: #000000;font-size: 27px;line-height: 68px;text-align: center;} .instagramBolumu { float: left; width:100%;} .blokRow{margin: 0 -2px;} .dortluBlok { float: left;padding: 0 2px;width: 16.66%;margin-bottom: 4px;} .dortluBlok a {position: relative;display: block;width: 100%;float: left;} .dortluBlok a:after{display: none; content: '\f16d';font-family: 'FontAwesomeProBrands';font-size: 31px;color: #fff;text-align: center; position: absolute;left: 0;right: 0;bottom: 0;top: 0;background:rgba(0, 0, 0, 0.57);-webkit-animation: fadein 0.3s;-moz-animation: fadein 0.3s;-ms-animation: fadein 0.3s;-o-animation: fadein 0.3s;animation: fadein 0.3s;} .dortluBlok a:hover:after{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center; } .dortluBlok a img{max-width: 100%;display:block;} /*------------------Instagram--------------------*/ /*---------------------------- site ozel alan kodlar ----------------------------------*/ /*Site ici scroll alanlar*/ .SmallImages::-webkit-scrollbar {width: 2px;} .SmallImages::-webkit-scrollbar-track { background: #ddd;} .SmallImages::-webkit-scrollbar-thumb { background: #9a3189;} .CartProduct .SProduct::-webkit-scrollbar {width: 2px;} .CartProduct .SProduct::-webkit-scrollbar-track { background: #ddd;} .CartProduct .SProduct::-webkit-scrollbar-thumb { background: #9a3189;} .SepetBlockInfo::-webkit-scrollbar {width: 2px;} .SepetBlockInfo::-webkit-scrollbar-track { background: #ddd;} .SepetBlockInfo::-webkit-scrollbar-thumb { background: #9a3189;} .urunDetayPanel::-webkit-scrollbar {width: 2px;} .urunDetayPanel::-webkit-scrollbar-track { background: #ddd;} .urunDetayPanel::-webkit-scrollbar-thumb { background: #9a3189;} #divOnyazi::-webkit-scrollbar {width: 2px;} #divOnyazi::-webkit-scrollbar-track { background: #ddd;} #divOnyazi::-webkit-scrollbar-thumb { background: #9a3189;} .UrunGuruplari .Block_Text::-webkit-scrollbar {width: 2px;} .UrunGuruplari .Block_Text::-webkit-scrollbar-track { background: #ddd;} .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb { background: #9a3189;} .categorydesign .KatText .maxh::-webkit-scrollbar {width: 2px;} .categorydesign .KatText .maxh::-webkit-scrollbar-track { background: #ddd;} .categorydesign .KatText .maxh::-webkit-scrollbar-thumb { background: #9a3189;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar {width: 2px;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track { background: #ddd;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb { background: #9a3189;} .yanResimliMenu .KatMenu1::-webkit-scrollbar {width:2px;} .yanResimliMenu .KatMenu1::-webkit-scrollbar-track { background: #ddd;} .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb { background: #9a3189;} /*Site ici scroll alanlar*/ /*Loading* body {opacity:0;} .PageLoading{position:fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99999999;opacity: 1!important;display:inline-table;text-align:center;width: 100%;height:100%;} .PageLoading i{display: table-cell;vertical-align: middle;} /*Loading*/ .siparisTakipSayfasi { background: #fff; } .siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; } .sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; } .popupSepet { width: 99%; } .popupSepet #hed div { width: 94%; } .sayfaIcerik * { font-family: 'Montserrat', sans-serif !important; } #mainHolder_UrunDetay_imgCookie { display: none !important; } .product-social-icon-wrapper { display: none; } .HesabimContainer .urunDetayPanel { max-height: 100%; } .orders { width: 100%; } .innerContainer { } .TumKategoriler { display: none; } .welcomeOpen { display: none; } .mycartClick { display: none; } .mobilMenuAcButton { display: none; } .userLoginBtn, .userSignBtn { border: none !important; } /*Siteye ozel alan*/ .faviko{float: right;margin-top: 35px;text-align:center;color: #000;font-size: 11px;} .faviko i{display:block;line-height: 23px;font-size: 23px;margin-bottom: 3px;color: #1d1d1b;} .faviko:hover i{color: #9a3189;font-weight: 600;} .faviko:hover{color: #9a3189;} .htop{float: left;width: 100%;border-bottom: 1px solid #ddd;} .htop *{color: #000000;font-size: 12px;line-height: 39px;} .stkp{float:right;} .stkp i{margin-right: 8px;font-size: 14px;} .SeoText{float: left;width: 100%;padding: 20px;background: #fff;margin-bottom: 20px;} .UFavorilerimeEkle{float:right;position: absolute;right: 36px;top: 25px;} .UFavorilerimeEkle .box1{min-width: 0;padding: 0;margin: 0;background:transparent;font-size: 0;} .UFavorilerimeEkle .box1 i{margin: 0;font-size: 25px;color: #a2b90e;font-family: 'FontAwesomePro';font-weight: 300;} .UFavorilerimeEkle:hover .box1 i{color: #9a3189;} .dgs{float: left;width: 100%;margin-top: 13px;color: #9bb00f;font-size: 12px;font-weight: 600;line-height: 15px;} .dgs i{float: left;font-size: 15px;margin-right: 10px;line-height: 15px;} .TeWa{float: right;width: calc(100% - 120px);margin-top: 20px;} .TeWa ul{margin: 0 -10px;} .TeWa ul li{float: left;width: 50%;padding:0 10px;} .TeWa ul li a{float: left;width: 100%;text-align:center;background: #fff;line-height: 50px;font-size: 12px;color: #1d1d1b;} .TeWa ul li a span{font-weight:600;} .TeWa ul li a i{line-height: 50px;color: #1d1d1b;font-size: 20px;margin-right: 10px;vertical-align:middle;} .TeWa ul li a i.fa-whatsapp{color: #25d366;} #footer .linkler .blink > ul > li > .ebltn span{ display: inline-block;width: 100%;font-size: 13px;color: #fff;position: relative;font-weight: 600;margin-bottom: 15px;} /*Siteye ozel alan*/ /*GuvenList*/ .GuvenList{float: left;width: 100%;margin:0;padding-bottom: 30px;} .GuvenList ul{float: left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;} .GuvenList ul li{float: left;text-align:center;} .GuvenList ul li:first-child{border: none;width:auto;} .GuvenList ul li .gimg {float: left;width: 100%;} .GuvenList ul li .gimg i{font-size: 25px;color: #9a3189;line-height: 25px;margin-bottom: 8px;} .GuvenList ul li .gtext {color: #000000;font-size:13px;font-weight: 500;line-height: 1.3;} .GuvenList ul li .gtext p{font-weight: 500;} .GuvenList ul li .gtext a{color: #000;font-size: 13px; font-weight: 500;} .GuvenList ul li:hover .gtext {color: #9a3189;} .GuvenList ul li:hover .gtext a {color: #9a3189;} /*GuvenList*/ /*SliderYanblok*/ #divSliderYani {display: none;} #divSliderYani .SliderYanBlok .SliderYanBlokTitle {float: left;width: 100%;text-align:center;} #divSliderYani .SliderYanBlok .SliderYanBlokTitle .satir1 {font-size:20px;color: #000;font-weight:600;line-height:65px;display:inline-block;vertical-align:top;} #divSliderYani .SliderYanBlok #SliderYan { float: right; width: 100%;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer {margin: 0;border:none;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem {border: none;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productImage {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productImage a {padding-bottom: 83%;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productName {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productName a {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productDetail {border: none;height: 193px;padding: 10px 25px 0;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productIcon {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productPrice {float: left;width: 100%;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountPrice {float: left;width: 100%;margin-top: 25px;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountPrice span{font-size: 24px;color: #000;font-weight:600;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .regularPrice {float: left;width: 100%;font-size: 17px;font-weight:500;margin-right: 0;margin-top:-45px;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountIcon {float: left;width: 100%;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .newIcon{display: none;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountIcon {display: none;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .examineIcon {display:block;position: absolute;left: 0;bottom:18px;right: 0;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .examineIcon a{font-size:0;color: #ca2128;font-weight:600;display: inline-block;vertical-align:top;line-height:26px;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .examineIcon a:after{content: 'Hemen İncele';font-size: 15px;float: left;line-height: 26px;font-weight:600;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .examineIcon a:before{content: '\f054';font-size: 21px;float: right;margin-left:10px;line-height:26px;font-weight:600;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .urunListeAdet{} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .cargoIcon{display: none!important;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .mycartIcon{display: none!important;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .TukendiIco {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .owl-carousel {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .owl-nav {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListnext, #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListprev {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListprev:before, #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListnext:before {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListprev:before {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListnext:before {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListprev:hover:before, #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .ProductListnext:hover:before {} /*SliderYanblok*/ /*Anasayfa Tab*/ #anasayfatab {float: right;width:100%;position: relative;margin:0 0 40px;} #anasayfatab ._tabHead {float: left;width: 100%;position: relative;text-align:center;margin-bottom: 30px;} #anasayfatab ._tabHead ul {float: left;width:100%;font-size:0;} #anasayfatab ._tabHead li {display: inline-block;vertical-align:top;margin:0 10px;} #anasayfatab ._tabHead li:last-child {margin-right: 0;} #anasayfatab ._tabHead li span {cursor:pointer; display: inline-block;vertical-align:top; color: #aeaeae;font-size:13px;line-height:38px;text-align:center;transition: all 0.3s ease;padding:0 22px;position: relative;border: 1px solid #e1e1e1;border-radius: 25px;} #anasayfatab ._tabHead li._tabHead_active span{color: #f1a56f;border-color: #f1a56f;font-size: 15px;box-shadow: 0 0 17px 3px #f4f4f4;} #anasayfatab .anasayfaTabAlt { width: 100%; padding: 0; float: left; height: 0; overflow: hidden; position: relative;} #anasayfatab .anasayfaTabAlt.active { overflow: visible; height: 100%; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; } #anasayfatab .anasayfaTabAlt.active .sliderBannerContainer {} #anasayfatab .anasayfaTabAlt .ProductList { float: left; width: 100%;padding: 0; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer { float: left; width: 100%; margin: 0;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite {float: left; width: 100%;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul{margin: 0 -10px;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li{float:left; width: 33.33%;padding: 0 10px;margin-bottom: 20px;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li:nth-child(4n){} /*Anasayfa Tab*/ /*NoSlider Listeleme*/ #OzelSliderDiv { float: left; width: 100%; margin: 30px 0 0; padding: 0 20px; } #OzelSliderDiv .OzelSliderAlt { float: left; width: 100%; } #OzelSliderDiv .OzelSliderAlt .sliderBannerContainer { margin: 0 } #OzelSliderDiv .OzelSliderAlt .sliderBannerContainer ul { margin: 0 -10px; float: none; width: auto; } #OzelSliderDiv .OzelSliderAlt .sliderBannerContainer ul li { float: left; width: 25%; padding: 0 10px; margin-bottom: 25px; } /*NoSlider Listeleme*/ /*OzelSlider Listeleme*/ .OzelSliderAlan { float: left; width: 100%; margin:20px 0 0;} /*OzelSlider Listeleme*/ /*Yatay Listeleme*/ #divYatayUrun { float: left; width:100%;margin:0;background: #f5f5f5;} #divYatayUrun .YatayUrunAlt {width: 100%;float: left;} #divYatayUrun .YatayUrunAlt .JKatAdi{margin-bottom: 57px;} #divYatayUrun .YatayUrunAlt .JKatAdi .bold{} #divYatayUrun .YatayUrunAlt .JKatAdi .bold .satir1{} #divYatayUrun .YatayUrunAlt .sliderBannerContainer {float: left;width: 100%;margin:0;padding:0;background:transparent;border: none;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul{margin: 0 -10px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li{float: left;width: 50%;margin:0 0 20px;padding: 0 10px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li:last-child{} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem{border: none;height: 100px;background: #fff;padding-left: 100px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productImage{width:142px;float: left;border-left: 1px solid #eee;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productImage a{padding-bottom: 70%;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productDetail{width: calc(100% - 142px);padding: 0;margin: 0;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productName{float:left;width: calc(100% - 142px);margin: 0;padding: 0;border-right: 1px solid #eee;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productName a{height: 100%;line-height: 100px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .mycartIcon{position: absolute;left: 0;top: 0;bottom: auto;display: table!important;right:auto;width: 100px;height: 100px;text-align:center;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .mycartIcon a{background: transparent;padding: 0;border-radius: 0;font-size: 0;line-height: 0;text-align:center;display: table-cell;vertical-align:middle;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .mycartIcon a:before{content: '\f291';color: #f1a56f;font-size: 16px;width: 40px;height: 40px;line-height: 38px;border: 1px solid #eee;display: inline-block;vertical-align:middle;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .mycartIcon a:hover:before{background: #f1a56f;border-color: #f1a56f;color: #fff;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .newIcon{display: none;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .discountIcon{display: none;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productFaMyEx{display: none!important;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .TukendiIco{} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .TukendiIco span{bottom: 25%;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productIcon{} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productPrice{float:right;width: 142px;height: 100px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productPrice.IndirimVar{padding-top: 25px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .regularPrice {display:block;float: none;margin: -38px 0 0;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .discountPrice {display:block;float: none;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .regularPrice span{} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .discountPrice span{line-height: 100px;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .IndirimVar .discountPrice{margin: 36px 0 0;} #divYatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .IndirimVar .discountPrice span{line-height: 0.8;} /*Yatay Listeleme*/ /*Blok*/ .Blok {float: left;width:100%;} .ban {float: left;width: 100%;} .ban:last-child {margin-bottom:0;} .Blok a {float:left;width: 100%; display:block; position: relative; transition: all 0.3s ease; transition: opacity ease-in-out 500ms;-webkit-transition: opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition: opacity ease-in-out 500ms;} .Blok img { display:block; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;} .Blok .satir1 {float: left;width: 100%;text-align:center;position: relative;} .Blok .satir1:before {content: '';position: absolute;left: 0;right: 0;top: 50%;height: 2px;background: #e3e3e3;z-index: -1;} .Blok .satir2 {display: inline-block;padding: 0 35px;background:#fff;color: #000000;font-size: 13px;line-height: 75px;} .bRow{margin: 0 -10px;} .Scol1{float:left; width:100%;padding:0;} .Scol1 .bRow{margin: 0;} .Scol1:nth-child(2){margin-top:20px;} .Scol2{float:left; width:50%;padding:0 10px;} .Scol2 .bRow{margin: 0;} .Scol3{float:left; width:33.33%;padding:0 10px;margin-bottom:20px;} .Scol3 .bRow{margin: 0;} .Scol4{float:left; width:25%;padding:0 10px;} .Scol4 .bRow{margin: 0;} .Scol5{float:left; width:20%;padding:0 10px;} .Scol5 .bRow{margin: 0;} .Scol6{float:left; width:66.66%;padding:0 10px;} .Scol6 .bRow{margin: 0;} /*Footer*/ #footer { float: left; width: 100%; position: relative;} .FooterSC { float: left; width: 100%; position: relative;background: #1d1d1b;} .FooterTop { float: left; width: 100%; position: relative;background: #fff;} .FooterMiddle { float: left; width: 100%; position: relative;} .FooterBottom { float: left; width: 100%; position: relative;padding: 26px 0 23px;} .PopulerKat{float: left;width: 100%;margin-bottom: 20px;} .PopulerKat .satir2{float: left;width: 100%;text-align:center;line-height: 90px;color: #1d1d1b;font-weight: 600;font-size: 13px;} .PopulerKat > ul{float: left; width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;} .PopulerKat > ul li{display: block;float:left;width:100%;} .PopulerKat > ul li a{color: #1d1d1b;font-size: 12px;float: left;margin-bottom: 15px;} .PopulerKat > ul li a:hover{color: #9a3189;} .ebultenDiv {float:left;width: 340px;} .ebultenGelecek {display: block;margin: 0 auto;width: 100%;float: left;} #divNewsLetter {display: none; float: right; position: relative;width: 100%;} #divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000000; line-height: 1.2; font-size: 12px;} #UpdatePanel1 {position: relative; float: right;width: 100%;} #txtbxNewsletterMail {display: inline-block;color: #666666; background:#333333; border-radius:0;border: none;width: 100%; height: 40px;padding:0 62px 0 15px; font-size: 12px;text-align:left;font-weight: normal; opacity: 1;} #txtbxNewsletterMail::-webkit-input-placeholder {color: #666666;} #txtbxNewsletterMail:-moz-placeholder {color: #666666;} #txtbxNewsletterMail::-moz-placeholder {color: #666666;} #txtbxNewsletterMail:-ms-input-placeholder {color: #666666;} #txtbxNewsletterMail:focus {color: #666666;} .newsbutton {display: inline-block;position: absolute;right: 0;top: 0; float: left; text-align:left; width: 62px!important;height: 40px;line-height:40px;color: #666666!important;font-size:0!important;border:none;border-radius:0; background: transparent!important;font-weight:normal; padding: 0;margin:0!important; text-align: center;text-transform: uppercase;text-decoration: none;} .newsbutton:before {content: '\f0e0';font-family: 'FontAwesomePro';font-size: 22px!important;font-weight: 300;} .ebultenGelecek #divNewsLetter {display: block;padding: 0;} #footer .linkler{ float: left; width: 100%; position: relative;} #footer .linkler .blink { float: left; width: 100%;padding: 40px 0 35px;border-bottom: 1px solid #333333;} #footer .linkler .blink > ul { float: left; width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;justify-content: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-webkit-justify-content: space-between;-ms-justify-content: space-between;} #footer .linkler .blink > ul > li {display: block;} #footer .linkler .blink > ul > li:first-child {width: 340px;} #footer .linkler .blink > ul > li > span{display: inline-block;width: 100%; font-size:13px;color: #fff;position: relative;font-weight:600;margin-bottom: 15px;} #footer .linkler .blink > ul > li > ul {display:block;} #footer .linkler .blink > ul > li > ul > li{display: block;} #footer .linkler .blink > ul > li > ul > li > a{font-weight:normal;float: left;font-size:12px;color: #666666;margin-bottom:15px;transition:all 0.2s ease;} #footer .linkler .blink > ul > li > ul > li > a:hover{color: #9a3189;} #footer .linkler .blink > ul > li > ul > li:last-child > a{margin-bottom: 0;} #footer .linkler .blink > ul > li > ul.sosyal{margin-bottom: 35px;float: left;} #footer .linkler .blink > ul > li > ul.sosyal li{float: left;margin-right: 15px;} #footer .linkler .blink > ul > li > ul.sosyal li:last-child{margin: 0;} #footer .linkler .blink > ul > li > ul.sosyal li a{margin: 0;width: 40px;height: 40px;background: #333333;border-radius: 100%;color: #666666;font-size: 17px;text-align:center;} #footer .linkler .blink > ul > li > ul.sosyal li a i{line-height: 40px;} #footer .linkler .blink > ul > li > ul.sosyal li a:hover{color: #fff;} #footer .linkler .blink > ul > li > ul.sosyal li:nth-child(1) a:hover{background: #293698;} #footer .linkler .blink > ul > li > ul.sosyal li:nth-child(2) a:hover{background: #297898;} #footer .linkler .blink > ul > li > ul.sosyal li:nth-child(3) a:hover{background: #984e29;} #footer .linkler .blink > ul > li > ul.sosyal li:nth-child(4) a:hover{background: #982929;} #footer .linkler .blink > ul > li > ul.sosyal li:nth-child(5) a:hover{background: #a00000;} .bankimg{display: inline-block;vertical-align: top;float: right;} .kartimg{float:left;} .bankimg img, .kartimg img, .store a img{display:inline-block;vertical-align:top;} .store{display: inline-block;vertical-align:middle;margin-left: 28px;} .store span{float:left;color: #fff;font-size: 12px;font-weight: 300;margin-right: 28px;line-height: 34px;} .store a{float: left;width: 34px;height:34px;border:1px solid #fff;color: #fff;text-align:center;font-size:12px;transition:all 0.2s ease;border-radius: 100%;margin-right: 8px;} .store a i{line-height: 32px;} .store a:last-child{margin-right: 0;} .store a:hover{} .copy{float:left; line-height: 25px;font-size: 13px;font-weight:normal;color: #666666;} div#divOzelAlan4 {font-size: 11px;background: #000000;color: #fff;padding: 5px;border-radius: 5px;margin: 5px 0;display: inline-block;} .ozelAlan4 {font-size: 13px;font-weight: 400;position: absolute;bottom: 10px;color: #fff;background: #000;padding: 5px;border-radius: 5px;} .ozelAlan3 { font-size: 11px; position: absolute; bottom: 80px; background: #000; color: #fff; padding: 5px; border-radius: 5px; } #divOzelAlan3 { font-size: 11px; background: #000; color: #fff; padding: 5px; border-radius: 5px; margin: 5px 0; display: inline-block; } .telefonDiv {} .telefonDiv >span {} #frmBlokEBulten {} #ulBulletin {} .intl-tel-input {} #inptBlokTelefonBulten {} #btnBlokEBultenKaydet {} /*Footer*/ #ticimaxCopyright{ font-family: 'Roboto', sans-serif !important; margin: 0 auto !important; padding: 10px 0;float: left;width: 100%;text-align:center;} #back-to-top { float: right; position: fixed; right: 1%; bottom:75px; z-index: 9999; display: none } #back-to-top a { float: left; text-align: center; width: 40px; height: 40px; background: #000; color: #fff; border-radius: 100%; font-size: 14px } #back-to-top a:after { content: '\f077'; font-family: fontawesome; display: inline-block; vertical-align: top; line-height: 40px } /*---------------------------- site ozel alan kodlar ----------------------------------*/ /* ------------------------------------Container--------------------------------------------*/ .headerContent,ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 1180px; margin: 0 auto;position: relative; clear: both; display: block; } #divIcerik {} .headerContent{} .homeContainer .ticiContainer{} .UyeGiris .ticiContainer{} .HesabimTakip .ticiContainer{} .Iletisimaspx .ticiContainer{} .innerContainer{} .ticiContainer{} .ticiContainer.homeContainer {} .ticiContainer.categoryContainer {} .ticiContainer.productDetailContainer {} .ticiContainer.pageContainer {} #footer .ticiContainer{} .sepetimBody #footer .ticiContainer{} .sepetimBody .headerContent{} ul.breadcrumb{clear: none;} .leftBlock { float: left;} .rightBlock { float: right;} .centerCount { float: left;} .centerCount.Middle {width: 100%;padding: 0;} .centerCount.userLoginContent {width: 100%;padding: 0;} .centerCount.iletisimContent {width: 100%;padding: 0;} .centerCount.UyeolContent {width: 100%;padding: 0;} .centerCount.HesabimTakip {width: 100%;padding: 0;} .leftBlock {float: left;width: 25%;padding-right:20px;} .rightBlock {float: right;width: 25%;padding-left:20px;} .centerCount {float: left;width: 100%;padding: 0;} /*SolveOrta*/ .leftBlock.LeftMiddle { width: 300px;} .centerCount.LeftMiddle { width: calc(100% - 300px);} .rightBlock.MiddleRight { width: 300px;} .centerCount.MiddleRight { width: calc(100% - 300px);} /*SolveOrta*/ /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {} .rightBlock.LeftMiddleRight {} .centerCount.LeftMiddleRight {} /*SolOrtaSag*/ /*OrtaSag*/ .rightBlock.MiddleRight {} .centerCount.MiddleRight {} /*OrtaSag*/ .categoryContainer .centerCount { } .ticiContainer:before, .ticiContainer:after { content: ""; display: table; } .ticiContainer:after { clear: both; } .ticiContainer { clear: both; zoom: 1; } .headerContent:after, .headerContent:before, .headerContent:after, .headerContent:before { content: ""; display: table; clear: both; } /* ------------------------------------Container--------------------------------------------*/ /*windows fixed alani*/ @media screen and (min-width:768px) { .navigation.fixed { position: fixed; top: 0; left: 0;right: 0; margin: 0; padding: 0; z-index: 1000;width: auto;background: #fff;} body.margin {padding-top:55px;} } /*Tablet ekranina kadar olan windows gorunumu*/ @media screen and (min-width:1025px) and (max-width:1200px) { .leftBlock.LeftMiddle {width: 25%;} .centerCount.LeftMiddle {width: 75%;} /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {width:25%;} .rightBlock.LeftMiddleRight {width:50%;} .centerCount.LeftMiddleRight {width:25%;} /*SolOrtaSag*/ /*OrtaSag*/ .rightBlock.MiddleRight {width:25%;} .centerCount.MiddleRight {width:75%;} /*OrtaSag*/ .homeContainer .col-5li { width: 25%; } .category-vertical-filters.top-filters .panel { margin-right: 20px !important; } } @media screen and (max-width:1650px) {} @media screen and (max-width:1480px) {} @media screen and (max-width:1366px) {} @media screen and (min-width:1300px) and (max-width:1366px) { /* ------------------------------------Container--------------------------------------------*/ .headerContent,ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{} /* ------------------------------------Container--------------------------------------------*/ } @media screen and (min-width:1200px) and (max-width:1300px) { /* ------------------------------------Container--------------------------------------------*/ .headerContent,ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{} /* ------------------------------------Container--------------------------------------------*/ } /* col-md*/ @media screen and (min-width:992px) and (max-width:1200px) { /* ------------------------------------Container--------------------------------------------*/ .headerContent,ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 960px;} /* ------------------------------------Container--------------------------------------------*/ .searchContent{margin-left: 65px;} .leftImage{width:525px;} .RightDetail{width:calc(100% - 525px);} .Images{width: 425px;} .SmallImages{width: 95px;} .SmallImages div{width: 85px;} .TeWa{width:calc(100% - 100px);} .buyfast{width: 115px;} .basketBtn{width: 140px;} #divNextProduct .productItem{padding: 18% 0;} } /* col-sm*/ @media screen and (min-width:768px) and (max-width:992px) { /* ------------------------------------Container--------------------------------------------*/ .headerContent,ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 720px;} .leftImage{width: 50%;} .Images{width: 100%;} .SmallImages{width: 100%;overflow:visible;max-height: 100%;margin-top: 10px;} .SmallImages div{margin-right: 10px;margin-bottom:10px;width: 22%;} .RightDetail{width: 50%;} /* ------------------------------------Container--------------------------------------------*/ .welcome{margin: 35px 12px 0;} .searchContent{width: 250px;margin-left: 35px;} .navigation .navUl > li > a{font-size: 11px;} .navigation .altMenu .altMenuler .altmenuSol ul li a{font-size: 10px;margin-bottom: 8px;} .GuvenList ul li .gtext{font-size: 10px;} .GuvenList ul li .gtext a{font-size: 10px;} .GuvenList ul li .gimg i{font-size: 22px;} .ebultenDiv{width: 260px;} #footer .linkler .blink > ul > li:first-child{width: 260px;} .PopulerKat > ul li a{font-size: 10px;margin-bottom: 10px;} .categorydesign{margin-bottom: 0;} .SeoText{margin:10px 0 0;} #divNextProduct .productItem{padding: 18% 0;} .Images{padding-bottom: 137.1%;} .TopDet #IlgiliUrunDiv ul li{width: 45px;} .ProductName{width: 85%;} .basketBtn{width: 210px;margin-left: 10px;margin-right: 0;} .buyfast{margin-top: 10px;width: 100%;} .TeWa{width: 100%;margin-top: 10px;} .TeWa ul li a{font-size: 11px;} .TeWa ul li a i{font-size: 17px;margin-right: 3px;} } /* mobil ve tablet ekran olcusune gore 1024px e kadar bunlari uygula */ @media screen and (max-width:1025px) { /******************************************************/ body .dropdown-toggle:after { display: none; } body #divSayfalamaUst { padding:0;margin: 10px 0;display:block;} .urunListRel { width: 100%; } body #divSayfalamaUst .brandlistselection {position: absolute;margin: 0;border: none;min-height: auto;top: 100%;left: 0;right: 0;z-index: 10;background: #fff;width:auto!important;} body .mobilFilterOpenBtn .button {float: left; width: 49%; padding: 5px 0;} body .mobilFilterOpenBtn .button.mobilSiralamBtn {float:right;} body .mobilFilterOpenBtn { margin-bottom: 0; margin-top: 0; } .filterDeleteContent .appliedFilter { margin: 5px 10px 5px 0; } body .brandlistselection .blockSelect{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {display: none; margin-top: 0; position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: #fff; margin-bottom: 0;padding: 0; border-bottom: none; border: none; z-index: 10; box-shadow: none; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { font-size: 12px; padding: 0 6px; width:100%;color: #000;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent .appliedFilter { display: none; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { text-align: center; border: none; border: none; float: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a:hover{} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a.selected{} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) { padding: 0; width: 100%; border-bottom: 1px solid #ddd; margin:0;} body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { font-size: 12px; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span { line-height: 30px; } body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {display: block;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li, .appliedFilter.FiltrelemeUrunAdet{border: none;} body .category-vertical-filters { margin-bottom: 0 ; } body .category-vertical-filters.top-filters .panel .panel-heading a { padding-bottom: 0; font-size: 13px; line-height: 35px; color: #000;} body .category-vertical-filters.top-filters .panel .panel-heading { margin-bottom: 0 ; padding: 0 10px } body .category-vertical-filters.top-filters {display: none; background: #fff ; position: absolute ; left: 0; right: 0; top: 100%; z-index: 10; box-shadow: 0 3px 4px 0 #bfbfbf;padding:5px 5px 0; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; text-align:left;} body .category-vertical-filters.top-filters .panel { width: 100% ; } body .category-vertical-filters.top-filters .panel.vertical-top-price-filter { margin-left: 0 ; margin: 10px 10px ; width: 94% ; } body .category-vertical-filters.top-filters .panel { padding: 0 ; margin:0 0 5px 0;} body .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0 ; } body .category-vertical-filters .vertical-filter-panel .list-group {box-shadow:none;position:static;} body .category-vertical-filters .vertical-filter-panel .list-group-item:before{margin-top: 3px;} body .categoryTitleText { max-width: 100%;} body .proCategoryTitle.categoryTitleText { max-width: 100%; padding: 0;margin: 0;} body .categoryContainer .centerCount {width:100%;} body .category-vertical-filters .vertical-filter-panel .list-group a { font-size: 13px ; line-height: 15px ; color: #000;} body .category-vertical-filters.top-filters .list-group.dropdown li { margin-bottom: 0 ; border: none ; height: auto;} body .liFiltreElement.list-group-item.list-group-item-image {background:transparent;} body #divSayfalamaUst.Slct .blockSelect{display: none!important;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent {padding:0 5px;width: 100%;box-shadow: 0 3px 4px 0 #bfbfbf;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width:100%;min-width:100%;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{border: none;width: 100%;margin: 0!important;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display:none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;} ul.breadcrumb { line-height: 30px; text-align: left; } ul.breadcrumb li:first-child a:before{ line-height: 30px; font-size: 10px; } ul.breadcrumb li { line-height: 30px; float: left !important; } ul.breadcrumb *{line-height:30px!important;font-size:10px!important;} ul.breadcrumb li:after { font-size: 10px !important; line-height: 31px !important; } ul.breadcrumb li:last-child { font-size: 10px !important; line-height: 30px !important; } a#linkOncekiSayfa { font-size: 10px !important; line-height: 30px !important; clear: none !important; display: none !important; } .centerCount{width:100%!important;} .leftBlock {display:none;} .rightBlock {display:none;} .homeContainer .leftBlock {} .homeContainer .rightBlock {} .productMust { display: none; } .productNumber { display: none; } .pageNumberContent a, .pageBorder a { font-size: 11px; width: 30px;height: 30px;line-height:28px;margin:0 2.5px;} .pageNumberBottom {padding:5px 0;margin:5px 0;} .UyeolContent .grid { margin: 30px 18px; } .owl-carousel .owl-item img { max-width: 100%; } .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;} .CategoryBody .categoryTitleText{margin-bottom: 0;} } /* col-xs */ @media screen and (max-width:767px) { .ozelAlan3{width: 88%;text-align: center;font-size: 12px} #divOzelAlan3{width: 50%;text-align: center;font-size: 14px;font-weight: 600;} .rrHandle {display: none; } .mobilMenuAcButton { display: block; } .leftBlock { display: none !important; } .rightBlock { display: none !important; } body.overflow { position: fixed; top: 0; left: 0; right: 0; overflow: hidden !important; } body.overflow #header.fixed { border: none !important; } /**Sepet Mobil**/ .mycart { width: 0; height: 0; background: none !important; padding: 0; margin: 0; border: none;z-index: auto; } .mycart .sepetTopTutar { display: none !important; } .mycart .sepetUrun { display: none !important; } .mycart .sepetTecxt { display: none !important; } .mycart > a { display: none; } .SepetUst {float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; } .SepetUst span { display: inline-block; vertical-align: top; } .SepetUst .seClose { float: left; width: 40px;fill: #fff; position: absolute; left: 0; } .SepetUst .seClose svg {width: 20px;margin-top: 15px;} .CartProduct {background:url('images/sabit/menubg.png')repeat-y 0 0 #9a3189;background-size:100%; position: fixed; right: -120%; top: 0; width: 100%; height: 100%; padding: 5px; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .CartProduct.animated { right: 0; } .CartProduct .SPrice * { color: #fff; } .CartProduct .SProduct { float: left; width: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 20px; max-height: 85%; } .CartProduct .SProduct li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; margin-bottom: 10px; padding-bottom: 10px; } .CartProduct .SProduct li:last-child { border-bottom: none; } .CartProduct .SProduct li a img { float: left; width: 70px; display: block !important; margin-right: 10px; } .CartProduct .SProduct li .SepettopAd { float: left; width: calc(100% - 83px); } .CartProduct .SProduct li .SepettopAd span:first-child { color: #fff; font-size: 12px; float: left; margin-bottom: 10px; width: 100%; font-weight: normal; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .CartProduct .SProduct li .SepettopAd span:last-child { color: #fff; font-size: 12px; float: left; padding: 0; margin: 0; width: 100%; font-weight: normal; } .CartProduct .SProduct li .SepetTopAdet { float: left; color: #fff; font-size: 12px; font-weight: normal; } .CartProduct .SProduct li .SepetTopbirim { float: left; color: #fff; font-size: 12px; font-weight: normal; } .CartProduct .SProduct li .sepetTopFiyat { float: right; display: inline-block !important; color: #fff !important; font-size: 12px; width: 35%; text-align: right; font-weight: normal !important; line-height: normal !important; } .CartProduct .SProduct li a { } .CartProduct .SProduct li a * { } .CartProduct .SPrice { float: left; width: 100%; margin-bottom: 0; position: absolute; left: 0; bottom: 60px; padding: 0 10px 5px; background: #000; } .CartProduct .SPrice .sepetToplamTutar { font-weight: normal; font-size: 17px; color: #fff; line-height: 30px; margin-left: 10px; } .CartProduct .button { display: inline-block !important; background: transparent; padding: 0 7px; font-size: 11px; line-height: 30px; color: #fff; font-weight: normal; text-transform: uppercase; position: absolute; left: 0; bottom: 20px; width: 50% !important; background: transparent !important; } .CartProduct .headerOrderBtn { display: inline-block !important; color: #fff !important; left: auto; right: 0; background: transparent !important; width: 55% !important; } .CartProduct .headerOrderBtn:hover { } .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: -15px; top: 0; color: #fff; } .CartProduct .SProduct li a:nth-child(2):hover { } .CartProduct .SProduct li a:nth-child(2):hover span i { } .CartProduct .SProduct li a:nth-child(2) span i { color: #fff; font-size: 15px; } .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: #fff; font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; } .sepetTopTutar { font-size: 0; padding: 0; border: none; } /**Sepet Mobil**/ /*******************************************MOBiL MENU****************************************/ .mobilMenu { background: #f1f1f1; width: 100% !important; height: 100%; position: fixed; top: 0; z-index: 9999 !important; overflow-y: auto; padding: 10px 0; display: none; } .mobilMenu.acik { display: block; } .mobilMenu .navUl { position: relative; height: calc(100% - 60px); background: url(images/m_menubg.png) left top no-repeat; } .mobilMenu .navUl > li { width: 100%; border-bottom: 1px solid #e2e2e2; position: relative; float: left;} .mobilMenu .navUl > li > a { line-height: 49px;white-space: nowrap; text-overflow: ellipsis; font-weight: normal; text-transform: uppercase; color: #000; font-size: 14px; display: block; z-index: 2; position: relative;float: left;} .mobilMenu .navUl > li > a br { display: none; } .mobilMenu .navUl > li .mobilAcilirMenu { float: right; position: absolute; right: 0;left: 0; top: 0; bottom: 0; margin: auto; line-height: 50px; display: block; text-align: center;font-size: 12px; color: #fff; z-index:1;} .mobilMenu .navUl > li .mobilAcilirMenu i { line-height: 50px; background: transparent; width: 30px; float: right; color: #969696; font-weight: 700; /* font-size: 0; */ } .mobilMenu .navUl > li .acilirMenuTutucu { display: none; float: left; width: 100%; position: relative; } .mobilMenu .navUl > li .altMenu h4, .mobilMenu .navUl > li .altMenu > span { display: none !important; } .mobilMenu .altMenu { position: fixed; padding: 0; top: 0; width: calc(100% - 60px); border: none; text-align: left !important; z-index: 99999999; height: 100%; background: transparent !important; left: 60px; display: none; } .mobilMenu .active > .altMenu { display: block; } .mobilMenu .navUl li > a:before { content: ''; position: absolute; left: 40px; font-family: fontawesome; color: #616161; font-size: 30px; z-index: 9999; opacity: 0; transition: ease-in-out .5s all; display: none; } .mobilMenu .navUl li.active > a:before { opacity: 1; display: block; } .altMenu .AltMenuKapat { position: relative; width: 40px; text-align: center; margin-bottom: -50px; float: right; z-index: 9999; } .altMenu .AltMenuKapat i { color: #fff; width: 40px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; } .mobilMenu .altMenu .altMenuler { width: 100%; overflow-y: auto; border: none; max-height: 100%; background: #616161; padding: 0 10px; position: relative; z-index: 1; height: 100%; } .mobilMenu .altMenu .altMenuler .altmenuSol { width: 100%; float: left; } .altMenu .altmenuSol > span { display: block !important; position: relative; z-index: 1; border-bottom: 1px solid #6f6f6f; } .altMenu .altmenuSol > span a { font-size: 14px; line-height: 50px; color: #fff; display: block; width: calc(100% - 50px); } .mobilMenu .altMenu .altMenuler .altMenuSag { width: 100%; float: left; padding: 0; border: none; display: none; } .mobilMenu .altMenu .altMenuler .altMenuSag img { display: none; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul { position: static; background: transparent; box-shadow: 0 0 0 0; padding: 0; width: 100%; padding: 0; float: left; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li { border-bottom: 1px solid #6f6f6f; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li:last-child { } .mobilMenu .altMenu .altMenuler .altmenuSol > ul li { width: 100%; position: relative; float: left; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul li ul { position: static; width: 100%; padding: 0 0 0 10px; display: block; background: transparent; width: 100%; display: none; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul li a { float: left; font-weight: normal; line-height: 40px; position: relative; display: block; color: #fff; font-size: 14px; transition: all 0.2s ease; padding: 0; background: transparent; border-bottom: none; margin-bottom: 0; z-index: 4; max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul li .mobilAcilirSek2 { float: right; position: absolute; right: 0; top: 0; line-height: 30px; display: inline-block; text-align: center; width: 100%; font-size: 12px; color: #fff; z-index: 3; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul li .mobilAcilirSek2 i { line-height: 30px; background: rgba(255, 255, 255, 0.21); width: 30px; float: right; } .mobilMenu .HeaderMenu2 > li > ul { display: none; float: left; width: 100%; position: static; background: rgba(255, 255, 255, 0.21); box-shadow: 0 0 0 0; width: 100%; padding: 0 0 0 10px; } /*Resimsiz menü*/ .mobilMenu .HeaderMenu2 > li ul li { float: left !important; width: 100% !important; border: none !important; overflow: hidden; position: relative; } .mobilMenu .HeaderMenu2 > li > ul > li ul { padding: 0 0 0 10px; display: none; width: 100%; } .mobilMenu .HeaderMenu2 > li > ul > li ul li ul { display: block; } .mobilMenu .HeaderMenu2 > li > ul li a { display: inline-block; vertical-align: top; font-weight: normal; position: relative; display: inline-block; color: #fff; font-size: 11px; transition: all 0.2s ease; padding: 0; background: transparent; border-bottom: none; line-height: 30px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 4; } .mobilMenu .HeaderMenu2 > li > ul > li > ul li a:hover { } .mobilMenu .HeaderMenu2 > li > ul > li a:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 3px; } .mobilMenu .HeaderMenu2 ul li .mobilAcilirSek2 { float: right; position: absolute; right: 0; top: 0; line-height: 30px; display: inline-block; text-align: center; width: 100%; font-size: 12px; color: #fff; z-index: 3; } .mobilMenu .HeaderMenu2 ul li .mobilAcilirSek2 i { line-height: 30px; background: rgba(255, 255, 255, 0.21); width: 30px; float: right; } .mobilaf { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.43); z-index: 999; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; display: none; } .mobilaf.acik { display: block; } .mobilMenu .UrunGuruplari { float: left; width: 100%; } .mobilMenu .UrunGuruplari ul li { float: left; width: 100%; border-bottom: 1px solid #fff; overflow: hidden; position: relative; } .mobilMenu .UrunGuruplari ul li a { float: left; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; color: #fff; font-size: 14px; display: inline-block; } .mobilMenu .UrunGuruplari ul li ul { display: none; } .mobilMenu .UrunGuruplari ul li ul li { } .mobilMenu .UrunGuruplari ul li ul li a { line-height: 25px; } .mobilMenu .UrunGuruplari li.ulVar > a:after { content: '\f13a'; float: right; font-family: 'FontAwesome'; color: #fff; position: absolute; right: 0; top: 0; font-size: 25px; } .altMenu .AltMenuKapat { position: relative; width: 40px; text-align: center; margin-bottom: -50px; float: right; z-index: 9999; } .altMenu .AltMenuKapat i { color: #fff; width: 40px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; } /*******************************************MOBiL MENU****************************************/ /*Content Sabitler*/ .centerCount { width: 100% !important; } .ticiContainer.homeContainer { width: 100%; padding-left: 5px; padding-right: 5px; } .ticiContainer.footerContainer { width: 100%; padding-left: 5px; padding-right: 5px; } .ticiContainer.productDetailContainer { width: 100%; padding-left: 5px; padding-right: 5px; } .footerContainer, .headerContent, .ticiContainer { width: 100%;padding:0; } .centerCount .ticiContainer { padding: 0; } ul.breadcrumb { padding: 0 5px !important; margin-top: 0 !important; } #divIcerik { padding: 0 5px; margin-top: 0; } /*Content Sabitler*/ /*Sabit sayfalar icerik*/ .userLeftBox, .userRightBox { margin: 5px !important; padding: 10px !important; } .spanTittle { font-size: 18px !important; } .iletisimContent .row { width: 100%; margin-bottom: 30px; } .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; } .SifremiUnuttum { width: 100%; margin: 0; padding: 0; } .SifremiUnuttum .line { width: 100%; } .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; } .SifremiUnuttum .button { width: 30%; } /*Sabit sayfalar icerik*/ /*Header Sabitler*/ .resimliYanMenu { display: none; } .navigation { display: none } #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; z-index: 150; height:auto;position: fixed;left: 0;right: 0;top: 0;background:#fff;} #header.homeHeader { border: none;} .headerContent {text-align:left;} /*Logo*/ #logo { float: none; position: static; display: block; border: none; width: auto;padding: 0; background: transparent; margin: 0; } #logo .logo { margin: 12px auto; width:120px; float: none; padding:5px 0; text-align: center;display:block;} #logo .logo img { max-width: 100%; display: inline-block; } /*Logo*/ /*header click button*/ .mycartClick { font-size: 22px; top: 19px; right: 5px; width: 25px; height: 25px; position: absolute; color: #000; display: block; } .mycartClick i { float: left; } .welcomeOpen { display: block; font-size: 22px; color: #000; position: absolute; right: 40px; top: 19px; } .welcomeOpen i { float: left; } .mobilMenuAcButton { position: absolute; left: 10px; color: #000; top: 9px; width: 46px; } .mobilMenuAcButton span { color: #000; font-size: 8px; width: 100%; float: left; font-weight: normal; } .mobilMenuAcButton i.fa-search { float: right; margin-left: 0; font-size: 20px; line-height: 20px; } .mobilMenuAcButton i.fa-bars { float: left; font-size: 20px; line-height: 22px; } .menuUstBolum { width: 100%; display: block; float: left; margin-top: -10px; border-bottom: 1px solid #e9e9e9; background: #e0e0e0; padding: 0px 10px; } .menuOrtaBolum { float: left; width: 100%; padding: 0px 10px; } .menuUstBolum a { float: left; line-height: 50px; color: #000; font-size: 14px; } .menuUstBolum a i { width: 50px; font-size: 25px; float: left; line-height: 50px; color: #9a3189; } .menuUstBolum .CloseBtnMenu { float: right; line-height: 40px; color: #969696; font-size: 26px; width: 30px; margin-top: 2px; background: transparent; text-align: center; } /*header click button*/ /*Arama*/ .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0; padding: 0;border: none; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; } .searchContent.active { height: 34px; padding:0; overflow: visible; width: 100%;} .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; } .search:after { display: none; } .search:before { display: none; } .search .crossclick { display: none; } #divAramaKategori { top: 0; left: 0; } #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 34px; } #txtbxArama { height: 34px; padding-right: 30px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 10px; margin:0;border: 1px solid #f1f1f1;} .searchContent.active #txtbxArama { padding: 0 45px 0 10px; } #btnKelimeAra { width: 45px; height: 34px; right: 0; top: 0; line-height: 34px; text-indent: 0;padding: 0; left: auto;background-position: center center;font-size: 0;} /*Arama*/ /*hosgeldin div*/ .welcome {display:block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; } .welcome.active { height: 34px; background:#9a3189;} .welcome>div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; } .welcome>ul { margin: 0; } .welcome>div:before { display: none; } .welcome:before { display: none; } .mobilMenu .welcome { display: block; } .welcome ul { float: left; width: 100%; } .welcome li { float: none; display: inline-block!important; width: auto;vertical-align:top;} .headerSocialConnect .baglanButton{margin-left:10px;} .headerSocialConnect .baglanButton a{line-height:34px;font-size:13px;} .headerSocialConnect .baglanButton a:before{line-height: 34px;} .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block!important; font-size: 13px; line-height: 34px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight:500;} .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; } .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; } /*hosgeldin div*/ /*Dil secenegi*/ #lang_flag_container { left: auto !important; right: 0!important; top: 0 !important; position: absolute !important;margin: 0;display: none!important;} #langHover { padding: 4px 0!important; } #lang_flag_container #lang-detail { right: 0; left: auto !important; width: 240px !important; } #lang { font-size: 11px !important; padding-left: 25px !important;} #lang-detail .language a, #lang-detail .currency a { width: 100% !important; } #lang-detail p, #lang-detail .language a, #lang-detail .currency a { font-size: 10px !important; } #lang_flag_container #lang-detail { display: none !important; } #lang_flag_container.selector #lang-detail { display: block !important; } /*Dil secenegi*/ /*Header Sabitler*/ /*urun box sabit*/ .productItem .discountPrice { } .productItem .regularPrice {} .productItem .discountPrice span {} .productItem .regularPrice span {} /*urun box sabit*/ /*Kategori Sabitler*/ .leftBlock { width: 100%; padding: 0; } .categoryContainer .centerCount { width: 100%; max-width: 100%; } .blockSelect { display: none; } .brandlistselection { border-bottom: none; padding: 0; margin: 0; } /*Kategori Sabitler*/ /*Detay Sabitler*/ .leftImage { width: 100%; padding: 0; margin-bottom: 0; margin-top: 0; border-right: none; } .Images { display: none; } .SmallImages { padding: 0; margin: 0; border: none; box-shadow: none; } .RightDetail { width: 100%; margin-bottom: 0; margin: 0; padding: 0; min-height: 100%; } .urunTabAlt #yorumYaz { padding-right: 0; width: 100% !important; } #mainHolder_UrunDetay_txtbxNotlar, .urunTabAlt ul li input[type="text"] { width: 100% !important; } #linkOncekiSayfa { float: right !important; clear: left; } /*urun butonlari*/ .ProductIcon { padding:0; position: static; width: 100%; margin:0;padding:0;} .ProductIcon .box1 {padding: 0!important;max-width: 100%!important;line-height:31px;} .ProductIcon .box1 i {float:left;margin:0 5px 0 0;width:31px;height:31px;line-height: 31px;} .ProductIcon > div{width:100%!important;margin: 0;text-align:left;} .ProductIcon >div > a{} .ProductIcon .box1:before{display: none!important;} /*urun butonlari*/ /*urun butonlari2*/ .ProductIcon2 .YorumYazbtnContent, .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 > .hidden-phone{min-width:33.33%;} .ProductIcon2 .YorumYazbtnContent a, .ProductIcon2 .TavsiyeEtBtnContent a, .ProductIcon2 .hidden-phone a { font-size: 11px;min-width: 100%;} .ProductIcon2 .TavsiyeEtBtnContent a:before, .ProductIcon2 .YorumYazbtnContent a:before, .ProductIcon2 .printBtn:before {} /*urun butonlari2*/ .socialButons { display: block; } .socialButons div { height: 0; } .socialButons #___plus_0 { height: 0 !important; } .UTelegram { display: none !important; } .telegram { width: 35px !important; height: 35px; font-size: 0; border-radius: 100% !important; display: none !important; } .telegram i { font-size: 15px !important; line-height: 35px; } /*Detay SAbitler*/ /******************************************************/ .owl-nav{display: none;} body #divMobileImageList .owl-controls .owl-dots{position: absolute!important;left:0;right:0;bottom: 0;margin: 0;z-index: 1;} body #divMobileImageList .owl-controls .owl-dots .owl-dot{background: #f1f1f1!important;} body #divMobileImageList .owl-controls .owl-dots .owl-dot.active{background:#9a3189!important;} /*ozel icerik Alan*/ body{padding-top: 62px;} body.sepetimBody{padding-top: 0;} .htop{display: none;} .faviko{margin: 0;position: absolute;right:70px;top:18px;font-size: 0;} .faviko i{margin: 0;font-weight: 600;font-size: 18px;float: left;color: #000;} .GuvenList{padding: 0;margin:0;} .GuvenList ul{display: block;text-align:center;font-size:0;} .GuvenList ul li{margin-bottom: 15px;margin-right: 13px;float: none;vertical-align:middle;display: inline-block;} .GuvenList ul li:nth-child(3){margin-right: 0;} .GuvenList ul li .gimg{width:auto;float: none;vertical-align: middle;display: inline-block;margin-right: 4px;} .GuvenList ul li .gimg i{font-size: 15px;line-height: 25px;margin-bottom: 0;} .GuvenList ul li .gtext{font-size: 10px;display: inline-block;vertical-align:middle;text-align:left;} .GuvenList ul li .gtext a{font-size: 10px;} .PopulerKat .satir2{line-height: 35px;} .PopulerKat > ul{display:block;text-align:center;font-size: 0;} .PopulerKat > ul li{display: inline-block;vertical-align:middle;} .PopulerKat > ul li a{margin-bottom: 3px;margin-right: 15px;} .ebltn {float: left;width: 100%;text-align:center;margin-bottom: 5px;} .ebltn span{display: inline-block;width: 100%;font-size: 13px;color: #fff;position: relative;font-weight: 600;margin-bottom: 5px;} .SeoText{margin-bottom: 0;padding: 10px;} .categorydesign{margin: 0;} body .slider-range{margin-top: 5px!important;} body .amount{padding: 0;} #divNextProduct .productItem{padding: 24% 0;} .ProductName{width: 85%;} .RightDetail .TopList{padding: 5px;} .UFavorilerimeEkle{right: 5px;} .RightDetail .MiddleList{padding: 10px 5px 10px;margin: 5px 0;} .TopDet #IlgiliUrunDiv ul li{width: 40px;} .bedenTablosu{line-height: 30px;} .bedenT{right: 5px;} .dgs{margin-top: 0;} .TeWa{width: 100%;margin-top: 0;} .TeWa ul{margin: 0;} .TeWa ul li{padding: 0;width: 49%;margin-right: 5px;} .TeWa ul li:last-child{margin-right: 0;} .TeWa ul li a i{font-size: 13px;margin-right: 4px;line-height: 40px;} .TeWa ul li a{font-size: 10px;line-height: 40px;} .JKatAdi .bold .satir1{font-size: 17px;} #divUrunEkSecenek .eksecenekLine .left_line{line-height: 35px;} .detaySliderContainer{margin-bottom: 0;} /*ozel icerik Alan*/ /*Anasayfa*/ #pnlSlider { width: 100%; margin:0 0 5px; padding: 0; } #pnlSlider .flex-control-nav {bottom: 0;} #pnlSlider .flex-control-paging li a{} #pnlSlider .flex-direction-nav { top: 45%; left: 5px; right: 5px;display:none;} #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next { width: 25px; height: 25px; display: block; background-size: 100%; border: none; } #pnlSlider .flex-direction-nav .flex-next:before, #pnlSlider .flex-direction-nav .flex-prev:before { line-height: 28px; font-size: 12px; } .Blok { margin:0; padding:0;width:100%;} .Blok a{} .ban { float: left; width: 100%; margin: 0 0 5px; } .ban img { width: 100%; } .bRow{margin:0;} .Scol1{float:left; width:100%;padding:0;margin-bottom: 5px;} .Scol2{float:left; width:100%;padding:0;margin-bottom: 5px;} .Scol3{float:left; width:50%;padding:0;margin-bottom: 5px;padding:0 3px;} .Scol4{float:left; width:100%;padding:0;margin-bottom: 5px;} .Scol5{float:left; width:100%;padding:0;margin-bottom: 5px;} .Scol6{float:left; width:100%;padding:0;margin-bottom: 5px;} .homeContainer .ProductListContent { margin-top: 10px; } .homeContainer .ProductListContent .productItem { margin-bottom: 5px; } /*Anasayfa*/ /*Footer*/ #ticimaxCopyright{font-size: 10px;padding:2px 0;} #footer {margin: 0;} #footer .ticiContainer { padding: 0 5px; } .FooterTop { padding:0;} .FooterMiddle { padding:0;} .FooterBottom { padding:0;} .ebultenDiv { width: 100%; text-align: center; margin:0; padding: 0; float: left;background-position: center center;} .ebultenGelecek { width: 100%; margin:5px 0;padding: 0;} .Ebulten { width: 100%; } #UpdatePanel1 {} #txtbxNewsletterMail {font-size: 12px;width: 100%;height:40px;padding-left: 15px;padding-right: 62px;text-align: left;} .newsbutton {height: 40px;line-height: 40px;right: 0;left: auto;text-align: center;font-size: 0!important;} .newsbutton:before {font-size: 20px!important;} #footer .linkler { padding:10px 0 0; border:none;} #footer .linkler .blink { width: 100%; float: left;padding:0;margin: 0;border:none;} #footer .linkler .blink ul li ul{display:none; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; } #footer .linkler .blink ul li span {margin-bottom:5px; font-size:13px;border-bottom: 1px solid #333;line-height: 30px;padding: 0 10px;} #footer .linkler .blink ul li:last-child span{margin: 0;} #footer .linkler .blink ul li span:before{display: none;} #footer .linkler .blink ul li span:after{display: none;} #footer .linkler .blink ul li { float: left; width: 100%; text-align: left;min-height:100%;padding:0;border:none;margin: 0;} #footer .linkler .blink >ul{display:block;border: 1px solid #333333;border-bottom: none;} #footer .linkler .blink >ul >li {width:100%!important;} #footer .linkler .blink ul li ul {float: left; width: 100%; padding:10px;border-bottom: 1px solid #333;} #footer .linkler .blink ul li ul li a{font-size:13px;margin-bottom:5px;width: 100%;} #footer .linkler .blink > ul > li:last-child{width:100%;} #footer .linkler .blink > ul > li > ul.sosyal{text-align:center;margin: 0;} #footer .linkler .blink > ul > li > ul.sosyal li{width: auto!important;float: none;display: inline-block;vertical-align:middle;} .telefonDiv { width: 100%; padding: 10px 0; border-right: none; } .telefonDiv >span { font-size: 10px; } #btnBlokEBultenKaydet { width: 100%; margin-top: 10px; line-height: 30px; } .copy { width: 100%; text-align: center; font-size: 12px; font-weight: normal;margin:0;line-height: 35px;} .kartimg{width:100%;text-align:center;margin:0;} .bankimg{width:100%;text-align:center;display: none;} .store { text-align: center;width: 100%; padding: 0;margin:0 0 10px;} .store a { float: none!important; display: inline-block;} .store a:last-child{margin: 0;} .store a img{display:inline-block;vertical-align:top;height:20px;} /*Footer*/ /*Kategori*/ #divIcerik.categoryContainer { padding: 0 5px; } .productItem {} .productItem .productName {margin-bottom:8px;} .productItem .productName a {} .productItem .productDetail {padding: 5px 0 0 0;} .productItem .productPrice { margin-top: 2px; } .ProductListContent .ItemOrj { padding: 0 5px; } .ProductListContent .ProductList { margin:0; } .categoryContainer .ProductListContent { padding:5px 2px; border: none; margin-top: 0; } .categoryContainer .ProductList { margin: 0 -5px;padding: 0;} .categoryContainer .ProductList .ItemOrj { padding: 0 3px; } .proCategoryTitle.categoryTitleText ul.breadcrumb { margin-bottom: 0 !important; } .categoryContainer .ProductListContent .productItem { margin-bottom:5px; } .homeContainer .ProductListContent { margin-top: 10px;float:left;width: 100%;max-width:100%;} .homeContainer .ProductListContent .ItemOrj { padding: 0 3px; max-width:50%;width: 50%;} .homeContainer .ProductListContent .ProductList { margin: 0; } .homeContainer .ProductListContent .productItem { margin-bottom: 5px; } .categoryContainer .ProductList .ItemOrj { width: 50%; flex: 0 0 50%; max-width: 50%; } .productItem:hover .productFaMyEx{display: none!important;} .productItem:hover .mycartIcon{display: none;} /*Kateori*/ /*Detay*/ .TopDet {padding:0;margin:0;} .RightDetail .TopList { width: 100%;} .RightDetail .MiddleList { width: 100%;} .RightDetail .BottomList { width: 100%; margin-bottom: 0;} .ProductIcon2 { position: static; float: left;margin:0;padding:0;width:100%;} .bedenTablosu {position:static;} .ProductDetail .product-social-icon-wrapper {text-align: center; padding:0;margin:10px 0; width: 100%;position:static;} .ProductDetail .product-social-icon-wrapper .PaylasTit {line-height:30px;float:none;display:inline-block;vertical-align: top;font-size: 10px;} .ProductDetail .product-social-icon-wrapper ul {margin: 0;width: auto;float: none;display: inline-block;vertical-align:top;} .ProductDetail .product-social-icon-wrapper ul li {margin-right: 7px;} .ProductDetail .product-social-icon-wrapper ul li a { font-size: 13px; } .ProductDetail .product-social-icon-wrapper ul li a i { line-height: 30px; } .UWhatsApp { width: 30px; float:none;display:inline-block;vertical-align:top;} .whatsApp i{width: 30px;height: 30px;line-height:30px;font-size:13px;} .ProductName { padding: 0;margin: 0;} .ProductName h1 span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 2;font-size:22px;} #divMarka { margin-bottom: 0; } #divTaksitAciklama * { font-size: 12px; } #divSatinAl {margin:0;padding: 10px 0;} #divAdetCombo{width: 80px;margin-top: 0;margin-bottom: 0;} #divAdetCombo .right_line{width: 100%;} .BasketBtn { width: 100%;} .Basketinp { margin:0;} .riSingle {} #txtbxurunSiparisAdedi {width: 100px!important;} .buyfast {width:100%;margin:5px 0 0 0;padding-left:0;float: right;} .basketBtn{margin-left:5px;margin-right:0;width: calc(100% - 85px);} .basketBtn input, .buyfast input { text-indent: 0; max-width:100%;} #divStokYok {font-size: 15px;padding:4% 0;} .ProductDetailMainRow { padding: 0; margin: 0; } .urunOzellik { margin: 5px 0 0;padding:0; border: none;width: 100%;} .urunTabAlt { padding: 5px; font-size: 11px; line-height: 15px; } .urunTabAlt * { line-height: 15px; } .urunDetayPanel{padding: 40px 10px 10px;} .urunOzellik .mobilTab ul li.active .urunDetayPanel { display: block !important;} .urunOzellik .mobilTab .urunDetayPanel { max-height: 200px; overflow-y: auto; border: none; padding:10px 0;width: 100%;min-height: 100%;} .urunOzellik .mobilTab { float: left; width: 100%; } .urunOzellik .mobilTab > ul { float: left; width: 100%; } .urunOzellik .mobilTab > ul > li { float: left; width: 100%; border-bottom: 1px solid #cfcfcf;} .urunOzellik .mobilTab > ul > li > a { float: left; width: 100%; line-height: 35px; padding: 0 5px; font-size: 12px; color: #000;background: #fff;} .urunOzellik .mobilTab > ul > li > a:after { float: right; line-height: 35px; content: '\e874'; font-family: 'Linearicons-Free'; } .urunOzellik .mobilTab > ul > li.active > a {color:#fff;background: #9a3189;} .urunOzellik .mobilTab > ul > li.active > a:after { content: '\e873'; } /*Detay*/ } @media screen and (max-width:415px) { } @media screen and (max-width:375px) { } @media screen and (max-width:320px) { } @media (max-width: 991px){ #kapidaSmsIleOnay .siparisOnayKutu .basketCompletebtn { position: static !important; } } .KatSepetFiyat { font-size: 11px; color: #333; font-weight: 600; line-height: 20px; border: 1PX solid #f27a1a; background-color: #fff; border-radius: 2px; margin-top: 8px; padding: 2px 5px 0 5px; display:none; } .KatSepetFiyat span { color: #f27a1a; font-size: 16px; line-height: normal; font-weight: 600; margin-left: 10px; } @media(max-width:580px){ .KatSepetFiyat { font-size: 10px; } .KatSepetFiyat span { font-size: 13px; margin-left:0; } } @media(max-width:320px) { .KatSepetFiyat { font-size: 10px; padding: 0; } .KatSepetFiyat span { font-size: 12px; margin-left: 0; } } .panel-heading.dropdown-toggle::after { display: none; } .category-vertical-filters.top-filters{margin-bottom:0 !important;} .category-vertical-filters.top-filters .div-kategori .list-group.dropdown li { width: 33.333% !important; }