/* fonts */ @primary-font : "Open Sans"; /* colors */ @body-background-color : #ffffff; @body-border-color : #000000; @menu-background-color : #54555e; @menu-background-color-rgba : rgba(84, 85, 94, 0.3); @footer-background-color : #eeeeee; @menu-color : #043964; @menu-hover-color : #dedede; @menu-dropdown-color : #54555e; @secondary-menu-color : #54555e; @secondary-menu-hover-color : #ffb554; @footer-menu-color : @primary-link-color; @footer-menu-hover-color : @primary-link-hover-color; @footer-secondary-color : #e3e3e3; @primary-text-color : #585858; @secondary-text-color : #878787; @primary-link-color : #585858; @primary-link-hover-color : #e0243c; @primary-border-color : #cacaca; @secondary-border-color : #dadada; @secondary-color : #80ccc0; @dropdown-background-color : #e8e8e8; @white : #FFFFFF; @primary-color : #e0243c; @button-color : #ff7116; @pagination-color : #757575; @turkuaz : #4faaa8; @mor : #12aaaf; @dark-mor : #088084; @pembe : #ee9e63; @site-renk : #35960c; @turuncu : #d2372d; .newInfo { background-color:#70c238!important; } /* product alert */ .orange-alert{background-color : @primary-color;} .red-alert{background-color : #e05151;} .green-alert{background-color : #70c238;} .gray-alert{background-color : #747474;} .turuncu-alert{background-color: #eb483a;} .warning-alert{color : #d53939;} .btn-orange{background: #ffaf4b; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); border: 1px solid #CCC; color: #FFF !important; &:hover{color: #FFF;} } .btn-site-renk {background-color:@site-renk;background-image:none;color:#fff;text-shadow:none;} .btn-site-renk:hover {background-color:#214d71;background-image:none;color:#fff;text-shadow:none;} .btn-site-turuncu {background-color:#9e9d9d !important;background-image:none;color:#fff;text-shadow:none;border:0px;} .btn-site-turuncu:hover {background-color:#9e9d9d !important;background-image:none;color:#fff;text-shadow:none;border:0px;} .btn-site-turuncu:focus {background-color:#9e9d9d !important;background-image:none;color:#fff;text-shadow:none;border:0px;outline:0px;} /* functions */ .radius(@radius: 3px){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .transition(@type, @time){ transition-property: @type; transition-duration:@time; } .rotate(@degree){ -ms-transform: rotate(@degree); -webkit-transform: rotate(@degree); transform: rotate(@degree); } /* general definitions */ body{font-family: @primary-font; color: @primary-text-color; background-color: @body-background-color; overflow-x: hidden;} a{text-decoration: none !important; .transition(color, 0.4s); color: @primary-link-color; &:hover{color:#000;}} .no-padding{padding: 0; margin: 0;} .no-margin{margin: 0 !important;} // .container {width:1290px;} .checkbox{margin-top: 0;} .margint10{margin-top: 10px;} .form-control:focus{border-color: @menu-background-color-rgba; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @menu-background-color-rgba;} .display-none{display: none;} .mini-select{height: 30px; padding: 2px 8px; font-size: 13px;} [role=button]{cursor:pointer} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color: transparent; border: 1px solid @primary-border-color; border-bottom: 0;} .activeSize{float: left; padding: 4px; border: 2px solid #000 !important;} .btn-black{background-color: #000 !important; color: #FFF !important; font-weight: 700; padding: 6px 8px; margin-top: 3px; margin-bottom: 10px;} .product-detail .infos .variants .color-border{margin-bottom: 12px; padding: 0px 5px;} .product-detail .infos .variants .color-border a{float: left; padding: 4px; font-size: 12px;} .line-through{text-decoration:line-through} /* ajax loading */ #ajax-loading{width: 100%; padding: 200px 0px 200px 0; text-align: center; font-size: 50px;} /* strike */ .strike{position: relative;} .strike:before{border-bottom: 1px solid red; position: absolute; content: ""; width: 100%; height: 55%;} /* table cell */ .display-table{display: table;} .display-table-cell{display: table-cell; vertical-align: middle; float: none;} /* scroll top */ #scrollTop{position: fixed; bottom: 40px; right: 15px;text-align:center; width: 45px; height: 45px; background-color:#bc9a69; color: #FFF; padding: 7px 8px 5px 7px; font-size: 15px; font-weight: bold; cursor: pointer; z-index: 50; display: none;} #scrollTop i{margin-top: 7px;} /* warning */ #warning{float: left; width: 100%; position: fixed; margin-top: 80px; z-index: 99999; text-align: center;} #warning .warning{background-color: @menu-background-color; display: none; padding: 7px; padding-left: 20px; padding-right: 20px; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 3px; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.85);} #warning .warning i{margin-left: 10px; font-weight: bold; font-size: 19px; cursor: pointer;} /* warning alert */ .warning{color: #d00101; font-size: 13px; padding-top: 2px;} .phone-mask-warning{height: 0;} /* alert tanımlamaları */ .sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family: 'Open Sans';width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:25px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:20px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff; font-family: inherit; border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate} /* slimscroll */ .slimScrollBar{border-radius: 7px !important; background: #3a3a3a !important;} /* product edit */ .edit-product{position: fixed; z-index: 10; height: 48px; padding: 5px; left: 7px; top: 350px; border: 1px solid #909090; background-color: #dfdfdf; cursor: pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); span{float: left; margin-left: 5px; padding-right: 5px;} a{float: left; font-size: 14px; font-weight: 700; margin: 9px 2px 2px 2px;} img{float: left;} } /* styles */ .ebulletin{position:absolute;top:-123px;right:20px;background: @dark-mor; width:250px; height:64px; color:@white; margin:8px 0 0 0; transition:background 0.45s; z-index:1; cursor:pointer; .ebulletin-text{width:197px; height:64px; font-size:14px; b{font-weight:500; text-decoration:underline; font-size:14px;} } .plus{width:50px; height:64px; line-height:1; font-size:24px; background: #076a6d;} .add-mail{position:absolute; width:100%; top:100%; left:0; z-index:9999; background: @dark-mor; height:0; transition:height 0.45s; overflow:hidden; .mail-box{float:left; width:72%; height:30px; font-size:13px; color:#4c4c4c; border:1px solid #bbb; padding:0 10px;margin:10px 0 10px 4%; border:none;} .mail-button{float:right; width:20%; height:30px; font-size:13px; color:@white; margin:10px 4% 10px 0; border:none; background: @mor;} } &:hover, &:focus{background: #076a6d; .add-mail{height:50px;} } } .main-menu{padding:0;text-align:center; ul{margin-bottom: 0;} ul li{padding: 16px 3px 16px 8px;/*position:relative;*/ display: inline-block; a{color:#000000;padding: 16px 0px 16px 0; font-size: 15px; font-weight:600;text-transform: uppercase; &:hover{color:#000000;} span {font-size:12px;float:right;padding:4px 0;} } .dropdown-submenu{text-align: left; width: auto;min-width:300px; position: absolute; background-color: @dropdown-background-color; border: 1px solid @primary-border-color;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.5); z-index: 999999; top: 53px; left: -4px; display: none; .transition(display, 0.2s); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); ul{padding: 20px 15px 5px 15px; width: 200px;} ul li{display: inline; float: left; width: 170px;margin-bottom: 19px; text-align: left; height: auto; padding-left: 0; a{font-weight: normal; color: @menu-dropdown-color; font-size: 13px; color: #111; padding: 0; &:hover{color: @menu-hover-color; color: #111;} } } .category-box{padding: 8px; .inner{border: 1px solid @secondary-color; height: 138px; margin-bottom: 6px; padding-top: 24px;} .title{ .transition(all, 0.2s);} a{color: @secondary-color; font-weight: 550; font-size: .9em!important; padding: 0;.transition(all, .3s);} &:hover{ a{padding-left:15px;color: @mor;} .inner{border-color: @mor;} } &:not(:last-child) { border-bottom:1px solid #dadada } } } } ul li.active{ .dropdown-submenu{display: inline;} } .mainMenuWhatsapp {background-color:#25d366;text-align:center;padding:15px 15px;margin:0px 10px; a {color:#fff;padding:17px 10px;font-size:14px; &:hover {color:#fff!important;} } &:hover {background-color:#1ea250;transition:all 0.4s;} } .stickyLogo {display:none;} .stickySepet {display:none;} } .main-menu ul li:after { content : ""; position: absolute; right : 0; z-index: 100; top : 20px; width : 1px; height : 40%; /* or 100px */ /*background: #eaeaea;*/ } .main-menu ul li.outletUrunler:after { content : ""; position: absolute; right : 0; z-index: 100; top : 20px; width : 0; height :0px; /* or 100px */ background: #fff; } .main-menu ul li.outletUrunler a:hover { color:@white; } /* basket popup */ header .head-content .buttons .basket:hover .basketPopup{display: inline;} .basketPopup{position: absolute; display: none; z-index: 1001; width: 375px; font-size: 13px; /* overflow-x: hidden; overflow-y: auto; */ margin: 10px 0px 0px -348px; background-color: @white; color: @primary-text-color; border: 1px solid #d1d1d1; padding: 10px; padding-top: 0; a{font-size: 13px;} .products-basket{ .product-basket{border-bottom: 1px solid #d1d1d1; margin-bottom: 8px; padding-bottom: 9px; .image{ img{border: 1px solid #d1d1d1; padding: 1px;} } .name{padding-left: 14px;} .delete{ i{font-size: 21px;} } .display-table{height: 60px;} } .title{font-size: 17px; font-weight: 700; margin-top: 6px; margin-bottom: 10px;} .link{margin-top: 9px;} } } .instagramBloks { margin-bottom:10px } .border-bottom-black{border-bottom:1px solid #000;} .headContentMenu.sticky{padding:5px 0px;position: fixed;background-color:#ffffff; z-index: 20; width: 100%; top: 0; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); .width75StickyNav{width: 75%;} .head-menus{display: none;} .head-content{margin-bottom: 0; .logo img.logo{height: 45px; margin-top: 6px;} .buttons{margin-top: 13px;} .menus{ .main-menu{margin-top: 10px;} } } .mainMenu { a {font-size:14px;color:#000; &:hover{ color:#000 !important; } } } .stickyLogo {display:inline-block !important;float: left;position: relative;top: 3px;padding:0;} .mainMenuWhatsapp {display:none;} .stickySepet {display:inline-block;padding:15px 0; a { span {padding-right:10px;font-size:22px;} } } .stickyMusteriYorumlariList {display:none;} } .favoriler .basket-products{font-size: 15px;color: #000000; a{text-decoration: underline !important;} } header{background-color:#ffffff; .mini-logo{position: absolute; top: -100px; z-index: 21; opacity: 0; .transition(all, 0.3s);} .head-menus{margin-top: 3px; a{color: @secondary-menu-color; font-size: 13px; padding: 0px 0px 0px 20px; &:hover{color: @secondary-menu-hover-color;} } .login-dropdown{position: absolute; z-index: 10; font-weight: normal; top: 105px; padding: 20px 20px; right: 0; width: 420px; background-color: @white; border: 1px solid @primary-border-color; .title{font-size: 16px; border-bottom: 1px solid @primary-border-color; margin-bottom: 10px; padding-bottom: 10px; a{color: @button-color; padding: 2px 0;} } .form-group{margin: 6px 0 3px 0;} input[type=button]{background-color: @button-color; color: @white; margin-top: 10px;} a{padding-left: 0;} } } .social{ margin-top: 10px; img{ .transition(opacity, 0.4s); &:hover{opacity: 0.6;} } } .head-content{padding: 0px 0px 0px 0px; margin-bottom: 10px; .logo{ img{max-height: 75px;} } .buttons{margin-top: 25px; .basket{position: relative; width: 28px; height: 45px; background-repeat: no-repeat; span{position: absolute; left: 30px; top: -10px; font-weight: bold; font-size: 17px;} } .favorite{width: 32px; height: 31px; background-repeat: no-repeat; margin: 2px 16px 0px 12px; span{font-weight: bold; font-size: 16px; width: 100%; text-align: center; margin-top: 3px;} } .search{width: 32px; height: 31px; background-repeat: no-repeat;} .search-box{position: absolute; margin-top: 34px; right: 15px; .search-button{position: absolute; z-index: 10; right: 2px; top: 2px; height: 20px; padding-top: 2px;} input[type=text]{height: 24px;} } } .menus{ .main-menu{ margin-top: 20px; padding: 0px; ul li{float: left; a{color: @menu-color; padding: 0px 0px 0px 0px; margin: 0px 40px 0px 0px; font-size: 14px; &:hover{color: @primary-link-hover-color;} } a.active{ color: @primary-link-hover-color; } .dropdown-submenu{ position: absolute; z-index: 1000; width: 800px; height: auto; background-color: #FFF; padding: 5px 5px 5px 5px; margin-top: 18px; display: none; -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.35); a{color: @primary-link-color; font-size: 13px; padding: 0px 25px 0px 0px; &:hover{color: @primary-link-hover-color;} } a.active{ background-color: transparent; } ul{margin-right: 10px; width: 220px; margin-bottom: 5px;} .categories{padding: 10px 10px 10px 20px;} } } } } } .headContentMenu {background-color:#efefef;} .headerTop {width:100%;height:40px;background-color:#f3f3f3; a {line-height:40px;margin-right:10px;font-size:13px;font-weight:600; span {padding-left:5px;font-weight:400; .fa {color:@turuncu;} } i {color:#4caf50;font-size:20px;vertical-align:middle;} img {padding-right:5px;} b {font-weight:700;} span.whatsappPhone {font-weight:600;font-size:14px;} } p {line-height:50px;margin-right:10px;font-size:13px;font-weight:600;margin-bottom:0px; img {padding-right:10px;vertical-align:sub;} b {font-size:15px;} } a.headerTopLogin {padding:10px 15px;background-color:#35960c;color:#fff; span {border: 1px solid #fff;border-radius: 50%;text-align: center;display: inline-block;padding: 3px 5px;margin-right:3px;color:#fff;} } .siparisTakip {position:relative; a {margin-right:0px;color:#585858;font-weight:500;font-size:13px;padding-right:15px;position:relative;padding-bottom:5px;} .siparisForm {display:none;position:absolute;left:0px;padding-top:5px;top:18px;z-index:9999;width:200px; input {padding:20px 12px;} .exit { i {color:@turuncu;cursor:pointer;} } } button {width:100%;background-color:#ba6126!important;border:0px;color:#fff;padding:5px 0px;} a.siparisTakibi {cursor:pointer;} } .headerTopLeft { span {margin:0px 0px;line-height:38px;font-size:13px;color:#fff;} i {font-size:14px;color:#f46b36;position:relative;top:13px;} } .headerTopSocial { a {color:#fff;padding:0px 10px;font-size:15px;} } .headerTopPhone { a {color:#000;font-weight:500; span {font-weight:600;padding-right:10px;} } } } .header__bottom {width: 100%; height: 50px;background-color: #f3f3f3; .header__bottomContainer {height: 100%;display: flex; justify-content: center; align-items: center; .header__bottomContainerMenu{display: flex; justify-content: center; align-items: center; height: 100%; ul{margin-bottom: 0px !important; li {float: left; a{padding: 0 25px; color: #404040; font-size: 14px; font-weight: 700;}}}}}} .searchBox {position:relative; .form-group {position:relative; .form-control-search {width:100%;margin-top:22px;padding:19px 34px;position:relative;box-shadow:none;border-radius:0px;background-color:#ffffff;border:1px solid #e2e2e2; &:focus {border-color:#e2e2e2;box-shadow:none;} } span.search-ikon span {position:absolute;width:27px;height:27px; left:5px; top:5px; font-size:19px;padding:5px 6px;color:#000;border-radius:25px;cursor:pointer;} } } .head-lines { .desktopLogin {margin-top:15px; .customRight {padding:0px 0px 0px 0; span {padding:3px 0px 5px 0;display:block; a {color:@site-renk;} } } .favorilerArea { span {padding:3px 0px 8px 0;display:block;} } .basketDiv { span {display:block;text-align:center;padding:3px 0px 8px 0;} } } } .headContent {min-height:70px;background-color: #fff;margin:15px 0px; .searchBox {position:relative; .favorilerArea{ margin-top: 5px; } .form-group {position:relative; .formSearchArea {display:none; .form-control-search {width:260px;padding:15px 10px;position:absolute;right:40px;top:12px;box-shadow:none;border-radius:0px;background-color:#ffffff;border:1px solid #000; &:focus {border-color:#000;box-shadow:none;} } span.search-ikon span {position:absolute;width:27px;height:32px;right:40px;top:20px;font-size:17px;padding:0px 0;cursor:pointer;} } #searchIcon {font-size:25px;color:#fff;} } .customer-service { margin-top: 5px; margin-left:0px; text-transform: uppercase; .signLineTwo{text-decoration: underline !important;} .signLineOne{text-decoration: underline !important;position: relative;margin: 0 20px 0px 0;text-decoration: underline; &:after{ content: ""; height: 13px; width: 1px; background-color: #323232; display: block; position: absolute; top: 4px; right: -13px; } } a { font-size:14px;color:#000; span.fa-user {padding-right:13px;} } } .favorilerArea { a {font-size:21px;color:#fff;} } .basketDiv { a {font-size:21px;color:#fff;} } } } } .form-control-search::placeholder {padding-left:0px;font-size:12px;} #wishListCount {width:20px;height:20px;padding:5px 0;background-color:#f26b36;color:#fff;font-size:.8em;border-radius:50%;position:relative;right:0px;z-index:99;line-height:1;top:5px;} #basketQuantityNumber {text-align:center;display:inline-block;background-color:#bc9a6a;border-radius:50%;width:20px;height:20px;color:#fff;padding:4px 0;font-size:.8em;line-height:1;font-weight:600;position:relative;top:0px;} main{ .sliders{padding-top: 1px; .carousel{ .carousel-indicators{display: none; li{border: none; background: @white; border-radius: 0; width: 30px; height: 8px; padding: 0; margin: 0px 2px; &.active{background: @pembe;} } } .carousel-inner{ .item{width: 100%!important; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover;} } .carousel-control.left {background-image:none;} .carousel-control.right {background-image:none;} } } .sub-categories{padding: 10px; a{padding: 0; margin: 3px 0px 3px 0; font-size: 15px;} } .showcase{margin-top: 30px; .banners{margin-top: 10px; img{margin: 0px 10px 15px 0px;} } .product-navigation{min-height: 50px; font-size: 13px; margin-bottom: 10px; ol{margin-bottom: 2px;} } .boxes{background-color: @white; padding: 20px; .box{ .box-title{font-size: 17px;color:#000; font-weight: 600; margin-bottom: 5px;} .secondary-menu{ .secondary-menu-item{color: @secondary-menu-color; border-bottom: 1px solid @primary-border-color; padding: 8px 0px 8px 3px; &:hover{color: @secondary-menu-hover-color;}} } } .category-navigation{border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px; .categories{padding-left: 0;} .main-category {margin:10px 0; a {color:#000;font-weight:600;font-size:15px;} } } } .showcase-products{ .filters{ .filter{padding-bottom: 2px;padding-top:5px; .filter-controls{margin-bottom: 7px; .filter-title{font-size: 13px; padding-left: 16px;color:#858585;font-weight:600;} .filter-arrow{margin-top: 0;} } .options{padding: 5px 20px;display:none;position: absolute;top: 100%;background: #fff;height: 150px;overflow-y: scroll;z-index: 22;border: 1px solid #b8b8b8;box-sizing: border-box;-webkit-box-sizing: border-box; label{display: block;} label .option .text{font-weight: normal; font-size: 14px; padding-left: 5px;} label .option .stars-filter{ i{color: @button-color;} } label .option .quantity{font-weight: normal; font-size: 13px;} label:nth-child(-n+5){display: inline;} .see-all{font-size: 13px; margin-top: 5px; i{font-weight: bold; margin-right: 4px;} } .option {padding:3px 15px 3px 0px;} } .options-hidden{float: left; margin-bottom: 5px; input[type=checkbox]{display: none;} .variant-image{margin: 0px 2px 0px 2px; border: 1px solid #CCC; border-radius: 3px; &.active{border: 1px solid @primary-text-color;} } } input[type=text].text{border: 0; width: 35px; font-size: 13px; font-weight: 700;} .price-type{font-size: 13px; font-weight: 700; margin-top: 1px;} } .closed{ .options{display: none;} } .btn-default {float: right;background-image:none;background-color:#000;color:#fff;text-shadow:none;border:none;} } .product-title{font-size: 15px; font-weight: 600; margin-top: 30px; margin-bottom: 20px; .title{position: relative; z-index: 1; display: inline-block; background-color: @body-background-color; padding: 0px 25px 0px 25px; font-size: 19px;} .border{position: relative; z-index: 0; background-color: @primary-border-color; height: 1px; margin-top: -15px;} } .product-sort{/*width: 889px;*/ height: 36px; /*background-size: 889px auto;*/ margin-left: 15px; margin-top: 5px;margin-bottom:15px; font-size: 13px; .display-table{height: 36px;} a{color:#000000; font-size: 14px; font-weight: 600; display: inline-block; margin-left: 0;width:100%; &.selected, &:hover{color: @primary-color;} } .dropdown { .btn-default {background-image:none;background-color:transparent;color:#000;border:1px solid #000;border-radius:0px; &:focus {border-color:#000;outline:0px;} } .dropdown-menu {margin:0px 0; width:165px;border:1px solid #000;border-radius:0px;border-top:0px; } } } .products{margin-top: 0; .owl-stage {margin:10px 0px;} .carousel-product {padding: 2px 2px 2px 2px!important;background-color:#fff;border:1px solid #ddd;border-radius:3px; .image { img {padding:3px!important;} } .basket { img {width:auto;} } } .product{padding: 7px 11px 7px 0; position: relative; margin-bottom: 2px; .productBox {border:1px solid #ddd;margin: 5px 0;border-radius:3px;} .infos{position: absolute; left:3px; z-index: 5; bottom: 5px; .info{padding: 6px 2px 5px 2px; width: 120px; color: #FFFFFF; font-size: 13px; text-align: center; font-weight: 600; margin-bottom: 4px;} } .image{position: relative; img{max-width: 100%;width:100%;border-top-right-radius:10px;border-top-left-radius:10px;padding:5px;} .variants{position: absolute; padding: 5px; min-height: 70px; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.7); display: none; .owl-controls{margin-top: 0; .owl-buttons{left: 0; top: 19px; div{padding: 3px;} .owl-prev{position: absolute; left: 0; top: -4px;} .owl-next{position: absolute; right: 0; top: -4px;} } } .loader{color: @button-color; font-size: 35px; margin-top: 13px;} } .secondaryImage{display: none;} .golgeResim {width:auto;position:absolute;top:60%;left:33%;} } .title{margin: 0px 0px 5px 0; padding: 0px 0; height: 60px; overflow: hidden; a{font-size: 13px;font-weight:400;color:#000000; &:hover{color:#000;} } span {font-size:13px;font-weight:400;color:#000;display:block;} } .star{margin-top: 2px; height: 14px; background-repeat: no-repeat; background-position: center;} .price{ .old{font-size: 15px;font-weight:600;padding-left:0px; text-decoration: line-through; text-line-through-color:#7e7e7e; color:#595959; height: 20px;position:relative;top:0px;} .new{font-size: 17px;color:#000;font-weight:600; span{font-size: 14px;} } .tax{font-size: 11px;} } .favorite{position:absolute;top:7px;right:0px; i{font-size: 22px;float:right;padding-right:12px;padding-top:2px;font-weight: 500;color:#000000;} } .basket{padding-right:7px; margin-top: 2px; background-color: #000; padding: 5px; border-radius: 5px; a{font-weight: 700; font-size: 13px;top:0px;color:#fff !important; img{float: right;position: relative;right: -6px;top: -4px;width:auto;} &:hover{color:@white;} } } .shadow{padding-bottom: 8px;padding:8px; .price {height:29px;} } } .owl-buttons{top: 18px; div{background-color: @body-border-color; font-size: 20px; margin: 1px;} } } .carouselProducts{/*width:auto!important;*/ .product { .shadow {padding:8px; .title{height:60px; a{font-size: 13px;font-weight: 400;color: #000000;} } .price{height: 29px !important; padding-left: 10px !important; .old{font-size: 14px !important; margin-top: 0px;top:0px;color:#707070; strong{font-size: 13px !important;} } .new{font-size: 14px !important; span{font-size:14px;} } } } } } .pagination{ .btn-pagination{background-color: @pagination-color; border-radius: 0; color: @white; font-weight: 700; font-size: 17px;} .btn-pagination-active{background-color:@site-renk;color:#fff; border-radius: 0;} } } .category-desc{background-color: @white; border: 1px solid @secondary-border-color; font-size: 13px; line-height: 20px; padding: 15px;} .homePageFullBanner { img {width:100%;} } } .showcase-home{margin-top: 0;} .product-detail{margin-top: 20px; span[class*="favori_divBas"] { display:inline-block; border:1px solid #dadada; width:auto; padding:10px; margin-top:0px; margin-left:0px; } .indirimOranSkew { position:absolute; background-color:#09b73e; width:80px!important; color:#fff; text-align:center; font-size:18px!important; font-weight:600; padding:3px; float:right; border-radius:5%; top:20px; right:0px; } .product-title{font-size: 13px; margin: 10px 0px 10px 0; a{padding: 0px 5px 0px 0; font-size: 13px;font-weight:600;} } .photos{ .big-photos { img{max-width: 100%;width:100%;} a { .golgeResim {position:absolute;left:35%;top:60%;width:auto;} } } .small-photos{width: 11%; a {width:100%;} img{max-width: 100%; margin-bottom: 15px;border:1px solid #eeeeee;padding:2px;margin-bottom: 15px;} } } .contentTitle {padding-top:0px;} .contentInfo {padding-left:15px!important;overflow:hidden;} .infos{ .title{font-size: 18px;color:#000; strong.text{float: left; margin-bottom:0px;position:relative;padding-top:44px;font-weight:600; h1 {font-size:22px;font-weight:700;} } } .price{margin: 0; .disc{font-size: 18px;color:#000; span:nth-child(1){font-size: 23px;} .disc__about{ margin-left: 5px; } } .normal{font-size: 16px; opacity: 0.8; text-decoration: line-through;padding-right:10px;} .tax{font-size: 11px;} .stars{margin-top: 8px; a{color: @button-color;} } } .info-row{margin-top: 4px; font-size: 17px;color:#9a9a9a; .seperator{width: 3%;} } .warnings{margin-top: 15px; i{color: @button-color; font-size: 15px;} } .tax{font-size: 11px;} .disc-box{background-color: @button-color; color: @white; font-size: 20px; font-weight: 700; padding: 10px 7px; margin-top: 5px;} .variants{ min-height: 100px; margin-top: 15px; padding: 15px 0px; line-height: 14px;margin-bottom:20px; img{margin-bottom: 3px;} .color-border a{margin: 2px; text-align: center; border: 2px solid #bc9a69a8; width: 100%; font-size: 16px; height: 40px; display: flex; background: #bc9a69a8; align-items: center; justify-content: center; color: #fff; font-weight: 600;} .color-border a:hover{background: #bc9a69ed;} } .product-menu{margin-top: 20px;} } .urunDetayRight { .product-menu{margin-top: 0; .tab{margin-top: 12px; .title{font-size: 13px;color:#000; font-weight: 600; border-bottom: 1px solid #b3b3b3; padding-bottom: 10px; i{font-size: 12px;font-weight:400;color:#b3b3b3;} } } } .taksitSecenekleriPopup { .modal-dialog {width:1200px; .modal-content { .modal-header { .modal-title {font-weight:600;color:#000;font-size:14px;} } .modal-body { .banks { .taksitSayisi {padding:0 5px 5px; .image {border: 1px solid #d5d5d5;min-height: 48px;padding: 8px 5px;margin-bottom: 1px; .text {margin-top:6px;} } .prices {border: 1px solid #d5d5d5;min-height: 61px;padding: 8px 5px;margin-bottom: 1px; .text { .strong {font-size:13px;} } } } .bank {padding:0px; .image {height:47px;padding:1px;border-bottom: 1px solid #bfbfbf;border-top: 1px solid #bfbfbf;margin-bottom:0px; img {margin-top:4px;} } .prices {border: 1px solid #d5d5d5;border-bottom: 1px solid #FFF;border-top: 0;padding: 8px 5px;color: #000;font-size: 16px!important;min-height: 62px; .f10 {font-size: 13px;margin-top: 5px;letter-spacing: 1px;} } } } } .modal-footer { .btn-default {background-image:none;background-color:#000;color:#fff;text-shadow:none;} } } } } } .link-tags{margin-top: 25px; } .tags{margin-top: 10px; .tag{display: inline-block; font-size: 13px; position: relative; padding: 20px 40px 20px 40px; border-radius: 0; margin: 2px 2px 2px 0; text-decoration: none; border: 1px solid #eee; &:hover{color: inherit; cursor: default;} } } .basket-buttons{margin-bottom: 15px; .spinners{margin: 4px; input[type=text]{border: 1px solid @primary-link-hover-color; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .input-group-btn-vertical button{background-image: none; background-color: @primary-link-hover-color;} .input-group-btn-vertical i{color: #FFF; font-size: 9px; text-shadow: none;} } .button{font-size: 13px;border-radius:2px; padding: 14px 20px 14px 22px; background-color: @button-color; color: @white; .transition(opacity, 0.4s); font-size: 15px; &:hover{opacity: 0.9;} } .customButton {background-color:@site-renk;} .add-basket .loader{opacity: 0;} .disabled{pointer-events: none; cursor: no-drop; opacity: 0.7; &:hover{opacity: 0.6;} .loader{opacity: 1;} } .urunButtonArea { .hizliSatinAlButton {text-align:center;margin:10px 0; .button {background-color:#bc9a69;border:1px solid #bc9a69;color:#fff;font-size:20px;} } .sepeteEkleButton { .button {background-color:#000;font-size:21px;color:#fff;} } } } .buttons{margin-top:-5px; .share{border: 1px solid @primary-border-color; padding: 10px; font-weight: 700; i{font-weight: 700; font-size: 16px;} } } .info-box{padding: 13px; margin-top: 6px; .tab-content{border: 1px solid @secondary-border-color; border-top: 0; padding: 11px; font-size: 13px;} .nav-tabs li{margin-right: 5px;} .nav-tabs li a{border: 1px solid @secondary-border-color; font-size: 13px; font-weight: bold; padding: 10px 30px 10px 30px; border-top: 4px solid @secondary-border-color; border-radius: 0;} .nav-tabs li a:hover{background-color: transparent;} .nav-tabs li.active a{border-top-color: @primary-link-hover-color;} .comment{ margin-top: 15px; border-bottom: 1px dashed @primary-border-color; .comment-big-title{padding: 10px; font-size: 13px; font-weight: bold;} .comment-title{padding: 0px 10px 0px 10px; font-size: 13px; font-weight: bold;} .negative{color: #e00000;} .positive{color: #23bc0a;} .comment-desc{padding: 5px 10px 10px 10px; font-size: 13px;} .author{font-size: 13px; padding: 0px 10px 10px 10px; color: #666;} .stars{ padding-right: 10px; a{color: @primary-link-hover-color;} } } .comment:last-child{border: 0;} .banks{ .bank{ width: 13% !important; padding: 2px; .number{ font-size: 18px; border: 1px solid @secondary-border-color; line-height: 13px; margin-top: 4px; padding: 6px; height: 40px; border-bottom: 1px solid @secondary-border-color; span{font-size: 12px;} } .prices{margin-top: 4px; border: 1px solid @secondary-border-color; min-height: 90px; padding: 5px; font-size: 12px;} .image{height: 30px; border: 1px solid @secondary-border-color; padding: 1px;} } .price{ font-size: 17px; margin-top: 40px; span{font-size: 12px;} } } } .links {border:1px solid #eee; .urunDetayFavori {} .urunDetayYorum {} } } .page{ margin-top: 15px; font-size: 14px; .form{font-size: 13px;margin-bottom:30px; .label-pos{margin-top: 8px; padding-bottom: 8px;} .form-group label{font-size: 13px;color:#393939;} .form-group .form-control {border:1px solid #e5e5e5;box-shadow:none;height:40px;max-width: 100%;min-width: 100%;} .form-title{border-bottom: 1px solid @secondary-border-color; padding-bottom: 3px; margin-bottom: 10px; text-align: right; font-size: 14px;} .order-detail{margin-bottom: 15px; margin-top: 15px; border-bottom: 1px solid @primary-border-color; padding-bottom: 10px;} .order{ .return{margin-top: 17px;} } .btn-default {background-color:#000;background-image:none;text-shadow:none;color:#fff;} } .login {margin-bottom:50px; .form-group label{font-size: 13px;color:#393939;} .form-group .form-control {border:1px solid #e5e5e5;box-shadow:none;height:40px;} .btn-site-turuncu {background-color:#000 !important;background-image:none;text-shadow:none;color:#fff;} } .title{text-transform: uppercase; margin-top:80px;} .member-menu{margin-bottom: 30px;} .member-menu a{padding: 0px 0px 3px 0; margin: 0px 10px 0px 10px; font-size: 16px; font-weight: bold;} .member-menu a.aktif{border-bottom: 1px solid @primary-border-color; color: @primary-link-hover-color;} .blog{margin-top: 20px; font-size: 13px; padding-bottom: 15px; .blogs{background-color: @white; padding: 20px; border: 1px solid @secondary-border-color; ul li{margin-bottom: 3px; a.active{font-weight: 700;} } } .title{font-size: 16px; margin-bottom: 10px;} .text{background-color: @white; padding: 20px; border: 1px solid @secondary-border-color;} } .blog-categories{ img{display: none;} ul li{ float: left; a{font-size: 14px; padding: 7px;} ul{display: none;} } } .grid{ .grid-item{background-position: center center; background-size: auto; background-repeat: no-repeat; border: 1px solid @white; div.lightbox{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none;} &:hover{background-size: 220% auto; .lightbox{display: inline; .text{color: @white; opacity: 0.6; font-size: 14px;} .display-table{height: 90%; width: 100%; .display-table-cell{vertical-align: bottom;} } } } } } .warning-text{font-size: 13px;} .page__about, .page__contact{padding:5px; border:1px solid #9e9d9d; display: flex; align-items: center;justify-content: center; font-size: 14px; background: #9e9d9d;border-radius: 3px;} .page__about a, .page__contact a{color: #fff;} } .instagram-title{font-weight: 700; margin-top: 15px;} .instagram-desc{font-size: 14px; margin-top: 10px; a{display: inline-block; border: 1px solid #CCC; padding: 10px;} } .policies{ .policy{ border: 1px solid @secondary-border-color; font-size: 13px; padding: 12px; margin-bottom: 15px; .policy-title{font-weight: bold; font-size: 15px; margin-bottom: 10px;} .inner-content-scroll{padding-right: 15px;} } } .basket-payment{ margin-top: 10px; .basket{ padding: 8px; font-size: 13px; margin-bottom:30px; .basket-products{ .product { display: table-cell; border-bottom: 1px solid @secondary-border-color; margin-top: 1px; &:nth-last-child(1){ border: 0; } div{padding: 3px;} .number{ padding-top: 5px; a{font-size: 14px;} } .image{ img { max-width: 125px; } } .price-total{ .price-title { font-size: 13px; } .green{ color: #108d00; } .red{ color: #f00000; } } .remove-wish{ color: #f00000; font-size: 23px; padding-top: 25px; } .text {font-size:15px;} .total {font-size:15px;} } .sepetUrunTopText {border-bottom:2px solid #000000; div { p {font-size:15px;color:#000;font-weight:600;} } } } .basket-buttons{ a{ font-size: 14px; margin: 5px 0px 5px 5px; background-image:none; background-color:#000; text-shadow:none; color:#fff; font-weight:600; border:none; } .btn-site-turuncu { background-image:none; background-color:#ff5e00; } } .basket-small-buttons{ padding: 0px !important; a{ font-size: 13px; margin: 5px 1px 5px 0; } } } .payment{ font-size: 13px; margin-bottom: 15px; .tab-content{border: 1px solid @secondary-border-color; border-top: 0; padding: 15px; .radio {margin-bottom:5px;} } .tab-content-top{padding-top: 30px;} .border{border-bottom: 1px solid @primary-border-color; padding: 5px;} .select-outer{padding-right: 5px;} #siparisLabel{float: left; margin-top: -35px;} } } } main .page .title{ font-size: 25px; margin: 30px 0px 20px 0px; text-align: center; color: black; stong{font-weight: 400;} } main .page .form .btn-default{ border: 0; padding: 6px 20px; &:focus, &:active{ outline:none; border:0; } } main .showcase .showcase-products .carouselProducts .owl-nav{text-align: center;} main .showcase .showcase-products .carouselProducts .owl-nav [class*=owl-]:hover{background-color: transparent;color:#585858} main .showcase .showcase-products .carouselProducts .owl-nav{text-align:center;} main .showcase .showcase-products .carouselProducts .owl-nav button{font-size: 30px;margin: 0 10px;} main .showcase .showcase-products .carouselProducts .owl-nav button:focus{outline:none;} main .showcase .showcase-products .products .owl-nav button{font-size: 60px;margin: 0 10px;} main .showcase .showcase-products .products .owl-nav button:focus{outline:none;} main .showcase .showcase-products .products .owl-nav button.owl-next {position:absolute;top:29%;right:20px;color:#fff;} main .showcase .showcase-products .products .owl-nav button.owl-prev {position:absolute;top:29%;left:20px;color:#fff;} .homeBoxArea {float:left;width:100%;margin:20px 0; .homepageCategoryList { .owl-stage{ margin: 0 auto; } .homepageCategoryListText {list-style-type:none; .banners { a { img {border-radius:50%;width:100%;border:2px solid #909090;} } } a {font-size:11px;text-align:center;color:#000;} } } .owl-nav {display:none;} .owl-dots {display:none;} } .homePageCategoryArea { .homePageCategory {margin:30px 0; .homePageCategoryLeft { .homePageCategoryRightTitle { p {font-size:40px;color:#000;font-weight:700;text-align:left;margin-bottom:0px;} } img {width:100%;} } .homePageCategoryRight { img {width:100%;} .homePageCategoryRightTitle {margin-bottom:50px; p {font-size:40px;color:#000;font-weight:700;text-align:left;} } .homePageCategoryRightText {margin:50px 0;text-align:left; p {font-size:25px;color:#b2b2b2;} } } } } .social-share {margin:15px 0; p {margin-bottom:4px;color:#000;} a {width:25px;height:25px;border:1px solid #000;display:inline-block;padding:2px; span {font-size:14px;color:#000;} } } .bootstrap-touchspin .input-group-btn-vertical>.btn {padding:8px 10px!important;} .bootstrap-touchspin .input-group-btn-vertical i {top:4px!important;} .zoom{display:inline-block; position: relative;} .zoom:after{content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0;} .zoom img{display: block;} .zoom img::selection{background-color: transparent;} footer{ .foooter-top{height: 44px; background-position: center; .phones{color: @white; font-size: 13px; span.text{margin-top: 3px;} span.phone{font-size: 17px; font-weight: 700; padding: 0px 30px 0px 5px;} .display-table{height: 45px;} } .blog-social{ .social{padding-top: 5px; a{color: @white; font-size: 25px; margin-left: 12px; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1); &:hover{ color: @primary-link-hover-color; } } } .blog{ a{color: @white; font-size: 20px; font-weight: 700; margin-top: 8px; &:hover{ color: @primary-link-hover-color; } &:nth-last-child(1){font-size: 13px; margin: 13px 0px 0px 9px;} } } } } .footer-menus{border-top:20px solid #e5e0e0;background-color:#f8f5f5; padding: 15px 15px 25px 15px;margin-top:50px; ul li:nth-child(1){font-weight: 600; h1{display: block;margin-bottom: 12px;line-height: 1;font-size: 18px;font-weight: 400;color: #000!important;} } a{display: block;margin-bottom: 8px;font-size: 13px;font-weight: 400;color: #000!important;&:hover{color: #000!important;text-decoration: underline !important;}} .categories{border-top: 1px dashed @primary-border-color; margin-top: 20px; padding-top: 20px; ul{width: 15%; float: left;} } .copyright{font-size: 13px; color: @primary-text-color; line-height: 50px; img{margin-top: 20px;} } .social {margin-top:50px; .footerSocialArea { a { text-align:left; display:inline-block; margin:0px; span { font-weight:600; } } } i {width:35px;height:35px;border:1px solid #fff;padding:0px 9px;border-radius:0px;font-size:18px;} } } .ebultenArea {margin:30px 0px; .ebultenAreaTitle {text-align:left;margin:10px 0px; span {font-weight:600;font-size:15px;color:#333333;} } .ebultenAreaForm { input {height:35px;border:0px; &:focus {border:0px;outline:0px;} } .ebultenAreaButton {background-color:#2e2e2e;color:#fff;border:0px;border-radius:0px;font-size:12px;} span {text-align:left;display:block;margin:15px 0px;font-size:12px;} } } } .footerBoxBorderTop{ font-size: 14px; color: #000000; text-align: center; padding: 35px 150px 5px; border-top: 1px solid #dedee9; margin-top: 24px; .title{margin-bottom: 15px; span{ font-size: 25px; color: #000; font-weight: 500; border-bottom:2px solid #000; } } p{ font-size: 13px; color: #000; font-weight: 400; margin-bottom: 10px; } } .footerBoxBorder{ font-size: 14px; color: hsla(0,0%,100%,.8); text-align: justify; padding: 14px 0 5px; border-top: 1px solid #dedee9; border-bottom: 1px solid #dedee9; margin-top: 24px; } .showcase-pages{background-color:@turkuaz;text-align:left; .showcase-page{display:none;padding:5px 0px 0px 0;margin:0; .page-inner{padding:0px; .text{font-family:'Jesaya Bk', sans-serif!important;color: @white; .page-title{font-weight: 700; font-size: 14px; text-align: left; padding-left: 10px;} .page-desc{font-size: 13px; font-weight: 400; text-align: left; padding-left: 10px;} } } &:hover{ .icon img{transform: scale(1.1); .transition(all, 0.2s);} } &:nth-child(-n+5){display: inline-block;} } } .fixedWhatsapp { position:fixed;bottom:10px;left:10px;background-color:#03a84e;width:70px;height:70px;border-radius:50%;z-index:9989;text-align:center; span {position:relative;text-align:center;color:#fff;font-size:40px;padding-top:14px;} } input[type="text"].siparis-input::-webkit-input-placeholder { color:#54555e; font-size:12px; } ul.altMenu li {padding:15px 20px 10px 20px;height:30px;} ul.altMenu li a {font-size:12px;padding:10px 12px 10px 20px;} .navigasyon {list-style-type:none;margin-bottom:0px;height:53px;text-align:center; ul {margin-bottom:0px; li {padding:12px 5px 12px 5px; position:relative; display: inline-block; a {color:#404040; padding: 15px 3px 15px 0px; font-size: 14px; font-weight: 700; &:hover {color:#000; &:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);} } } ul {display:none;list-style-type:none;position:absolute;top:53px;left:0px;box-shadow:0 0 10px rgba(0,0,0,.45);background-color:#fff;padding:0; li {float:none;padding:0;margin:0;min-width:300px;background-color:#fff!important; a {padding:12px;display:inline-block;font-weight:400;width:100%;font-size:13px;/*height:100%;*/text-align:left;transition:.2s padding-left, background-color;color:#404040!important;text-transform: capitalize!important; &:hover {padding-left:20px;background:#fff;color:#000!important;} &:before {display:none;} } ul {position:absolute; width:100%; left:100%; top:0px;} } } } } } .navigasyon li.tree:hover ul:nth-child(n) {z-index:9999;} .navigasyon li ul li:not(:last-child) {border-bottom:1px solid #dadada;} .navigasyon li.subMenu {position:relative;} .headContent.sticky .sidebar-menu ul li a {font-size:14px;color:#000;} //#paymentTabs li:nth-child(1) {display:none;} .footer-bank{margin: 0px 0px 5px 0; padding: 10px 0px 7px 0; background-color:transparent; img{max-width: 100%;} .ssl{ img{margin-top: 4px;} span{margin: 11px 0px 0px 10px; line-height: 14px; font-size: 12px; font-weight: 700; .highlight{font-size: 14px; margin: 0;} } } } .enCokSatanUrunler .border { } .enCokSatanUrunler .title { margin-bottom:0px; padding-left:0!important } .customButton { background-color:transparent; color:#fff; position:relative; top:-8px; } .customButton.norm { top:0px; } .newPrice { color:#cd055b } .sepeteEkleButon {padding: 14px 10px 14px 30px!important;top:0px;} .customRight {margin-left:0px;} .customRight strong a {font-weight:600;font-size: 12px;} .customRight strong a:hover {color:#f34a2e;} .main-menu ul li{padding: 18px 15px 0px 20px;} .main-menu ul li.outletUrunler a{color:#585858;} .main-menu ul li .sepetDurum {padding:0px 0;} .footerPhone a {display:block;font-size:17px!important;} .footerPhone span.fa {color:#fff;font-size:18px;padding-right:10px;position:relative;top:2px;} .footerPhone span.renk {color:#55ba12;} .footerBottomText {color:#000;margin-top:20px;font-size:12px;} .footerSocial {margin-top:0px;} .footerSocial p {font-size:18px;font-weight:600;color:#2d2d2d;} .copyright {font-weight:600;padding-top:10px;} .footerTopText {width:100%;background-color:#ececec;min-height:190px;margin-top:20px;} .footerTopText h3 {font-weight:600;color:#414141;margin:20px 0;font-size:19px;} .footerTopText p {font-size:14px;line-height:25px;} .urunAdeti {border: 1px solid #ccc; border-right: none; padding: 6px;} .bootstrap-touchspin-up {background-image: linear-gradient(to bottom,#fff 0%,#ffffff 100%);} .bootstrap-touchspin-down {background-image: linear-gradient(to bottom,#fff 0%,#ffffff 100%);} .product-detail .infos .title strong.text small {color:#f34a2e;} .markaColor a {font-size:17px;color:#bc9a6a;font-weight:600;} .urunKodStyle {padding:10px 0;} .taksitTitle {border:1px solid #eee;padding:20px;margin:10px 0;} .taksitTitle h5 {font-size: 14px;color:#4f4f4f;font-weight: 700;} .bank { font-size: 13px; padding: 6px;} .bank .image { height: 25px; margin-bottom: 2px;} .bank .text { padding-top: 10px;} .bank:nth-child(even) { background-color: #f4f4f4;} .iptalTitle {border:1px solid #eee;margin:15px 0;padding:20px;} .iptalTitle h4 {font-size:18px;font-weight:600;color:#4f4f4f;} .detayTitle {border:1px solid #eee;padding:20px;} .detayTitle h2 {font-size:14px;font-weight:600;color:#4f4f4f;} .detayTitle > p {font-size:16px;font-weight:600;} .showcase .showcase-products .product-title .title h5 {font-size:19px;font-weight:600;} .price .oldTop {position:relative;top:0px!important;} .big-photos {border:1px solid #eee;} .showcase .showcase-products .products .product .basket a:focus {color:#fff;} .showcase .showcase-products .products .product .basket a {color:#000!important;} .showcase .showcase-products .products .product .basket a:hover {color:#5e5e5e!important;} .add-basket i {margin-right:0px;font-size:17px;} .categoryTitle {margin-bottom: 20px;} .numeric {z-index:0!important;} .tag{display: inline-block; font-size: 13px; position: relative;padding: 20px 40px 20px 40px; border-radius: 0; margin: 2px 2px 2px 0; text-decoration: none; border: 1px solid #eee;} .urunDetayFavori > span {border:0px!important;} #social-share-open {display: inline-block; width: auto; padding: 10px; margin-top: 0; margin-left: 0;} .urunDetayYorum a {display: inline-block; width: auto; padding: 10px; margin-top: 0; margin-left: 0; color:#000; } .bannerBottomArea {width:100%;background-color:#f3f3f3;} .bannerBottomArea .bannerBottomText {padding-top:66px;} .bannerBottomArea .bannerBottomText h1 {font-size:27px;color:#c70a1e;} .bannerBottomArea .bannerBottomText p {font-size:14px;color:#414357;line-height:28px;font-weight:400;} .aramaMotoruStyle {background-color: #fff; padding: 3px 10px 10px; margin-top:5px; width: 850px; border: 1px solid #f2f2f2; display: none; z-index: 9999; left:0px; position: absolute; -webkit-box-shadow: 0 3px 10px 0 rgba(50,50,50,.3); -moz-box-shadow: 0 3px 10px 0 rgba(50,50,50,.3); box-shadow: 0 3px 10px 0 rgba(50,50,50,.3) } .search .aramaMotoruStyle .search-products {margin-top:5px;} .search .aramaMotoruStyle .search-categories {padding-left:30px;} .search .aramaMotoruStyle .search-products .search-product {padding: 3px 10px 8px 3px;border-bottom: 1px solid #DDD;display: table;transition: background-color .3s;} .search .aramaMotoruStyle .search-products a {font-size:13px;color:#111;} .search .aramaMotoruStyle .search-products .search-product div {display:table-cell;vertical-align:middle;} .aramaMotoruStyle .search-products .search-product {border-bottom: 1px solid #DDD;transition: background-color .3s;display:table;padding:3px 0px 8px 0;} .aramaMotoruStyle .search-products .search-product:hover {background-color: #f8a32d;color:#FFF;} .aramaMotoruStyle .search-categories .search-category {margin-top:5px;font-size:13px;} .stickyLogo {display:none!important;} nav.sticky .stickyLogo {display:inline-block !important; } nav.sticky .stickyLogo a {padding:0px 0;} .mobilMenuMemberShip {display:none!important;} .desktopLogin {margin-top:18px;} .desktopLogin .basketDesc span {display:block;} .desktopLogin .fa {font-size:24px;color:@site-renk;} .urunAdetFiyatArea {margin:20px 0;} .mobile-site{display:block;} .phoneSiparisArea {border:1px solid #eee;margin:10px 0;} .phoneSiparis {margin: 15px 0;padding: 0;} .phoneSiparis .phoneSiparisBox {border:1px solid #eee;height:60px;} .phoneSiparis .phoneSiparisBox i { font-weight: 600; font-size: 20px; vertical-align: sub; color: @site-renk; padding-right: 4px; } .phoneSiparis .phoneSiparisBox a { font-weight: 600; font-size: 12px; padding-left: 5px; padding: 15px 0; display: inline-block; } .phoneSiparis .whatsappSiparisBox { } .phoneSiparis .whatsappSiparisBox a { font-weight: 600; font-size: 12px; padding-left: 5px; padding: 14px 0; display: inline-block; } .phoneSiparis .whatsappSiparisBox a:hover { color:#000; } .phoneSiparis .whatsappSiparisBox i { font-size: 30px; color: #000000; display: inline-block; } .phoneSiparis .whatsappSiparisBox span { font-weight: 600; font-size: 11px; padding-left: 5px; text-align:left; padding-top:7px; } .mobileMenuClose, .header__mobileMenu {display:none!important;} .filterSelectArea {display:none;} .homePageCategoryRightTitleMobile {display:none;} .homePageCategoryRightTextMobile {display:none;} .mobilSliderArea {display:none;} .photosMobile {display:none;} .mobileShow{display:none;} .mobileHide{display:block;} .homeBoxArea {float:left;width:100%; .homeBoxAreaFullBox { background-color:#fff; border:1px solid #ccc; margin:0px 0px; padding:10px 4px 10px 4px; border-radius:5px; .homeBoxAreaKutu { padding:5px 0px; border-right:1px solid #ccc; p {color:#000;font-size:16px;margin-bottom:0px;} span {color:#4c4a4a;font-size:12px;} } .homeBoxAreaKutuRight { border-right:0px; } } } .quantity{ .numeric{ padding: 0px; text-align: center; } } .musteriYorumlari { .commentName { font-weight: 600; display: block; font-size: 20px; } .commentDate { font-weight: 600; font-size: 11px; } .commentText { font-weight: 500; line-height: 30px; } } .allComment { .yorumKutu { margin-top: 20px; font-size: 13px; border: 1px dashed #dadada; padding-bottom: 15px; padding-top: 15px; span.commentName { font-size: 18px; font-weight: 600; } p.commentText { font-size: 14px; line-height: 30px; } &:hover { border-color: #000; } } } .newComment { .commentForm { background-color:#000; outline:0px; background-image:none; text-shadow:none; color:#fff; font-weight:600; &:hover { background-color:#000; color:#fff; } &:focus { background-color:#000; color:#fff; } } } a.musteriYorumlariButton { background-color:#000; outline:0px; background-image:none; text-shadow:none; color:#fff; font-weight:600; &:hover { background-color:#000; color:#fff; } &:focus { background-color:#000; color:#fff; } } .urunDetayAciklama { font-size:14px; } @media (max-width:1024px) { .aramaMotoruStyle {display:none!important;} .footerSocial{text-align:center;margin:10px 0px; p {text-align:center;} } .footerBoxBorderTop{ padding: 35px 10px 5px; } .footerSocialArea{ a{ img{ width: 100%; margin-bottom: 25px; } } } .sepetUrunTopText {display:none;} main .basket-payment .basket .basket-products .product .number {float:left;} footer .footer-menus .social {margin-top:10px;} footer .ebultenArea {margin:10px 0px;} footer .ebultenArea .ebultenAreaTitle {text-align:center;} footer .ebultenArea .ebultenAreaForm input {width:100%;margin:5px 0px;} footer .ebultenArea .ebultenAreaForm .ebultenAreaButton {width:100%;} .footerBottomText span {text-align:center;float:left!important;} .mobile-padding-20{padding:0px 20px;} .headerTopLeft{text-align:center;} main .showcase .showcase-products .products .product .infos .info{padding: 0px 2px 1px 2px;width: 100px;} .mobileShow{display:block;} .mobileHide{display:none;} .container {max-width:100%;width:100%;padding:0px;} #mobile-site{transition: margin-left .5s;display:block;} .mobilMenuMemberShip {display:block!important;} .fixedContact {display:block;} .mobile-site{display:block;} .owl-nav {display:none;} .main-menu {margin-top:0px;} .main-menu .mainMenuWhatsapp {display:none;} .form-control-search {width:100%;border:1px solid #000;margin-top:18px;} span.search-ikon span {right:25px;position:absolute;top:27px;} header .headerTop .headerTopRight {padding:0px;} main .sliders .carousel .carousel-inner .item {width:100%!important;height:auto;} main .sliders .carousel .carousel-indicators {bottom:0px;} main .product-detail .infos .title strong.text {padding-top:0px;padding-bottom:20px;} main .product-detail .indirimOranSkew {top:100px;} .phoneSiparis .whatsappSiparisBoxMobile {padding:0px;} .phoneSiparis .whatsappSiparisBox {margin:10px 0;} .phoneSiparis .whatsappSiparisBox a {padding:0px;width:100%;border:1px solid #000;padding:10px 0;} .phoneSiparis .whatsappSiparisBox i {font-size:20px;padding:0px;} .phoneSiparis .whatsappSiparisBox span {padding:0px;} .phoneSiparisArea .social-share {padding:0px;} main .product-detail .buttons .links .urunDetayFavori {text-align:left;} main .product-detail .buttons .links .urunDetayPaylas {text-align:left;} .urunAdeti {border-right:1px solid #ccc;margin-bottom:5px;display:none;} .mobilSliderArea {display:block;float:left;} .desktopSliderArea {display:none;} .photosMobile {display:block;} .photosDesktop {display:block;} .navigasyon li ul {display:block;position:relative;top:0px;box-shadow:none;} .navigasyon ul li ul {display:block;position:relative;top:0px;box-shadow:none;} .navigasyon ul li ul li ul {position:relative;left:20px;} header { .headerTop {overflow:hidden; .headerTopPhone {text-align:center; span {display:none;} span.fa {display:block;padding-top:10px;} } .basket {padding:0px; .basketDesc {margin-right:0px;} } .siparisTakipArea {padding:0px;} .mobilFavIkon { a { span {color:@site-renk;font-size:20px;padding-top:10px;display:block;} } } .siparisTakibi {color:@site-renk;} .headerTopMobileArea { p {color:#5d5d5d;margin-bottom:0px;} } .headerTopLeft { p {font-size:12px;} .logo {margin:0px 0px;} .mobilMenuIkon { a { span { i {color:#000;font-size:25px;} } } } } } .headContent {min-height:70px;margin:5px 0px; .search { .logo {text-align:center;margin-top:5px;padding-top:0px !important; a {font-size:20px; img {margin:0px 0px;max-width:100px;} } } .mobilMenuIkon {margin:15px 0;padding:0px 5px; span {font-size:25px;color:#000;} } .mobilSepetIkon {padding-top:20px;padding-right:5px;padding-left:0px; a { i {color:#1a1a1a;font-size:22px;padding:1px 2px;} } a.mobilBilgilerim {padding-right:0px; i {font-size:21px;} } } } .head-lines { .desktopLogin {display:none;} .sepetDurum {display:none;} } .searchBox {margin-top:0px; .form-control-search {width:100%;margin-top:8px;} span.search-ikon span {right:10px;} } } .searchBox { .searchMobilArea {display:none;} .basketDiv {float:none!important;} } #basketQuantityNumber { position:absolute; } } .homeBoxArea {float:left;width:100%; .homeBoxAreaFullBox { background-color:#fff; border:0px; margin:20px 0; padding:10px 4px 2px 4px; .homeBoxAreaKutu { padding:5px 0; margin:10px 0; border-top:1px solid #ccc; p {text-align:center;} span {text-align:center;display:block;} div {text-align:center;} } .homeBoxAreaKutuRight { border-right:1px solid #ccc;; } } } .homePageCategoryArea { .homePageCategory {margin:30px 0; .homePageCategoryLeft { img {width:100%;} } .homePageCategoryRight {padding:0px;margin:10px 0; img {width:100%;margin:15px 0;} .homePageCategoryRightTitle {margin-bottom:50px;display:none; p {font-size:35px;color:#000;font-weight:700;} } .homePageCategoryRightText {margin:50px 0; p {font-size:22px;color:#b2b2b2;} } } .homePageCategoryRightTitleMobile {display:block; p {font-size:25px;color:#000;font-weight:700;} } .homePageCategoryRightTextMobile {display:block; p {font-size:18px;color:#b2b2b2;} } } } .sidebar-menu{height: 100%; width: 0; border-right: 1px solid #efefef; position: fixed; top: 0; left: 0; background-color: #FFF; overflow-x: hidden; transition: 0.5s; z-index: 9999;} .sidebar-menu ul li a{padding: 8px 8px 8px 8px; border-bottom: 1px solid #efefef; text-decoration: none; font-size: 100%; color: #111; display: block; transition: 0.3s;} .sidebar-menu ul li i{font-size: 140%;} .sidebar-menu .btn-close{position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;} .c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;top:5px;width:45px;height:38px;font-size:0; margin: -10px 0px 0px -10px; text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s}.c-hamburger:focus{outline:none}.c-hamburger span{display:block;position:absolute;top:22px;left:10px;right:10px;height:3px;background: black}.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:3px;background-color:#000;content:""}.c-hamburger span::before{top:-8px}.c-hamburger span::after{bottom:-8px}.c-hamburger--htx{background-color:transparent;}.c-hamburger--htx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s}.c-hamburger--htx span::before,.c-hamburger--htx span::after{-webkit-transition-duration:0.3s,0.3s;transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;transition-delay:0.3s,0s}.c-hamburger--htx span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-hamburger--htx span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.c-hamburger--htx.is-active{background-color:transparent;}.c-hamburger--htx.is-active span{background:none}.c-hamburger--htx.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c-hamburger--htx.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after{-webkit-transition-delay:0s,0.3s;transition-delay:0s,0.3s} .sidebar-menu {padding-bottom:100px; ul { li {width:100%;padding:5px 15px 5px 15px; ul { .subMenu {display:block;position:relative;margin-top:0px;width:100%;padding:0px;box-shadow:none; a {font-weight:400;} .subMenuBackground {padding-bottom:0px;width:100%; .categories {margin-top:0px;width:100%;} .category {padding-right:0px;width:100%;border:0px; .categoryTitle {padding-top:10px;width:100%;} } .banners {display:none;} } } } a {font-weight:600;padding:1px 8px 1px 8px;text-align:left;} } } .mobilMenuMemberShip {padding:15px 10px;border-bottom:1px solid #ddd;text-align:left; a {display:inline-block;border-right:1px solid #ddd;font-size:16px;font-weight:400;border-bottom:0px;padding:0px 10px; &:last-child {border:0px;} } } .mobileMenuClose, .header__mobileMenu {background-color:#060606;padding:5px 10px;display:block!important; a {border-bottom:0px;color: #fff;display: block;text-align:left;font-size:17px; i {font-size:100%;padding-right:10px;} span {color:#000;padding:4px 5px;float:right;background-color: #fff;padding: 4px 5px;} } } } main { .showcase { .showcase-products { .product-title {margin-left:0px;} .products { .product { .productBox {border:1px solid #dadada;margin:5px 0;} .shadow {box-shadow:none;} } } .product-sort {width:100%;margin-left:0px;display:none; a {margin-left:17px;font-weight:600;font-size:12px;} } .filters { .filter {padding:7px 0; .filter-controls { .filter-title { padding-left:0px; font-size:14px; color:#000; } } .options { position:relative; } } .btn-default {width:100%;} } } .filterMobileArea {padding:0px;margin:15px 0; .dropdown {width:100%; .dropdown-toggle {background-color:transparent;background-image:none;color:#000;border:1px solid #000;border-radius:0px;width:100%;} .dropdown-menu {position:relative;width:100%;box-shadow:none; li { a {color:#000;} } } } } .banners { img {width:48%;margin:3px 1%;float:left;} } .boxes {padding:0px 15px; .box { .box-title {border:1px solid #000;color:#000;padding:7px 15px;font-size:13px;} } .filters {display:none; .category-navigation { height:120px; position:relative; overflow:hidden; overflow-y:scroll; } } } .filterSelectArea {display:block;} } .page { .title {margin-top:20px;} .form { .login {padding:0px;} } } .basket { .basket-products { .product {margin-bottom:15px; .image {display:block;text-align:center;} .text {display:block;text-align:center;} .number {display:block;text-align:center; .sepetSatırArea { a {margin:0px 10px;} } } .price {display:inline-block;text-align:center;float:left; div {text-align:center;} } .price-total {display:inline-block;text-align:center;float:left; div {text-align:center;} } } } } .basket-payment { .payment { .tab-content { .tab-pane { .radio {margin:10px 0;} } .btn-default {width:100%;} } ul.odemeTabArea { li {width:100%; a {border:1px solid #cacaca;margin-right:0px;} } li.active {background-color:@site-renk; a {color:#fff;} } } .cvvArea {display:block;} .select-outer {margin:5px 0;} .tab-content-top {padding-bottom:30px;} #siparisLabel {margin-top:-23px;} } } } main .product-detail .photos .small-photos {width:100%;} footer { .footer-menus { .footerMenuList {text-align:left;} .treegroup {text-align:center;} } .footer-menus-bottom {background-color:#f7f7f7; .footerSocial {text-align:center; a {margin:0px 5px; } } .footerPhone {text-align:center; a { span {color:#000;} } .callCenterPhone {color:@site-renk;font-size:17px!important;} p {color:@site-renk;font-size:20px;margin-bottom:5px;} } .footerBottomText {text-align:center;color:#000;} .footerSocial { i {border:0px;color:#000;} } } } .footer-bank { .copyright {text-align:center;float:none!important;} .treegroup {text-align:center;} } .copyright {font-weight:600;padding-top:0px;} .product-detail { .contentInfo {padding-left:15px;padding-right:15px; .buttons { .basket-buttons { .hizliSatinAlButonArea {padding:0px; a.hizliSatinAlAdet {margin:10px 0;} } .adetKutusu {margin:10px 0;} .urunDetayFiyat { .price {text-align:center;} } .sepeteEkleButonArea {padding:0px;margin:10px 0;} } } .contentTitle { strong { h1 {margin-right:0px!important;} } } .info-row { .markaColor { strong {float:left!important;} } } } .info-box {padding:0px 15px!important; .nav-tabs { li {width:100%;} } } .infoBoxRight { .infoboxWhatsapp {padding-left:0px;padding-right:0px;left:-7px;} .favText {padding-left:18px;} .shareText {padding-left:18px;} } } .fixedContact {display:block;position:fixed;bottom:0px;background-color:#1fc314;width:100%;padding:0px 0;z-index:99999; .fixedContactLeft {height:40px; a {color:#fff;padding-top:10px;display:block; span {padding-right:4px;} } } .fixedContactRight {height:40px;background-color:#3aa21a; a {color:#fff;padding-top:10px;display:block; span {padding-right:4px;} } } } .urunDetayFiyat { .urunDetayFiyatPrice {text-align:center; .price { .disc {font-size:21px!important;} } } } .sepeteEkleButonArea { a { strong {padding-left:15px;} } } .urunDetayWhatsapp {display:block;background-color:#1fc314; a {color:#fff;padding:10px 0;} } main .showcase .showcase-products .products .product .basket {height:30px;} main .showcase .showcase-products .products .product .basket .sepeteEkleListe {padding:6px 15px;} .inceleButon {padding:6px 20px;} main .basket-payment .basket .basket-products .sepetUrunTopText {text-align:center;} main .basket-payment .basket .basket-products .sepetUrunTopText p {text-align:center;} #scrollTop {right:15px;left:auto;bottom:60px;} .owl-carousel .owl-item img {width:auto;margin:0 auto;} main .showcase .showcase-products .products .product {padding:7px;} .filters {display:none;} .search.sticky {position: fixed;background-color:#000;height:70px; z-index: 20; width: 100%;left:0; top: 0; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.20);} .mobilMenuIkon { span {color:#000;} } } @media (max-width:768px) { .homeBoxArea { .homeBoxAreaFullBox { .homeBoxAreaKutu {margin:0px 0px;padding:15px 0px;border-top:0px; p {font-size:14px;} span {font-size:12px;} img {max-width:30px;margin:5px 0px;} } } } } .sidebar-menu a{font-size: 18px;}