/*** SY ***/ @import 'bootstrap.css'; @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i'); @import url('fontawesome/fontawesome.min.css'); /*Diket 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; Diket Ortalama*/ /*linearicons Css*/ @font-face {font-family: 'Linearicons-Free';src:url('fonts/Linearicons-Free54e9.eot?w118d');src:url('fonts/Linearicons-Freed41d.eot?#iefixw118d') format('embedded-opentype'),url('fonts/Linearicons-Free54e9.woff2?w118d') format('woff2'),url('fonts/Linearicons-Free54e9.woff?w118d') format('woff'),url('fonts/Linearicons-Free54e9.ttf?w118d') format('truetype'),url('fonts/Linearicons-Free54e9.svg?w118d#Linearicons-Free') format('svg');font-weight: normal;font-style: normal;}.lnr {font-family: 'Linearicons-Free';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.lnr-home:before {content: "\e800";}.lnr-apartment:before {content: "\e801";}.lnr-pencil:before {content: "\e802";}.lnr-magic-wand:before {content: "\e803";}.lnr-drop:before {content: "\e804";}.lnr-lighter:before {content: "\e805";}.lnr-poop:before {content: "\e806";}.lnr-sun:before {content: "\e807";}.lnr-moon:before {content: "\e808";}.lnr-cloud:before {content: "\e809";}.lnr-cloud-upload:before {content: "\e80a";}.lnr-cloud-download:before {content: "\e80b";}.lnr-cloud-sync:before {content: "\e80c";}.lnr-cloud-check:before {content: "\e80d";}.lnr-database:before {content: "\e80e";}.lnr-lock:before {content: "\e80f";}.lnr-cog:before {content: "\e810";}.lnr-trash:before {content: "\e811";}.lnr-dice:before {content: "\e812";}.lnr-heart:before {content: "\e813";}.lnr-star:before {content: "\e814";}.lnr-star-half:before {content: "\e815";}.lnr-star-empty:before {content: "\e816";}.lnr-flag:before {content: "\e817";}.lnr-envelope:before {content: "\e818";}.lnr-paperclip:before {content: "\e819";}.lnr-inbox:before {content: "\e81a";}.lnr-eye:before {content: "\e81b";}.lnr-printer:before {content: "\e81c";}.lnr-file-empty:before {content: "\e81d";}.lnr-file-add:before {content: "\e81e";}.lnr-enter:before {content: "\e81f";}.lnr-exit:before {content: "\e820";}.lnr-graduation-hat:before {content: "\e821";}.lnr-license:before {content: "\e822";}.lnr-music-note:before {content: "\e823";}.lnr-film-play:before {content: "\e824";}.lnr-camera-video:before {content: "\e825";}.lnr-camera:before {content: "\e826";}.lnr-picture:before {content: "\e827";}.lnr-book:before {content: "\e828";}.lnr-bookmark:before {content: "\e829";}.lnr-user:before {content: "\e82a";}.lnr-users:before {content: "\e82b";}.lnr-shirt:before {content: "\e82c";}.lnr-store:before {content: "\e82d";}.lnr-cart:before {content: "\e82e";}.lnr-tag:before {content: "\e82f";}.lnr-phone-handset:before {content: "\e830";}.lnr-phone:before {content: "\e831";}.lnr-pushpin:before {content: "\e832";}.lnr-map-marker:before {content: "\e833";}.lnr-map:before {content: "\e834";}.lnr-location:before {content: "\e835";}.lnr-calendar-full:before {content: "\e836";}.lnr-keyboard:before {content: "\e837";}.lnr-spell-check:before {content: "\e838";}.lnr-screen:before {content: "\e839";}.lnr-smartphone:before {content: "\e83a";}.lnr-tablet:before {content: "\e83b";}.lnr-laptop:before {content: "\e83c";}.lnr-laptop-phone:before {content: "\e83d";}.lnr-power-switch:before {content: "\e83e";}.lnr-bubble:before {content: "\e83f";}.lnr-heart-pulse:before {content: "\e840";}.lnr-construction:before {content: "\e841";}.lnr-pie-chart:before {content: "\e842";}.lnr-chart-bars:before {content: "\e843";}.lnr-gift:before {content: "\e844";}.lnr-diamond:before {content: "\e845";}.lnr-linearicons:before {content: "\e846";}.lnr-dinner:before {content: "\e847";}.lnr-coffee-cup:before {content: "\e848";}.lnr-leaf:before {content: "\e849";}.lnr-paw:before {content: "\e84a";}.lnr-rocket:before {content: "\e84b";}.lnr-briefcase:before {content: "\e84c";}.lnr-bus:before {content: "\e84d";}.lnr-car:before {content: "\e84e";}.lnr-train:before {content: "\e84f";}.lnr-bicycle:before {content: "\e850";}.lnr-wheelchair:before {content: "\e851";}.lnr-select:before {content: "\e852";}.lnr-earth:before {content: "\e853";}.lnr-smile:before {content: "\e854";}.lnr-sad:before {content: "\e855";}.lnr-neutral:before {content: "\e856";}.lnr-mustache:before {content: "\e857";}.lnr-alarm:before {content: "\e858";}.lnr-bullhorn:before {content: "\e859";}.lnr-volume-high:before {content: "\e85a";}.lnr-volume-medium:before {content: "\e85b";}.lnr-volume-low:before {content: "\e85c";}.lnr-volume:before {content: "\e85d";}.lnr-mic:before {content: "\e85e";}.lnr-hourglass:before {content: "\e85f";}.lnr-undo:before {content: "\e860";}.lnr-redo:before {content: "\e861";}.lnr-sync:before {content: "\e862";}.lnr-history:before {content: "\e863";}.lnr-clock:before {content: "\e864";}.lnr-download:before {content: "\e865";}.lnr-upload:before {content: "\e866";}.lnr-enter-down:before {content: "\e867";}.lnr-exit-up:before {content: "\e868";}.lnr-bug:before {content: "\e869";}.lnr-code:before {content: "\e86a";}.lnr-link:before {content: "\e86b";}.lnr-unlink:before {content: "\e86c";}.lnr-thumbs-up:before {content: "\e86d";}.lnr-thumbs-down:before {content: "\e86e";}.lnr-magnifier:before {content: "\e86f";}.lnr-cross:before {content: "\e870";}.lnr-menu:before {content: "\e871";}.lnr-list:before {content: "\e872";}.lnr-chevron-up:before {content: "\e873";}.lnr-chevron-down:before {content: "\e874";}.lnr-chevron-left:before {content: "\e875";}.lnr-chevron-right:before {content: "\e876";}.lnr-arrow-up:before {content: "\e877";}.lnr-arrow-down:before {content: "\e878";}.lnr-arrow-left:before {content: "\e879";}.lnr-arrow-right:before {content: "\e87a";}.lnr-move:before {content: "\e87b";}.lnr-warning:before {content: "\e87c";}.lnr-question-circle:before {content: "\e87d";}.lnr-menu-circle:before {content: "\e87e";}.lnr-checkmark-circle:before {content: "\e87f";}.lnr-cross-circle:before {content: "\e880";}.lnr-plus-circle:before {content: "\e881";}.lnr-circle-minus:before {content: "\e882";}.lnr-arrow-up-circle:before {content: "\e883";}.lnr-arrow-down-circle:before {content: "\e884";}.lnr-arrow-left-circle:before {content: "\e885";}.lnr-arrow-right-circle:before {content: "\e886";}.lnr-chevron-up-circle:before {content: "\e887";}.lnr-chevron-down-circle:before {content: "\e888";}.lnr-chevron-left-circle:before {content: "\e889";}.lnr-chevron-right-circle:before {content: "\e88a";}.lnr-crop:before {content: "\e88b";}.lnr-frame-expand:before {content: "\e88c";}.lnr-frame-contract:before {content: "\e88d";}.lnr-layers:before {content: "\e88e";}.lnr-funnel:before {content: "\e88f";}.lnr-text-format:before {content: "\e890";}.lnr-text-format-remove:before {content: "\e891";}.lnr-text-size:before {content: "\e892";}.lnr-bold:before {content: "\e893";}.lnr-italic:before {content: "\e894";}.lnr-underline:before {content: "\e895";}.lnr-strikethrough:before {content: "\e896";}.lnr-highlight:before {content: "\e897";}.lnr-text-align-left:before {content: "\e898";}.lnr-text-align-center:before {content: "\e899";}.lnr-text-align-right:before {content: "\e89a";}.lnr-text-align-justify:before {content: "\e89b";}.lnr-line-spacing:before {content: "\e89c";}.lnr-indent-increase:before {content: "\e89d";}.lnr-indent-decrease:before {content: "\e89e";}.lnr-pilcrow:before {content: "\e89f";}.lnr-direction-ltr:before {content: "\e8a0";}.lnr-direction-rtl:before {content: "\e8a1";}.lnr-page-break:before {content: "\e8a2";}.lnr-sort-alpha-asc:before {content: "\e8a3";}.lnr-sort-amount-asc:before {content: "\e8a4";}.lnr-hand:before {content: "\e8a5";}.lnr-pointer-up:before {content: "\e8a6";}.lnr-pointer-right:before {content: "\e8a7";}.lnr-pointer-down:before {content: "\e8a8";}.lnr-pointer-left:before {content: "\e8a9";} /*linearicons Css*/ * {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;}} @-ms-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%; }} /*helper*/ .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } #divMagazaStok{float: right!important;} #divMagazaStok *{color: #000;} #divMagazalar .divMagazaHeader>div.span-3{display: none!important;} #divMagazalar .divMagazaItem>div.span-3{display: none!important;} /*Shine Css*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ margin: 0; } body { background: #fff; color: #000; font-family: 'Montserrat', sans-serif !important; -webkit-font-smoothing: antialiased; font-weight: normal; margin: 0; padding: 0;-webkit-animation: fadein 100ms ease-in-out 1s both;animation: fadein 100ms ease-in-out 1s both;} label input { margin-right: 5px; } .Block_Text img { border: none; max-width: 100%; } ol, ul { list-style: none; } a { text-decoration: none; } h1 h2 h3 h4 h5 h6 { margin: 0px; padding: 0px; font-weight: normal !important;} input[type="text"] { padding: 0 5px; height: 50px; color: #666; border: 0; } 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 { } button { -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ } 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; /* Safari */ } .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; /* Safari */ } .button { cursor: pointer; background: #222222 ; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; font-family: 'Montserrat', sans-serif !important; text-align: center; } .button:hover { color: #fff; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .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; } .cloudzoom1-zoom1 { 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%; } .cerezPopupUyari{z-index: 999!important;bottom: 85px!important;} /*------------------------------------Sepetim Renkler--------------------------------------------*/ .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: #000 !important } .basketCompletebtn { background: #222222 !important; } .OdemeMenu ul li.activeMenu { border-color: #000 !important; } .OdemeMenu ul li:hover { border-color: #000 !important; } .baglanButton { background: #000 ; border-color: transparent; } .baglanButton:hover { background: transparent; color: #000 !important; } .Basketstep ul li:before { border: 1px solid #000 !important; } .Basketstep ul li.pasif i { color: #000 !important } .BasketDetail table tbody tr td a { display: inherit; } .BasketDetail table tbody tr td:last-child a { display: block; } #AdresContent .button { background: #000 !important; } #AdresContent .button:hover { background: #000 !important; } .siparisOzetTakip { background: #000 !important; color: #fff; } .sepetimBody .hnavigation { display: none; } .sepetimBody #header:after { display: none; } .BasketPage .Basketstep ul li.pasif i { color: #000 !important; } .BasketPage .cargoInformation div.cargoName span { color: #000 !important; } .BasketPage a.YeniAdresEkle:hover { background-color: #000 !important; border-color: #000 !important; color: #fff !important; } .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check { color: #000 !important; } .BasketPage .OdemeMenu ul li.activeMenu a { background-color: #000 !important; } .BasketPage .OdemeMenu ul li:hover a { background-color: #000 !important; border-color: #000 !important; } .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active { color: #000 !important; } .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover { color: #000 !important; } .BasketPage .AdresItemAlt a:hover { color: #000 !important; } .BasketPage .sepetiTemizle:hover { color: #000 !important; } .BasketPage .sepet-sil:hover:before { color: #000 !important; } .BasketPage .sepetTitle2 a:hover { color: #000 !important; } .BasketPage .alisverisedevamet:hover { background: #000 !important; border: 1px solid #000 !important; } .BasketPage #hed div.hediCekForm a:hover { background: #000 !important; } .KasaOnuFirsatlarContent ul li a.button:hover { background: #000 !important; border: none !important; } .BasketPage .sepetItemB4 { color: #000 !important; } /*------------------------------------Sepetim Renkler--------------------------------------------*/ /* ------------------------------------ ToolTip --------------------------------------------*/ .tooltip { position: absolute; z-index: 9999; 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: 1; 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: #222; text-align: center; font-size: 10px; font-weight: 500; text-decoration: none; background-color: #fff; 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: #fff; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #fff; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #fff; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #fff; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #fff; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #fff; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #fff; border-width: 0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #fff; border-width: 0 5px 5px } .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; } /* -----------------------------------Sayfayı Yazdır--------------------------------------------*/ /*------------------------------------İletişim--------------------------------------------*/ .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: 98%; margin-top: 20px; border: solid 1px #dadada; overflow: hidden; padding: 1%; } .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; } /*------------------------------------İletişim--------------------------------------------*/ /*********************************ÜYELİK********************************************/ /*------------------------------------Üye 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: 100%; } .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;} /*------------------------------------Üye Ol--------------------------------------------*/ /* ------------------------------------Şifremi 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; } /* ------------------------------------Şifremi Unuttum--------------------------------------------*/ /* ------------------------------------Üyelik 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; } /* ------------------------------------Üyelik Onay--------------------------------------------*/ /*------------------------------------Üye Giriş 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; } /*------------------------------------Üye Giriş Popup--------------------------------------------*/ /********************************ÜYELİK********************************************/ /* ------------------------------------Taksit Seçenekleri--------------------------------------------*/ .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(../../Uploads/BankaLogo/1.png) center center no-repeat #7cc242; } .taksitBaslik2 { background: url(../../Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; } .taksitBaslik3 { background: url(../../Uploads/BankaLogo/3.png) center center no-repeat #6950a2; } .taksitBaslik4 { background: url(../../Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; } .taksitBaslik5 { background: url(../../Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; } .taksitBaslik6 { background: url(../../Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; } .taksitBaslik7 { background: url(../../Uploads/BankaLogo/7.png) center center no-repeat #ee3623; } .taksitBaslik8 { background: url(../../Uploads/BankaLogo/8.png) center center no-repeat #00aedb; } .taksitBaslik9 { background: url(../../Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; } .taksitBaslik10 { background: url(../../Uploads/BankaLogo/10.png) center center no-repeat #2e3192; } .taksitBaslik11 { background: url(../../Uploads/BankaLogo/11.png) center center no-repeat #056bb6; } .taksitBaslik12 { background: url(../../Uploads/BankaLogo/12.png) center center no-repeat #221f1f; } .taksitBaslik13 { background: url(../../Uploads/BankaLogo/13.png) center center no-repeat #0053a0; } .taksitBaslik14 { background: url(../../Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; } .taksitBaslik15 { background: url(../../Uploads/BankaLogo/15.png) center center no-repeat #024d39; } .taksitBaslik16 { background: url(../../Uploads/BankaLogo/16.png) center center no-repeat #8c1639; } .taksitBaslik17 { background: url(../../Uploads/BankaLogo/17.png) center center no-repeat #e9690e; } .taksitBaslik18 { background: url(../../Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; } .taksitBaslik19 { background: url(../../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 Seçenekleri--------------------------------------------*/ /* ------------------------------------ Cari Ödeme 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("../../PageNotFound.html") 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 Ödeme Yap Blok --------------------------------------------*/ #mainHolder_txtbxNotlar { width: 100%; } .Block_Text img { max-width: 100%; } #GUVENLIK_KODU { margin-bottom: 10px; margin-top: 10px; } /* ------------------------------------ Arama Sonuçları --------------------------------------------*/ #ArmaSonuclari { width: 100%; border: solid 1px #CCC; padding: 3%; text-align: center; font-size: 19px; background-color: #fff; } /* ------------------------------------ Arama Sonuçları --------------------------------------------*/ /* ------------------------------------ GüvenList --------------------------------------------*/ .guvenList {float: left;width: 100%;margin: auto;clear: both; margin-bottom: 10px;margin-top:-5px; } .guvenList ul {width: 100%;max-width: 1300px;margin: auto;text-align: center;} .guvenList ul li {position: relative;text-align: center;font-size: 13px;font-weight: 700;color: #000;padding: 20px 10px;display: inline-block;} .guvenList ul li:last-child { margin-right: 0; } .guvenList .guvenListli { padding: 10px; } .guvenList .guvenListText {} .guvenList .guvenListText i { font-size: 36px; color: #222222; float: left; width: 15%; padding-right: 15px; } .guvenList .guvenListText h1 { font-size: 20px; font-weight: 500; } .guvenList .guvenListText strong { font-size: 12px; color: #000000; font-weight: 600; float: left; text-align: left; width: 85%; } .guvenList .guvenListText span { font-size: 12px; color: #000000; font-weight: 400; float: left; text-align: left; width: 85%; } .guvenList .guvenListText a { font-size: 12px; color: #000000; font-weight: 700; text-align: left; } .HesabimBody .guvenList{display:none;} /* ------------------------------------ GüvenList --------------------------------------------*/ /*------------------------------------yan blok üye giriş 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%; margin-top: 5px; font-size: 14px; font-weight: 600; line-height: 30px; border-radius:5px;} /* Reklam Bannerlar*/ .altBanner { text-align: center; margin-top: 24px!important; } /* Reklam Bannerlar*/ .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 üye giriş ve sepet--------------------------------------------*/ /*------------------------------------kampanya baner yonetimi--------------------------------------------*/ #divKampanyaBanner {display:block;margin:25px auto 0;max-width: 1660px;} #divKampanyaBanner .AnasayfaTasarimLine{float: left;width: 31.62%;margin-right:2.56%;position: relative;} #divKampanyaBanner .AnasayfaTasarimLine:nth-child(3n){margin-right: 0;} #divKampanyaBanner .AnasayfaTasarimLine a{display: inline-block;vertical-align:top;float: left;width: 100%;overflow:hidden;} #divKampanyaBanner .AnasayfaTasarimLine a img { max-width: 100%; display: block;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi { font-size: 0;color: #333333;background: #fff; text-align: left; position: absolute;bottom: 18px;left: 45px;right: 45px;padding: 0 15px;line-height: 49px; } #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime { font-size: 18px; color: #333333; line-height: 49px; float:right;width:100%;text-align:center;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime * { font-size: 18px; color: #333333; line-height: 49px;font-weight:300;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime > span.Sayac:before { content: '\e864'; font-family: 'Linearicons-Free'; margin-right: 10px; font-size: 18px;line-height: 49px;} #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime > span.Sayac > span { } #divKampanyaBanner .AnasayfaTasarimLine .AnasayfaTasarimAdi .TasarimTime .NoSayac { } /*------------------------------------kampanya baner yonetimi--------------------------------------------*/ .HesabimContainer .categoryTitle .categoryTitleText { width: 100% !important; margin-bottom: 20px; font-size: 13px; } .iletisimContent .categoryTitle .categoryTitleText { width: 100% !important; margin-bottom: 10px; } /*******************************************ÜRÜN DETAY**********************************/ .productDetailContainer { } .productDetailContainer .categoryTitle { } .productDetailContainer ul.breadcrumb li {} .productDetailContainer ul.breadcrumb li a span { } .RightDetail > .clear { clear: none; } /*İlgili Urunler*/ #IlgiliUrunDiv { float: left; width: 100%; margin: 20px 0; } #IlgiliUrunDiv #divIlgiliUrunler { margin: 0; padding: 0; } #IlgiliUrunDiv .detaySliderContainer .owl-carousel { margin-top: 0; } .TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;} .TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: #fff; border: none; } .TopDet #IlgiliUrunDiv .JKatAdi {margin-bottom:0; width: 100%; top: 0; } .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 {background:transparent;padding: 0;color: #222;font-size:13px;line-height: 47px; font-style: normal; letter-spacing:0;font-weight:600; text-align: left; } .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%; } .TopDet #IlgiliUrunDiv ul li { float: left; width: 80px; margin-right: 10px;border: 1px solid #eee; } .TopDet #IlgiliUrunDiv ul li:hover {} .TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0; } .TopDet #IlgiliUrunDiv ul li .productItem:hover .boxBedenlerContent { display: none !important; } .TopDet #IlgiliUrunDiv ul li .productItem .productImage { } .TopDet #IlgiliUrunDiv ul li .productItem .productImage a { } .TopDet #IlgiliUrunDiv ul li .productItem .productImage img { } .TopDet #IlgiliUrunDiv ul li .productIcon { display: none !important; } .TopDet #IlgiliUrunDiv ul li .urunListeAdet { display: none !important; } .TopDet #IlgiliUrunDiv ul li .productDetail { padding: 0; margin: 0; display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem:hover .productDetail:after { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; } .TopDet #IlgiliUrunDiv ul li .TukendiIco { display: none; } /*İlgili Urunler*/ .TopDet {float: left;width: 100%;position: relative;background: #fff; overflow: hidden; } .leftImage { width: 640px; float: left; position: relative; } .RightDetail { width: calc(100% - 640px); padding-left: 20px; float: left; position: relative; padding-bottom: 70px; } .RightDetail * { } /*Urun Resim*/ .UrunDetayLeft { margin: 0 !important; overflow: hidden; } .Images {float: right;width: 100%;max-width: 500px;padding-bottom: 117.2%;position: relative;} .Images img { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; margin: auto;} .cloudzoom1-blank > div:last-child { display: none !important; } .SmallImages {float: left;width: 120px;padding:0;max-height:750px;overflow:auto; } .SmallImages div {margin:0;width: 100%;margin-bottom: 20px;display: inline-block;vertical-align: top;} .SmallImages div:last-child{ margin: 0; } .SmallImages div img { max-width: 100%; display: block;} .SmallImages div:hover img {} .DetayYeniUrun { display: none !important; float: right; width: 116px; text-align: center; margin-right: 9px; } .DetayYeniUrun #divYeniUrun { background: #ff5722; line-height: 38px; font-size: 16px; font-weight: 900; color: #fff; text-transform: uppercase; } /*ürün adi*/ .ProductName {float: left;width: 100%;position: relative;} .ProductName h1 { margin: 0; } .ProductName h1 span {float: left;width: 100%;display: inline-block;color: #222222;font-size: 25px; line-height: 50px; font-weight: 500;} .ProductName h1:after { content: ""; width: 100px; height: 2px; background: #222222; display: block;float: left; margin-bottom: 20px; } #divUrunKodu {float: left;color: #222;font-weight: 500;line-height: 40px;position: relative;width: auto;font-size: 13px;background: #f1f1f1;padding: 0 10px; } #divUrunKodu:before {display: block !important;content: 'Stok Kodu: ';margin-right: 4px;color: #222;font-size: 13px;font-weight: 500;position: relative;float: left;line-height: 40px;} #divTaksitAciklama { position: relative; float: left; padding-left: 15px; width: calc(100% - 80px); } #divTaksitAciklama:before { content: "Bu ürünü"; display: inline-block; font-weight: 500; color: #222222;} #divTaksitAciklama:after { content: "satın alabilirsiniz."; display: inline-block; font-weight: 500; color: #222222; } #divTaksitAciklama * {color: #222222;font-size: 12px;font-family: 'Montserrat', sans-serif;font-weight: 500;line-height: 28px;} .TahminiKargo{color: #222222;font-size: 12px;font-family: 'Montserrat', sans-serif;font-weight: 500;line-height: 28px;float: left;width: 100%;padding-left: 15px;} /*puan ver*/ .puanVer { display: none; float: left;margin: 8px 0; position: relative; } #PuanVer{float: left;} .PuanVerSag { display: none; float: left;font-size: 13px;color:#000;margin-left: 8px;font-weight:bold;line-height: 18px; } .puanVer #PuanVer .rating li {width: auto;height: auto;float: left;color: #000;vertical-align: top;} .puanVer #PuanVer .rating li i:before { content: '' !important; font-weight: normal !important; font-family: FontAwesomePro; } .puanVer #PuanVer .rating .filled i:before { font-family: FontAwesomePro; content: '' !important; font-weight: 400 !important; color: #ddaf27; } .puanVer #PuanVer .rating li i {font-size: 18px;line-height: 23px;position: relative;display: block;float: left;margin: 0;height: auto;} .puanVer #PuanVer .rating .filled {color: #000 !important;vertical-align: top !important;} .RightDetail .TopList {float: left;width: 100%;position: relative; } .RightDetail .MiddleList { float: left; width: 100%; position: relative; } .RightDetail .BottomList { float: left; width: 100%; position: relative; } /*marka resmi*/ .markaresmi { float: right; width: auto; 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%; padding-bottom: 10px; } #divOnyazi * {font-size: 12px;color: #181818; line-height: 16px;} #divOnyazi i { float: left; font-family: FontAwesomePro; color: #cb5499; font-size: 16px; margin-right: 6px; } #divOnyazi .tahminiTeslim { color: #cb5499; } .onYaziTable tr td { padding-right: 5px; padding-bottom: 5px; } /*fiyatlar*/ .PriceList {float: left;position: relative;width: 100%; margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #ececec; } #pnlFiyatlar { display: inline-block; vertical-align: top; float: left; padding-left: 15px; padding-right: 15px; } #divIndirimliFiyat {display: block;} /*marka adi*/ #divMarka { display: none; float: left; width: 100%; } #divMarka .left_line { display: none; vertical-align:top;color: #8a8a8a;font-size: 14px;font-weight: 500;} #divMarka .center_line { display: none; vertical-align:top; color: #333333; font-size: 14px;font-weight:400;} #divMarka .right_line { display: block;vertical-align:top; width: auto; } #divMarka .right_line * { vertical-align:top;width: auto; color: #56565b; font-size: 42px; font-weight: 600; line-height: 42px;} /*tedarikci*/ #divTedarikci { float: left; width: 100%; margin:8px 0; } #divTedarikci .left_line { display: inline-block;vertical-align:top; color: #282727; font-size: 13px; font-weight:normal;} #divTedarikci .center_line { display: inline-block;vertical-align:top; color: #282727; 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: #282727; font-size: 13px;} /*productStock miktari*/ #divToplamStokAdedi { display: none; float: left;width:auto;margin: 0 40px 0 0;} #divToplamStokAdedi .left_line { display: inline-block;vertical-align:top; color: #262626; font-size: 17px; font-weight:700;} #divToplamStokAdedi .center_line { display: inline-block;vertical-align:top; color: #262626; font-size: 17px;font-weight:700;} #divToplamStokAdedi .right_line { display: inline-block;vertical-align:top; color: #2bc489; font-size: 17px;} /*indirim orani*/ #divIndirimOrani {display: block;position: relative;float: left;width: 80px;height: 50px;text-align:center;background: transparent;overflow: hidden;border: 1px solid #222222;padding: 3px 10px 0 10px;} #divIndirimOrani .left_line {display: none;width: 90px;color: #222;font-size: 13px;font-weight: 600;} #divIndirimOrani .center_line { display: none; color: #fff; font-size: 14px; font-weight: 600; margin-right: 20px; } #divIndirimOrani .indirimliOrani {display: block;color: #222;font-size: 13px;line-height: 20px;font-weight: 600;text-transform: uppercase;} #divIndirimOrani .indirimliOrani * {display: inline-block;width: auto;color: #222;font-size: 13px;line-height: 20px;font-weight: 600;} /*piyasa fiyati*/ .PiyasafiyatiContent {display: inline-block;float: left;width: auto;margin-right: 15px;} .PiyasafiyatiContent .left_line { display: none; color: #000; font-size: 14px; font-weight: normal; } .PiyasafiyatiContent .center_line { display: none; color: #000; font-size: 14px; font-weight: normal; margin-right: 0; } .PiyasafiyatiContent .right_line * {font-family: 'Montserrat', sans-serif!important;display: inline-block;color: #222222;font-size: 18px;line-height: 24px;font-weight: 400;text-decoration: line-through;} .PiyasafiyatiContent .right_line .spanKdv { font-size: 16px; color: #000; font-weight: 500; display: none!important; } /*indirimli fiyati*/ .IndirimliFiyatContent { display: block; float: right; } .IndirimliFiyatContent .left_line { display: none; width: 103px; color: #222222; font-size: 14px; font-weight: normal; width: 110px; } .IndirimliFiyatContent .center_line { display: none; color: #222222; font-size: 14px; font-weight: normal; margin-right: 0; } .IndirimliFiyatContent .right_line { display: inline-block; color: #222222; font-size: 14px; font-weight: normal; } .IndirimliFiyatContent .right_line .spanFiyat {font-family: 'Montserrat', sans-serif!important;display: inline-block;color: #222222;font-size: 23px;font-weight: 600;line-height: 24px;} .IndirimliFiyatContent .right_line .spanKdv { font-size: 20px; color: #222222; font-weight: 500; display: none!important; } /*turk lirasi fiyati*/ #divTurkLirasiFiyat { display: block;} #divTurkLirasiFiyat .left_line { display: none; width: 103px; color: #181818; font-size: 12px; font-weight: normal; } #divTurkLirasiFiyat .center_line { display: none; color: #181818; font-size: 14px; font-weight: normal; margin-right: 0; } #divTurkLirasiFiyat .right_line { display: inline-block;} #divTurkLirasiFiyat .right_line *{ display: inline-block; color: #181818; font-size: 28px; font-weight: 500; line-height: 0.8; } /*indirimsiz fiyati*/ #divIndirimsizFiyat { display: block; float: left; } #divIndirimsizFiyat .left_line { display: none; color: #000; font-size: 14px; font-weight: normal; width: 110px; } #divIndirimsizFiyat .center_line { display: none; color: #181818; font-size: 17px; font-weight: normal; margin-right: 0; } #divIndirimsizFiyat .right_line { display: inline-block; color: #181818; font-size: 13px; font-weight: normal; } #divIndirimsizFiyat .right_line .spanFiyat {font-family: 'Montserrat', sans-serif!important;display: inline-block;color: #222222;font-size: 23px;font-weight: 600;line-height: 23px;} #divIndirimsizFiyat .right_line .spanKdv { font-size: 20px; color: #181818; font-weight: 500; display: none!important; } /*kdv dahil fiyati*/ #divKDVDahilFiyat { display: none!important;} #divKDVDahilFiyat .left_line { display: inline-block; color: #4d4d4d; font-size: 13px; font-weight: normal; } #divKDVDahilFiyat .center_line { display: inline-block; color: #4d4d4d; font-size: 13px; font-weight: normal; margin-right: 0; } #divKDVDahilFiyat .right_line { } #divKDVDahilFiyat .right_line * { display: inline-block; color: #181818; font-size: 28px; font-weight: 500; line-height: 0.8; } /*Para Puan*/ #divParaPuan{display:block;} #divParaPuan .left_line {display: inline-block;vertical-align:top;color: #9e9e9e;font-size: 14px;font-weight: 500;margin-right: 10px;} #divParaPuan .center_line {display: none;} #divParaPuan .right_line {display: inline-block; color: #9e9e9e; font-size: 14px; font-weight: 500;} /*taksit aciklama*/ /*productStock 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; } /*Ürün ekstrabilgileri*/ #divEkstraBilgiler {position: absolute; left: 250px; top: 10px; } #divEkstraBilgiler img { max-width: 100%;display:block; margin: 0 auto 20px auto;} /*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%;position: relative;} #divUrunEkSecenek .eksecenekLine:first-child { display: none; } #divUrunEkSecenek .eksecenekLine {display: block;float:left;width: 100%;padding-bottom: 10px;margin-bottom: 20px; } #divUrunEkSecenek .eksecenekLine:last-child { border: none;} #divUrunEkSecenek .eksecenekLine .left_line {float:left;color: #222;font-size: 13px;font-weight: 600;text-transform: uppercase;width: 100%;margin-bottom: 15px;} #divUrunEkSecenek .eksecenekLine .center_line { display: none; float: left;color: #000;font-size:14px;font-weight:500;line-height: 37px;margin-right: 10px;} #divUrunEkSecenek .eksecenekLine .right_line {float: left;width: 100%; max-width: 200px; display: inline-block;position: relative;} #divUrunEkSecenek .eksecenekLine .right_line select {display: inline-block;font-size: 13px;color: #000;font-weight: 500;width: 100%;height: 50px;text-indent: 10px;background: #f1f1f1;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */ border-radius: 0;} #divUrunEkSecenek .eksecenekLine .right_line .size_box img { display:inline-block;} #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected img { } #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {position: relative;cursor: no-drop!important;border-color: #f1f1f1!important;color: #bcbcbc!important;background: #f1f1f1!important;} #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: 2px; width: 100%; background: #ccc; left: 0; top: 50%; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }*/ #divUrunEkSecenek .selectvaryasyon { position: relative; } #divUrunEkSecenek .selectvaryasyon .right_line:after {content: "";font-family: FontAwesomePro;font-size: 13px;color: #222;font-weight: 500;position: absolute;right: 12px;line-height: 50px;pointer-events: none;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line { } #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line { display: none; } #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { position: relative; cursor:pointer;display: inline-block;vertical-align:top;margin-right: 10px;margin-bottom:5px;background: #fff;width: 30px;height: 30px;border: 1px solid #f1f1f1; overflow: hidden;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected { border: 1px solid #f1f1f1; } #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover { border: 1px solid #000; } #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {position: relative; } /*#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon:before { content: "Beden:"; font-weight: 600; color: #78797b; display: block; font-size: 15px; float: left; margin: 10px 0; }*/ #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {cursor:pointer;display: inline-block;vertical-align:top;margin-right: 10px;margin-bottom:5px;background: #fff;color: #181818;min-width: 40px;padding: 0 10px;width: auto;line-height: 40px;text-align: center;font-size: 13px;border: 1px solid #f1f1f1;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover { border-bottom: 1px solid #000; } #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { border-bottom: 1px solid #000; } #divUrunKisiselNot { float: right; width: 50%; } #divUrunKisiselNot div:first-child { font-size: 12px; font-weight: bold; color: #010101; } #divUrunKisiselNot br { display: none; } #divUrunKisiselNot input { float: left; width: 97%; height: 36px; border: 1px solid #ddd; padding: 15px; font-size: 13px; color: #bdbdbd; } #divUrunKisiselNot input::-webkit-input-placeholder { color: #bdbdbd; } #divUrunKisiselNot input:-moz-placeholder { color: #bdbdbd; } #divUrunKisiselNot input::-moz-placeholder { color: #bdbdbd; } #divUrunKisiselNot input:-ms-input-placeholder { color: #bdbdbd; } #divUrunKisiselNot input:focus { color: #bdbdbd; background: #fff; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; } /*ürün 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-bottom: 20px; } .BasketBtn { float: left; position: relative; width: auto; } /*Adet Select*/ #divAdetCombo {display: block !important;float: left;position: relative;width: 120px;} #divAdetCombo .left_line { display: none; position: absolute; top: -20px; line-height: 0.8; clear: left; color: #181818; text-align: left; font-size: 13px; z-index: 1; font-weight: 600; } #divAdetCombo .center_line { display: none !important; float: left; } #divAdetCombo .right_line { float: left; width: 100%; } #divAdetCombo select {-moz-appearance: none;-webkit-appearance: none;width: 100%;height: 50px;border: 1px solid #f1f1f1!important;background: #fff;margin: 0;padding: 0;color: #222;font-size: 13px;text-align: left;font-weight: normal;text-indent: 10px;} #divAdetCombo:after {content: "";font-family: FontAwesomePro;font-size: 24px;color: #222222;font-weight: 500;position: absolute;right: 10px;line-height: 50px;pointer-events: none;} /*Adet input*/ .riSingle {position: relative;float: left;border-radius: 0;text-align: left !important;} .riSingle a.riUp {width: 30px !important;height: 50px!important;line-height: 50px;font-size: 9px;font-family: FontAwesomePro;font-weight: 400;color: #000;position: absolute;margin: 0 !important;float: left;cursor: pointer;text-indent: 0;text-align: center;} .riSingle a.riDown {width: 30px !important;height: 50px!important;line-height: 50px;font-size: 9px;font-family: FontAwesomePro;font-weight: 400;color: #000;position: absolute;margin: 0 !important;float: left;cursor: pointer;text-indent: 0;text-align: center;} .riSingle a.riUp i, .riSingle a.riDown i {line-height: 50px;} .riSingle a.riUp {left: 0;} .riSingle a.riDown {right: 0px; } #txtbxurunSiparisAdedi {float: left;width: 110px !important;height: 50px !important;text-align: center;color: #000;font-family: 'Montserrat', sans-serif !important;font-size: 16px;font-weight: 600;display: inline-block;padding: 0px;border: 1px solid #e8e8e8;border-radius: 0;background: #fff;appearance: none;-moz-appearance: none;-webkit-appearance: none;} #txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; } .riSingle:after { content:""; width: 50px; height: 50px; background: url(../../PageNotFound.html) no-repeat; position: absolute;right: -1px; top: 0; } .Basketinp {display: inline-block;float: left;position: relative; } .Basketinp p {display: block;color: #000;font-weight: 500;text-align: left;font-size: 13px;z-index: 1;overflow: hidden;white-space: nowrap;margin-bottom: 10px;} /*sepete Ekle*/ .basketBtn {float: left;position: relative;width: 250px;margin: 0 15px; } .basketBtn input {width: 100%;height: 50px;line-height: 50px;padding: 0;color: #fff;background: #222222;font-weight: 500;font-size: 13px;float: left;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */text-transform: uppercase;} .basketBtn:before {content: "";font-family: FontAwesomePro;position: absolute;left: 0;line-height: 50px;pointer-events: none;font-size: 20px;color: #fff;width: 50px;font-weight: 300;text-align: right;display: inline-block;} /*Hemen Al*/ .buyfast { display: block; float: left;width: 170px;position: relative;} .buyfast input {width: 100%;height: 50px;line-height: 50px;border: 2px solid #000;padding: 0;color: #181818;font-weight: 600;background: #fff;font-size: 13px;float: left;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari and Chrome */text-transform: uppercase;} /*.buyfast:before {content: ""; font-family: FontAwesomePro;position: absolute;top: 8px;left: 80px;pointer-events: none;font-size: 32px;color: #fff;}*/ .buyfast input:hover { color: #666; } /*konbin Al*/ #divKombinSatinAl {float: left;width: 100%;margin-top: 15px;max-width: 235px;} #divKombinSatinAl a {width: 100%;height: 50px;line-height: 50px;padding: 0;margin:0!important;color: #181818;float: left;border: 2px solid #000!important;border-radius:0;background: #fff!important;font-weight: 600;font-size: 13px;text-transform: uppercase;} /*Iconlar*/ .ProductIcon {position: absolute;float: right;width: 45px;right: 0px;} .ProductIcon .box1 {float: left;width: 100%;background: transparent;font-size: 0;color: #999999;font-family: 'Montserrat', sans-serif;padding: 0;font-weight:400;line-height: 35px;text-align: left;margin-bottom: 15px; min-width: auto; } .ProductIcon .box1 i {display: inline-block;vertical-align:top;font-size: 21px;line-height: 45px;width: 45px;font-weight: 300;color: #222;float: left;text-align: center;background: #f1f1f1; } .ProductIcon .box1 i:before { font-family: FontAwesomePro; } .ProductIcon .box1:hover {} .ProductIcon .box1:hover i {} .ProductIcon .box1 strong { font-size: 17px; } .ProductIcon > div .box1 img { float: left; } .ProductIcon > div.UindirimliUrun i:before { content: ""; } .whatsappShareDiv { margin: 5px; } .whatsappShare i {} .ProductIcon > div{ display: inline-block; width: 100%; float: left;} .ProductIcon > div > a {display: block;} .ProductIcon > div.FiyatHaberVer{display:none!important;} .ProductIcon > div.UTelefonlaSiparis{display:block!important;} .ProductIcon > div.UKarsilastirma{display:none!important;} .ProductIcon > div.UindirimliUrun{display:block;} .ProductIcon > div.UrunKargoBedava{display:inline-block;} /*.ProductIcon > div.UGelinceHaberVer{display:none!important;}*/ .ProductIcon > div.UIstekListemeEkle{display:none!important; } .ProductIcon > div.UFavorilerimeEkle{display:block!important; } .ProductIcon > div#divKritikStok{display:none!important; } .ProductIcon2 { display: none; float: left; } .ProductIcon2 .YorumYazbtnContent, .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 > .hidden-phone { display: inline-block; text-align: center; position: relative;vertical-align:top;margin-right: 0;float: left;} .ProductIcon2 .YorumYazbtnContent { margin-right: 0; } .ProductIcon2 .TavsiyeEtBtn { display: inline-block; } .ProductIcon2 .printBtn { display: inline-block!important; } .ProductIcon2 .TavsiyeEtBtnContent a:before { display: none;vertical-align:top; content: '\f0e0'; font-family: 'FontAwesome'; font-size: 17px; line-height: 35px; margin-right: 12px;} .ProductIcon2 .printBtn:before { display: none;vertical-align:top; content: '\f02f'; font-family: 'FontAwesome'; font-size: 17px; line-height: 35px; margin-right: 12px;} .ProductIcon2 .YorumYazbtnContent a:before { display: none;vertical-align:top; content: '\f086'; font-family: 'FontAwesome'; font-size: 17px; line-height: 35px; margin-right: 12px;} .ProductIcon2 .YorumYazbtnContent a, .ProductIcon2 .TavsiyeEtBtnContent a, .ProductIcon2 .hidden-phone a {padding: 0 15px;display: block;font-size: 15px;font-weight: normal;color: #fff;text-align: center;line-height: 40px;margin: 10px 10px 10px 0px;position: relative;white-space: nowrap;background-color: #2d2852;border-radius:3px;border:none !important;} .ProductIcon2 .YorumYazbtnContent a { display: inline-block;border: none!important;} .ProductIcon2 .TavsiyeEtBtn span { font-weight: normal; } .ProductIcon2 .YorumYazbtnContent a span { font-weight: normal; } .ProductIcon2 .YorumYazbtnContent a:hover {} .ProductIcon2 .TavsiyeEtBtnContent a:hover {} .ProductIcon2 .hidden-phone a:hover {} .ProductIcon2 .YorumYazbtnContent:hover {} .ProductIcon2 .TavsiyeEtBtnContent:hover {} .ProductIcon2 > .hidden-phone:hover {} .ProductIcon2 i { font-size: 26px; margin-right:10px; line-height: 40px; } .UGelinceHaberVer a{width: 100%; height: 50px; line-height: 50px; padding: 0; color: #fff; background: #222222; font-weight: 500; font-size: 13px; float: left; margin-bottom:15px; -moz-appearance: none; -webkit-appearance: none; text-transform: uppercase;} .UGelinceHaberVer a .box1{ display:block; text-align:center;margin:0; padding:0;min-width:100%;background-color:transparent; } .leftImageBottom { max-width: 344px; width: 100%; float: right; border: 1px solid #f2f2f2; padding: 20px; margin-top: 20px; } .socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important; display: none !important; } .socialButons iframe { float: left; display: none; } .product-social-media { float: left; position: relative; width: 100%; margin: 10px 0; } .product-social-media span {float: left;line-height: 40px;display: inline-block;color: #161616;font-size: 12px;font-weight: 300;margin-right: 10px;} .product-social-media ul { float: left; } .product-social-media ul li {float: left;margin-right: 8px;font-size: 12px;line-height: 30px;color: #999;} .product-social-media ul li a {display: block;text-align: center;border-radius: 100%;width: 30px;height: 30px;} .product-social-media ul li a i {font-size: 18px;color: #fff;margin: 0 8px;line-height: 30px;} .product-social-media ul li.whatsapp a i { font-weight: bold; font-size: 36px;} .product-social-media ul li.facebook a { background: #3958a8; } .product-social-media ul li.twitter a { background: #45b8ec } .product-social-media ul li.google-plus a { background: #dd4e40 } .product-social-media ul li.pinterest a { background: #d4080a } /*Ürün Özellik Bölümü*/ .urunOzellik {float: right;width: 100%;margin: 0;position: relative; } .urunTab {float: left;position: relative;width:100%;background: #fff; } .urunTab ul {text-align: left;width: 100%;height: 50px; } .urunTab >ul > li { float: left; display: inline-block; text-align: center; } .urunTab >ul > li.TabYorumlar { display: none; } .urunTab >ul > li.TabUrunOnerileri { display: none; } .urunTab >ul > li:last-child> a{margin-bottom: 0;} .urunTab >ul > li > a {color: #222;font-size: 13px;line-height: 50px; padding: 0 30px; font-weight: 500;text-transform: uppercase;} .urunTab >ul > li > a > span {font-weight: 500;} .urunTab >ul > li.active { background: #f1f1f1; } .urunTab >ul > li.active a {} .webTab {float: left;position: relative;width:100%; } .webTab >ul { float: left;width: 100%; } .webTab >ul > li {float:left;width: 100%;} .webTab >ul > li:last-child> a{margin-bottom: 0;} .webTab >ul > li > a {float:left;width: 100%;color: #181818;font-size: 13px;line-height: 50px;font-weight: 500; text-transform: uppercase;border-bottom: 1px solid #f1f1f1;} .webTab >ul > li > a:after {content: '';font-family: 'FontAwesomePro';float:right;font-size: 12px;font-weight:normal;padding-right: 10px;} .webTab >ul > li > a span { font-weight: 500; } .webTab >ul > li.active > a:after {content: ' ';} .webTab >ul > li.active .urunDetayPanel{display:block!important;} .webTab >ul > li.TabYorumlar, .webTab >ul > li.TabUrunOnerileri{display:none;} .urunDetayPanel {float: left;width: 150%;clear: none !important;padding: 10px;background: #f1f1f1;} .urunTabAlt { float: left; width: 100%;} .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 {line-height: 24px;color: #181818;font-size: 12px;font-weight: 400; max-height: 170px; overflow-x: hidden; overflow-y: scroll; } .urunTabAlt * { font-weight: 500; font-size: 12px; line-height: 16px; } .urunTabAlt li { float: left; width: 100%; } .urunTabAlt p { color: #181818; padding-bottom: 10px; } .urunTabAlt a { color: #181818; } .urunTabAlt strong { color: #68686c; } .urunTabAlt img { max-width: 100% !important; } .urunTabAlt iframe { max-width: 100% !important; } .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; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ } .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; } #TavsiyeEt { padding: 10px; } /* ------------------------------------Yorum Yaz--------------------------------------------*/ /*------------------------------------Etiketler--------------------------------------------*/ #divEtiketler { display: none; float: left; width: 100%; padding: 10px; margin-bottom: 10px; } .productModuleTitle { display: none; 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 {position: relative;float: left; height: 50px; text-align: center; padding-left: 20px; } .bedenTablosu {font-size: 13px;font-weight: 500;line-height: 50px; color: #222222; } .bedenTablosu i {font-size:16px;color: #222222; line-height: 50px;margin-right: 7px;} .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; } .productDetailContainer .product-social-icon-wrapper {float: left;display: none;width: auto;position: relative;left: -50px;z-index: 99;top: 20px;} .productDetailContainer .product-social-icon-wrapper .PaylasTit {float: left;line-height: 30px;font-size: 13px;color: #000;padding-right: 20px; font-weight: 500; } .productDetailContainer .product-social-icon-wrapper ul {float: left; text-align:left;} .productDetailContainer .product-social-icon-wrapper li {display: inline-block;vertical-align:top; } .productDetailContainer .product-social-icon-wrapper li a {float: left; height: 30px; text-align:center;color: #fefefe;font-size: 13px; } .productDetailContainer .product-social-icon-wrapper li a i {line-height: 30px; font-size: 18px; color: #222; border-right: 1px solid #ddd; padding-right: 10px; margin-right: 10px; } .productDetailContainer .product-social-icon-wrapper li a:hover i {} .productDetailContainer .product-social-icon-wrapper li:last-child a i { border-right: 0; } /* .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; } */ /*******************************************ÜRÜN DETAY**********************************/ /*******************************************KATEGORİ**********************************/ .noProduct { background: url('../../PageNotFound.html') center center no-repeat !important; width: 212px; height: 214px; } .noProduct * { display: none !important; } #divUstFiltreKategori { display: none; } #divUstFiltreMarka { display: none; } /*------------------------------------KATEGORİ AÇIKLAMA-----------------------------------*/ .categorydesign {float: left;position: relative;width: 100%; margin-bottom: 10px;/* background: url(images/categorybg.png) no-repeat;*/background:#f1f1f1 ; } .categorydesign h1 { font-size: 25px; color: #56565b; font-weight: 600; margin-bottom: 20px; } .categorydesign p { font-size: 16px; color: #878787; font-weight: 500; } .categorydesign *{} .categorydesign strong *{} .categorydesign img {} .categorydesign #pnlSlider { max-width: 640px; width: 100%; margin-right: 20px; float: left; } .categorydesign #pnlSlider .flex-direction-nav { display: none!important; } .categorydesign #pnlSlider .flex-control-nav { display: block!important; } .categorydesign .kategoriAciklama { max-width: 640px; width: 100%; float: right; background: #f4f5f7; padding: 40px 20px; border-radius: 6px; height: 330px; } .categorydesign .kategoriAciklama .kategoriAciklamaText { max-width: 600px; max-height: 260px; overflow-y: scroll; padding-right: 50px; } .categorydesign .kategoriAciklama .kategoriAciklamaText h1 { font-size: 28px; color: #d1252f; line-height: 40px; } .categorydesign .kategoriAciklama .kategoriAciklamaText p { font-size: 14px; color: #000; line-height: 24px; } .categorydesign .kategoriAciklamaText::-webkit-scrollbar { width: 8px!important; } .categorydesign .kategoriAciklamaText::-webkit-scrollbar-track { background: #ffffff!important; width: 8px!important; border-radius: 6px; } .categorydesign .kategoriAciklamaText::-webkit-scrollbar-thumb { background: #8a8a8a!important; width: 8px!important; border-radius: 6px; border: none !important; } .categorydesign .kategoriler { text-align: center; float: left; } .categorydesign .kategoriler ul { float: left; margin-top: 20px; max-height: 150px; overflow: hidden; } .categorydesign .kategoriler ul li { margin: 0 20px 20px 0; background: #f4f5f7; float: left; padding: 20px; border-radius: 6px; } .categorydesign .kategoriler ul li:hover { background: #d1252f; } .categorydesign .kategoriler ul li:hover a { color: #fff; } .categorydesign .kategoriler ul li > a { font-size: 14px; color: #000; font-weight: 600; } .categorydesign .kategoriler > a { clear: both; text-align: center; font-size: 15px; font-weight: 600; color: #000; line-height: 50px; text-decoration: underline; } /* kategori ust */ .categorydesign .kategoriUst { max-width: 146px; width: 100%; margin: 0 26px 26px 0; float: left; text-align: center; border: 1px solid #e1e1e1; } .categorydesign .kategoriUst:nth-child(6n) { margin-right: 0;} .categorydesign .kategoriUst:hover { border-color: #ec1f27; color: #ec1f27; } .categorydesign .kategoriUst img { display: block; } .categorydesign .kategoriUst a { display: block; text-align: center; color: #000; font-size: 13px; font-weight: 600; padding-bottom: 20px; } .categorydesign .kategoriUst:hover a { color: #ec1f27;} /*------------------------------------KATEGORİ AÇIKLAMA-----------------------------------*/ .categoryTitleText { margin: auto; clear: both; } .breadcrumbContent { float: left; } ul.breadcrumb { margin: auto!important; float: none!important; display: block !important; padding: 0 !important; border-radius: 0;width: auto; max-width: 1660px; } ul.breadcrumb:before { content: ""; font-family: FontAwesomePro; font-size: 14px; color: #222; display: inline-block; float: left; line-height: 20px; margin-right: 10px; } ul.breadcrumb li {font-size: 0 !important; padding-top: 4px; } ul.breadcrumb li:after { content: '-'; display: inline-block; margin: 0 10px; color: #222; font-size: 13px !important; line-height: 20px; float: left; font-weight:500;} ul.breadcrumb li:nth-child(3):after { display: none; } ul.breadcrumb li:last-child:after { display: none !important } ul.breadcrumb * {color: #222;font-size: 12px !important; font-family: 'Montserrat', sans-serif; line-height: 20px !important;float: left;font-weight: 500; } a#linkOncekiSayfa {line-height: 20px !important; display: inline-block!important; color: #222 !important; font-size: 12px !important; font-weight: 500; } a#linkOncekiSayfa span { margin-right: 4px; margin-top: 2px; font-weight: 500; } .categoryTitle { background: transparent; } .RightDetail > .clear { clear: none; } .categoryTitle {width: 100%; float: left; } .categoryTitle .categoryTitleText { max-width: 1660px; margin: auto; float: none; padding-bottom: 10px; } .categoryContainer .categoryTitle {padding: 0px; position: relative; margin-bottom: 20px; } #mainHolder_divUstMarkaListesi { display: none; } .proCategoryTitle.categoryTitleText { } .proCategoryTitle.categoryTitleText ul.breadcrumb {} .categoryContainer .categoryTitleText { } .categoryContainer .categoryTitleText ul.breadcrumb { } #divSayfalamaUst {float: left;margin: 0!important;width: 100%;border-radius: 0; } .urunListRel { width: 100%;float: left;position: relative;margin-top: 20px !important;text-align: center; } .brandlistselection { display:inline-block;vertical-align: top;float: right; } .brandlistselection .clear { clear: none;display: none; } .filterDeleteContent { display: none; padding-left: 30px; } .appliedFilter { padding: 0!important; margin-bottom: 0!important; margin-right: 4px; } /*body #divSayfalamaUst.Slct .blockSelect:before { content: "Listeleme:"; font-size: 12px; color: #252525; font-weight: 300; float: left; line-height: 30px; padding-right: 10px; }*/ body #divSayfalamaUst.Slct .blockSelect i{ } body #divSayfalamaUst .blockSelect a.sort_3 i { } body #divSayfalamaUst .blockSelect a.sort_3.Active i {background-position: 0px -18px;} body #divSayfalamaUst .blockSelect a.sort_3:hover i {background-position: 0px -18px;} body #divSayfalamaUst .blockSelect a.sort_4 i {background-position: 27px 0;} body #divSayfalamaUst .blockSelect a.sort_4.Active i {background-position: 27px -18px;} body #divSayfalamaUst .blockSelect a.sort_4:hover i {background-position: 27px -18px;} body #divSayfalamaUst .blockSelect a.sort_5{width: 64px; heigth: 18px; background: url(../../PageNotFound.html) no-repeat; } body #divSayfalamaUst .blockSelect a.sort_5.Active{background: url(../../PageNotFound.html) no-repeat; } body #divSayfalamaUst .blockSelect a.sort_5:hover{background: url(../../PageNotFound.html) no-repeat; } body #divSayfalamaUst .blockSelect a.sort_hrz{width: 37px; height: 18px; background: url(../../PageNotFound.html) no-repeat; } body #divSayfalamaUst .blockSelect a.sort_hrz.Active{background: url(../../PageNotFound.html) no-repeat; } body #divSayfalamaUst .blockSelect a.sort_hrz:hover{background: url(../../PageNotFound.html) no-repeat; } body .brandlistselection .blockSelect { float: right; padding:0;margin:0; position: relative; top: 10px; } body .brandlistselection .sortingContent li > a {position: relative;background-color: transparent;color: #fff;font-size: 15px;border-radius:0;padding-left: 30px;text-align: center;line-height: 1;} body .brandlistselection .blockSelect a { padding-left: 4px; } body .brandlistselection .blockSelect a i{ font-size: 0px; background: url(images/sort.png); width: 27px; height: 18px; color: #acacac; line-height: 30px; font-weight: 300;} body .brandlistselection .blockSelect a:hover { color: #000; } body .brandlistselection .blockSelect a.Active { color: #000; } body .brandlistselection .blockSelect a:hover i{ color: #000;} body .brandlistselection .blockSelect a.Active i{ color: #000;} .sortingContent li a { background-color: transparent!important; } body .brandlistselection .sortingContent {width: 100%;z-index: 999;background: transparent;border: none;border-radius: 0;margin: 0;padding:0;display: -webkit-flex; display: -moz-flex;display: -o-flex; margin: auto; text-align: center; } body .brandlistselection .sortingContent li:not(.appliedFilter) {color: #000;font-weight: normal;border-radius: 0;padding: 0; margin-right: 30px; position: relative; } body .brandlistselection .sortingContent li:nth-child(3) { } body .brandlistselection .sortingContent li:nth-child(4) { display: none; } body .brandlistselection .sortingContent li:nth-child(5) { border:0; } body .brandlistselection .sortingContent li > a {position: relative;background-color: transparent;color: #000; font-size: 11px;border-radius:0;text-align: center;padding: 0;line-height: 30px; } body .brandlistselection .sortingContent li > a span { font-weight: 500; line-height: 40px; } body .brandlistselection .sortingContent li > a:hover { text-decoration: underline; } body .brandlistselection .sortingContent li:not(.appliedFilter):hover { border-color: #a9834e; } body .brandlistselection .sortingContent li a.selected { opacity: 1; } body .brandlistselection .sortingContent li a.selected span{} body .brandlistselection .sortingContent li:nth-child(5) a{width:190px;border-radius:0;border: none;margin:0;padding: 0;} body .brandlistselection .sortingContent li:nth-child(5) a span{font-size: 0;} body .brandlistselection .sortingContent li:nth-child(5) a:hover{background:transparent;color: #3c3934;} body .brandlistselection .sortingContent li:nth-child(5) a.selected{background:transparent;color: #3c3934;} body .brandlistselection .sortingContent li:nth-child(5) a:after{content: 'Tükenen Ürünleri Gösterme'; line-height: 40px; background: #fff; display: inline-block; float: left;text-align:left; font-size: 11px; color: #000; } body .brandlistselection .sortingContent li:nth-child(5) a:before{content: '';margin:11px 9px 0 0;border: 1px solid #e8e8e8;background: #fff;width: 18px;height: 18px;border-radius: 0;float: left;text-align:center;} body .brandlistselection .sortingContent li:nth-child(5) a.selected:before{content: '\f00c';font-family: 'FontAwesome';font-size:10px;line-height: 18px;} body .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { display: none; position: absolute;left: 0px;font-size:12px;color: #222222;font-weight:600;line-height: 50px;padding:0;margin:0;padding-right: 50px;} body .brandlistselection .appliedFilter.FiltrelemeUrunAdet span:after { content: "Bulundu"; font-size: 12px; color: #222222;font-weight: 600; display: inline-block; margin-left: -4px; } body .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: left; background-color: transparent ; height: auto ; padding: 0; } body .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet { float: right; } body #divSayfalamaUst.Slct .brandlistselection .sortingContent { } body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet > span { } /* body #divSayfalamaUst.Slct .brandlistselection .sortingContent .appliedFilter.FiltrelemeUrunAdet span:after { content: "Bulundu"; font-size: 14px; font-weight: 700; display: inline-block; margin-left: -4px; } */ body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {height: 50px;font-family: 'Montserrat', sans-serif;border: 0;color: #222222;font-size: 12px;font-weight: 500;background: #fff;margin: 0;width: 94px;position: relative;-webkit-appearance: none;-ms-progress-appearance: none;-moz-appearance: none;float: right;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:after {display: inline-block;pointer-events:none;content: "";font-family: FontAwesomePro;font-size: 16px;color: #222222;position: absolute; right: 0; font-weight: 200; line-height: 50px; } body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{ } body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){ float: left; } body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a{width: 100px;border-radius:0; margin:0;padding: 0;color: #8a8a8a;font-size: 12px;line-height: 50px;float: left;font-weight: 600; } body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a span{line-height: 50px;font-weight: 500;font-size: 12px;color: #222222;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a:hover{color: #000;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a.selected{color: #000;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a:before{content: '';border: 1px solid #cccccc;width: 15px;height: 15px;text-align:center;position: relative;float: right;top: 17px;border-radius: 100%;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) a.selected:before{content: '';font-family: FontAwesomePro;line-height: 14px;border: 0;font-weight: 300;color: #cccccc;font-size: 16px;} @media screen and (min-width:1025px) { .mobilMenu { display: none !important; } .sortingContent { display: block !important; } .col-5li { width: 20%; } /*Üst Filtre*/ .filterBlock{float: left;width:auto;} .category-vertical-filters.top-filters{padding: 0!important;margin-bottom: 0!important;background:transparent;} .category-vertical-filters.top-filters .panel{margin:0 10px 0 0!important;padding:0;min-width: 140px;} .category-vertical-filters.top-filters .panel.div-kategori {margin:0 10px 0 0!important;padding:0; width: 140px; } .category-vertical-filters.top-filters .panel.vertical-top-price-filter{float: right!important;} .category-vertical-filters.top-filters .panel .panel-heading{padding: 0!important;border-radius: 0;border: none!important;float: left;width: 100%;background-color:transparent!important;} .category-vertical-filters.top-filters .panel .panel-heading:after{display: none;} .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;padding:0 10px;background: #f1f1f1;line-height: 50px;font-weight: 400;text-align: left;color: #222;font-size: 12px;text-transform: uppercase;} .category-vertical-filters.top-filters .panel .panel-heading a:after{content: ''!important;font-family: 'FontAwesomePro'!important; top:0!important;color: #3c3934!important; line-height: 49px;right:14px!important;font-weight:normal;font-size: 16px!important;margin-bottom: 0;} /* .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content: '\f0d8'!important;} */ .category-vertical-filters.top-filters .list-group.dropdown > li{float: left;width: 30%!important;margin-right: 10px;border: none!important;padding: 0; background: transparent!important; text-align: left;} .category-vertical-filters.top-filters .list-group.dropdown li a{line-height: 28px;font-size: 13px;color: #000000;} .category-vertical-filters.top-filters .list-group.dropdown li a:hover{color:#000;} .category-vertical-filters.top-filters .list-group.dropdown > li ul{display: block;} .category-vertical-filters.top-filters .list-group.dropdown > li ul > li{width: 100%;} .category-vertical-filters .vertical-filter-panel .list-group-item:before{margin-top: 7px!important;display:inline-block!important;} .category-vertical-filters .vertical-filter-panel .list-group-item a{color: #000;} .category-vertical-filters.top-filters .list-group.dropdown{top: 100%!important;} .category-vertical-filters.top-filters #slider-range{background:#dfdfdf;height: 2px!important;width: 100%;margin:11px 0 0 !important;border: none;float: left;} .category-vertical-filters.top-filters #slider-range .ui-slider-range{background: #262626 !important;height: 2px!important;margin-top: 0 !important;} .category-vertical-filters.top-filters #slider-range .ui-slider-handle{background: #fff !important;border-radius: 100% !important;width: 18px!important;height: 18px!important;border: none!important;margin-top:0 !important;margin-right: -4px !important;top: -8px;box-shadow:0 2px 1px 0 #b5b5b5;} .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;} /*Üst Filitre*/ } /*Kategori Özel Blok*/ .leftBlock .category-vertical-filters { float: left; width: 100%; border: none !important; border-radius: 0; margin: 0px 0 0px !important; text-align: center; padding: 0 !important; background-color: transparent !important; } .leftBlock .panel-heading { position: relative; z-index: 1; float: left; padding: 0 !important; width: 100% !important; text-align: left; border: none !important; margin: 0 !important; background: transparent !important; } .leftBlock .panel-heading a {color: #000;font-size: 14px;border-radius: 0;line-height: 40px;float: left;width: 100%;position: relative;background: #f3f3f3;padding-left: 20px;font-weight: 600;} .leftBlock .panel-heading.active a:after { content: ""; font-family: FontAwesomePro; font-size: 13px; color: #000; display: inline-block; float: right;padding-right: 10px; } .leftBlock .panel-heading a:after { content: ""; font-family: FontAwesomePro; font-size: 13px; color: #000; display: inline-block; float: right;padding-right: 10px; } .leftBlock .category-vertical-filters > div { width: 100% !important; padding: 0; margin: 0px 0 20px 0!important; float: left !important; display: inline-block; background: #fff; border: 1px solid #adadad; } .leftBlock .category-vertical-filters > div.active .list-group { display: block; } .leftBlock .category-vertical-filters > div.active .panel-heading a:after { content: '\f068'; } .leftBlock .category-vertical-filters > div.active .slider-range { display: block; } .leftBlock .category-vertical-filters > div.active .amount { display: block; } .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .panel-heading a:after {} .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .list-group { display: block; } .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .list-group li { width: 100% !important; float: left; margin: 0 0 15px !important; padding: 0 !important; background-color: transparent; width: 100%; height: auto !important; border: none; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group { float: left; text-align: left; padding: 10px 9px 9px !important; margin: 0; width: calc(100% - 5px); max-height: 350px !important; overflow-x: hidden; overflow-y: auto; margin: 10px 0px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.panel-search { width: 100%!important; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.panel-search input { background: transparent; border: 1px solid #cccccc; height: 30px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li { float: left; margin: 0 0 4px !important; padding: 0 !important; background-color: transparent; width: 50%; height: auto !important; border: none; max-width: 220px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {float: left;font-size: 11px;color: #000;line-height: 24px!important;display: inline-block;font-weight: 500;padding-bottom: 1px;max-width: 80%;float: left;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li a { float: left; font-size: 12px !important; color: #000; line-height: 1 !important; display: inline-block; font-weight: 400!important; padding-bottom: 1px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover > a { color: #a9834e; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.selected > a { color: #a9834e; } .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .list-group li a { float: left; font-size: 12px; color: #000; line-height: 1 !important; display: inline-block; font-weight: 600; padding-bottom: 1px; } .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .list-group li a:hover { color: #a9834e; text-decoration: underline;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar { width: 4px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track { background: #e9e9e9; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb { background: #a9834e !important; width: 4px; height: 100px; border-radius: 0; border: none !important; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul { padding-left: 10px; display: block; -webkit-animation: fadeIn 100ms ease-in-out 0.2s both; animation: fadeIn 100ms ease-in-out 0.2s both; margin-top: 30px; margin-left: 10px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li a:hover { } .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) {} .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 { background: #fff !important; font-weight: 600; font-size: 10px; line-height: 15px; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {width: 10px;height: 10px;border: 1px solid #a3a3a3;border-radius:0;background: #f3f3f3;display: inline-block!important;margin-top:0;text-align: center;border-radius: 0px !important;color: #000;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {font-family: 'FontAwesomePro';color: #a9834e;content: '';font-family: 'FontAwesomePro';font-weight: 700;font-size: 9px;line-height: 15px;border: 1px solid #a9834e;background: #a9834e;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected a {color:#a9834e; } .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { background: #a9834e; content: '';font-family: 'FontAwesomePro';font-weight: 700;font-size: 10px;border: 1px solid #a9834e;line-height: 15px;} .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover a {color:#a9834e; } .leftBlock .slider-range {background: #e6e6e6;height: 3px !important;width: 83%;margin: 25px 10px 10px 24px !important;float: left;border-radius: 0;} .leftBlock .slider-range .ui-slider-range { background: #000 !important; height: 2px !important; margin-top: -1px !important; } .leftBlock .slider-range .ui-slider-handle {background: #000 !important;border-radius: 100%!important;width: 10px !important;height: 10px !important;border: none !important;margin-top: 0 !important;margin-right: -4px !important;top: -5px;} .leftBlock .amount {color: #000;font-size: 11px;font-weight: 500;left: 0;padding: 10px 0 10px 20px;float: left;width: 100%;text-align: left;margin-bottom: 0;} /*Fiyat Aralığı*/ .brandlistselectionBottom { margin-bottom: 0; display: none; } .pageNumber { display: none; float: left; text-align: left; margin:0;width: auto; } .pageNumber a { } .pageNumberContent { } .pageNumberBottom {max-width: 100%;float: none;text-align: right;width: 100%;padding: 20px 0;margin: auto;display: block;} .pageNumberContent, .pageBorder { display: inline-block; vertical-align: top; } .pageNumberContent a, .pageBorder a {float: left;display: inline-block;text-align: center;padding: 0;font-size: 16px;margin-right: 10px; background: #f5f5f5; color: #177432;font-weight: 500;line-height: 45px;width: 45px;height: 45px;border: 0; } .pageNumberContent a:hover, .pageBorder a:hover {color: #fff; background: #222; } .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff; background: #222; } .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;} .KategoriFilitrelemeContent .Block_Title { display: none; } /* ------------------------------------KATEGORİ MENU--------------------------------------------*/ .UrunGuruplari { float: left; margin-top: 20px; width: 100%; } .UrunGuruplari .productgroups {position: relative;float: left; width: 100%;background: #f3f3f3; margin-bottom: 5px; } .UrunGuruplari .Block_Title { width: 100%; height: 40px; background: #a9834e; text-align: left; padding-left: 10px; } .UrunGuruplari .Block_Title span { line-height: 40px; color: #fff; font-size: 0; font-weight: bold; } .UrunGuruplari .Block_Title span:after {} .UrunGuruplari .Block_Title:before {content:""; font-family: FontAwesomePro; font-size: 16px; color: #fff; display: inline-block;position: relative; font-weight: 600; margin-right: 10px;} .UrunGuruplari .Block_Title span:before {content:"ELZEM KATEGORİ"; font-size: 15px; color: #fff; font-weight: 600; display: inline-block;position: relative; margin-right: 4px;} .UrunGuruplari .Block_Text { } .UrunGuruplari .Block_Text .KatMenu1 { text-align: left; } .UrunGuruplari .Block_Text .KatMenu1 li {} .UrunGuruplari .Block_Text .KatMenu1 li:last-child {} .UrunGuruplari .Block_Text .KatMenu1 > li {width: 100%;float: left; position: relative; } .UrunGuruplari .Block_Text .KatMenu1 li a {font-size: 13px;color: #000;padding-left: 20px;line-height: 42px;font-weight: 400; line-height: 42px; } .UrunGuruplari .Block_Text .KatMenu1 > li:before {content: "";font-family: FontAwesomePro;font-size: 14px;color: #000;display: inline-block;position: relative;right: 12px; line-height: 42px; float: right;} .UrunGuruplari .Block_Text .KatMenu1 li ul { display: none; position: absolute;left: 100%;z-index: 9999;width: 100%;background: #f3f3f3;top: 0; box-shadow: 0 4px 12px #ddd;} .UrunGuruplari .Block_Text .KatMenu1 li:hover > a { color: #a9834e; } .UrunGuruplari .Block_Text .KatMenu1 li ul li:hover > a { color: #a9834e; } .UrunGuruplari .Block_Text .KatMenu1 li:hover ul { display: block; } /* ------------------------------------KATEGORİ MENU--------------------------------------------*/ /*******************************************KATEGORİ**********************************/ /* ------------------------------------Vitrin Ürünleri--------------------------------------------*/ .homeContainer .ProductListContent { float: left; width: 100%; margin: 20px 0 0; position: relative; display: none; } .homeContainer .ProductListContent .ProductList { display: block !important; margin: 0 -10px; } .homeContainer .ProductListContent .ItemOrj { padding: 0 10px; } .homeContainer .ProductListContent .productItem { margin-bottom: 20px; } /* ------------------------------------Vitrin Ürünleri--------------------------------------------*/ /****************************************ÜRÜN LİSTELEME *********************************/ #ProductListMainContainer {background: #fff;width: 100%;max-width: 1300px;margin: auto;} .ProductListContent { float: left; width: 100%; } .categoryContainer .ProductListContent { max-width: 100%; margin: auto; width: 100%; float: none; } .categoryContainer .ProductList { margin: 0 -10px; } .categoryContainer .ProductListContent .productItem {} .ItemOrj { float: left; } .productItem { width: 100%; position: relative; text-align: center; display: inline-block;float: left; max-height: 620px; border: 1px solid transparent; } .productItem .productIcon { width: 100%; height: 100%; } .productItem .itemCategory { display: none!important; position: absolute; bottom: 100px; width: 100%; color: #e33b81; font-size: 11px; font-weight: 600; text-transform: uppercase; } .productItem .productImage { position: relative; overflow: hidden; width: 100%; z-index: 2; } .productItem .productImage a { display: block; position: relative; padding-bottom: 150%; } .productItem .productImage img {max-height: 100%;height: auto; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; transition: transform 1s; } .ProductList.sort_2 .productItem .productImage a { padding-bottom: 100%; } .productItem .productDetail {position: absolute;display: block;float: left;width: 100%;text-align: center;height: 100px;top: 52%;z-index: 9;} .productItem .productName { display: none; text-align: left;position: relative;width: 100%;margin:0;height: 50px;} .productItem .productName a {width: 100%;padding: 0;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 16px;color: #fff;overflow: hidden; text-align: center; text-overflow: ellipsis;display: -webkit-box;line-height: 20px;/* fallback */max-height: 50px; /* fallback */padding-top: 10px;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;} .productItem:hover { } .productItem:hover .productName { display: block; } .productItem:hover .productPrice { display: block; width: 100%; } .productItem .productPrice { display: none; position: relative;width: 250px; margin: auto; height: 40px; border-bottom: 1px solid #fff; } .productItem .IndirimVar { } .productItem .discountPrice {width: 100%;text-align: center; } .productItem .IndirimVar .discountPrice {display: inline-block;position: relative;float: right;text-align: left; width: 50%; padding-left: 10px; } .productItem .discountPrice span {text-align: center;color: #fff;font-size: 16px;line-height: 20px;font-family: 'Montserrat', sans-serif;font-weight: 700;position: relative; } .productItem .IndirimVar .discountPrice span {text-align: right;color: #fff;font-size: 16px;line-height: 20px;font-family: 'Montserrat', sans-serif;font-weight: 700;position: relative;} .productItem .discountKdv { display: none; } .productItem .regularKdv { display: none; } .productItem .regularPrice {position: relative;display: block;float: left;text-align: right; width: 50%; padding-right: 10px; } .productItem .regularPrice span {color: #fff;font-size: 16px;line-height: 20px;font-weight: 400;text-align: left;text-decoration: line-through;-moz-text-decoration-color: #fff;text-decoration-color: #fff;} /*sayac urun*/ .productItem .productPrice.showLastDayCounter{display:none!important;height: 40px!important;} .productItem:hover .productPrice.showLastDayCounter{display:block!important;} .productItem .productPrice.showLastDayCounter .discountPrice{display: inline-block!important;position: relative!important;float: right!important;text-align: left!important;} .productItem .productPrice.showLastDayCounter .discountPrice span{font-size: 16px!important;font-weight: 400!important;} .productItem .productPrice.showLastDayCounter .discountPrice span.discountKdv{display:none!important;} .productItem .productPrice.showLastDayCounter .regularPrice{position: relative!important;float: left!important;text-align: right!important;} .productItem .productPrice.showLastDayCounter .regularPrice span{font-size: 16px!important;font-weight: 700!important;} .productItem .productPrice.showLastDayCounter .regularPrice span.spnLastDayCounter{font-size:14px!important;font-weight:400!important;} .productItem .productPrice.showLastDayCounter .regularPrice span.regularKdv{display:none!important;} /*sayac urun*/ .productItem .productMarka { display: none !important; width: 100%; color: #56565b; font-size: 16px; font-weight: 500; } .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; } .ozelAlan1{position:absolute;top:0;left:0;z-index: 2;color: #fff;width: 80px;font-size: 11px;line-height: 13px;padding: 5px 0;background: #724784;} .noSlider ul { margin: 0 -10px; } .noSlider ul li { float: left; width: 25%; padding: 10px; } .urunListSonUrun { display: none; } /*Urun Iconlari*/ .newIcon {z-index: 3;position: absolute;top: 5px;right: 1px;text-align: center;width: 60px;height: 30px;background: #222222;color: #fff;font-size: 12px;font-weight: 600;line-height: 30px;overflow: hidden;text-transform: uppercase;} .discountIcon {z-index: 3;position: absolute;top: 20px;float: left;color: #fff;font-size: 15px;font-weight: 600;line-height: 30px;overflow: hidden;text-align: center;width: 60px;height: 30px;background: #000;} .cargoIcon { display: none; z-index: 3;position: absolute;left: 0px;bottom: 100px;font-size: 10px;background: #000;color: #fff;font-weight: 600;width: 120px;height: 20px;padding: 0 10px;text-align: center;line-height: 20px;text-transform: uppercase;} .firsatIcon { z-index: 3; display: none!important;} .urunListStokUyari {display: none;} .discountIcon span { display: inline-block; font-weight: 600; } .discountIcon span.discountIcon_s2 { display: none; } .discountIcon .discountIconDetail {display: none;} .favori { display: none; z-index: 4; position: absolute;bottom: 30px;left: 60%;-webkit-animation: fadein 0.3s;-moz-animation: fadein 0.3s;-ms-animation: fadein 0.3s;-o-animation: fadein 0.3s;animation: fadein 0.3s;} .examineIcon { display: none; z-index: 5; position: absolute;bottom: 30px;left: 32%;margin: auto;-webkit-animation: fadein 0.3s;-moz-animation: fadein 0.3s;-ms-animation: fadein 0.3s;-o-animation: fadein 0.3s;animation: fadein 0.3s;} .mycartIcon { display: none; z-index: 4; position: absolute;margin: auto; width: 50px; bottom: 30px;left: 0;right: 0;-webkit-animation: fadein 0.3s;-moz-animation: fadein 0.3s;-ms-animation: fadein 0.3s;-o-animation: fadein 0.3s;animation: fadein 0.3s;} .favori a { display: inline-block;vertical-align: top;font-size: 0;} .examineIcon a { display: inline-block;vertical-align: top;font-size: 0px; font-weight: 500; text-transform: uppercase; text-align: center; width: 100%; } .mycartIcon a {display: block;line-height: 40px;font-size: 0px;color: #fff;font-weight:500;} .mycartIcon a span { text-transform: uppercase; font-weight: 600; } .favori a:before {content: '';display: inline-block;vertical-align:top;border-radius:100%;text-align:center;color: #fff;font-weight: 300;font-family:'FontAwesomePro';font-size: 22px;line-height: 40px;} .favori:hover a:before {} .favori:hover {} .examineIcon a:before {content: '';display: inline-block;vertical-align:top;border-radius:100%;text-align:center;color: #fff;font-weight: 300;font-family:'FontAwesomePro';font-size: 22px;line-height: 40px;} .examineIcon:hover a:before { color: #fff; } .examineIcon:hover { } .mycartIcon a:before {content: '';display: inline-block;vertical-align:top;border-radius:100%;text-align:center;color: #fff;font-weight: 300;font-family:'FontAwesomePro';font-size: 22px;line-height: 40px;} .mycartIcon:hover a:before { color: #fff; } .mycartIcon:hover { } .TukendiIco {z-index: 3;border-radius:0;position: absolute;right: 0px;left: 0px;top: 0;height: 100%;overflow:hidden;background: rgba(34,34,34,0.35);} .TukendiIco span {color: #222;margin: 0 auto;max-width: 200px;display: block;font-size: 15px;line-height: 50px;font-weight: 600;padding: 0 20px;background: #fff;position: absolute;right: 0;left: 0;top: 45%;text-transform: uppercase;} .productItem.StokYok .productImage { opacity: 0.5; } #ProductPageProductList .ItemOrj { margin: 0; padding: 10px; } #ProductPageProductList .ItemOrj:hover { } .productItem:hover .productImage a:after { content: ""; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgba(34,34,34,0.75); } .productItem:hover .mycartIcon{ display: block; } .productItem:hover .examineIcon{ display: block; } .productItem:hover .favori{ display: block; } .ProductList.sort_2 .favori , .ProductList.sort_2 .examineIcon, .ProductList.sort_2 .mycartIcon, .ProductList.sort_2 .examineIcon a:before { width: 142px; } /*Listeleme adet */ .productItem .urunListeAdet{display:none;width: 70px;height: 30px;float: left;position: absolute;left: 6px;bottom: 10px; overflow: hidden;z-index:5; border: 1px solid #cdcdcd;} .productItem .urunListeAdet input{width: 100%;height: 30px;float: left;border:none;background: #fff;color: #333333;font-size: 10px;padding: 0 20px;text-align:center;font-weight: 500;} .productItem .urunListeAdetArtir{font-size: 0;width: 20px;height: 30px;float: right;position: absolute;right: 0;background:#efefef;color: #333333;line-height: 30px;} .productItem .urunListeAdetAzalt{font-size: 0;width: 20px;height: 30px;float: left;position: absolute;left: 0;background:#efefef;color: #333333;line-height: 30px;} .productItem .urunListeAdetArtir:after{content: '';font-family: 'FontAwesomePro';font-size: 8px;} .productItem .urunListeAdetAzalt:after{content: '';font-family: 'FontAwesomePro';font-size: 8px;} .urunListStokUyari { display: none; } /*Listeleme adet */ /*Bedenler*/ .boxBedenlerContent {position: relative;bottom: 90px;margin: auto;z-index: 4;display: none!important;width: 100%;text-align: center;} .boxBedenlerTittle {} .boxBedenlerContent .boxBedenlerContainer {float: left;width: 100%;text-align: center;padding: 0;height: 30px;overflow: hidden;} .boxBedenlerContent .boxBedenlerContainer > div {display: inline-block;margin-right: 5px;} .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 {display: block;width: 15px;border: 1px solid #efeff1;height: 15px;line-height: 10px;padding: 1px;} .boxBedenlerContent .boxBedenlerContainer > div > a img { width: 100%; height: 100%; } .boxBedenlerContent .boxBedenlerContainer > div > a:hover { border-color: #eee; } .boxBedenlerContent .boxBedenlerContainer > div > div.nostokUrunListe { color: #999999; } .boxBedenlerContent .boxBedenler.nostokUrunListe { } /*Bedenler*/ /* hızlı bakış */ .productIcon .quickViewIco { display: none !important; z-index: 5; display: none; position: absolute; left: auto; top: auto; right: 21px; bottom: 95px; -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; font-size: 0; float: left; background: transparent !important; padding: 0; } .productIcon .quickViewIco a:before { content: '\e86f'; font-size: 18px; color: #030128; font-family: 'Linearicons-Free'; width: 40px; height: 40px; line-height: 38px; border-radius: 100%; text-align: center; display: inline-block; border: 1px solid #030128; } .ProductPreviewContent { font-family: 'Montserrat', sans-serif; } .ProductPreviewContent .clear { clear: none; } .ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages { padding-bottom: 0; height: auto; } .ProductPreviewContent .ProductPreviewLeft .PreviewselectedImages .PreviewselectedImagesBox { padding-bottom: 147.4%; } .ProductPreviewContent .ProductPreviewLeft .PreviewallImages .PreviewallImagesItem { padding-bottom: 0; height: auto; } .ProductPreviewContent .ProductPreviewLeft .PreviewallImagesItem .PreviewallImagesBox { padding-bottom: 147%; } .ProductPreviewContent .ProductPreviewLeft { } .ProductPreviewContent .ProductPreviewRight { width: calc(100% - 395px); } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Name { color: #222222; font-size: 20px; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Price { color: #8f0028; font-size: 25px; margin-top: 20px; font-weight: 600; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek { float: left; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div { float: left; width: 100%; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline { float: left; width: 100%; margin-bottom: 25px; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinleft_line { float: left; width: 100% !important; color: #222222; font-size: 16px; font-weight: 600; margin-bottom: 17px; } .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: 60px; height: 30px; margin-right: 10px; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .divKombinUrunEkSecenek > div .kombinFormline .kombinright_line > div div a { display: inline-block; width: 100%; color: #222222; font-size: 14px; 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 { border-color: #030128; color: #030128; } .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: 110px; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle { margin: 0; border-radius: 0; width: 100% !important; padding: 0; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riDown { height: 43px !important; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakis_Adet .riSingle .riUp { height: 43px !important; right: 0; left: auto; } .ProductPreviewContent .ProductPreviewRight .ProductPreviewForm .hizliBakisSepeteEkle { float: left; width: 200px; height: 45px; background: #8f0028; color: #ffffff; line-height: 45px; padding: 0; margin-top: 0 !important; text-transform: uppercase; letter-spacing: 0; margin-left: 20px; } /* hızlı bakış */ /*Kombin ürün*/ 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 ürün*/ /*HOVER*/ /*1 li sıralama*/ .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 20px 0; padding: 0;} .categoryContainer .ProductList.pr_hrz .productItem:hover .productName { display: block; } .categoryContainer .ProductList.pr_hrz .productItem:hover .productPrice { display: block; } .categoryContainer .ProductList.pr_hrz .productItem:hover .newIcon { display: block; } .categoryContainer .ProductList.pr_hrz .productItem:hover .discountIcon { display: block; } .categoryContainer .ProductList.pr_hrz .ItemOrj:last-child .productItem {} .categoryContainer .ProductList.pr_hrz .productImage { float: left; width: 20%; } .categoryContainer .ProductList.pr_hrz .productImage a { } .categoryContainer .ProductList.pr_hrz .productItem .productDetail { width: calc(84% - 20%); height: 0; padding: 20px 5px 0;border: none;} .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; padding: 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; top: 4px; bottom: 0 !important; } .categoryContainer .ProductList.pr_hrz .productItem .discountPrice {} .categoryContainer .ProductList.pr_hrz .productItem .regularPrice { } .categoryContainer .ProductList.pr_hrz .productItem .discountPrice span { line-height: 1; } .categoryContainer .ProductList.pr_hrz .productItem .regularPrice span { } .categoryContainer .ProductList.pr_hrz .newIcon {} .categoryContainer .ProductList.pr_hrz .discountIcon {left: 0; bottom: 0;} .categoryContainer .ProductList.pr_hrz .mycartIcon { display: block; left: auto;right: 70px;} .categoryContainer .ProductList.pr_hrz .mycartIcon a {} .categoryContainer .ProductList.pr_hrz .mycartIcon a span { } .categoryContainer .ProductList.pr_hrz .mycartIcon a:before { } .categoryContainer .ProductList.pr_hrz .favori { display: block!important; left: auto; right: 120px; } .categoryContainer .ProductList.pr_hrz .favori a { } .categoryContainer .ProductList.pr_hrz .favori a:before { font-size: 18px; } .categoryContainer .ProductList.pr_hrz .examineIcon { display: block; left: auto; right: 20px; } .categoryContainer .ProductList.pr_hrz .examineIcon a { } .categoryContainer .ProductList.pr_hrz .examineIcon a:before { font-size: 18px; } .categoryContainer .ProductList.pr_hrz .cargoIcon {bottom: auto;left: auto;right: 71px;width:auto;line-height:25px;} .categoryContainer .ProductList.pr_hrz .cargoIcon:after { } .categoryContainer .ProductList.pr_hrz .firsatIcon {bottom:25px;} .categoryContainer .ProductList.pr_hrz .urunListeAdet {left: auto;right: 20px;bottom: 55px;} .categoryContainer .ProductList.pr_hrz .TukendiIco { top: 20px right: 20px; } .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 sıralama*/ /*5 li sıralama*/ .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 sıralama*/ /*4 li sıralama*/ .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 sıralama*/ /*3 li sıralama*/ .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 { padding-bottom: 150%; } .categoryContainer .ProductList.sort_3 .urunListeAdet {} .categoryContainer .ProductList.sort_3 .TukendiIco span { } /*3 li sıralama*/ /*2 li sıralama*/ .categoryContainer .ProductList.sort_2 .mycartIcon { } .categoryContainer .ProductList.sort_2 .examineIcon { } .categoryContainer .ProductList.sort_2 .favori { } .categoryContainer .ProductList.sort_2 .TukendiIco span { } /*2 li sıralama*/ /****************************************ÜRÜN LİSTELEME *********************************/ /************************************SLİDER VE BLOK SLDİER*******************************/ .JKatAdi { float: left; position: relative;width: 20%; top: 100px; } .JKatAdi .bold {display: inline-block;text-align: left;margin: 0;position: relative;width: 100%; } .JKatAdi .bold .seperator { width: 100px; height: 2px; background: #222; margin-left: -20px; float: left; margin-bottom: 10px; } .JKatAdi .bold .satir1 {font-size: 30px;font-weight: 500;color: #222;line-height: 60px;font-style: italic;} .JKatAdi .bold .satir2 {font-size: 14px;font-weight: 500;color: #666666;line-height: 24px; font-style: italic; float: left;} .JKatAdi .bold .satir2 strong {font-weight: bold; } .owl-nav {position: absolute;left: -275px;top: 75%;z-index: 2;width: 80px;} .owl-nav .ProductListprev, .owl-nav .ProductListnext {font-size: 0;width: 35px;height: 35px;position: absolute;background: transparent; border: 1px solid #222; border-radius: 100%; 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 {left: 0px; text-align:center;} .owl-nav .ProductListnext {right: 0px; text-align:center;} .owl-nav .ProductListprev:before {content: '';font-family:'FontAwesomePro';font-size: 20px;line-height: 35px;width: 35px;color: #222;font-weight: 300;} .owl-nav .ProductListnext:before {content: '';font-family:'FontAwesomePro';font-size: 20px;line-height: 35px;width: 35px;color: #222;font-weight: 300;} .owl-nav .ProductListprev:hover { background: #222; } .owl-nav .ProductListnext:hover { background: #222; } .owl-nav .ProductListnext:hover:before { color: #fff; } .owl-nav .ProductListprev:hover:before { color: #fff; } #ulMarkaSliderTemplateData .owl-nav {position: absolute;top: 0px; bottom: auto; right: 0px;z-index: 2;width: auto;left: 0px;} #ulMarkaSliderTemplateData .owl-nav .ProductListnext {font-size: 0;width: auto;box-shadow: -15px 9px 84px 11px #f4f3f3;top: 0;height: 110px;position: absolute;background: transparent; border: 0; border-radius: 0; } #ulMarkaSliderTemplateData .owl-nav .ProductListprev {font-size: 0;width: auto;box-shadow: 15px 9px 84px 11px #f4f3f3;top: 0;height: 110px;position: absolute;background: transparent; border: 0; border-radius: 0; } #ulMarkaSliderTemplateData .owl-nav .ProductListnext:before, #ulMarkaSliderTemplateData .owl-nav .ProductListprev:before { color: #ec1b23; font-weight: 300; line-height: 110px; font-size: 24px; } .specialSlider .owl-nav {position: absolute;top: 80px; bottom: auto; right: -50px;z-index: 2;width: auto;left: -50px;} .specialSlider .owl-nav .ProductListnext:hover:before { color: #d1252f; } .specialSlider .owl-nav .ProductListprev:hover:before { color: #d1252f; } .sliderBannerContainer { float: left; width: 80%; position: relative;margin: 0; padding: 40px 0; } .sliderBannerContainer .ProductList { display: block !important;} .sliderBannerContainer .Jbutonlar { display: none; } .sliderBannerContainer .jCarouselLite {float: left;width: 110%;} .sliderBannerContainer .JKatAdi { } .sliderBannerContainer .JKatAdi .bold { margin-bottom: 10px; text-align: center; } .sliderBannerContainer .JKatAdi .bold .satir1 {font-size: 15px;color: #000;font-weight: 500;line-height: 50px;} .sliderBannerContainer .owl-carousel { } .sliderBannerContainer .owl-carousel .owl-stage-outer {padding: 0;} .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: 10px;height: 10px;border-radius: 100%;background: transparent;margin: 0 2px;border: 2px solid #3366cc;} .sliderBannerContainer .owl-dots .owl-dot.active { background: #3366cc; } #divSliderYani .JKatAdi .bold {padding-top: 0;border-bottom: 0;background: transparent;text-align: center;padding-left: 0;margin-bottom: 30px;margin-top: 0;} #divSliderYani .JKatAdi .bold .satir1 {font-size: 18px;color: #000;line-height: 30px;margin: 0;width: 100%;text-align: center;background: transparent;border-radius: 0;padding-left: 0;border-bottom: 0;font-weight: 400;} #divSliderYani .productItem { border: 0; background: transparent; } #divSliderYani .productItem .productDetail { } #divSliderYani .sliderBannerContainer {background: #fff;padding: 10px 0px;border: 1px solid #eae5e5;border-radius: 3px;} #divSliderYani .productItem .discountIcon { } #divSliderYani .mycartIcon { bottom: 10px; } #divSliderYani .newIcon { bottom: 146px; } #divSliderYani .sliderBannerContainer .owl-carousel {padding: 10px;} /* Ana sayfa sliderlar */ .categoryProducts { float: left; margin-bottom: 20px; } .categoryProductsCol1 { width: 100%; float: left; position: relative; margin-bottom: 20px; } .categoryProductsCol2 { width: auto; margin-right: 20px; float: left; } .categoryProductsCol3 { width: auto; float: left; } .categoryProductsCol1 h1 { font-size: 28px; margin: 0; } .categoryProductsCol1 img { float: left; margin-right: 20px; } .categoryProductsCol1 span { font-size: 17px; font-weight: 600; color: #333333; line-height: 60px; border-bottom: 3px solid #f07c01; padding-bottom: 18px; } /* Ana sayfa sliderlar */ /*Benzer Ürünler 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; margin-bottom: 20px; padding: 20px; border: 1px solid #ececec; margin-top: 30px; padding-top: 0; background: #f1f1f1; } .detaySliderContainer .ProductList { display: block !important; max-width: 1300px; margin: auto; } /*.detaySliderContainer .ProductList ul li { width: 20%; float: left; padding: 5px; }*/ .detaySliderContainer .Jbutonlar { display: none; } .detaySliderContainer .jCarouselLite { float: left; width: 100%;} .detaySliderContainer .owl-nav {} .detaySliderContainer .JKatAdi { } .detaySliderContainer .JKatAdi .bold {} .detaySliderContainer .JKatAdi .bold .satir1 { } #IlgiliUrunDiv .detaySliderContainer .JKatAdi .bold .satir1 {} .detaySliderContainer .JKatAdi .bold .satir1:after { display: none; } .detaySliderContainer .owl-carousel { width: 80%; float: right; margin-top: -100px; } .detaySliderContainer .owl-carousel .owl-stage-outer {padding: 0 0 2px;} .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; } /* Right Block Ürünler*/ .rightBlock .JKatAdi .bold .satir1 {font-size: 20px;color: #000;font-weight: 700;text-transform: none;background: transparent;padding: 20px 20px 20px 0;line-height: 30px;} .rightBlock .JKatAdi .bold { width: 100%; border: 0; text-align: left; margin-bottom: 0; } .rightBlock .productItem { background: transparent; border: 0; } .rightBlock .productItem .productImage { max-width: 80px; float: left; border: 1px solid #e1e1e1; } .rightBlock .productItem .productDetail { max-width: 120px; float: left; padding: 0 0 0 16px; } .rightBlock .productItem .productName a {font-size: 12px;font-weight: 500;height: 43px;overflow: hidden;} .rightBlock .productItem .regularPrice span { font-size: 11px; color: #818181; font-weight: 600; } .rightBlock .productItem .IndirimVar .discountPrice span { font-size: 14px; color: #000; } .rightBlock .detaySliderContainer .JKatAdi { margin-bottom: 0; } .rightBlock #divUrunler { float: left; width: 100%; margin: 20px 0; background: #f1f1f1; padding-left: 30px; padding-bottom: 10px; } .rightBlock .productItem .productIcon { display: none; } .rightBlock .productItem .regularPrice { margin-top: 0; } /* -------------------------------Anasayfa Slider----------------------------------------*/ #pnlSlider { float: left; position: relative; margin: 0; width: 100%; margin-bottom: 20px; max-width: 820px;z-index:15;} #pnlSlider ul li { display: block;z-index:15;position: relative; } #pnlSlider ul li a { display: block;z-index:15;position: relative; } #pnlSlider ul li a img { width: 100%; display: block; } #pnlSlider .flex-control-nav { float: left; position: absolute; bottom: 20px; } #pnlSlider .flex-control-paging li { margin: 0 2px !important; display: inline-block; } #pnlSlider .flex-control-paging li a { position: relative; width: 14px; height: 14px; box-shadow: none; font-size: 0; text-indent: 0; background: transparent; border: 1px solid #fff; border-radius:100%;} #pnlSlider .flex-control-paging li a.flex-active {background: #fff;z-index:15; } #pnlSlider .flex-direction-nav {position: absolute;top: 45%;right: 0px;left: 0px;max-width: 1660px;margin: auto;} #pnlSlider .flex-direction-nav li { display: inline-block; } #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next {width: 45px;height: 45px;display: inline-block;z-index: 99;font-size: 0;top: 0;margin: 0;opacity: 1 !important;float: left;text-align: center;border-radius: 30px;} #pnlSlider .flex-direction-nav .flex-prev { left: 0px; } #pnlSlider .flex-direction-nav .flex-next { right: 0px;} #pnlSlider .flex-direction-nav .flex-prev:before {content: '';font-family:'FontAwesomePro';font-size: 45px;line-height: 45px;width: 45px;color: #fff;font-weight: 300;} #pnlSlider .flex-direction-nav .flex-next:before {content: '';font-family:'FontAwesomePro';font-size: 45px;line-height: 45px;width: 45px;color: #fff;font-weight: 300;} #pnlSlider .flex-direction-nav .flex-prev:hover {} #pnlSlider .flex-direction-nav .flex-next:hover {} #pnlSlider .flex-direction-nav .flex-next:hover:before { color: #fff; } #pnlSlider .flex-direction-nav .flex-prev:hover:before { color: #fff; } #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: none; max-width:1300px; width: 100%; background: #fff; margin: auto; height: 65px; padding-top: 6px; box-shadow: 0 4px 12px #c3c1c1; } #pnlSlider .HPSItems .flex-control-thumbs li {width: 80px;position: relative;height: 50px;float: none;margin-right: 10px;} .HomePageSlideShowContainer {float: left;width: 100%;position: relative;z-index:15;} .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; opacity: 1; max-width: 80px; width: 100%; height: 50px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .HomePageSlideShowContainer .flex-control-nav .flex-active {border: none;margin: auto;padding: 0;opacity: 1;max-width: 80px;width: 100%;height: 59px;position: relative;left: 0;right: 0;bottom: 0;top: 0; padding-bottom: 7px;} .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; } .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 { background: #f4f3f3; width: 100%; } .markaSlider .owl-carousel {display:block;max-width:1230px;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; padding: 25px 0;} .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{position: absolute;top: 40%; left: 0px; right: 0px; z-index: 2;width: 100%;} /*------------------------------------markalar slider--------------------------------------------*/ /****************************************SLİDER VE BLOK SLDİER*********************************/ /********************************* HEADER ALAN KISMIDIR ****************************************/ /*------------------------- Header content ------------------------*/ #header:before { content: '';display:table;} #header:after { content: ''; display: table; } #header { clear: both; zoom1: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #header.hover:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.50); z-index: -1; 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.hover:after { content: ''; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: -1; clear: none; display: block !important; } .hover:before { content: ''; position: fixed; left: 0; right: 0; top: 220px; 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 {width: 100%;position: relative;float: left;z-index:1000; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; } #header.homeHeader { border-bottom: 0; margin-bottom: 0; } #header.categoryHeader {} #header.productHeader {} .headerContent:before { content: ''; display: block; clear: both;} .headerContent:after { content: ''; display: block; clear: both; } .headerContent { height: 110px; background: #fff; } .sepetimBody #header { padding-bottom: 70px; } /*------------------------- Header content ------------------------*/ /*------------------------- Header logo, search, mycart, lang, welcome, navi Alanları ------------------------*/ #logo {position: absolute;width: 200px;margin: auto;left: 0;right: 0;} #logo .logo {position: relative;top: 10px;} #logo .logo img {display: block; max-width: 100%;} .mycart {float: right;z-index: 9;position: relative;width: auto;border-radius: 0;top: 35px;right: 0; } .mycart > a {display: block;position: relative;text-align: center;color: #000;font-size: 14px;width: 100%;} .mycart > a:before {content: '';font-family:'FontAwesomePro';font-size: 22px;color: #222;position: relative;text-align: center;font-weight: 300;top: 2px;padding-right: 5px;} .mycart .sepetTecxt {position: absolute;display: none;line-height: 20px;font-size: 14px;font-weight: 500;} .mycart .sepetUrunSayisi {width: 16px;font-size: 13px;color: #222;text-align: center;line-height: 16px;} .mycart .sepetUrun {display: none; font-weight: bold;} .sepetTopTutar{display: none!important;font-size: 12px;color: #000;font-weight: 500;} .CartProduct {border: 1px solid #000; width: 320px; float: left; background: #fff; z-index: 99999; padding: 20px; position: absolute; top: 40px; margin-top: 0; right: 0; margin-left: -150px; box-shadow: 0 5px 10px -2px rgba(0,0,0,.3);} .CartProduct:before {content: '\f0d8';font-family: 'FontAwesome';color: #000;position: absolute;right: 0;left: 0; top: -19px;font-size: 20px;text-align: right;padding-right: 20px;} #ulUstSepetteUrunYok {float: left;width: 100%;text-align: center;} .spanustSepetteUrunYok:before { width: 40px; height: 40px; content: ""; background: url(images/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 { } .mycart:hover .CartProduct { display: block !important; } .headerCartBtn { display: block !important; margin-top: 10px !important; float: left; width: 45%; font-size: 12px !important;line-height: 22px;} .headerOrderBtn { display: block !important; margin-top: 10px !important; float: right; width: 50%;font-size: 12px !important;line-height: 22px;} .sepetimBody .AllCategory{display: none;} .sepetimBody .linkRebatedProducts{margin-left: 0;} .sepetimBody .searchContent{bottom: -10px;} .welcome{position: absolute;top: 37px;right: 55px;} .welcome>div {float: left; } .welcome ul {float: left;} .uyeGirisWelcome, .uyeGirisUyeAdi{display: none;} .headerUyeGiris a, .headerHesabim {display:block; font-size:0;color: #fff;padding:0;text-align:center; font-weight: 600; } .headerUyeGiris a:before {content: '';font-family: FontAwesomePro;font-size: 22px;color: #222;font-weight: 300; position: relative;display: inline-block;float: left; text-align: center; } .headerHesabim:before {content: '';font-family: FontAwesomePro;font-size: 22px;color: #222;font-weight: 300; position: relative;display: inline-block;float: left; text-align: center; } .headerUyeOl a, .headerCikis {display:block; font-size:0;color: #fff;padding:0;text-align:center; font-weight: 400; } .headerUyeOl, .headerUyeGiris { display: block; } .headerUyeOl a:before, .headerCikis:before { content: ""; display: none;float: left; margin-right: 3px; } .headerUyeOl a:before,.headerUyeGiris a:before,.headerHesabim:before,.headerCikis:before {} .headerUyeOl a:before {} .headerUyeGiris a:before {} .headerHesabim:before {} .headerCikis:before {} .headerUyeOl a:hover, .headerUyeGiris a:hover, .headerHesabim:hover, .headerCikis:hover{ } /*custom header */ .header-contact { position: absolute; top: -40px; left: -80px; line-height: 30px; } .header-contact span { color: #e21d25; font-weight: 500; font-size: 14px; padding-right: 8px; } .header-contact a { color: #000; text-decoration: underline; padding-left: 20px; font-weight: 500; font-size: 14px; padding-top: 1px; } .header-contact .hc-phone { background: url(../../PageNotFound.html) no-repeat;} .header-contact .hc-mail { background: url(../../PageNotFound.html) no-repeat;} /*custom header */ /* .sepetimBody .welcome ul{margin-top:7px;} .sepetimBody .welcome {} .sepetimBody .welcome .headerHesabim, .sepetimBody .welcome .headerCikis{display:inline-block;} */ .sepetimBody .mycart .sepetUrun { margin-left: 4px;} .sepetimBody .mycart .sepetUrunSayisi { margin-top: 8px; line-height: 12px; } .sepetimBody .mycart > a { line-height: 30px; } .headerSocialConnect{display: none !important;float: left;margin-right: 30px;} .headerSocialConnect .baglanButton{background: transparent !important;border:none;margin: 0;padding: 0;line-height: 0;} .headerSocialConnect .baglanButton a{line-height: 25px;color: #fff;text-indent: 0;font-size: 13px;} .headerSocialConnect .baglanButton a:hover{color: #f09d9d;} .headerSocialConnect .baglanButton a:before {content: '\f09a';font-family: 'FontAwesome';margin-right: 5px;font-size: 13px;} .usernav {display: none;} .searchContent { display: none; float: right;width:280px;position: absolute;top: 38px;right: 120px;margin: auto;} #divAramaKategori { display: none!important; position: absolute; left: -110px; top: 0; } #divAramaKategori select {display: block; height: 48px;border: none; width: 135px; padding:0; border-radius: 30px 0 0 30px; line-height: 35px;background: url(../../PageNotFound.html) no-repeat #e6e7e9; background-position: 114px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #1d1d1b; font-size: 12px; padding-left: 20px;} .search{float: left;width: 100%; display: block;z-index: 1; -webkit-animation: fadein 0.5s;-moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s;} .search.active{display: block;} #divAramaKategori select::-ms-expand{ display:none; } .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: 0; font-family: 'Montserrat', sans-serif; color: #222;padding-left: 35px;font-size: 13px;font-weight: 500;letter-spacing: 0;transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */} #txtbxArama::-webkit-input-placeholder {color: #222222;} #txtbxArama:-moz-placeholder {color: #222222;} #txtbxArama::-moz-placeholder {color: #222222;} #txtbxArama:-ms-input-placeholder {color: #222222;} #txtbxArama:focus {color: #222222;} #btnKelimeAra {content: ""; font-family: FontAwesomePro; width: 35px;line-height: 40px; border-radius: 0; background: transparent; font-size: 22px;color:#222;font-weight: 300;text-transform: uppercase;position: absolute;left: 0;top: 0;border:none;padding: 0;cursor:pointer;z-index: 9;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */} .searchContent ul{padding: 15px!important;text-align: left;} .searchContent ul li a{line-height: 30px;font-size:12px;color: #333333;} .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:before {content: ''; display: block; clear: both;} .navigation:after {content: ''; display: block; clear: both;} .navigation {float: left;width: 100%; background: transparent; border-top: 1px solid #f1f1f1; } .navigation .TempMenu { display: none; position: absolute;top: 73px;} .navigation .TempMenu .yanResimliMenu { width: 200px; padding-right: 0; background: #fff; } .navigation > div {z-index:1; margin: auto; position: relative;} .navigation .navUl {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;*/max-width: 1660px;text-align: center;margin: auto;} .navigation .navUl > li{display: inline-block;padding:0 20px; } .navigation .navUl > li:hover{} .navigation .navUl > li > a{position: relative; color: #222;font-size:14px;padding:0 5px; font-weight: 500;display: inline-block;line-height: 50px;vertical-align:top;overflow:hidden;} .navigation .navUl > li:nth-child(7) > a span {font-weight: 600;color: #f00;} .navigation .navUl > li:nth-child(8) > a span {font-weight: 600;color: #f00;} .navigation .navUl > li > a span { font-weight: 400; } /*.navigation .navUl > li:hover:after { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; width: 10px; margin: auto; left: 0; right: 0; bottom: 0; }*/ .navigation .altMenu { display: none; position: absolute; top: 50px; left:0; right: 0; width: 100%; background: rgba(255,255,255,0.9); } .navigation .navUl > li:hover > .altMenu { display: block;} .navigation .navUl > li:nth-child(n+6) .altMenu{left:auto;right:0;} .altMenu .altmenuSol > span{display:none;} .navigation .altMenu .altMenuler {display:block;clear: both;width: 100%;max-width: 1300px;padding:0;margin: auto;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 .altmenuSol {float: left; width: 65%; padding: 30px;} .navigation .altMenu .altMenuler .altmenuSol ul {float: left;text-align: left;} .navigation .altMenu .altMenuler .altmenuSol ul li {} .navigation .altMenu .altMenuler .altmenuSol ul li ul{} .navigation .altMenu .altMenuler .altmenuSol ul li a{color: #333; font-size: 13px;display: block; line-height: 30px; font-weight: 500; } .navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{} .navigation .altMenu .altMenuler .altmenuSol ul > li > ul > li a:hover{} .navigation .altMenu .altMenuler .altmenuSol > ul {width: 100%; } .navigation .altMenu .altMenuler .altmenuSol > ul > li { width: 25%; float: left;} .navigation .altMenu .altMenuler .altmenuSol > ul > li > a { color: #222; font-size: 13px; font-weight: 500; } .navigation .altMenu .altMenuler .altmenuSol > ul > li > a:hover { color: #222; } .navigation .altMenu .altMenuler .altMenuSag {float: right; width: 35%; padding: 50px; } .navigation .altMenu .altMenuler .altMenuSag .altMenuSagEditor {} .navigation .altMenu .altMenuler .altMenuSag ul li { width: 50%; float: left; } .navigation .altMenu .altMenuler .altMenuSag ul li img { margin: auto; margin-bottom: 20px; } .navigation .altMenu .altMenuler .altMenuSag ul li span { float: left; width: 100%; text-align: center; font-size: 13px; color: #222; font-weight: 500; } .navigation .altMenu .altMenuler .altMenuSag ul li strong { float: left; width: 100%; text-align: center; font-size: 13px; color: #222; font-weight: 700; } .navigation .altMenu .altMenuler .altMenuSag > a { } .navigation .altMenu .altMenuler .altMenuSag > a > img { } /*Menü tipi 1*/ .navigation .HeaderMenu2 > li ul{display: none;text-align: left; position: absolute;top: 0; padding:0 20px;min-width: 202px;width: auto;box-shadow: 0 3px 15px -6px #000;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 > ul > li ul{z-index: 999;width: 200px;} .navigation .HeaderMenu2 > li > ul > li ul li a{} .navigation .HeaderMenu2 > li > ul{top: 100%;display: none;} .navigation .HeaderMenu2 > li > ul li:hover > ul{display: block;} .navigation .HeaderMenu2 > li ul li{float: left;width:100%;position: relative;border-bottom: 1px solid #dddddd;} .navigation .HeaderMenu2 > li ul li a{float: left; font-size: 12px;color: #4a4a4a;display: inline-block;line-height: 45px;width: 100%;font-weight: normal;padding:0; -webkit-transition: all 250ms;-moz-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;} .navigation .HeaderMenu2 > li ul li:last-child{border: none;} .navigation .HeaderMenu2 > li ul li:last-child > a{border: none;} .navigation .HeaderMenu2 > li ul li.ulVar > a:after{float: right;content: '\f105';font-family: 'FontAwesome';} .navigation .HeaderMenu2 > li ul li:hover > a{} .navigation .HeaderMenu2 > li:hover > ul{display: block;} /*Menü tipi 1*/ .menuItemTittle{display: none;} .backafter:after{content: '';position: fixed;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.67);width: 100%;height: 100%;z-index: 999;} /* ------------------------------------Resimli Yan Menü--------------------------------------------*/ .yanResimliMenu { display: none; float: left;width: 220px;padding-right: 20px; margin-top: -21px; } .yanResimliMenu .yanResimliMenuContent .Block_Title{display:none;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; border: 1px solid #e0dedd; border-bottom: 3px solid #e0dedd; /*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 20px;font-weight: 400;display: inline-block;line-height: 43px;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 Menü--------------------------------------------*/ #lang_flag_container{top:0!important;right: 0!important; z-index:992!important;display:none!important;position: relative!important;float: right;padding: 25px 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;padding: 0!important;background:transparent!important;} #lang span{font-weight: 500;} #lang span:after{content: '\f0d7';font-family: 'FontAwesome';margin-left: 5px;} #lang_flag_container:hover #lang{color: #000!important;} #langHover{padding:18px 0 18px 20px!important;border-left:1px solid #eee;} #langHover.white{background: transparent!important;} a#ucSepetim_btnSepetiTemizle {margin-top: 28px;display: inline-block;} /*------------------------- Header logo, search, mycart, lang, welcome, navi Alanları ------------------------*/ /********************************* HEADER ALAN KISMIDIR ****************************************/ /*------------------Instagram--------------------*/ .Instagram { max-width: 1660px; width: 100%; margin: auto; clear: both; padding-top: 15px; } .Instagram .InstagramTitle {text-align: center;font-size: 16px;color: #222;font-weight: 700; position: relative;z-index: 9; margin: 0 auto 60px auto; max-width: 1300px;} .Instagram .InstagramTitle li { position: relative; width: 33.33%; float: left; } .Instagram .InstagramTitle li:first-child { text-align: left; } .Instagram .InstagramTitle li:last-child { text-align: right; } .Instagram .InstagramTitle h1 { display: inline-block; font-size: 30px; color: #222; font-weight: 800; font-style: italic; line-height: 30px; padding-right: 15px; float: left; margin-bottom: 0; } .Instagram .InstagramTitle li:first-child span { display: inline-block; font-size: 20px; font-weight: 400; color: #666666; font-style: italic; line-height: 30px; float: left; } .Instagram .InstagramTitle li:last-child span { display: inline-block; font-size: 13px; font-weight: 400; color: #666666; font-style: italic; line-height: 30px; float: left; } .Instagram .InstagramTitle i {position: relative;font-size: 34px;color: #111111;font-weight: 500;background: #fff;width: 60px;z-index: 9;} .Instagram .InstagramTitle li:nth-child(2) a:after { content: ""; width: 310px; height: 2px; background: #eeeeee; position: absolute; top: 16px; left: 0; right: 0; margin: auto; } .instagramBolumu {float: left;width: 100%; background: #fff; margin-bottom: 20px; } .instaRow{float: left;width: 100%;margin: 0!important;} .dortluBlok {float: left;max-width: 16.66%;width: 100%;position: relative;margin-bottom: 10px;padding: 4px;} .dortluBlok:hover img {} .dortluBlok:last-child {margin-right: 0;} .dortluBlok a {position: relative;display: block;width: 100%;float: left;} .dortluBlok a img{max-width: 100%;display:block;} .dortluBlok a:hover:before { content: "";font-family: FontAwesomeProBrands;font-size: 34px;color: #fff;font-weight: 300;position: absolute;display: block;line-height: 230px;left: 20px;text-align: center;top: 20px; right: 20px; bottom: 20px; height: calc(100% - 40px);width: calc(100% - 40px);background: rgba(34,34,34,0.75);} /*------------------Instagram--------------------*/ /*---------------------------- SİTEYE OZEL YAZILMIŞ KODLAR ----------------------------------*/ .mobilKategoriMenu { display: none; padding: 0 10px; } .mobilKategoriMenu ul { width: 100%; float: left; border: 1px solid #eeeeee; border-bottom: 0; border-right: 0; } .mobilKategoriMenu ul li { width: 50%; float: left; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 10px; } .mobilKategoriMenu ul li a { font-size: 14px; color: #222; } .mobilKategoriMenu ul li i { font-size: 14px; color: #222; padding-right: 6px; } .mobilFooterBottom { display: none; } .mobilFooterBottom > ul { float: left; width: 100%; padding: 0 20px; } .mobilFooterBottom > ul > li { width: 50%; float: left; } .mobilNav { display: none; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 999; } .mobilNav ul { float: left; width: 100%; background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 0; } .mobilNav ul li { width: 25%; float: left; } .mobilNav ul li i { font-size: 18px; color: #222; margin: auto; display: block; text-align: center; } .mobilNav ul li span { font-size: 12px; color: #222; width: 100%; float: left;text-align: center; font-weight: 500; line-height: 18px; } #divNewsLetter { display: none; width: 650px; height: 350px; background: url(images/newsletterbg.png) no-repeat; padding: 50px; text-align: center; } #divNewsLetter input { margin-bottom: 30px; background: #fff; } #divNewsLetter h1 { text-align: center; font-size: 30px; color: #222; font-weight: 800; font-style: italic; margin-bottom: 50px; } #divNewsLetter span { text-align: center; font-size: 12px; color: #222; font-weight: 500; font-style: italic; padding: 30px; } .logoNBank { float: left; margin: 20px 0; } .logoNBank .center {position: absolute;max-width: 627px;width: 100%;margin: auto;left: 0;right: 0;bottom: 20px;} .seperatorWhite { width: 100px; height: 2px; background: #ffffff; clear: both; margin: auto; } .elbultenButton { border: 2px solid #cccccc ; border-radius: 30px; float: left; padding: 0 30px; margin-top: -10px;} .elbultenButton span { font-size: 13px; color: #fff; font-weight: 500; line-height: 50px; padding-right: 15px; } .elbultenButton i { font-size: 20px; color: #fff; line-height: 50px; float: right; } .elbultenButton:hover { background: #fff; border-color: #fff; } .elbultenButton:hover span { color: #222; } .elbultenButton:hover i { color: #222; } .zoom1 { position: relative; overflow: hidden; } .zoom1 img { transition: transform 2s; } .zoom1 img:hover {transform: scale(1.1); } #BenzerUrunDiv .productItem .productDetail { top: 37%; } .sliderBannerContainer .productItem .productDetail { top: 37%; } .welcome .tooltip-inner { min-width: 90px; padding: 2px 8px; color: #fff; text-align: center; font-size: 10px; font-weight: 500; text-decoration: none; background-color: #222; border-radius: 5px; white-space: nowrap; } .welcome .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #222; border-width: 5px 5px 0; } .homeFooter .guvenList { display: none; } .guvenList.footerGuvenlist { background: #fff; } .kategoriText { max-width: 1300px; margin: auto; } .kategoriText h1 { float: left; font-size: 30px; color: #222; font-style: italic; margin-right: 30px; font-weight: 400; line-height: 120px; } .kategoriText p { float: left; font-size: 13px; color: #666666; font-style: italic; margin-right: 30px; font-weight: 400; width: 67%; padding-top: 40px; } .kategoriText .seperator {width: 100px;height: 2px;background: #222;position: absolute;left: 180px;right: 0;bottom: 40px;} .kategoriText.mobile { display: none; text-align: center; } .kategoriText.mobile i { padding-right: 4px; } .ProductDetail { max-width: 1300px; margin: auto; } .product-social-icon-wrapper .seperator { width: 100px; height: 2px; background: #222; float: left; margin-bottom: 10px; position: relative; top: 12px; margin-right: 15px; } .seoText {max-width: 1300px;margin: auto;border: 1px solid #eeeeee;padding: 40px 30px;clear: both;position: relative;} .seoText .seoTextContainer {max-height: 80px;overflow: hidden;position: relative;} .seoText .seoTextContainer.acik { max-height: 100%; } .seoText h1 { font-size: 18px; color: #56565b; margin-bottom: 30px; font-weight: 700; } .seoText p {font-size: 13px;color: #666666;padding-bottom: 20px;font-style: italic;} .seoText a {font-size: 23px;color: #222222;font-weight: 700;position: absolute;bottom: -18px;margin: auto;width: 50px; left: 0; right: 0; text-align: center;} .seoText a i { width: 50px; background: #fff; } .sliderBannerAlani .row { margin-bottom: 20px; } .searchContent.acik { display: block; } .openSearch { position: absolute; right: 90px; top: 42px; } .openSearch i { font-size: 22px; color: #222; } .urunTabAlt ul.urunTablo li span.left { float: left; font-weight: 500; font-size: 13px; color: #222; margin-right: 4px; } .urunTabAlt ul.urunTablo li span.right { font-size: 13px; color: #222; font-weight: 400; } .urunDetayIkonlar {float: left; width: 100%; margin: 20px 0; } .urunDetayIkonlar li { display: inline-block; float: left; width: 17.8%; } .urunDetayIkonlar li:first-child { display: inline-block; float: left; width: 11%; } .urunDetayIkonlar li i { font-size: 20px; color: #000; text-align: center; width: 100%; margin: auto; } .urunDetayIkonlar li:last-child i { color: #25d366; } .urunDetayIkonlar li span { float: left; font-size: 10px; color: #000; text-align: center; width: 100%; font-weight: 500; } .urunDetayIkonlar li a { color: #000; font-weight: 700; } .urunDetayIkonlar .box1 { background: transparent; min-width: auto; padding: 0; margin: 0; } .guvenListFooter {float: left;width: 100%;margin: 0px auto 20px auto; } .guvenListFooter ul {width: 100%;max-width: 1660px;margin: auto;} .guvenListFooter ul li {position: relative; width: 25%; float: left;text-align: center;font-size: 13px; float: left; font-weight: 700;color: #000;padding: 20px 10px;} .guvenListFooter ul li:last-child { margin-right: 0; } .guvenListFooter .guvenListli { padding: 10px; } .guvenListFooter .guvenListText {} .guvenListFooter .guvenListText:after { content: ""; width: 1px; height: 120px; background: #ececec; display: inline-block; position: absolute; right: 0; } .guvenListFooter ul li:last-child .guvenListText:after { display: none; } .guvenListFooter .guvenListText i { font-size: 40px; color: #e3c98f; border: 1px solid #ececec; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 10px auto; border-radius: 100%; } .guvenListFooter .guvenListText:hover i { border-color: #e3c98f; } .guvenListFooter .guvenListText span { font-size: 12px; color: #000000; font-weight: 500; float: left; text-align: center; padding: 10px 40px; } .guvenListFooter .guvenListText strong { font-size: 15px; color: #000000; float: left; width: 100%; font-weight: 600; } .guvenListFooter .guvenListText a { font-size: 12px; color: #000000; font-weight: 700; text-align: left; } .anasayfaUrunlerContainer { float: left; width: 100%; background: #f1f1f1; padding: 0 150px; margin-bottom: 20px; } .headerContent .headerLinks {position: absolute;width: 500px;left: 0;margin: auto;top: 42px;} .headerContent .headerLinks li { display: inline-block; padding-right: 30px; } .headerContent .headerLinks li a { font-size: 13px; color: #222; font-weight: 500; } .headerContent .headerLinks li i { font-size: 16px; color: #222; font-weight: 500; padding-right: 6px; } .homePageProducts { max-width: 240px; float: left; padding-left: 20px; border-left: 1px solid #e1e1e1; padding-bottom: 30px; } .headerFavorilerim {position: absolute;right: 250px;top: 55px;font-size: 13px;font-weight: 400;color: #000;line-height: 23px;} .headerFavorilerim i {display: inline-block;font-size: 16px; margin-right: 4px; color: #000;font-weight: 700;} .headerTop {float: left;width: 100%;height: 50px; text-align: center; border-bottom: 1px solid #f1f1f1; } .headerTop .headerTopText { max-width: 1660px; margin: 0 auto;padding: 0;} .headerTop .headerLeftText {position: relative;z-index: 9;float: left;color: #222222;line-height: 50px;font-size: 13px;font-weight: 500;} .headerTop .headerLeftText span { font-weight: 500; } .headerTop .headerLeftText span strong { text-decoration: underline; } .headerTop .headerRightText {position: relative;z-index: 9;float: right;color: #222;line-height: 50px;font-size: 12px;font-weight: 500;} .headerTop .headerLeftText i { margin-right: 4px; font-size: 16px; font-weight: 500; } .headerTop .headerRightText i { margin-right: 4px; font-size: 16px; font-weight: 500; } .headerTop .headerTopText ul { position: relative; margin: auto; z-index: 1; width: 100%; text-align: center; } .headerTop .headerTopText ul li {display: inline-block;margin: 0 10px;padding: 0;height: 50px; font-size: 13px; font-weight: 500; } .headerTop .headerTopText a { color: #222;font-weight: 400;line-height: 50px; font-size: 12px; margin: 0 auto;padding: 0;} .headerTop .headerTopText a i { color: #222;font-weight: 400;line-height: 50px; font-size: 16px; margin: 0 auto;padding: 0;} .headerTop .headerTopText a:hover i { color: #cc3333; } .indirimBlok { float: left; width: 100%; text-align: center; background: #e4e2e2; padding: 25px 0; margin-bottom: 20px; } .indirimBlok p { font-size: 18px; color: #000; line-height: 30px; font-weight: 400; letter-spacing: 1px; } .indirimBlok p span { font-weight: 600; } .indirimBlok > span { font-size: 12px; color: #000; font-weight: 300; letter-spacing: 1px; } /*Site içi scroll alanlar*/ .SmallImages::-webkit-scrollbar {width: 5px;} .SmallImages::-webkit-scrollbar-track { background: #cfcfcd; } .SmallImages::-webkit-scrollbar-thumb { background: #282727; } .CartProduct .SProduct::-webkit-scrollbar { width: 2px; } .CartProduct .SProduct::-webkit-scrollbar-track { background: #cfcfcd; } .CartProduct .SProduct::-webkit-scrollbar-thumb { background: #282727; } .SepetBlockInfo::-webkit-scrollbar { width: 2px; } .SepetBlockInfo::-webkit-scrollbar-track { background: #cfcfcd; } .SepetBlockInfo::-webkit-scrollbar-thumb { background: #282727; } .urunTabAlt::-webkit-scrollbar { width: 7px; } .urunTabAlt::-webkit-scrollbar-track { background: #f3f3f3; } .urunTabAlt::-webkit-scrollbar-thumb { background: #757575; } #divOnyazi::-webkit-scrollbar { width: 2px; } #divOnyazi::-webkit-scrollbar-track { background: #cfcfcd; } #divOnyazi::-webkit-scrollbar-thumb { background: #282727; } .UrunGuruplari .Block_Text::-webkit-scrollbar { width: 2px; } .UrunGuruplari .Block_Text::-webkit-scrollbar-track { background: #cfcfcd; } .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb { background: #282727 } .categorydesign .catText::-webkit-scrollbar { width: 2px; } .categorydesign .catText::-webkit-scrollbar-track { background: #cfcfcd; } .categorydesign .catText::-webkit-scrollbar-thumb { background: #282727; } .maxScroll::-webkit-scrollbar { width: 2px; } .maxScroll::-webkit-scrollbar-track { background: #cfcfcd;} .maxScroll::-webkit-scrollbar-thumb { background: #282727;} /*Site içi 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; } .ProductDetailMain .product-social-icon-wrapper {display: block!important; } .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; } /*Site özel alan*/ .favi{float: right;margin-top:36px;font-size: 29px;width:86px;text-align:center;} .favi i{line-height: 46px;} /*SliderYanblok*/ #divSliderYani { float: left;width: calc(100% - 820px); padding-left: 20px; } #divSliderYani .SliderYanBlok .SliderYanBlokTitle {} #divSliderYani .SliderYanBlok .SliderYanBlokTitle .satir1 {} #divSliderYani .SliderYanBlok #SliderYan { float: right; width: 100%;} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productImage {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productImage a {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productName a {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .productPrice {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productDetail {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productIcon {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountPrice {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .regularPrice {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .discountIcon {} #divSliderYani .SliderYanBlok #SliderYan .sliderBannerContainer .productItem .urunListeAdet{} #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 {} #divSliderYani .owl-nav {position: absolute;right: 0;top: -25px;z-index: 2;width: 70px;left: 0;margin: auto;} #divSliderYani .owl-nav .ProductListprev { left: 0px; } #divSliderYani .owl-nav .ProductListnext { right: 0px; } #divSliderYani .owl-nav .ProductListprev, #divSliderYani .owl-nav .ProductListnext { background: transparent; border: 1px solid #dedcdc; border-radius: 100%; width: 30px; height: 30px; } #divSliderYani .owl-nav .ProductListprev:before, #divSliderYani .owl-nav .ProductListnext:before {color: #999999;font-size: 18px;font-weight: 300;line-height: 30px;width: 30px;} /*SliderYanblok*/ /*Anasayfa Tab*/ .homeTab {float: left; width: 100%; border: 1px solid #ececec; background: #f3f3f3; position: relative; padding: 0; } .homeTab ._tabHead {float: left; width: 20%; position: relative; background: #f3f3f3; padding: 20px 0; } .homeTab ._tabHead > h1 {float: left;text-align: center;font-size: 21px;color: #000;font-weight: 600;position: relative;z-index: 99;line-height: 40px; width: 100%; } .homeTab ._tabHead ul {display: inline-block;text-align: center;position: relative; float: right; } .homeTab ._tabHead li {display: inline-block;position: relative;margin: 0; padding: 0 20px; text-align: left; width: 100%; } .homeTab ._tabHead li:last-child {margin-right: 0;} .homeTab ._tabHead li span {box-sizing: border-box!important;cursor:pointer;float: left;width:100%;font-size: 14px;font-weight: 500;color: #000;line-height: 40px;position: relative;display: inline-block;text-align:left;} .homeTab ._tabHead li._tabHead_active { background: #a9834e; } .homeTab ._tabHead li._tabHead_active:after { content: ""; border-top: 10px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #a9834e; position: absolute; width: 8px; margin: auto; right: -8px; top: 10px; z-index: 999; } .homeTab ._tabHead li._tabHead_active span { color: #fff; } .homeTab ._tabHead li:hover { background: #a9834e; } .homeTab ._tabHead li:hover:after { content: ""; border-top: 10px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #a9834e; position: absolute; width: 8px; margin: auto; right: -8px; top: 10px; z-index: 999; } .homeTab ._tabHead li:hover span { color: #fff; } .homeTab .owl-nav { top: -40px; right: 20px; } .homeTab .anasayfaTabAlt { width: 80%; padding: 0 0 0 20px; float: left; height: 0; overflow: hidden; position: relative; background: #fff; } .homeTab .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; } .homeTab .anasayfaTabAlt.active .sliderBannerContainer { } .homeTab .anasayfaTabAlt .ProductList { float: left; width: 100%;padding: 0; } .homeTab .anasayfaTabAlt .sliderBannerContainer { float: left; width: 100%; margin: 0; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul{margin: 0 -10px;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li{float:left; width: 25%;padding: 0 10px; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li .productDetail {} #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li .boxBedenlerContent { display: none!important; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .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*/ #YatayUrun {width: 100%;} #YatayUrun .YatayUrunAlt {width: 100%;float: left;} #YatayUrun .YatayUrunAlt .JKatAdi{margin-bottom: 0;} #YatayUrun .YatayUrunAlt .JKatAdi .bold{text-align:left;border: none;} #YatayUrun .YatayUrunAlt .JKatAdi .bold .satir1{padding:0 0 0 10px;width:100%;line-height:50px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer {float: left;width: 100%;margin:0;padding:0;background:transparent;border: 1px solid #eee;border-top:none;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul{float: left;width: 100%;padding:0 9px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li{float: left;width: 100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li:last-child{margin: 0;padding:0;border: none;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem{border: none;background:transparent;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productImage{float: left;width:61px;height:61px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productDetail{width:calc(100% - 61px);padding: 0 0 0 12px;text-align:left;height:auto;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productName{margin:10px 0;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productName a{font-size:12px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .TukendiIco{} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .TukendiIco span{bottom:5px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .productIcon{display: none;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .regularPrice span{font-size:12px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .discountPrice span{font-size:15px;} #YatayUrun .YatayUrunAlt .sliderBannerContainer .jCarouselLite ul li .productItem .IndirimVar .discountPrice span{font-size:15px;} /*Yatay Listeleme*/ /*Blok*/ /*max-width:1300px .ban2{float: left;width: 49.231%;margin-right:1.539%;} .ban2:nth-child(2n){margin-right:0!important;} .ban3{float: left;width: 32.308%;margin-right:1.539%;} .ban3:last-child{margin-right: 0;} .ban4{float: left;width: 23.847%;margin-right:1.539%;} .ban4:last-child{margin-right: 0;} /*max-width:1300px*/ /*max-width:1240px .ban2{float: left;width: 49.194%;margin-right:1.613%;} .ban2:nth-child(2n){margin-right:0!important;} .ban3{float: left;width: 32.259%;margin-right:1.613%;} .ban3:last-child{margin-right: 0;} .ban4{float: left;width: 23.791%;margin-right:1.613%;} .ban4:last-child{margin-right: 0;} /*max-width:1240px*/ /*max-width:1180px .ban1-5{float: left;width: 66.1%;} .ban2{float: left;width: 49.153%;margin-right:1.695%;} .ban2:nth-child(2n){margin-right:0;} .ban6 .ban2:nth-child(2n){margin-right:1.695%;} .ban3{float: left;width: 32.20%;margin-right:1.69%;} .ban3:last-child{margin-right: 0;} .ban4{float: left;width: 23.730%;margin-right:1.695%;} .ban4:last-child{margin-right: 0;} .ban5{float: left;width: 20%;} .ban5:last-child{margin-right: 0;} /*max-width:1180px*/ /*Footer*/ .orders .order-title span.order-no{width: 150px!important;} .orders .order-list .order-info span.order-no{width: 150px!important;} #footer { float: left; width: 100%; position: relative; background: #222222; } .Footer { float: left; width: 100%; position: relative; } .FooterMiddle { float: left; width: 100%; position: relative; } .FooterMiddle .ticiContainer { } .footerSocial {position: relative; width: 100%; float: left; display: inline-block;padding-top:5px;} .footerSocial span {font-size: 14px;font-weight: 600;color: #fff;line-height: 70px;} .footerSocial li { display: inline-block; } .footerSocial li i {float: left;font-size: 16px;margin-right: 10px; width: 30px; line-height: 30px;color: #fff;text-align: center; border-radius: 100%; } .homeFooter { margin-top: 40px; } .footerApps li { display: inline-block; } .footerApps li a { font-size: 12px; color: #000; margin-right: 20px; font-weight: 500; } .footerApps li i {float: left;font-size: 20px; line-height: 30px; margin-right: 10px; color: #000;text-align: center;} .footerApps li:hover i { color: #b3b3b3 ; } /*.footerSocial li i.fa-facebook { background: #3b5999; } .footerSocial li i.fa-twitter { background: #55acee ; } .footerSocial li i.fa-instagram { background: #e4405f; } .footerSocial li i.fa-google-plus { background: #dd4b39; } .footerSocial li i.fa-pinterest { background: #bd081c; } .footerSocial li i.fa-youtube { background: #cd201f; }*/ .FooterBottom { float: left; width: 100%; } .FooterBottom .seoText { color: #8c8c8c; font-size: 11px; max-width: 1660px; margin: 20px auto; text-align: center; } .Footer .footerTop { display: none; float: left; clear: both;width: 100%;position: relative; margin: auto;text-align: center;padding: 30px 0; margin-bottom: 20px; } .homeFooter .footerTop { display: block; } .Footer .footerTop .footerEBulten { max-width: 1660px; margin: auto; } .Footer .footerTop ul { max-width: 1660px; margin: auto; } .Footer .footerTop > ul > li { float: left; width: 33.33%; } .Footer .footerTop > ul > li > span { font-size: 18px; color: #686a6a; font-weight: 400; line-height: 50px; } .footerTop .ticiContainer { background: #eeeeee; margin: auto; } .footerTop .ticiContainer h1 { font-size: 24px; color: #000; line-height: 100px; font-weight: 700; } .footerEBulten > span { display: none; } .FooterMiddle .FooterMiddleLinks {float: left;width: 100%;padding: 40px 0; border-bottom: 1px solid #333333; } .FooterMiddle .FooterMiddleLinks > img { padding-bottom: 50px; } .FooterMiddle .FooterMiddleLinks > li { float: left; width: 20%; position: relative;} .FooterMiddle .FooterMiddleLinks > li ul {} .FooterMiddle .FooterMiddleLinks > li ul li a, .FooterMiddle .FooterMiddleLinks > li ul li span {font-size: 12px;color: #666666;line-height: 30px;font-weight: 500;font-family: 'Montserrat', sans-serif;} .FooterMiddle .FooterMiddleLinks > li ul li strong { margin-right: 10px; } .FooterMiddle .FooterMiddleLinks > li ul li:hover > a { color: #fff!important; } .FooterMiddle .FooterMiddleLinks > li > span {font-size: 12px;color: #fff;line-height: 30px;font-weight: 600; float: left; width: 100%; } .FooterMiddle .FooterMiddleLinks > li:last-child > span { font-weight: 600; } .FooterMiddle .FooterMiddleLinks li p {font-size: 13px;font-weight: 500;color: #fff;margin-bottom: 12px;text-align: left;line-height: 24px;float: left;} .FooterMiddle .FooterMiddleLinks li img { margin: 10px 0 0 0; } .FooterMiddle .FooterMiddleLinks > li ul li:hover a { color: #fff; } .FooterMiddle .FooterMiddleLinks > li ul.footer-social li { margin-bottom: 14px;} .FooterMiddle .FooterMiddleLinks > li ul.footer-social li a { line-height: 40px; } .FooterMiddle .FooterMiddleLinks > li.ebultendiv ul li { font-size: 13px; color: #666666; line-height: 24px; font-weight: 300; } .FooterMiddle .FooterMiddleLinks .ebultendiv li a { line-height: 22px; color: #cccccc!important; font-size: 22px; } .FooterBottomCopyright .bankIcons { float: left; padding: 40px 0; width: 100%; } .FooterBottomCopyright .bankIcons > li { float: left; width: 22%; font-size: 11px; color: #666666; padding-right: 10px; } .FooterBottomCopyright .bankIcons > li:nth-last-child(2){padding-top:5px;} .FooterBottomCopyright .bankIcons > li:first-child { width: 32%; float: left;line-height:30px; } .FooterBottomCopyright .bankIcons .footerSocial li span { float: left; font-size: 12px; color: #fff; } .FooterBottomCopyright .bankIcons .footerSocial a { width: 30px; float: left; margin-right: 8px; } .FooterBottomCopyright .bankIcons .footerSocial i { font-size: 26px; float: left; line-height: 30px; } .FooterBottomCopyright .bankIcons li:hover {} .copyrightText { text-align: center; color: #000; width: 100%; line-height: 30px; font-weight: 500; font-size: 12px; background: #f5f5f5; float: left; } .copyrightText span { font-weight: 500; } .footerTopText {float: left;padding: 30px 0 10px 0;width: 100%;text-align: center;} .footerTopText h3 { font-size: 30px; color: #010101; } .footerTopText p { font-size: 15px; color: #767676; } .footerEBulten { max-width: 1660px; margin: auto; width: 100%; } .footerEBulten .febText { width: 100%; float: left; text-align: center; } .footerEBulten .febText h1 {font-size: 22px;color: #000;font-weight: 700;} .footerEBulten .febText span { font-size: 13px; color: #fff; } .ebultenGelecek { width: 100%;margin: auto; float: left; position: relative; top: -10px; } .ebultenDiv {float:left;width:100%;border-right:1px solid #ebebeb;margin:33px 0;padding-right:45px;min-height:175px;} .tit{float: left;width: 100%;color: #0b443f;font-size:21px;font-weight:500;line-height: 0.8;margin-bottom:20px;} #divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000000; line-height: 1.2; font-size: 12px;} #UpdatePanel1 {position: relative;max-width: 530px;width: 100%;margin: auto;} #txtbxNewsletterMail {display: inline-block;color: #222;background: transparent;width: 100%;height: 50px;font-size: 13px; font-style: italic; padding-left: 20px;text-align:left;font-weight: 500;opacity: 1;border: 2px solid #222;border-radius: 30px;} #txtbxNewsletterMail::-webkit-input-placeholder {color: #222;} #txtbxNewsletterMail:-moz-placeholder {color: #222;} #txtbxNewsletterMail::-moz-placeholder {color: #222;} #txtbxNewsletterMail:-ms-input-placeholder {color: #222;} #txtbxNewsletterMail:focus {color: #222;} .newsbutton {display: inline-block;position: absolute;width: auto;line-height: 50px!important;color: #fff!important;font-weight: 500;font-size: 13px!important;padding: 0px;text-align: center;top: 0px;background: #222;right: 0; border-radius: 0 30px 30px 0; width: 120px; } /* .newsbutton:after { content: "\f1d8"; font-family: FontAwesome; font-size: 14px; color: #fff; background: #232323; line-height: 36px; width: 36px; height: 36px; border-radius: 100%; display: inline-block;} */ .links{float: left;width: 100%;margin-top:40px;} .links ul{float: left;width:100%;} .links ul li{float: left;margin-right: 25px;} .links ul li:last-child{margin-right: 0;} .links ul li a{float: left;color: #0b443f;font-size: 14px;font-weight:500;text-decoration:underline;} #footer .socialDiv {display:block;margin-top:20px;} #footer .socialDiv ul {display:inline-block;vertical-align:top;} #footer .socialDiv ul li {float: left;margin-right: 6px;} #footer .socialDiv ul li:last-child{margin-right: 0;} #footer .socialDiv ul li a {float: left;width:32px;height:32px;border-radius:100%;color: #fff;text-align:center;font-size:14px;background: #435653;} #footer .socialDiv ul li a i{line-height:32px;} #footer .socialDiv ul li a:hover {} .bankimg{float:left;width:100%;} .kartimg{display:block; text-align:center;margin-top: 44px;} .bankimg img, .kartimg img, .store a img{display:inline-block;vertical-align:top;} .store{float:right;} .store a{float: left;margin-right: 25px;width:auto!important;margin-bottom:0!important;} .store a:last-child{margin-right: 0;} .copy{float: left;width:100%;text-align:center;color: #0b443f;font-size:13px;font-weight: 500;line-height:40px;} .ssl{float: left;text-align:center;margin:33px 0;padding:0 40px;border-right:1px solid #ebebeb;} .ssl span{display:block; font-size:16px;font-weight:500;color: #0b443f;margin-top: 20px;} .mail{float: left;text-align:center;margin:33px 0;padding-left:35px;} .mail a{display:block;color: #0b443f;font-size: 16px;margin-top:2px;} .mail img{margin-bottom:15px;} .telefonDiv {} .telefonDiv >span {} #frmBlokEBulten {} #ulBulletin {} .intl-tel-input {} #inptBlokTelefonBulten {} #btnBlokEBultenKaydet {} /*Footer*/ #ticimaxCopyright{clear: both;font-family: 'Montserrat', sans-serif !important;font-size: 12px;font-weight: 500;margin: 0 auto !important;color: #222!important;float: none;line-height: 50px;width: 100%;text-align:center;max-width: 100%;background: #fff;} #ticimaxCopyright a { color: #222!important; font-weight: 800; } #back-to-top {float: right;position: fixed;right: 1%;bottom: 13%;z-index: 9999;} #back-to-top a {float: left;text-align: center;width: 42px;height: 48px;background: url('images/backtotop.png')no-repeat center center transparent;} /*---------------------------- SİTEYE OZEL YAZILMIŞ KODLAR END-------------------------------*/ /* ------------------------------------Container--------------------------------------------*/ .headerContent, .userLoginContent, .hesabimContent, .ticiContainer { max-width: 1660px; margin: 0 auto;position: relative; clear: both; display: block; } #divIcerik { z-index: 999; } .ticiContainer { max-width: 1660px; width: 100%; margin: 0px auto; zoom1: 1; position: relative; z-index: 1; clear: both; } #footer .ticiContainer{max-width: 1660px; } .ticiContainer.homeContainer {} .ticiContainer.categoryContainer {margin-top: 20px; } .CategoryBody {} .ticiContainer.productDetailContainer {} .ticiContainer.pageContainer {} .leftBlock { float: left; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .rightBlock { float: right; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .centerCount { float: left; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .centerCount.Middle {width: 100%;padding: 0;opacity:1; } .centerCount.userLoginContent {width: 100%;padding: 0;opacity:1;} .centerCount.iletisimContent {width: 100%;padding: 0;opacity:1;} .centerCount.UyeolContent {width: 100%;padding: 0;opacity:1;} .centerCount.stakip {width: 100%;padding: 0;opacity:1;} .homeContainer .leftBlock { margin-top: 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: 242px;opacity:1;} .centerCount.LeftMiddle { width: calc(100% - 242px);opacity:1;} .rightBlock.MiddleRight { width: 242px;opacity:1;} .centerCount.MiddleRight { width: calc(100% - 242px);opacity:1;} /*SolveOrta*/ /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {opacity:1;} .rightBlock.LeftMiddleRight {opacity:1;} .centerCount.LeftMiddleRight {opacity:1;} /*SolOrtaSag*/ /*OrtaSag*/ .rightBlock.MiddleRight {opacity:1;} .centerCount.MiddleRight {opacity:1;} /*OrtaSag*/ .categoryContainer .centerCount { } .ticiContainer:before, .ticiContainer:after { content: ""; display: table; } .ticiContainer:after { clear: both; } .ticiContainer { clear: both; zoom1: 1; background: transparent; } .headerContent:after, .headerContent:before, .headerContent:after, .headerContent:before { content: ""; display: table; clear: both; } .filterBlock .Block_Title span { display: none; } /* ------------------------------------Container--------------------------------------------*/ /*windows fixed alanı*/ @media screen and (min-width:768px) { .navigation.fixed { position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 0; z-index: 1000; background: #fff; } .navigation.fixed > div { max-width: 1660px; margin: auto; } body.margin {padding-top:49px;} } /*Tablet ekranına kadar olan windows görünümü*/ @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 (min-width:1850px) and (max-width:1920px) { } @media screen and (min-width:1650px) and (max-width:1800px) { } @media screen and (min-width:1366px) and (max-width:1650px) { .headerTop .headerTopText { max-width: 1300px; } #footer .ticiContainer { max-width: 1300px; } .headerContent, .userLoginContent, .hesabimContent, .ticiContainer { max-width: 1300px; } .anasayfaUrunlerContainer { padding: 0 100px; } .owl-nav { left: -225px; } .sliderBannerAlani .row { margin-bottom: 16px; } .basketBtn { width: 210px; } } @media screen and (min-width:1240px) and (max-width:1366px) { .guvenList ul li { float: left; width: 33.33%; } .dortluBlok a:hover:before { line-height: 150px; } .Instagram .InstagramTitle li:last-child span { font-size: 12px; } .headerTop .headerTopText { max-width: 1200px; } #footer .ticiContainer { max-width: 1200px; } .headerContent, .userLoginContent, .hesabimContent, .ticiContainer { max-width: 1200px; } .anasayfaUrunlerContainer { padding: 0 50px; } .owl-nav { left: -225px; } } @media screen and (min-width:768px) and (max-width:1280px) { .navigation .navUl > li{position:initial;} .navigation{position:relative;} .navigation .navUl > li:nth-child(4) .altMenu, .navigation .navUl > li:nth-child(5) .altMenu{left:0;right:0;} .navigation .altMenu{min-width:100%;} } @media screen and (max-width: 1300px) { } @media screen and (max-width:1240px) { .SmallImages { width: 70px; } .Images { max-width: calc(100% - 80px); } .categoryContainer .ProductList { margin: 0; padding: 20px; } #pnlSlider .flex-direction-nav { top: 40%; } #pnlSlider .flex-direction-nav .flex-prev { left: 0; } #pnlSlider .flex-direction-nav .flex-next { right: 0; } #divOnyazi .urunDetayVideo { float: left; } .sliderUstG { display: none; } #divSliderYani { display: none; } .categoryProductsCol2 { width: 210px; } .sliderBannerContainer {} } /* mobil ve tablet ekran ölçüsüne göre 1024px e kadar bunları uygula */ @media screen and (max-width:1024px) { /******************************************************/ #pnlSlider .HPSItems .flex-control-thumbs { display: none;} .dropdown-toggle::after { display: none !important; } #divSayfalamaUst { margin-bottom: 20px; padding:0; border: none; background:transparent;} .urunListRel { width: 100%; } .brandlistselection {position: static; margin: 0; border: none; min-height: auto; } .mobilFilterOpenBtn .button { width: 47% !important; padding: 5px 0; font-weight: 600; background: #fff; color: #000; border: 1px solid #ddd;} .mobilFilterOpenBtn .mobilFilterBtn { width: 47% !important; padding: 5px 0; font-weight: 600; background: #fff; color: #000; border: 1px solid #ddd; } .mobilFilterOpenBtn { margin-bottom: 0 !important; margin-top: 0 !important; } .filterDeleteContent .appliedFilter { margin: 5px 10px 5px 0; } body .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 .brandlistselection .sortingContent li > a { font-size: 12px; padding: 0 6px; width:100%;color: #000;} body .brandlistselection .sortingContent .appliedFilter { display: none; } body .brandlistselection .sortingContent li > a { text-align: center; border: none; border: none; float: none;} body .brandlistselection .sortingContent li > a:hover{color: #fff;} body .brandlistselection .sortingContent li > a.selected{color: #fff;} body .brandlistselection .sortingContent li:not(.appliedFilter) { padding: 0; width: 100%; border-bottom: 1px solid #ddd; margin:0!important; background: #fff; } body .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { font-size: 12px; } body .brandlistselection .sortingContent li a span { line-height: 30px; } body .brandlistselection .sortingContent li:nth-child(5) {display: block;} body .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;} body .brandlistselection .sortingContent li, .appliedFilter.FiltrelemeUrunAdet{border: none!important;} .category-vertical-filters { margin-bottom: 0 !important; } .panel-heading a { padding-bottom: 0; font-size: 13px; line-height: 35px; color: #000;} .panel-heading { margin-bottom: 0 !important; padding: 0 10px !important } .category-vertical-filters.top-filters { background: #fff !important; position: absolute !important; left: 0; right: 0; top: 100%; z-index: 10; box-shadow: 0 3px 4px 0 #bfbfbf; -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;} .category-vertical-filters.top-filters .panel { width: 100% !important; } .category-vertical-filters.top-filters .panel.vertical-top-price-filter { margin-left: 0 !important; margin: 10px 10px !important; width: 94% !important; } .category-vertical-filters.top-filters .panel { padding: 0 !important; } .category-vertical-filters.top-filters .panel .panel-heading a:after { top: 0 !important; } .category-vertical-filters .vertical-filter-panel .list-group { } .proCategoryTitle.categoryTitleText { max-width: 100%; } .categoryContainer .centerCount {width:100%;} .category-vertical-filters .vertical-filter-panel .list-group a { font-size: 13px !important; line-height: 15px !important; color: #000;} .category-vertical-filters.top-filters .list-group.dropdown li { margin-bottom: 0 !important; border: none !important; height: auto;} .liFiltreElement.list-group-item.list-group-item-image {background:transparent!important;} .category-vertical-filters .vertical-filter-panel .list-group-item:before { width: 15px !important; height: 15px !important; border: 1px solid #ccc !important; border-radius: 3px; background: transparent !important; display: inline-block!important; margin-top: 0 !important; text-align: center; line-height:14px; } .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before { border-color: #000 !important; background: transparent !important; content: '\f00c' !important; font-family: 'FontAwesome'; color: #000; font-size: 12px; } .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { border-color: #000 !important; background: transparent !important; content: '\f00c' !important; font-family: 'FontAwesome'; color: #000; font-size: 12px; } #slider-range { background: #ccc; height: 5px !important; width: calc(100% - 14px); margin:15px 7px!important; float: left; border-radius: 0; border: none;overflow:visible!important; } #slider-range .ui-slider-range { background: #000 !important; height: 5px !important; margin-top: 0px !important; } #slider-range .ui-slider-handle { background: #000 !important; border-radius: 100% !important; width: 15px !important; height: 15px !important; border: 2px solid #fff !important; margin-top: 0 !important; margin-right: -4px !important; top: -5px; } #amount { color: #000000; font-size: 15px; font-weight: 600; left: 0; padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 0; } body #divSayfalamaUst.Slct .blockSelect{display: none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent {padding:10px 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width:100%;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display:none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;} ul.breadcrumb { line-height: 30px; text-align: left; } ul.breadcrumb:before { line-height: 8px; font-size: 12px; } ul.breadcrumb li { line-height: 30px; float: left !important; } ul.breadcrumb *{line-height:10px!important;font-size:12px!important;} ul.breadcrumb li:after { font-size: 10px !important; line-height: 14px !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; } .pageNumberBottom {padding:5px 0;margin:5px 0;} .UyeolContent .grid { margin: 30px 18px; } .owl-carousel .owl-item img { max-width: 100%; } } /* col-md*/ @media screen and (min-width:992px) and (max-width:1240px) { .row { margin: 0; } .elbultenButton span { font-size: 9px; } .JKatAdi .bold .satir1 { font-size: 24px; } .headerContent .headerLinks { top: 32px; } .headerContent .headerLinks li { display: block; } .headerContent .headerLinks li i.fa-flip-horizontal { margin-left: -6px; } .guvenList ul li { float: left; width: 33.33%; } .dortluBlok a:hover:before { line-height: 110px; } .Instagram .InstagramTitle li:last-child span { font-size: 12px; } .headerTop .headerTopText { max-width: 900px; } #footer .ticiContainer { max-width: 900px; } .anasayfaUrunlerContainer { padding: 0 30px; } .owl-nav { left: -170px; } .FooterBottomCopyright .bankIcons li:last-child { max-width: 700px; } .footerSocial li i { font-size: 18px;margin-right: 10px;} .instagramBolumu {min-height: 160px;} .Arama-Anasayfa { height: 430px; } .Arama-Anasayfa .jt .jtext { font-size: 21px; } .categoryContainer .ProductList .ItemOrj { width: 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } body .brandlistselection .sortingContent li:not(.appliedFilter) { margin: 0 5px; } .leftImage { width: 50%; } .RightDetail { width: 50%; } .blokRow .sutun1 { width: 368px; } .blokRow .sutun2 { width: 592px; } .basketBtn, .buyfast {width: 150px;margin-right: 10px;} .basketBtn:before { display: none; } .basketBtn input { padding-left: 20px; } .bedenT { width: 150px; } .searchContent {width: 270px;right: 70px;} .owl-nav .ProductListnext { right: 0; } .owl-nav .ProductListprev { left: 0; } .ProductIcon2 .YorumYazbtnContent a, .ProductIcon2 .TavsiyeEtBtnContent a, .ProductIcon2 .hidden-phone a { font-size: 11px; } .urunTab >ul > li > a { font-size: 9px; } /* ------------------------------------Container--------------------------------------------*/ .homeTab ._tabHead { margin-bottom: 0; } .navigation .altMenu, .navigation > div, .headerContent, ul.breadcrumb, .userLoginContent, .hesabimContent, .ticiContainer, .headerTop .headerTopText, #footer .ticiContainer {max-width:960px; margin: auto;} #pnlSlider { width: 100%; } .FooterMiddle .FooterMiddleLinks > li > span { font-size: 18px; } .headerTop .headerTopText span { } .headerTop .headerTopText ul {} #logo {} .navigation .navUl > li { } .navigation .navUl > li a { font-size: 13px; } .guvenList .guvenListText { height: 100px; } .guvenList .guvenListText img { padding-right: 10px; margin: 10px 0 20px 0;} .guvenList .guvenListText h1 { font-size: 14px; } .guvenList .guvenListText span { font-size: 11px; } /* ------------------------------------Container--------------------------------------------*/ } /* col-sm*/ @media screen and (max-width: 992px) { .anasayfaUrunlerContainer .showAll { border-right: 0; padding-right: 0; right: 0; } .guvenList ul li span { font-size: 13px; width: 100%;} .homeTab ._tabHead { margin-bottom: 0; } .socialButtons { display: none; } .navigation .TempMenu .menuGList { margin-top: 10px; } .homeTab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li { width: 33.33%; } .homeTab ._tabHead li span { font-size: 12px; } } @media screen and (min-width:768px) and (max-width:992px) { .JKatAdi {margin-bottom:5px;width: 100%;min-width: 100%;} .JKatAdi .bold .satir1 {font-size: 25px;text-align: center;line-height: 40px;font-weight: 400;} .JKatAdi .bold .seperator { float: none; margin: auto; clear: both; } .JKatAdi .bold .satir1:before { left: 50px; } #divAdetCombo { margin-bottom: 10px; } .logoNBank .center { position: relative; bottom: 0; } .FooterBottomCopyright .bankIcons > li { width: 50%!important; margin-bottom: 20px; } .examineIcon { left: 27%; } .favori { left: 64%; } .JKatAdi { width: 100%; top: 0; } .JKatAdi .bold .satir1 { float: left; width: 100%; } .JKatAdi .bold .satir2 { float: left; width: 100%; } .JKatAdi .bold .satir2 br { display: none; } .sliderBannerContainer { width: 100%; padding: 0; } .row { margin: 0; } .elbultenButton span { font-size: 9px; } .JKatAdi .bold .satir1 { font-size: 24px; } .headerContent .headerLinks { top: 32px; } .headerContent .headerLinks li { display: block; } .headerContent .headerLinks li i.fa-flip-horizontal { margin-left: -6px; } .guvenList ul li { float: left; width: 33.33%; } .dortluBlok a:hover:before { line-height: 80px; } .Instagram .InstagramTitle li:last-child span { font-size: 12px; } .headerTop .headerTopText { max-width: 720px; } #footer .ticiContainer { max-width: 720px; } .anasayfaUrunlerContainer { padding: 30px; } .owl-nav { left: -170px; } .detaySliderContainer .owl-carousel { width: 100%; margin-top: 0; } #IlgiliUrunDiv .detaySliderContainer .owl-carousel { width: 100%; margin-top: 0; } .mobilSiparisButton li { width: 100%; } .urunDetayIkonlar { float: left; width: 100%; } .urunDetayIkonlar li:first-child { width: 33.33%; float: left; } .urunDetayIkonlar li { width: 33.33%; float: left; margin-bottom: 10px; } #divUrunEkSecenek .eksecenekLine .right_line select { width: 300px; } .FooterMiddle .FooterMiddleLinks > li { width: 25%; } .FooterMiddle .FooterMiddleLinks > li:last-child { width: 100%; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li { width: 33.33%; } #logo .logo img { max-width: 170px; } .headerContent .headerLinks li a { padding: 0 10px; } .headerContent .headerLinks { } .productDetailContainer .product-social-icon-wrapper { left: 0; } .guvenList .guvenListText { height: 100px; padding: 10px; } .guvenList .guvenListText img { padding-right: 10px; margin: 10px 0 20px 0;} .guvenList .guvenListText h1 { font-size: 14px; } .guvenList .guvenListText span {} .ProductName h1 span { line-height: 40px; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li .productItem:hover .mycartIcon { top: 75%; } .footerSocial li i { font-size: 15px;margin-right: 10px; } #logo { max-width: 240px; } .footerSocial { float: left; } .FooterMiddle .footerMiddleLeft > li {max-width: 300px; padding: 0px 10px;} .FooterMiddle .footerMiddleLeft > li:nth-child(2) a { padding: 15px 70px 15px 50px; line-height: 40px; } .FooterMiddle .footerMiddleLeft > li:nth-child(2) a:before { pointer-events: none; line-height: 140px;} .FooterMiddle .footerMiddleLeft > li:nth-child(2) a:after { pointer-events: none; line-height: 140px;} .FooterMiddle .footerMiddleLeft { padding-right: 20px; } .instagramBolumu {min-height: 140px;} .JKatAdi .bold .satir1 { } .Arama-Anasayfa {height: 430px;} .Arama-Anasayfa .jk .Arama-Kriter, .Arama-Anasayfa .jk .jt { width: 100%; } #divOnyazi ul li { width: 100%; margin-bottom: 10px; margin-right: 0; } .bedenTablosu { padding: 0; } .bedenTablosu img { display: block; margin: auto; } .ProductIcon2 .YorumYazbtnContent a, .ProductIcon2 .TavsiyeEtBtnContent a, .ProductIcon2 .hidden-phone a { font-size: 11px; } .Footer .footerTop ul.footerSocial { padding-left: 30px; } .urunTab >ul > li a { font-size: 9px; } .homePageProducts { display: none; } .newsbutton { right: 0px; } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl { } .yanResimliMenu .resimliYanMenu .lfMenu .lfMenuUl .lfMenuitem:before { width: 50px!important; background-size: 100%!important; } .dortluBlok {width: 25%;margin: 0;padding: 2px;} .navigation .altMenu .altMenuler .altMenuSag { display: none; } .navigation .altMenu .altMenuler .altMenuSol { width: 100%; } .headerCikis, .headerUyeOl { margin-left: 0; } #divAramaKategori { display: none!important; } .Basketinp { width: 100%; } .Images { width: calc(100% - 80px); padding-bottom: 120%; } .navigation .navUl > li { padding: 0 10px; } .navigation .navUl > li > a { font-size: 10px; padding: 0 5px; } #pnlSlider { width: 100%} .blokRow .sutun1 { width: 38.3%; } .blokRow .sutun2 { width: 61.7%; } #divSliderYani { display: none; } /* ------------------------------------Container--------------------------------------------*/ .ebultenGelecek {} .searchContent { width: 300px; } .headerContent, ul.breadcrumb, .navigation > div, .navigation > div, .userLoginContent, .hesabimContent, .ticiContainer, #footer .ticiContainer {max-width:720px;} .middleBottomBlock { max-width: 720px; margin: auto; } .guvenList ul li i { width: 100%; } .guvenList .guvenListText i { font-size: 24px; } .guvenList ul li { } .footerCenter .guvenList ul { height: 73px; } .navigation .altMenu { top: 100%; padding-top: 0; padding-bottom: 50px; } .headerTopText *, .headerTopText { font-size: 12px!important; } .headerTop .headerTopText ul li { margin: 0 1px; } .headerTop .headerTopText ul {} .HomeBody .middleTopBlock .sliderBannerContainer { max-width: 720px; } .leftImage { width: 50%; } .RightDetail { width: 50%; margin-left: 0; } .urunTab >ul > li { min-width: 140px; width: 50%; } .homeTab ._tabHead li { margin: 0; padding: 0 5px; } .Blok .blockContainer .blockBanner span { right: 0; line-height: 1.6; font-size: 14px; } .markaSlider .owl-nav { display: none; } .FooterMiddle .FooterMiddleLinks > li > span { font-size: 13px; } .owl-nav { display: none; } .noSlider ul li { width: 33.33%; } /* Siteye Özel*/ .homeTab ._tabHead ul { right: 0; } .homeTab ._tabHead li:after { display: none; } .Blok .blockContainer img { margin-bottom: 10px; } .product-social-media { margin-left: 20px; margin-bottom: 20px; } .basketBtn, .buyfast { width: 300px; margin: 0; margin-bottom: 10px; } .product-social-media ul li.whatsapp a { font-size: 0; } .bedenT { margin-top: 10px; } .ProductIcon .box1 { line-height: 20px; } .FooterBottomCopyright .bankIcons li:last-child { max-width: 540px; } /* ------------------------------------Container--------------------------------------------*/ } /* col-xs */ @media screen and (max-width:767px) { .TahminiKargo{font-size: 10px;} .cerezPopupUyari{width: 97%!important;bottom: 155px!important;} .orders .order-title span.order-no{width: 95px!important;} .orders .order-list .order-info span.order-no{width: 95px!important;} #IlgiliUrunDiv { margin-bottom: 60px; } .solAnaMenu ul li a { line-height: 40px!important; } .Instagram { display: none; } #divUrunEkSecenek .eksecenekLine .right_line { max-width: 190px; } #divTaksitAciklama { width: 100%; } #divTaksitAciklama:before, #divTaksitAciklama:after { font-size: 10px; } .ProductIcon { top: -540px; right: 10px; } .ProductIcon .box1 i { color: #fff; background: #808083; } .mobilNav { display: block; } /*.kategoriText.desktop { display: none; }*/ .kategoriText.mobile { display: block!important; clear:left;} .mobilKategoriMenu { display: block; } #wh-widget-send-button.wh-widget-left { bottom: 70px!important; } .discountIcon { top: 10px; width: 40px; font-weight: 400; } .newIcon { top: 5px; right: 2px; width: 40px; font-weight: 400; } .footerSocial { text-align: center; } .mobilFooterBottom { display: block; margin-top: 20px; float: left; } .FooterBottomCopyright .footerSocial { display: none; } .FooterBottomCopyright .bankIcons > li:first-child { display: none; } .logoNBank { display: none; } .elbultenButton i, .elbultenButton span, .footerSocial li i { color: #222; font-size: 16px; margin-right: 2px; width: auto; } .seoText p { font-size: 9px; } .anasayfaUrunlerContainer { background: #fff; } .detaySliderContainer .owl-carousel { width: 100%; margin-top: 0; } #IlgiliUrunDiv .detaySliderContainer .owl-carousel { width: 100%; margin-top: 0; } .productItem .productName a { color: #222; } .categorydesign { background: #f1f1f1; } .kategoriText h1 { line-height: 40px; } .kategoriText .seperator { display: none; } .kategoriText p { width: 100%; padding-top: 0; } .openSearch { display: none; } .logoNBank .center { position: relative; bottom: 0; display: none; } .elbultenButton { display: none; } .FooterBottomCopyright .bankIcons > li { width: 100%!important; margin-bottom: 10px; text-align: center; } .seoText { margin-bottom: 30px; padding: 20px; } .Instagram .InstagramTitle h1 { font-size: 26px; } .Instagram .InstagramTitle li:last-child span { font-size: 10px; } .Instagram .InstagramTitle li { width: 100%!important; } .anasayfaUrunlerContainer { padding: 20px; } .JKatAdi { width: 100%; top: 0; } .JKatAdi .bold .satir1 { float: left; width: 100%; } .JKatAdi .bold .satir2 {float: left;width: 100%;text-align: center;font-size: 12px;margin-top: 10px;line-height: 14px;font-weight: 400;} .JKatAdi .bold .satir2 br { display: none; } .sliderBannerContainer { width: 100%; padding: 0; } .sliderGelecek { margin-bottom: 20px; } .sliderBannerAlani .row { margin-bottom: 10px; } .urunDetayIkonlar li { width: 33.33%; margin-bottom: 10px; } .urunDetayIkonlar li:first-child { width: 33.33%; } #divUrunEkSecenek .eksecenekLine .right_line select {} .ProductDetail { padding: 0; border: 0; } .blok2 .col-md-4 img { margin-bottom: 20px; } .guvenListFooter .guvenListText strong { font-size: 13px; } .guvenListFooter ul li { width: 50%; } .blokRow .blokBanner { width: 100%; } .blokRow .blokList { width: 100%; } .blokRow .bannerHead h1 {font-size: 18px;color: #e2c685;line-height: 60px;text-align: center;margin-bottom: 20px;} .footerTop .ticiContainer h1 {font-size: 18px; line-height: 60px;text-align: center;} .headerContent .headerLinks { display: none; } .ozelAlan1{width:65px;line-height:11px;font-size:10px;} .ProductIcon > div { width: 100%; } .FooterBottom .seoText { padding: 0 20px; } .mb-30 { margin-bottom: 0; } .Blok .col-md-6, .Blok .col-md-12 { padding: 0; margin-bottom: 20px; } .Blok img { width: 100%; } .Blok > .ticiContainer > .row > .col-md-6 { margin-bottom: 0; } #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul li { width: 50%; } body .brandlistselection .sortingContent li:first-child { position: relative; right: auto; } .FooterBottomCopyright .bankIcons { display: none; } .FooterBottomCopyright .copyrightText {float: left;color: #666666;line-height: 40px;font-size: 11px;} #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite ul { margin: 0 auto; } .headerFavorilerim{ display: none; } .categoryTitleText { padding: 10px 0; } .bedenT { position: absolute; right: 0; top: 30px; } .footerEBulten { padding-top: 46px; } .FooterMiddle .footerMiddleLeft { width: 100%; padding-right: 0; } .FooterMiddle .footerMiddleLeft > li { max-width: 100%; } .footerEBulten .febText { width: 100%; } .middleBottomBlock { padding: 0 15px; } #seciliUrunler, #yeniUrunler { width: 100%; } .seciliUrunlerBanner, .yeniUrunlerBanner { width: 100%; padding: 0; } .Arama-Anasayfa { height: 530px; } .Arama-Anasayfa .jt, .Arama-Anasayfa .Arama-Kriter { width: 100%!important; } .Arama-Anasayfa .jk .Arama-Kriter .Arama-Select{float: left;width: 100%;margin-bottom: 15px;position: relative;} .Arama-Anasayfa .jk .Arama-Kriter #SonucBul { width: 30%; } .Arama-Anasayfa .jk { padding: 20px; top: 100px; } .TukendiIco { top: 0; right: 0; left: 0; height: 77%; } .IndirimliFiyatContent .right_line .spanFiyat { font-size: 20px; } .solBanner { display: none; } #divIcerik .yanResimliMenu { display: none; } .blokRow .sutun2 .st2Satir a { width: 100%; } .homeTab .anasayfaTabAlt { width: 100%; padding: 0; } .sliderBannerAlani .col-xs-6:first-child {margin-bottom: 10px; } .zoom1 { padding: 0; } .guvenList { display: none; } .newsbutton {padding: 0 10px;font-size: 10px!important;width: 80px; background: transparent; color: #222!important; } .blokRow .sutun1 { width: 100%; } .blokRow .sutun2 { width: 100%; } .blokRow { margin-left: 0; margin-right: 0; } .blokRow .sutun4 { margin-bottom: 10px; width: 50%; } .blokRow .sutun2, .blokRow .sutun3, .blokRow .sutun5 { width: 100%; margin-bottom: 10px; } .homeTab .anasayfaTabAlt.active .sliderBannerContainer { margin-bottom: 10px; } .noSlider ul li { width: 50%; } .homeSliderContainer { margin-top: 50px; } .homeSliderContainer h1 { font-size: 18px; padding-left: 30px;} .homeSliderContainer h1:before { left: 50px; } .owl-nav .ProductListnext { right: 20px; } .owl-nav {width: 120px;left: 0;right: 0;margin: auto;top: 110%;} .Footer .footerTop { padding: 30px; } .Footer .footerTop > ul > li { width: 100%; } .Blok .blockText12 h3 { font-size: 20px; } .Blok .blockText12 { padding: 20px; } .guvenList ul li { width:100%; margin: 0; } .guvenList ul li i { font-size: 50px; line-height: 50px; } .categorydesign .kategoriler ul li {margin: 2px;background: #f4f5f7;float: left;padding: 4px;width: 32%;border-radius: 6px;height: 45px;} .categorydesign .kategoriAciklama { padding: 10px; height: 200px; } .categorydesign .kategoriAciklama .kategoriAciklamaText { max-height: 170px; padding-right: 10px; } .row { margin: 0;} .homePageProducts { display: none; } body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:after { left: auto; right: 20px; top: 4px;} .product-social-media { padding: 20px; left: 0;} #divSatinAl .UFavorilerimeEkle { bottom: 120px; } .leftImageBottom { display: none; } .dortluBlok { width: 50%; margin: 0; padding: 10px; max-width: 100%; } .productItem .regularPrice span { margin-right: 2px;} .favori a:before { font-size: 15px; line-height: 52px; width: 24px; } .headerTop { display: none; } .categoryProductsCol3 { max-width: 420px; width: 100%; } .productDetailContainer ul.breadcrumb li { padding-top: 0px; } ul.breadcrumb * { line-height: 14px!important; font-size: 12px!important; } .productDetailContainer .categoryTitle { padding: 0px 10px; } .proCategoryTitle.categoryTitleText ul.breadcrumb { padding: 0!important; } .proCategoryTitle.categoryTitleText { padding: 10px 0;display:none;} a#linkOncekiSayfa{display:block!important;} .footerEBulten ul li { padding: 4px 0; } .categoryProductsCol1 h1 { font-size: 18px; } .categoryProductsCol1 span { font-size: 10px; } .Blok .blockContainer .blockBanner a { width: 100%; } .homeSliderContainer .home-slider { width: 100%;} .Blok .blockContainer .row { margin: 0; } .categorydesign .kategoriUst { max-width: 100%; width: 50%; margin: auto; } .FooterMiddle .FooterMiddleLinks > li ul.footer-social li { width: 50%;float: left;text-align: justify;padding-left: 30px;} .FooterMiddle .FooterMiddleLinks { width: 100%; padding: 0; } .FooterMiddle .FooterMiddleLinks > li { text-align: left; } .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; } .mycart:hover .CartProduct { display: block !important; } .mycart .sepetTopTutar { display: none !important; } .mycart .sepetUrun { display: none !important; } .mycart .sepetTecxt { display: none !important; } .mycart a { display: none; } .CartProduct {background:url('../../PageNotFound.html')repeat-y 0 0 #545049;position: fixed; right: -100%; top: 0; width: 80%; 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**/ /*******************************************MOBİL MENU****************************************/ .mobilMenu {background: #fff;width: 80% !important; height: 100%; position: fixed; top: 0; left: -100%; z-index: 99999999 !important; overflow-y: auto; padding: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .mobilMenu.acik { left: 0; } .mobilMenu .navUl { overflow-y: auto; position: absolute; top: 100px; left: 10px; right: 10px; height: calc(100% - 60px); height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: -o-calc(100% - 60px); } .mobilMenu .navUl > li { float: left; width: 100%; border-bottom: 1px solid #eeeeee; overflow: hidden; position: relative; } .mobilMenu .navUl > li > a { float: left; line-height: 49px; max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; text-transform: uppercase; color: #222; font-size: 14px; display: inline-block; z-index: 4; position: relative; } .mobilMenu .navUl > li > a br { display: none; } .mobilMenu .navUl > li .mobilAcilirMenu { float: right; position: absolute; right: 0; top: 0; line-height: 49px; display: inline-block; text-align: center; width: 100%; font-size: 12px; color: #222; z-index: 3; } .mobilMenu .navUl > li .mobilAcilirMenu i { line-height: 49px; background: #fff; width: 30px; float: right; } .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 { display: none; float: left; width: 100%; background: #fff; border: none; position: relative; padding: 0; top: 0; left: 0 !important; border: none; min-width: 100%; height: auto; text-align: left !important; } .mobilMenu .altMenu .altMenuler { width: 100%; overflow-y: auto; max-height: 300px; background: transparent; padding: 0; border: none; border-top: 1px solid #fff; } .mobilMenu .altMenu .altMenuler .altmenuSol { width: 100%; float: left; } .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; } .mobilMenu .altMenu .altMenuler .altmenuSol > ul >li { } .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 {background: transparent!important; float: left; font-weight: normal; line-height: 30px; position: relative; display: inline-block; color: #222; font-size: 12px; transition: all 0.2s ease; padding: 0 0 0 10px; 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 a br {display: none;} .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 .altMenu .altMenuler .altmenuSol > ul li a:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 3px; display: none; } .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; float: left; } .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: -100%; 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; } .mobilaf.acik { right: 0; } .mobilMenu .lfMenuUl { overflow-y: auto; position: absolute; top: 50px; left: 10px; right: 10px; height: calc(100% - 60px); } .mobilMenu .lfMenuUl .lfMenuitem { float: left; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.21); overflow: hidden; position: relative; } .mobilMenu .lfMenuUl .lfMenuitem > a { float: left; line-height: 50px; max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; color: #fff; font-size: 14px; display: inline-block; z-index: 4; position: relative; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent { display: none; float: left; width: 100%; background: rgba(255, 255, 255, 0.21); border: none; position: relative; padding: 0; border: none; min-width: 100%; height: auto; } .mobilMenu .lfMenuUl .lfMenuitem .mobilAcilirMenu { float: right; position: absolute; right: 0; top: 0; line-height: 50px; display: inline-block; text-align: center; width: 100%; font-size: 12px; color: #fff; z-index: 3; } .mobilMenu .lfMenuUl .lfMenuitem .mobilAcilirMenu i { line-height: 50px; background: rgba(255, 255, 255, 0.21); width: 30px; float: right; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 { float: left; width: 100%; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Tittle { display: none; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim { float: left; width: 100%; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem { float: left; width: 100%; position: relative; margin-bottom: 5px; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemR { float: left; width: 50px; height: 50px; margin-right: 10px; } .mobilMenu .lfMenuUl .lfMenuitem .lfMenuAltContent .altMenu_1 .altMenu_Resim .altMenu_Resim_RowItem .altMenuItemN { float: left; line-height: 50px; color: #fff; font-size: 12px; } /*******************************************MOBİL 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;z-index:99; } /*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; } .iletisimContent .iletisimRight{display:none;} .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%; } #divBenzerUrun, #IlgiliUrunDiv .detaySliderContainer { background: transparent; padding-bottom: 90px; } #divBenzerUrun .JKatAdi .bold .satir2 { display: none; } /*Sabit sayfalar icerik*/ /*Header Sabitler*/ .navigation { display: none } #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; z-index: 999; height:auto;position: fixed;left: 0;right: 0;top: 22px;} #header.productHeader { position: absolute; } #header.homeHeader { border: none; } .headerContent {text-align:left; height: 80px;} .Mhtop{ position: fixed; top: 0; z-index: 999; text-align: center; line-height: 22px; color: #fff; background: #000; width: 100%;} /*Logo*/ #logo { float: none; position: static; display: block; border: none; width: auto;padding: 0; background: transparent; margin: 0; height: auto; } #logo .logo {margin: 0 auto;max-width: 150px;width: 100%;float: none;padding: 0 0 20px 0;text-align: center;display:block;left: 0;top: 10px;} #logo .logo img { max-width: 100%; display: inline-block; max-width: 120px; } /*Logo*/ /*header click button*/ .mycartClick { font-size: 24px; top: 30px; right: 5px; width: 45px; height: 25px; position: absolute; color: #000; display: block; } .mycartClick i { float: left; } .mycartClick span {float: left;font-size: 11px;line-height: 30px;padding-left: 10px;} .searchOpen { display: block; font-size: 25px; color: #000; position: absolute; right: 60px; top: 30px; } .searchOpen i { float: left; } .mobilMenuAcButton { position: absolute; left: 10px; color: #000; top: 20px; width: 52px; } .mobilMenuAcButton span { color: #000; font-size: 8px; width: 100%; float: left; font-weight: normal; } .mobilMenuAcButton i.fa-search { float: right; margin-left: 5px; font-size: 22px; line-height: 21px; } .mobilMenuAcButton i.fa-bars { float: left; font-size: 22px; line-height: 26px; } .menuUstBolum {width: 100%;display: inline-block;float: left;height: 90px;border-bottom: 1px solid #eeeeee;} .menuUstBolum a { float: left; line-height: 49px; color: #222; font-size: 14px; } .menuUstBolum a i {line-height: 49px;} .menuUstBolum .CloseBtnMenu { float: right; line-height: 40px; color: #222; font-weight: 600; font-size: 24px; width: 30px; text-align: center; margin-top: 8px; } /*header click button*/ /*Arama*/ .searchContent { display: block; width: 100%; margin: 0; height: 0; background: transparent; overflow: hidden; position: absolute; top: 100%; left: 0; padding: 0; 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 { display: none!important; 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;} .searchContent.active #txtbxArama { padding: 0 45px 0 10px; } #btnKelimeAra {width: 94px;height: 34px;right: -10px;top: 0px;line-height: 34px;text-indent: 0; left: auto;} /*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:#545049;} .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-right:10px;} .headerSocialConnect .baglanButton a{line-height:34px;font-size:13px;} .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block; font-size: 13px; line-height: 34px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin-right: 0; font-weight:500; box-shadow: none; } .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; box-shadow: none; } .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 seçeneği*/ #lang_flag_container { left: auto !important; right: 0; top: 0 !important; position: absolute !important;margin: 0;} #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 seçeneği*/ /*Header Sabitler*/ /*Ürün box sabit*/ .productItem .productPrice { } .productItem .discountPrice { } .productItem .regularPrice {} .productItem .discountPrice span { font-size: 15px; color: #222!important; } .productItem .IndirimVar .discountPrice span { font-size: 15px; } .productItem .regularPrice span { font-size: 12px; color: #222!important; -moz-text-decoration-color: #222; text-decoration-color: #222; } /*Ürün 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: 10px; 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; } /*Ürün butonları*/ .ProductIcon { padding:0; text-align: center; z-index: 9999; } .ProductIcon .box1 { } .ProductIcon .box1 i {} .ProductIcon >div > a{} .ProductIcon .box1:before{display: none!important;} /*Ürün butonları*/ /*Ürün butonları2*/ .ProductIcon2 .YorumYazbtnContent, .ProductIcon2 .TavsiyeEtBtnContent, .ProductIcon2 > .hidden-phone{min-width: 100%;} .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 {} /*Ürün butonları2*/ .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*/ /******************************************************/ #back-to-top { } #back-to-top a {} /*Özel içrik Alan*/ body{padding:97px 0 80px;} .htop,.hsoc{display: none!important;} .sliderAlt{margin:5px 0 0;} .sliderAlt ul li{width: 49%;margin-right:5px;margin-bottom:5px;} .sliderAlt ul li:nth-child(2n){margin-right: 0;} .fg{margin:5px 0 0;} .fg ul li{width: 49%;margin-right:5px;margin-bottom:5px;} .fg ul li:nth-child(2n){margin-right: 0;} #YatayUrun{margin-top:0;width:100%;} #YatayUrun .YatayUrunAlt .JKatAdi .bold .satir1{font-size:12px;line-height:35px;} .homeTab{width:100%;padding:0;margin:5px 0 0;} .homeTab ._tabHead { border-bottom: 0; width: 100%; } .homeTab ._tabHead ul{width:100%;border: 0; right: 0; } .homeTab ._tabHead li:after { display: none; } .homeTab ._tabHead ul li{width: 33.33%;border-right: 0;padding: 0;margin: 0;text-align: center;text-align: center;border-radius: 0;border-right: 1px solid #efecec;float: left;min-width: auto;} .homeTab ._tabHead li._tabHead_active { } .homeTab ._tabHead li span{font-size:10px;line-height: 16px;padding: 10px 2px;text-align: center;} .homeTab ._tabHead > h1 { } .mycartIcon{left:5px;right:5px;} #solSliderDiv{width:100%;margin-top:5px;padding:0;} #SliderCont{width:100%;margin-top:5px;padding:0;} .tit{margin:10px 0;font-size:14px;} .links{margin:5px 0;} .links ul li{margin-right:0;width:50%;text-align:center;} .links ul li a{width:100%;} .ssl{width:100%;padding:0;margin:0;} .ssl img{height:33px;} .ssl span{font-size:10px;margin-top:5px;} .mail{width:100%;padding:0;margin:0;} .mail img{margin-bottom:0;height:33px;} .mail a{font-size:12px!important;} .categoryContainer #pnlSlider{margin:0;} .categoryContainer .categoryTitleText{margin:0;} #divIndirimOrani{z-index:10;} .PriceList{padding:10px 0; margin-bottom: 0; } .DetayOnyazi .dtex{line-height:17px!important;} /*Özel içerik Alan*/ /*Sabitİcerik*/ .homeTab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul{margin:0;} .homeTab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li{width:50%;margin:0;padding:0 3px;margin-bottom:6px;} .homeTab .anasayfaTabAlt .sliderBannerContainer.NoSlider .jCarouselLite ul li:nth-child(2n){margin-right: 0;} #divSliderYani { width: 100%; margin:0; padding: 0; border: none; } .leftImage .owl-nav{display: none;} #ticimaxCopyright { padding: 3px 0; font-size: 10px; } #ticimaxCopyright * { font-size: 10px; } .productItem:hover { box-shadow: none; } .productItem:hover .productImage a:after { display: none; } .productItem:hover .productName a:after {display:none;} .productItem:hover .productDetail:after { display: none !important; } .productItem:hover .examineIcon { display: none; } .productItem:hover .mycartIcon {} .productItem:hover .favori {display:none;} .productItem:hover .boxBedenlerContent { display: none !important; } .sliderBannerContainer .JKatAdi { } #divBenzerUrun .JKatAdi { } .sliderBannerContainer {margin: 0; } .JKatAdi {margin-bottom:5px;width: 100%;min-width: 100%;} .JKatAdi .bold .satir1 {font-size: 25px;text-align: center;line-height: 40px;font-weight: 400;} .JKatAdi .bold .seperator { float: none; margin: auto; clear: both; } .JKatAdi .bold .satir1:before { left: 50px; } #divUrunEkSecenek .eksecenekLine { margin-top: 0; width: 100%; margin-bottom: 0; } #divUrunEkSecenek { } #divEkstraBilgiler { top: 10px; } .detaySliderContainer { margin:20px 0 0;} #OzelSliderDiv .OzelSliderAlt .sliderBannerContainer ul { margin: 0; } #OzelSliderDiv .OzelSliderAlt .sliderBannerContainer ul li { width: 50%; padding: 0 3px; } #divMobileImageList .owl-controls .owl-dots { position: absolute !important; left: 0; right: 0; margin: 0 !important; bottom: 5px; } #divMobileImageList .owl-controls .owl-dots .owl-dot { width: 10px !important; height: 10px !important; margin: 0 2px !important; background: transparent!important; border: 2px solid #000; } #divMobileImageList .owl-controls .owl-dots .owl-dot.active { background: #000 !important; } /*Sabitcerik*/ /*CONTENT*/ /*Anasayfa*/ #pnlSlider { width: 100%; margin:0; padding: 0; } #pnlSlider .flex-control-nav { bottom: 5px; } #pnlSlider .flex-control-paging li a{width:12px;height:12px;} #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 a{font-size:12px;text-align:center;} .ban { float: left; width: 100%; margin: 0 0 5px; } .ban img { width: 100%; } .ban1 { width: 100%; margin-right: 0; margin-bottom: 5px !important; } .ban1-5 { width: 100%; margin-right: 0; margin-bottom: 5px;} .ban2 { width: 100%; margin-right: 0; margin-bottom: 5px; } .ban3 { width: 100%; margin-right: 0; margin-bottom: 5px; } .ban4 { width: 100%; margin-right: 0; margin-bottom: 5px; } .ban4:nth-child(2n){margin-right: 0;} .ban5 { width: 18.7%; margin-right: 5px; margin-bottom: 5px; } .ban6 { width: 100%; margin-right: 0; margin-bottom: 5px; } .ban9 { width: 100%; margin-right: 0; margin-bottom: 5px; } .homeContainer .ProductListContent { margin-top: 10px; } .homeContainer .ProductListContent .productItem { margin-bottom: 5px; } /*Anasayfa*/ /*Footer*/ .FooterMiddle .ticiContainer:before { display: none; } .FooterMiddle .FooterMiddleLinks { border: 1px solid #f1f1f1; border-bottom: 0; } .FooterMiddle .FooterMiddleLinks > li { width: 100%; text-align: center; padding: 10px; z-index: 9; border-bottom: 1px solid #f1f1f1; } .FooterMiddle .FooterMiddleLinks > li:after{ content: ""; font-family: FontAwesomePro; font-size: 16px; color: #222; display: inline-block; float: right; position: absolute; right: 10px; pointer-events: none; } .FooterMiddle .FooterMiddleLinks > li:last-child { width: 100%!important; } .FooterMiddle .FooterMiddleLinks > li span { float: left; width: 100%; line-height: 30px; color: #222; text-align: left; font-weight: 500; } .FooterMiddle .FooterMiddleLinks .footerSocial { text-align: center; } .FooterMiddle .FooterMiddleLinks .footerSocial li { display: inline-block; } .FooterMiddle .footerMiddleLeft > li:nth-child(2) a {line-height: 80px;} .FooterMiddle .FooterMiddleLinks > li > span:after { margin: 0 auto 16px auto; } .FooterMiddle .FooterMiddleLinks > li.ebultendiv ul li { font-size: 12px; } .FooterMiddle .FooterMiddleLinks > li a:before { display: none; } .FooterMiddle .FooterMiddleLinks > li > ul { display: none; float: left; width: 100%; text-align: left; } .FooterMiddle .FooterMiddleLinks > li ul { margin-bottom: 0; } #footer { margin-top: 0; background-size: cover; padding-bottom: 0; background: transparent; } #footer .ticiContainer { padding: 0 15px; } /* .FooterTop {padding:0;height:100%;display:block!important;} */ .FooterMiddle { padding:0; } .ebultenDiv { width: 100%; text-align: center; margin:0; padding: 0; float: left; background: transparent;min-height:100%;} .ebultenGelecek { width: 100%; margin: 0 0 20px 0; max-width: 100%; padding: 0; } .Ebulten { width: 100%; } #UpdatePanel1 {} #txtbxNewsletterMail { font-size: 12px; width: 100%; border-radius: 0; background: #f1f1f1!important; border: 0; } #divNewsLetter { width: 100%; display: block; padding: 20px; background: transparent; height: auto; } #divNewsLetter h1 { font-weight: 400; margin-bottom: 10px; } #divNewsLetter span {text-align: center;font-size: 12px;color: #666666;font-weight: 500;font-style: italic;padding: 0;} .newsbutton i { display: none; } #footer .linkler { padding:10px 0 0; border:none;} #footer .linkler .blink { width: 100%; float: left;padding:0;margin: 0;} #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:12px;padding: 0;} #footer .linkler .blink ul li span:after{display: none;} #footer .linkler .blink ul li { float: left; width: 100%; text-align: center;min-height:100%;padding:0;border:none;} #footer .linkler .blink >ul{display:block;} #footer .linkler .blink >ul >li {width:100%!important;} #footer .linkler .blink ul li ul {float: left; width: 100%; } #footer .linkler .blink ul li ul li a{font-size:10px;margin-bottom:7px;} #footer .linkler .blink > ul > li:last-child{width:100%;} #footer .socialDiv{width:100%;margin:0 0 5px;} #footer .socialDiv ul{text-align:center;display:block!important;width:100%;} #footer .socialDiv ul li{width:auto;float: none;display:inline-block;vertical-align:top;margin-right: 5px;} #footer .socialDiv ul li a{width:31px;height: 31px;font-size:16px;} #footer .socialDiv ul li a i{line-height:31px;} .product-social-media ul li.whatsapp a { font-size: 0; } .telefonDiv { width: 100%; padding: 10px 0; border-right: none; } #btnBlokEBultenKaydet { width: 100%; margin-top: 10px; line-height: 30px; } .telefonDiv >span { font-size: 10px; } .kartimg{width:100%;text-align:center;margin-top:5px;} .bankimg{width:100%;text-align:center;} .store { text-align: center;width: 100%; padding: 0;margin:0;} .store a { float: none!important; display: inline-block;width: auto;} .store a:last-child{margin: 0;} .store a img{display:inline-block;vertical-align:top;height:20px;} /*Footer*/ /*Kategori*/ #divIcerik.categoryContainer { padding: 0 5px 20px 5px; } .productItem {} .productItem .productName { display: block; } .productItem .productName a { font-size: 12px; } .productItem .productDetail { position: relative; display: block; height: 70px; } .productItem .productPrice { margin-top: 2px; display: block; width: 100%; } .productItem .productPrice.showLastDayCounter{display:block!important;} .productItem .productPrice.showLastDayCounter .discountPrice span{font-size:12px!important;} .productItem .productPrice.showLastDayCounter .regularPrice span{font-size:15px!important;} .productItem .productPrice.showLastDayCounter .regularPrice span.spnLastDayCounter{font-size:10px!important;float:left!important;margin-top:-20px!important;} .productItem .productTimer span.productTimerContent span{font-size:9px!important;} .productItem .productTimer span.productTimerContent{min-width:35px!important;} .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%; } /*Kateori*/ /*Detay*/ .TopDet {padding:0;margin:0;} .RightDetail .TopList { width: 100%;} .RightDetail .MiddleList { width: 100%; } .RightDetail .BottomList { width: 100%; padding-top: 20px; } .ProductIcon2 { position: static; float: left;margin:0;padding:0;width:100%;} .bedenTablosu { padding: 0; } .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;} .ProductDetail .product-social-icon-wrapper ul {float:left;margin:0;} .ProductDetail .product-social-icon-wrapper ul li {margin-right: 7px;} .ProductDetail .product-social-icon-wrapper ul li a { width: 30px; height: 30px; 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;} .ProductName h1 span { text-overflow: ellipsis; overflow: hidden; line-height: 36px;font-size:20px;} #divMarka { margin-bottom: 0; } #divTaksitAciklama * { font-size: 10px; } #divSatinAl { padding:0;} .BasketBtn { width: 100%; } .Basketinp { padding: 0; margin:0; } #divKombinSatinAl{max-width:100%;} .riSingle { width: 100%; margin-bottom: 6px; } #txtbxurunSiparisAdedi { width: 100%!important; } #divOnyazi ul li { width: 100%; margin-bottom: 10px; } .basketBtn {width: 100%;margin: 10px 0 0 0; top: 0; } .buyfast { width: 100%; margin-left: 0; margin-top: 15px; } .basketBtn input, .buyfast input { text-indent: 0; } .Basketinp p {} .basketBtn:before { left: 50px; } #divStokYok {font-size: 15px;padding:4% 0;} .ProductDetailMainRow { padding: 0 0 20px 0; margin: 0; } .urunOzellik { margin: 0;padding: 5px; border: none; background: #fff; width: 100%;border-radius: 5px;} .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%;} .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; font-size: 14px; color: #000;} .urunOzellik .mobilTab > ul > li > a:after { float: right; line-height: 35px; content: '\e874'; font-family: 'Linearicons-Free'; } .urunOzellik .mobilTab > ul > li.active > a {color:#000;} .urunOzellik .mobilTab > ul > li.active > a:after { content: '\e873'; } .urunOzellik .mobilTab > ul > li.TabUrunOnerileri, .urunOzellik .mobilTab > ul > li.TabYorumlar{display:none;} /*Dety*/ } @media screen and (max-width:410px) { #divSatinAl .UFavorilerimeEkle { bottom: 140px; } } @media screen and (max-width:375px) { } @media screen and (max-width:320px) { .FooterMiddle .FooterMiddleLinks > li ul li i { left: 0; } .bedenTablosu img { display: none; } #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box { margin-right: 4px; } } .category-banner { float: right; /*width: 100%;*/ clear: both; margin: 20px 0px; top: 97px !important; }