// Стили для галлереи на странице item @import "jquery.tosrus.all.css"; @import "colors.less"; // Подключение шрифтов @font-face { font-family: Rouble; src: url('fonts/rouble/rouble.eot?') format('eot'), url('fonts/rouble/rouble.otf') format('opentype'), url('fonts/rouble/rouble.woff') format('woff'), url('fonts/rouble/rouble.ttf') format('truetype'); } span.rouble { font-family: Rouble; font-weight: normal; } // Конец шрифтов // Просто переменные // box-sizing .bz { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } // border-radius .br (@radius: 4px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .lires { position: static; line-height: 1; &:after { content: ''; } } // gradient .grad (@gradColor1 : red; @gradColor2 : black;) { //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradColor1', endColorstr='@gradColor2'); background-image: -webkit-gradient(linear, left top, left bottom, from(@gradColor1), to(@gradColor2)); background-image: -webkit-linear-gradient(top,@gradColor1, @gradColor2); background-image: -moz-linear-gradient(top, @gradColor1, @gradColor2); background-image: -ms-linear-gradient(top, @gradColor1, @gradColor2); background-image: -o-linear-gradient(top, @gradColor1, @gradColor2); background-image: linear-gradient(top, @gradColor1, @gradColor2); } /* ALL SITE */ html, body { height: 100%; } body { margin: 0; background: #ECECEC url(img/body-bg.jpg); } .site_container { margin: 0 auto; max-width: 100%; min-width: 320px; height: 100%; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; position: relative; line-height: 1; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; img { border: none; } } .site_block { margin: 0 auto; padding: 0; max-width: 1100px; width: 100%; min-height: 100%; position: relative; background: #fff; //overflow: auto; -moz-box-shadow: 0 0 60px rgba(12,13,13,.1); -webkit-box-shadow: 0 0 60px rgba(12,13,13,.1); box-shadow: 0 0 60px rgba(12,13,13,.1); table { width: 100%; } } .wrp_foo_centered { margin: 0 auto; padding: 0; max-width: 1100px; width: 100%; background: @genColor; height: 100%; } .centered { margin: 0 auto; padding: 0; max-width: 1100px; width: 87.2%; position: relative; //overflow: hidden; } /*resets*/ .site_container input, .site_container textarea, .site_container button, .fancy_popup_block input, .fancy_popup_block textarea { outline: none; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; font-weight: normal; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .site_container input::-webkit-input-placeholder { color: @textColor; } .site_container input:-moz-placeholder { color: @textColor; } .site_container textarea, .fancy_popup_block textarea { resize: none; } .site_container input::-moz-focus-inner, .fancy_popup_block input::-moz-focus-inner, .site_container button::-moz-focus-inner, .fancy_popup_block button::-moz-focus-inner { border: 0; } .site_container a, .fancy_popup_block a, .ui-datepicker a { font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; outline: 0; text-decoration: underline; color: @subColor; &:hover { text-decoration: none; } } .site_container header, .site_container footer, .site_container figure, .site_container figcaption, .site_container aside, .site_container article, .site_container hgroup, .site_container nav, .site_container section, .fancy_popup_block header, .fancy_popup_block footer, .fancy_popup_block figure, .fancy_popup_block figcaption, .fancy_popup_block aside, .fancy_popup_block article, .fancy_popup_block hgroup, .fancy_popup_block nav, .fancy_popup_block section { display: block; position: relative; } .site_container table, .fancy_popup_block table { border-collapse: collapse; border-spacing: 0; } .site_container ol, .site_container ul,.site_container li { margin: 0; padding: 0; } /* TEMPLATES */ /*clear float*/ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .site_container .btn { .bz; position: relative; display: block; text-align: center; font-size: 14px; line-height: 35px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); color: #fff; text-decoration: none; cursor: pointer; border: none; height: 35px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; outline: 0; font-weight: normal; padding: 0; .grad (@gradColor1 : fade(@genColor,70%); @gradColor2 : @genColor;); box-shadow: 0 4px 0 0px @genColor - #222; &:hover { opacity: .8; } &:active { top: 4px; box-shadow: none; } } // Header .header { padding: 0 0 20px 0; min-height: 104px; position: relative; z-index: 4; * { transition: all .3s ease; } .logo { display: inline-block; position: absolute; width: 28.5%; min-width: 274px; left: -9px; text-align: center; padding-top: 23px; img { max-width: 100%; height: auto; } } } .header_user { display: inline-block; position: absolute; right: 0; z-index: 1; text-align: right; padding-top: 33px; min-width: 274px; width: 30.5%; li { display: inline-block; text-align: right; margin-left: 10px; line-height: 1; } a { font-size: 14px; } i { display: inline-block; width: 15px; height: 15px; margin-top: -1px; vertical-align: middle; margin-right: 5px; position: relative; } .hu_user_svg { path { fill: @subColor; } } .hu_cart_svg { path { fill: @subColor; } } } .hu_telephone { margin-top: 4px; font-size: 35px; line-height: 1; color: @genColor; sub { line-height: 1.1; vertical-align: bottom; font-size: 23px; display: inline-block; } } .header_navigation { display: inline-block; margin: 0 230px 0 307px; padding: 30px 0 0 0; display: block; position: relative; z-index: 2; .bz; a { font-size: 16px; } } .header_navigation_search { width: 85%; max-width: 253px; min-width: 180px; } .hn_button { border: none; background: none; width: 30px; display: inline-block; float: right; height: 26px; position: relative; margin-left: -36px; padding: 0; text-align: left; cursor: pointer; margin-top: 1px; position: relative; z-index: 3; svg { display: inline-block; margin-left: -8px; margin-top: -5px; } .loupe { fill: @subColor; } } .hn_search { width: 100%; height: 28px; .bz; .br(14px); background: #fff ; border: 1px solid lighten(@textColor, 15%); padding: 0 33px 0 12px; color: fade(@subColor, 90%); font-size: 14px; margin-bottom: 13px; position: relative; z-index: 2; &::-webkit-input-placeholder { color: fade(@subColor, 90%); } &:-moz-placeholder { color: fade(@subColor, 90%); } } .hn_search_focus { position: absolute; width: 360px; } .hn_nav { position: relative; padding-left: 13px; a { display: inline-block; margin: 0 5% 10px 0px; } } .wrp_general_search { position: relative; } .drop_down_search { width: 100%; .bz; z-index: 1; border: 1px solid lighten(@textColor, 15%); border-top: none; border-radius: 0 0 14px 14px; padding-top: 5px; position: absolute; top: 16px; overflow: hidden; background: #fff; } .dds_hint { font-size: 10px; color: #fff; position: relative; z-index: 2; margin-left: 12px; } .drop_down_hint { margin-top: 15px; font-size: 12px; color: lighten(@textColor, 15%); width: 100%; background: #fff; .ddh_name { display: block; padding: 8px 0 10px 0; overflow: hidden; padding-right: 13px; padding-left: 13px; .bz; &:hover { background: lighten(@textColor, 30%) } } .ddh_link { float: left; text-decoration: underline; line-height: 1.4; font-size: 14px; } .ddh_second_td { float: right; width: 35%; font-size: 12px; color: lighten(@textColor, 10%); line-height: 1.4; } } .wrp_general_search { * { -webkit-transition: width 2s ease; } } // Header end // Header slider .header_slider { position:relative; background: #fff; } .header_slider:before, .header_slider:after { display: block; content:""; position:absolute; } .header_slider:before { height: 100px; bottom:0px; left:5%; right:5%; -webkit-box-shadow:0 0 35px rgba(0,0,0,0.6); -moz-box-shadow:0 0 35px rgba(0,0,0,0.6); box-shadow:0 0 35px rgba(0,0,0,0.6); -moz-border-radius:60%; border-radius:60%; } // Header slider end // choice_category .choice_category { min-height: 167px; background: lighten(@genColor, 39%); padding-bottom: 10px; } .cc_favorites { display: block; float: left; margin-top: 51px; text-align: center; width: 8%; min-width: 78px; i { display: block; height: 46px; margin-bottom: 11px; line-height: 69px; } span { text-align: center; text-decoration: underline; font-size: 14px; } &:hover .ccf_icon { fill: fade(@genColor,90%); } &:hover span { text-decoration: none; } } .ccf_icon { fill: @genColor; } //choice_category end // Content .content { padding-bottom: 40px; position: relative; z-index: 1; h1 { font-size: 24px; color: @genColor; font-weight: normal; margin: 25px 0 25px 0; position: relative; } h2 { font-size: 22px; color: @genColor; font-weight: normal; margin: 25px 0 20px 0; } h3 { font-size: 18px; color: @genColor; font-weight: normal; margin: 25px 0 20px 0; line-height: 1.1; } h4 { font-size: 16px; color: @genColor; font-weight: normal; margin: 25px 0 20px 0; } p { font-size: 16px; color: darken(@textColor, 30%); line-height: 1.5; margin: 20px 0; } ul { li { list-style: none; color: darken(@textColor, 30%); margin-bottom: 20px; line-height: 1.5; position: relative; &:after { content: '–'; color: @genColor; position: absolute; left: -22px; top: 0px; } } } ol { list-style-type: decimal; li { color: darken(@textColor, 30%); margin-bottom: 20px; line-height: 1.5; } } .content-img { display: inline-block; float: right; border: 10px solid #fff; -moz-box-shadow: 0 0 20px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); margin: 0px 0 40px 40px; } } .col-4-5{ margin-right: -176px; padding-right: 176px; .bz; float: left; width: 100%; } .sorting { position: absolute; right: 196px; top: 34px; color: darken(@textColor, 40%); font-size: 14px; a { font-size: 14px; color: @subColor; margin-left: 9px; i { font-style: normal; margin-left: 2px; } .up { } .down { } } } .sort { .sortup { display: inline-block; } .sortdown { display: inline-block; } } .filter-result-content { padding-top: 30px; } .list_goods { position: relative; } .wrp_item_goods:nth-of-type(4n-3) { clear: left; } .wrp_item_goods { width: 25%; float: left; margin-bottom: 38px; } .item_goods { position: relative; margin-right: 20px; } .ig_fav { width: 16px; height: 16px; position: absolute; top: 0; right: 0; background: url(img/minlike.png) no-repeat top left; } .ig_fav.ig_fav_like { background-position: left bottom; } .ig_img { text-align: center; margin-bottom: 5px; height: 158px; line-height: 158px; img { vertical-align: middle; display: inline-block; max-width: 100%; height: auto; max-heihgt: 158px; } } .ig_name { display: block; height: 66px; line-height: 1.4; font-size: 16px; color: @subColor; margin-bottom: 17px; overflow: hidden; } .ig_rowinfo { font-size: 21px; color: @genColor; margin-bottom: 15px; .ig_oldprice { font-size: 14px; color: @textColor; display: inline-block; margin-right: 3px; text-decoration: line-through; } span { display: inline-block; line-height: 1; } .ig_weight { color: @textColor; font-size: 12px; display: inline-block; } } .ig_buy .in_cart { border: none; float: left; display: block; width:68%; text-align: center; height: 26px; line-height: 26px; color: @subColor; text-shadow: 1px 1px 0 #fff; background: fade(@subColor,30%); text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; &:hover { opacity: .8; } i { position: relative; top: 1px; margin-right: 3px; } } .icon-cart { width: 15px; height: 15px; path { fill: lighten(@subColor, 5%); } } .ig_buy { .number { width: 29%; margin-right: 3%; display: inline-block; float: left; position: relative; input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 17px; color: @textColor; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } } } .col-1-5 { width: 176px; float: right; .bz; padding-left: 16px; font-size: 12px; line-height: 1.5; color: @textColor; } .right_module { font-size: 12px; padding-bottom: 20px; h2,h3 { font-size: 18px; color: @genColor; font-weight: normal; margin: 0 0 10px 0; line-height: 1; } p { font-size: 12px; color: @textColor; line-height: 1.5; margin-bottom: 15px; } .m_total { text-align: right; float: right; font-size: 14px; line-height: 1.5; span { } } &.right_module_cart_tabs { margin-top: 31px; } &.right_module_del_top { margin-top: 25px; } &.right_module_del { img { display: inline-block; margin-bottom: 15px; } } } .order_aside { padding-top: 57px; } .order_aside .right_module { } .right_module_cart { border-bottom: 1px dashed #959EA7; margin-bottom: 20px; padding-bottom: 22px; margin-top: 73px; } .module_cart { width: 100%; td { padding-bottom: 10px; line-height: 1.5; } .mc_name { width: 65%; text-align: left; a { font-size: 12px; color: @subColor; line-height: 1.5; } } .mc_price { width: 28%; text-align: right; color: @genColor; vertical-align: top; } .mc_close { text-align: right; vertical-align: top; a { text-decoration: none; position: relative; z-index: 1; } } } .rm_goorder { margin-top: 9px; i { display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(img/goorder-btn.png) no-repeat ; position: relative; top: 2px; margin-left: -13px; } } .tabs_module { text-align: center; } .rm_goorder_clear { text-decoration: none; color: @subColor; font-size: 14px; margin-top: 9px; background: none; display: inline-block; &:hover span{ text-decoration: none; } i { font-style: normal; margin-right: 4px; display: inline-block; color: @genColor; } span { text-decoration: underline; } } .right_module_mailing { input[type="text"] { display: block; width: 160px; height: 32px; .bz; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; border: 1px solid lighten(@textColor, 15%); color: @textColor; font-size: 16px; padding: 0 10px; margin-bottom: 20px; } .btn_mailing { width: 100%; padding-left: 30px; i { display: inline-block; background: url(img/bg-btn-mailing.png) no-repeat ; width: 31px; height: 26px; vertical-align: middle; margin-left: -51px; margin-top: -8px; margin-right: 8px; } } .rmm_wrp { display: block; } .rmm_wrp .error { color: #E74C3C; } } .right_module_social { p { margin-bottom: 10px; } ul li { //line-height: 1.5; font-size: 12px; margin-bottom: 3px; .lires; i { width: 14px; height: 14px; display: inline-block; vertical-align: middle; } a { padding-left: 10px; font-size: 12px; } } .rm_social { fill: fade(@subColor, 60%) } } .right_module_paymentservice { h2 { margin-bottom: 25px; } a { display: inline-block; margin-right: 12px; margin-bottom: 17px; vertical-align: middle; } } .car { position: relative; width: 116px; height: 102px; margin-bottom: 15px; img { position: absolute; top: 0; left: 0; } } .car_body { position: absolute; right: 4px; top: 0; .car_body_svg { fill: @genColor; } } .hr_red { height: 1px; background: @genColor; border: none; } // Content end // footer .block_footer { height: 190px; } .footer { margin-top: -170px; height: 170px; background: @genColor; .centered { height: 100%; } } .foo_comp { float: left; width: 30%; position: relative; transition: all .1s ease; .logo { display: block; margin: 23px 0 0px 0; height: 78px; img { max-width: 235px; max-height: 100%; } } .copy { display: block; font-size: 14px; color: rgba(255,255,255,0.4); padding-left: 15px; } } .foo_contact { width: 29%; padding-top: 37px; float: left; color: #fff; transition: all .1s ease; .fc_telephone { font-size: 32px; line-height: 1; sub { font-size: 20px; vertical-align: bottom; opacity: .5; line-height: 1.1; } } .foo_address { margin-left: 71px; margin-top: 7px; font-size: 15px; line-height: 1.4; } } .foo_nav { transition: all .1s ease; float: left; width: 20%; padding-top: 38px; a { display: block; color: #fff; font-size: 15px; line-height: 1.46; margin-bottom: 8px; } } .footer .foo_create { transition: all .1s ease; width: 20%; padding-top: 42px; padding-left: 8px; text-decoration: none; display: block; .bz; float: left; opacity: .5; &:hover { opacity: 1; } span { text-decoration: none; display: inline-block; color: #fff; margin-bottom: 13px; font-size: 14px; vertical-align: middle; } .foo_c_top { width: 35%; font-size: 12px; } .foo_c_logo { width: 60%; img { max-width: 100%; } } } .btrx_btn_composite { float: left; color: #fff; display: block; height: 31px; line-height: 29px; margin-top: 5px; margin-left: -8px; font-size: 12px; text-decoration: none; text-align: center; &:hover { opacity: .7; } } // footer end // Стили слайдера на главной /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .generalflex { height: 260px; background: #fff; } .generalflex .slides li{ position: relative; overflow: hidden; height: 260px; } .flexslider.generalflex { margin: 0; position: relative; zoom: 1;} .generalflex .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background: #fff; } .generalflex .loading .flex-viewport { max-height: 300px; } .generalflex.flexslider .slides { zoom: 1; } .generalflex .carousel li { margin-right: 5px; } .generalflex.flexslider .slides img { position: absolute; top: 0; left: 0; } .generalflex.flexslider .slides li .flex-text { position: absolute; top: 32px; left: 16%; z-index: 15; color: #fff; } .generalflex.flexslider .flex-text .ft-title { font-size: 38px; text-align: left; color: #ECF0F1; margin-bottom: 10px; } .generalflex.flexslider .ft-row-price .ftp-old { font-size: 26px; color:#ECF0F1; text-decoration: line-through; display: inline-block; } .generalflex.flexslider .ft-row-price .ftp-new { font-size: 44px; color: @genColor; display: inline-block; } .generalflex.flexslider .slides li .flex-text-dark { color: @textColor; .ft-title { color: @genColor; } .ft-row-price .ftp-old { color: @textColor; } .ft-row-price .ftp-new { color: @subColor; } } .generalflex.flexslider .slides li img.right-img { right: 0!important; left: auto!important; } .generalflex.flexslider .slides li .flex-text-right { right: 16%; left: auto!important; } /* Direction Nav */ .generalflex .flex-direction-nav {*height: 0;} .generalflex .flex-direction-nav a { background: url(img/bgflexnav.png) no-repeat top left; text-indent: -999999px;text-decoration:none; display: block; width: 37px; height: 36px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: .7; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .generalflex .flex-direction-nav .flex-prev { left: 23px; top: -123px;} .generalflex .flex-direction-nav .flex-next { right: 10px; text-align: right; background-position: top right;text-indent: 999999px;top: -120px;} .generalflex .flex-direction-nav a:hover { opacity: 1; } .generalflex .flexslider:hover .flex-prev { opacity: 0.7; } .generalflex .flexslider:hover .flex-next { opacity: 0.7; } .generalflex .flexslider:hover .flex-next:hover, .generalflex.flexslider:hover .flex-prev:hover { opacity: 1; } .generalflex .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .generalflex .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .generalflex .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .generalflex .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .generalflex .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .generalflex .flex-pauseplay a:hover { opacity: 1; } .generalflex .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .generalflex ul.flex-direction-nav { margin: 0 auto; width: 87.2%; position: relative; } .generalflex .flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center;} .generalflex .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .generalflex .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #fff; ; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .generalflex .flex-control-paging li a:hover { background: #f1f1f1; } .generalflex .flex-control-paging li a.flex-active { background: @genColor; cursor: default; } .generalflex .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .generalflex .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .generalflex .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .generalflex .flex-control-thumbs img:hover {opacity: 1;} .generalflex .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } // Стили слайдера на главной end // Стили карусели на главной .cc_carusel { margin-top: 51px; width: 85%; float: right; display: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; z-index: 1; i { display: block; height: 46px; margin-bottom: 12px; text-align: center; line-height: 46px; font-style: normal; svg { vertical-align: middle; } } span { display: block; text-align: center; } } .cc_carusel_no_icon { i { display: none; } a { min-height: 80px; display: table; padding-top: 7px; } span { display: table-cell; vertical-align: middle; } } .cc_carusel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .cc_carusel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .cc_carusel .owl-item { position: relative; min-height: 1px; float: left; opacity: 1; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; .slide-item { a { font-size: 14px; line-height: 1.4; } } } .cc_carusel .owl-controls { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; .owl-prev { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; width:20px; text-align: center; position: absolute; color: @genColor; left: -20px; font-size: 65px; cursor:pointer; overflow: hidden; } .owl-next { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; width:20px; text-align: center; position: absolute; color: @genColor; right: -20px; font-size: 65px; cursor:pointer; overflow: hidden; span { } } .svg-arr-left { margin-left: -11px; display: inline-block; opacity: 1; padding-top: 3px; .svgarrleft { width: 39px; height: 39px; path { fill: @genColor; } } } .svg-arr-right { opacity: 1; padding-top: 3px; margin-left: -11px; display: inline-block; .svgarrright { width: 39px; height: 39px; path { fill: @genColor; } } } } .svg-arr-right { opacity: 0; display: none; } .svg-arr-left { opacity: 0; display: none; } // cc_carusel без иконок .cc_carusel_noicon { .slide-item { a{ display: table; height: 77px; width: 100%; } i { display: none; height: 15px; svg { display: none; } } span { display: table-cell; vertical-align: middle; } } } // cc_carusel без иконок end // Стили карусели на главной end // Стили для нижней рекламы /* Стили слайдера рекламы owl-carusel */ .new_block_sale_item { &:hover .new_bsi_name span { text-decoration: none; } } .new_block_sale { display: none; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; z-index: 1; } .new_block_sale .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .new_block_sale .owl-stage { position: relative; -ms-touch-action: pan-Y; } .new_block_sale .owl-item { position: relative; min-height: 1px; float: left; opacity: 1; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .new_bs_img { .br(7%); overflow-y: hidden; } .new_bs_img img { max-width: 100%; width: 100%; } .new_bs_info .new_bsi_name { float: left; width: 64%; .bz; padding-left: 5px; padding-top: 12px; span { text-decoration: underline; line-height: 1.4; } &.new_bsi_name_new { span { line-height: 1.2; display: inline-block; position: relative; &:after { position: absolute; content: 'new!'; font-size: 12px; color: @genColor; text-transform: uppercase; right: -33px; top: -5px; } } } } .new_bs_info .new_bsi_price { float: right; width: 34%; .bz; text-align: right; padding-top: 8px; font-size: 22px; color: @genColor; } .new_bs_info .new_bsi_old { font-size: 16px; color: @textColor; text-decoration: line-through; display: block; } .new_block_sale .owl-dots { display: none!important; } .new_block_sale .owl-nav { position: absolute; width: 100%; top: 50%; margin-top: -54px; div { width: 38px; height: 38px; border: 5px solid #fff; background: @genColor; color: @genColor; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; position: absolute; opacity: .9; color: @genColor; text-align: center; font-size: 50px; line-height: 0; span { display: inline-block; } &:hover { opacity: 1; color: #fff; } } .owl-prev { left: -25px; overflow: hidden; .svg-arr-left { opacity: 1; margin-left: 0px; margin-top: 4px; display: inline-block; .br(50%); background: #fff; width: 30px; height: 30px; line-height: 0; .svgarrleft { display: inline-block; margin-top: -3px; margin-left: -3px; path { fill: @genColor; } } } } .owl-next { right: -25px; overflow: hidden; .svg-arr-right { opacity: 1; margin-left: 0px; margin-top: 4px; display: inline-block; .br(50%); background: #fff; width: 30px; height: 30px; line-height: 0; .svgarrright { display: inline-block; margin-top: -3px; margin-left: -3px; path { fill: @genColor; } } } } } // Страница наши магазины .top_header_line { height: 1px; width: 100%; border: 0; border-top: 1px dashed #838C96; } .wrp_block_mag_search { margin-bottom: 31px; } .block_mag_search { margin: 0 auto; padding: 0; position: relative; overflow: hidden; h1 { display: inline-block; float: left; margin: 31px 0 30px; } .bm_search { display: inline-block; float: left; overflow: hidden; width: 50%; margin: 31px 0 0 30px; .input_search_mag { width: 100%; display: inline-block; .bz; height: 28px; line-height: 26px; border: 1px solid lighten(@textColor, 15%); .br(14px); float: left; padding: 0 14px; font-size: 16px; color: @textColor; &::-webkit-input-placeholder { color: @textColor; } &:-moz-placeholder { color: @textColor; } } .btn_search_mag { margin-left: -33px; display: inline-block; width: 32px; height: 28px; border: none; background: none; cursor: pointer; float: right; padding: 0; svg { margin-left: -15px; display: inline-block; margin-top: -4px; } .loupe { fill: @subColor; } } } } .block_map { height: 260px; overflow: hidden; margin-top: 5px; img { width: 100%; min-width: 600px; height: 100%; } } .block_markets_address { } ul.bma_list_address { margin: 0;padding: 0; li { padding: 0 0 0 1%; margin: 0 0 24px 0; width: 33.3%; .bz; float: left; font-size: 16px; color: @textColor; .lires; a { color: @subColor; display: block; margin-bottom: 8px; } span { display: block; } &:nth-child(3n-2) { padding: 0; } } } // Карточка товара Item .breadcrumbs { font-size: 12px; color: @subColor; margin: 18px 0; a { display: inline-block; margin: 0 5px 10px 0; } span { display: inline-block; margin-right: 5px; margin-bottom: 10px; } span.breadactive { color: @textColor; margin-bottom: 10px; } } .item_position { margin: 37px 0 0 0; border-bottom: 1px dashed #838C96; padding-bottom: 33px; .bz; } .item_position_gallery { width: 35%; min-width: 250px; float: left; } // галерея #thumbs { overflow: hidden; } #thumbs img { background-color: white; cursor: pointer; line-height: 0; display: inline-block; max-height: 100px; } #thumbs a { float: left; display: block; margin-right: 1%; margin-bottom: 5px; width: 24.25%; margin-top: 2px; .bz; border: 1px solid #DADADA; text-align: center; } #thumbs a:nth-child(4n) { margin-right: 0; } #thumbs img { display: inline-block; cursor: pointer; max-width: 100%; .bz; } #panel { position: relative; width: 100%;text-align: center;border: 1px solid #DADADA; } #panel img { background-color: white; cursor: pointer;line-height: 0;display: inline-block; max-width: 100%; max-height: 360px; } // галерея .item_position_description { width: 40%; float: left; .bz; padding: 0 2%; h1 { margin: 0 0 29px 0; position: static; font-size: 27px; } p { color: darken(@textColor, 30%); line-height: 1.5; font-size: 14px; margin: 15px 0; } } .item_position_buy { .bz; float: right; width: 22%; padding: 0; .ipb_row_price { font-size: 32px; color: @genColor; margin-bottom: 25px; line-height: 29px; .ipb_weight { font-size: 14px; color: @textColor; } } .ipb_row_buy { .number { float: left; min-width: 52px; width: 20%; margin-bottom: 10px; position: relative; } input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 17px; color: @textColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .in_cart { float: right; font-size: 14px; border: none; float: right; display: block; width:65%; min-width: 30px; text-align: center; height: 26px; line-height: 26px; color: @subColor; text-shadow: 1px 1px 0 #fff; background: fade(@subColor,30%); text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; &:hover { opacity: .8; } i { display: inline-block; margin-right: 3px; position: relative; top: 1px; font-style: normal; } } } .ipb_row_description { font-size: 12px; line-height: 1.5; margin: 15px 0 0 0; position: relative; p { color: darken(@textColor, 20%); font-size: 12px; } .ipb_show_revievs { color: darken(@textColor, 30%); font-size: 12px; margin: 0; display: block; cursor: pointer; &:hover span { text-decoration: none; } span { color: @subColor; text-decoration: underline; } .icon-feedback { display: inline-block; vertical-align: middle; margin-right: 6px; path { fill: @subColor; } } } .ipb-rating { margin: 20px 0; line-height: 0; .ipb-star-ok { width: 17px; height: 17px; display: inline-block; margin-right: 2px; background: url(img/str-ok.png) no-repeat; } .ipb-star-no { width: 17px; height: 17px; display: inline-block; margin-right: 2px; background: url(img/str-no.png) no-repeat; } } } .ipb_row_writereviews{ .ipb_writereviews { font-size: 12px; line-height: 18px; position: static; color: @subColor; cursor: pointer; text-decoration: underline; display: block; padding-left: 18px; position: relative; &:hover { text-decoration: none; } i { display: inline-block; width: 12px; height: 12px; margin-right: 6px; position: absolute; top: 2px; left: 0; path { fill: @subColor; } } } } } // Похожие товары .similar_products { .more_products { position: absolute; right: 0; top: 9px; font-size: 14px; } } .similar_product_row { overflow: hidden; height: 310px; } .similar_product_row .ig_img { height: 150px; line-height: 150px; } .wrp_s_p_item { width: 25%; margin-bottom: 60px; float: left; .s_p_item { .bz; margin-right: 20px; a { text-decoration: none; &:hover { .spitem_name { text-decoration: none; } } } } .wrp_spitem { position: relative; } .spitem_picture { margin-bottom: 10px; text-align: center; text-decoration: underline; height: 150px; line-height: 150px; img { vertical-align: middle; max-width: 100%; max-height: 100%; } } .spitem_name { font-size: 16px; color: @subColor; line-height: 1.35; text-decoration: underline; margin-bottom: 10px; height: 66px; overflow: hidden; } .spitem_price { font-size: 21px; color: @genColor; margin-bottom: 20px; .sp_oldprice { font-size: 14px; color: #a5a5a5; display: inline-block; margin-right: 3px; text-decoration: line-through; } .spitem_weight { font-size: 12px; color: @textColor; } } .spitem_buy { .number { float: left; min-width: 52px; width: 29%; margin-right: 2%; margin-bottom: 10px; position: relative; } input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 17px; color: @textColor; //-webkit-user-select: none; //-moz-user-select: none; //user-select: none; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .in_cart { float: left; font-size: 14px; border: none; display: block; width:66%; min-width: 30px; text-align: center; height: 26px; line-height: 26px; color: @subColor; text-shadow: 1px 1px 0 #fff; background: fade(@subColor,30%); text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; &:hover { opacity: .8; } i{ margin-right: 3px; position: relative; top: 1px; } } } } // Карточка товара Item end // Страница корзина cart .cart-content { margin-top: 37px; .col-4-5 h1 { margin: 0 0 15px 0 } .personal_cart { width: 96%; } .error_message { margin: 20px 0; } } .personal_cart { width: 100%; border: none; border-spacing:0; display: table; } .personal_cart_tr { display: table-row; } .personal_cart_tr:first-child .pc_td { font-size: 12px; color: @textColor; height: auto; padding-bottom: 15px; } .pc_td { display: table-cell; vertical-align: middle; padding: 10px 0; border-bottom: 1px solid lighten(@textColor, 20%); } .pc_td_img { width: 80px; padding-right: 5px; img { max-height: 100%; max-width: 100%; } } .pc_td_name { font-size: 14px; padding-right: 10px; line-height: 1.3; img { max-width: 80px; } } .pc_td_weight { font-size: 10px; color: @textColor; text-align: center; min-width: 58px; line-height: 1; padding-top: 13px; } .pc_td_number { position: relative; width: 79px; text-align: center; color: @textColor; font-size: 14px; .number { width: 52px; display: inline-block; float: left; position: relative; input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 16px; color: @textColor; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } } .loader { padding: 4px 0 0 4px; float: left; display: none; } } .pc_td_price { min-width: 60px; padding-left: 5px; text-align: right; font-size: 16px; color: @genColor; white-space: nowrap; } .pc_td_del { width: 26px; text-align: right; a { text-decoration: none; font-size: 13px; position: relative; top: -2px; } } .personal_cart_buy { text-align: right; float: right; margin: 35px 26px 30px 0; .pcb_row_total { font-size: 16px; color: @genColor; margin-bottom: 25px; text-align: right; span.title { color: @textColor; } span.rouble { color: @genColor; } } .btn-ordering { width: 100%; max-width: 165px; display: inline-block; i { display: inline-block; background: url(img/bg-ordering-btn.png) no-repeat; width: 31px; height: 26px; vertical-align: middle; margin-left: -10px; margin-top: -8px; } } } // Страница корзина cart end // Страница заказа order ul.client_type { margin: 0 0 30px -10px;padding: 0; li { .lires; .bz; margin-bottom: 0; height: 30px; line-height: 28px; display: inline-block; float: left; border-radius: 4px; border: 1px solid transparent; a { font-size: 15px; display: block; padding: 0 10px; } } .ct_active { border: 1px solid @genColor; a { color: @genColor; text-decoration: none; } } } .personal_order { display: none; } .juridical_order { display: none; } .po_row { overflow: hidden; margin-bottom: 12px; position: relative; clear: left; } .po_row_deliv { padding-top: 30px; padding-bottom: 40px; } .po_row_pay { padding-top: 30px; padding-bottom: 40px; } .po_row_tel { .por_right_label { padding-top: 0px; line-height: 1.3; } } .po_row_address { .por_right_label { padding-top: 0px; line-height: 1.3; } } .por_label { float: left; display: inline-block; width: 19%; color: darken(@textColor, 40%); font-size: 14px; line-height: 1; padding: 8px 3px 8px 0; min-width: 120px; } .por_label_comment { float: left; display: inline-block; width: 15%; color: darken(@textColor, 50%); font-size: 14px; line-height: 2.1; min-width: 90px; } .por_info { float: left; display: inline-block; width: 44%; input { width: 100%; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 32px; .bz; padding: 0 10px; font-size: 16px; color: @textColor; } textarea { width: 100%; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 60px; .bz; padding: 5px 10px; font-size: 16px; color: @textColor; margin-bottom: 10px; } } .por_right_label { float: right; display: inline-block; width: 32%; font-size: 12px; color: @textColor; text-align: left; .bz; padding-left: 10px; padding-top: 9px; } // Ошибки ввода на странице оформеление заказа .po_row_error { .por_info { input { border: 1px solid #E74C3C; } textarea { border: 1px solid #E74C3C; } } } .por_error { float: right; display: inline-block; width: 32%; font-size: 12px; color: #E74C3C; text-align: left; .bz; padding-left: 10px; padding-top: 9px; display: none; } // Ошибки ввода end .order_commet_input { float: right; width: 81%; textarea { width: 100%; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 82px; .bz; padding: 5px 10px; font-size: 16px; color: @textColor; } } .por_info_choice { float: left; width: 76%; p { font-size: 13px; color: @textColor; margin: 13px 0; clear: left; overflow: hidden; line-height: 1.4; } .pic_calc { font-size: 13px; display: inline-block; margin-right: 14px; } .pic_total { font-size: 13px; color: darken(@textColor, 20%); } } .pic_row_item { float: left; cursor: pointer; margin-bottom: 15px; .pri_icon { height: 42px; line-height: 42px; margin-bottom: 14px; text-align: center; span { vertical-align: middle; display: inline-block; path { fill: @subColor; } } img { max-width: 100%; vertical-align: middle; } } .pri_type { font-size: 12px; text-decoration: underline; color: @subColor; .bz; height: 28px; line-height: 26px; padding: 0 11px; .br(4px); border: 1px solid transparent; } } .del-icon { fill: @subColor; } .pic_row_item_active { .pri_icon { span { path { fill: @genColor; } } } .pri_type { color: @genColor; border: 1px solid @genColor; text-decoration: none; } } .order_cart { h1 { margin: 0 0 25px 0; } .order_cart_total { text-align: right; margin-top: 30px; margin-bottom: 30px; .oct_info { font-size: 13px; color: @textColor; display: inline-block; span { color: darken(@textColor, 40%); } } .oct_info_sum { font-size: 16px; color: @textColor; display: inline-block; margin-left: 10px; span { font-size: 24px; color: @genColor; } } } .order_comment { padding-bottom: 30px; border-bottom: 1px dashed @textColor; } } .order_confirm { float: right; width: 425px; margin-top: 20px; p { float: left; margin-right: 5px; font-size: 12px; color: @textColor; line-height: 1.5; margin: 2px 0; } .btn-order-confirm { float: right; width: 178px; font-size: 14px; i { display: inline-block; background: url(img/bg-order-btn.png) no-repeat; width: 31px; height: 26px; vertical-align: middle; margin-left: -10px; } } } // Успешно сформированный заказ .order_formed { display: block; width: 74%; margin: 0 auto; line-height: 1.5; font-size: 16px; color: @textColor; p { line-height: 1.5; font-size: 16px; color: @textColor; margin-bottom: 20px; } .order_formed_btn { width: 100px; } } .order_formed_total { text-align: left; margin-top: 30px; margin-bottom: 30px; } .oft_info { font-size: 13px; color: @textColor; display: inline-block; span { color: darken(@textColor, 40%); } } .oft_info_sum { font-size: 16px; color: @textColor; display: inline-block; margin-left: 10px; span { font-size: 24px; color: @genColor; } } .of_type_pay { display: inline-block; vertical-align: middle; margin-left: 10px; } .of_type_del { display: inline-block; vertical-align: middle; margin-left: 10px; } // Страница заказа order end // Страница реавторизации и регистрации reg .block_reg_center { width: 274px; margin: 0 auto 30px; } ul.block_reg_tab { margin: 0 auto 25px; padding: 0; text-align: center; li { margin-bottom: 0; .lires; display: inline-block; border: 1px solid transparent; height: 30px; .br; .bz; padding: 0 10px; a { line-height: 28px; color: @subColor; font-size: 13px; text-decoration: underline; display: block; cursor: pointer; } } .link_active { border: 1px solid @genColor; padding: 0 10px; a { color: @genColor; text-decoration: none; } } } .block_reg { display: none; fieldset { border: none; display: block; padding: 0;margin: 25px 0 0 ; position: relative; } } .block_login { display: none; } .b_reg_input { display: block; width: 100%; height: 37px; .bz; .br; border: 1px solid lighten(@textColor, 15%); margin-bottom: 11px; padding: 0 10px; font-size: 16px; color: @textColor; } .b_reg_input_email { margin-top: 25px; } .b_reg_capcha { width: 165px; height: 37px; .bz; .br; border: 1px solid lighten(@textColor, 15%); float: left; text-align: center; overflow: hidden; img { max-height: 37px; max-width: 100%; display: inline-block; vertical-align: middle; line-height: 0; .br; } } .b_reg_capcha_input { display: block; width: 95px; height: 37px; float: right; .bz; .br; border: 1px solid lighten(@textColor, 15%); margin-bottom: 11px; padding: 0 10px; font-size: 16px; color: @textColor; } a.reloadcapcha { color: @subColor; font-size: 10px; float: left; margin: 8px 0 0 40px; text-decoration: none; i { width: 10px; height: 10px; margin-right: 5px; display: inline-block; vertical-align: middle; position: relative; top: -1px; .reloadcapcha_svg { fill: @subColor; } } } .capcha_hint { position: absolute; font-size: 12px; color: @textColor; top: 12px; left: 300px; width: 180px; } .btn-block-reg { margin: 20px 0; width: 136px; float: right; i { display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(img/goorder-btn.png) no-repeat; margin-top: 1px; margin-left: -14px; } } .block_log_soc { margin-bottom: 27px; text-align: center; .bl_soc_icon { display: inline-block; width: 32px; height: 32px; margin: 0 15px; text-align: center; &:hover { opacity: .8; } } .bl_soc_icon_Twitter { //background: url(img/icon-soc-tw.png) no-repeat; } .bl_soc_icon_Facebook { background: url(img/icon-soc-fb.png) no-repeat; } .bl_soc_icon_Vkontakte { background: url(img/icon-soc-vk.png) no-repeat; } .svg-circle { fill: @subColor; } .vk-letter { fill: #fff; } .tw-bird { fill: #fff; } .fb-letter { fill: #fff; } } .row_block_log_enter { margin-top: 28px; .remind { float: left; font-size: 13px; color: @subColor; margin-top: 13px; } .btn-block-login { float: right; width: 105px; i { display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(img/goorder-btn.png) no-repeat; margin-top: 1px; margin-left: -12px; } } } .active_content { display: block; } // Страница реавторизации и регистрации reg end // Страница категории category .big_filter { min-height: 140px; background: lighten(@genColor, 39%); position: relative; z-index: 2; .centered { height: 100%; position: static; } } .row_filter { height: 100%; } .filter_left_col { width: 69%; float: left; } .filter_right_col { //max-width: 228px; width: 31%; float: right; } .filter_choice_category { } .filter_choice_cat_selection { font-size: 28px; color: @subColor; margin-bottom: 20px; margin-top: 30px; cursor: pointer; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none; &:hover span.fccs_name { text-decoration: none; } span.fccs_name { text-decoration: underline; line-height: 1.1; } } .ccs_arrow_down { display: inline-block; svg { width: 21px; height: 14px; } .ccs_arrow_down_svg { width: 21px; height: 14px; fill: @subColor; } } .ccs_arrow_up { display: none; svg { width: 21px; height: 14px; } .ccs_arrow_up_svg { width: 21px; height: 14px; fill: @subColor; } } .choice_category_list { padding-top: 5px; height: 410px; //display: none; width: 10000px; position: absolute; background: lighten(@genColor, 39%); z-index: 2; top: 75px; left: 0px; .centered { overflow: hidden; height: 370px; max-width: auto!important; outline: none; } } .choice_category_col { width: 176px; height: 370px; float: left; .bz; } .choice_category_category { width: 176px; margin-bottom: 16px; padding-right: 5px; .bz; a { font-size: 11px; color: lighten(@subColor, 10%); cursor: pointer; line-height: 1.6; } .cc_category_name { line-height: 1.3; display: block; font-size: 14px; color: @subColor; margin-bottom: 12px; } } .choice_category_long_row { width: 10100px; } .filter_type_product { margin-left: -11px; margin-bottom: 20px; .ft_prod_item { text-decoration: underline; color: @subColor; .bz; .br(3px); height: 25px; line-height: 23px; padding: 0 9px; border: 1px solid transparent; float: left; cursor: pointer; font-size: 16px; margin: 0 1px 5px; } .ftpi_active { color: @genColor; text-decoration: none; border: 1px solid @genColor; } } .filter_right_toprow { margin-top: 40px; position: relative; width: 100%; } .frtr_producer { position: absolute; top: 0; left: 0px; min-width: 120px; .frtr_producer_name { overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none; margin-bottom: 20px; span { font-size: 16px; color: @subColor; text-decoration: underline; cursor: pointer; display: inline-block; float: left; line-height: 1.1; } .frtr_arrow { display: block; float: left; margin-left: 3px; svg { width: 17px; height: 8px; } .frtr_arrow_svg { width: 12px; height: 8px; fill: @subColor; } } .frtr_arrow_up { display: none; } } .frtr_producer_list { display: none; margin-left: -25px; padding: 0 20px 0 25px; margin-right: -20px; } } .frtr_favorites { position: absolute; top: 0; right: 0; .frtr_favorites_list { display: none; } .frtr_favorites_name { text-align: right; -moz-user-select: none; -webkit-user-select: none; user-select: none; &:hover span{ text-decoration: none; } .frtr_stars { display: inline-block; width: 16px; height: 15px; position: relative; top: -2px; vertical-align: middle; .frtr_stars_svg { width:16px; height:15px; cursor:pointer; fill: @genColor; } } span { font-size: 16px; color: @subColor; text-decoration: underline; cursor: pointer; } .frtr_arrow_down { display: inline-block; margin-left: 5px; } } } .frtr_favorites_active { .br(10px); top: -20px; right: -20px; padding: 20px; background: lighten(@genColor, 39%); -moz-box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); width: 200px; z-index: 3; .bz; .frtr_favorites_list { display: block; margin-top: 30px; height: 250px; } .wrp_module_favorites_list { height: 200px; overflow-y: scroll; padding-bottom: 10px; border-bottom: 1px dashed @textColor; outline: none; } .clear_favorites { margin-top: 15px; display: inline-block; font-size: 13px; color: @subColor; text-decoration: none; i { color: @genColor; font-style: normal; } span { text-decoration: underline; } &:hover { span { text-decoration: none; } } } .module_cart td { line-height: 1.1; } .module_cart .mc_name a { line-height: 1.2; } } .icon-close-svg { fill: @subColor; position: relative; top: -1px; z-index: -1; } .icon-close-svg-gen { fill: @genColor; } .frtr_producer_active { height: 320px; width: 205px; top: -20px; left: -25px; padding: 20px 20px 20px 25px; .bz; .br(8px); background: lighten(@genColor, 39%); -moz-box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.15); z-index: 2; .frtr_producer_list { display: block; } .wrp_module_producer_list { height: 200px; overflow-y: scroll; outline: none; label { display: block; margin-bottom: 9px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } input { position: absolute; left: -99999px; } span { font-size: 13px; color: @textColor; } span.checkbox { display: inline-block; } } .btn-mod-producer-list { margin-top: 18px; height: 27px; line-height: 25px; display: inline-block; background: none; border: 1px solid @subColor; .br(6px); color: @subColor; cursor: pointer; padding: 0 22px; font-size: 13px; .bz; } } .filter_right_rowbot { margin-top: 47px; } .filter_rigth_sorting { float: left; font-size: 14px; color: darken(@textColor, 30%); a { color: @subColor; display: inline-block; margin-left: 9px; margin-bottom: 8px; i { font-style: normal; margin-left: 2px; } } } .right_module_cart { } .row_tabs_choice { width: 177px; margin-bottom: 12px; a { display: inline-block; margin-left: -10px; font-size: 15px; color: @subColor; text-decoration: underline; margin-right: 10px; height: 27px; line-height: 27px; border: 1px solid transparent; .br(6px); padding: 0 10px; &.rtc_active { border: 1px solid @genColor; color: @genColor; text-decoration: none; } &.link_module_favorite { margin-right: -10px; } } } .tabs_module_favorite { display: none; } // Страница категории category end // Страница личный кабинет personal ul.personal_type_page { margin: 23px 0 30px -10px; padding: 0; li { .lires; .bz; margin-bottom: 0; height: 30px; line-height: 28px; display: inline-block; float: left; border-radius: 4px; border: 1px solid transparent; a { font-size: 15px; display: block; padding: 0 10px; } } .ptp_active { border: 1px solid @genColor; a { color: @genColor; text-decoration: none; } } } // Вкладка personal .personal_content_grid { display: none; } .personal_content_leftcolum { margin-right: -176px; padding-right: 176px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; } .personal_content_rightcolum { width: 176px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 13px; font-size: 12px; line-height: 1.5; color: @textColor; } .row_problem_password { margin-top: 15px; } a.reset_password { float: left; clear: right; line-height: 32px; width: 44%; margin-bottom: 20px; text-decoration: none; &:hover span { border: none; } span { border-bottom: 1px dotted @subColor; } } .toggle_row_reset_password { display: none; margin-bottom: 35px; clear: left; } .row_savedata { margin-top: 25px; } .btn_savedata { width: 120px; float: left; i { display: inline-block; vertical-align: top; width: 31px; height: 31px; position: relative; top: 2px; margin-left: -5px; background: url(img/bg-savepassword-btn.png) no-repeat; } } .cancel_savedata { float: left; margin-left: 20px; border: none; background: none; cursor: pointer; color: @subColor; margin-top: 7px; text-decoration: underline; font-size: 14px; &:hover { text-decoration: none; } i { font-style: normal; display: inline-block; margin-right: 4px; } } .check_subscription { } .check_subs_title { font-size: 18px; color: @genColor; margin-top: 0; margin-bottom: 15px; line-height: 1; } .check_subs_activity { font-size: 13px; color: @textColor; display: block; margin-bottom: 15px; line-height: 1.2; } .check_sub_label { display: block; margin-bottom: 13px; line-height: 1; cursor: pointer; input { position: absolute; left: -999999px; } span { color: darken(@textColor, 30%); } .checkbox { margin-top: -1px; } } .subscription_none { margin-top: 20px; } .btn_save_subs { padding: 0; display: block; border: 1px solid @subColor; background: transparent; height: 25px; width: 100px; line-height: 21px; color: @subColor; font-size: 13px; .br(6px); cursor: pointer; margin-top: 20px; -webkit-transition: all .2s ease; transition: all .2s ease; &:hover { color: #fff; background: @subColor; } } //Стилизованные чекбоксы .checkbox { display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url(img/checkbox.png) no-repeat 0 0; cursor: pointer; margin-right: 10px; position: relative; top: 0px; } input[type="checkbox"]:checked ~ .checkbox{ background-position: 0 -18px; } // Вкладка personal end // Вкладка history .history_content { position: relative; display: none; } ul.hcf_stage { position: absolute; right: 0; top: -57px; li { .bz; .lires; margin-bottom: 0; height: 24px; line-height: 22px; display: inline-block; float: left; border-radius: 4px; border: 1px solid transparent; a { font-size: 13px; display: block; padding: 0 10px; } } .hcf_active { border: 1px solid @genColor; a { color: @genColor; text-decoration: none; } } } .table_history { } .first-row { border-bottom: 1px solid lighten(@textColor, 20%); padding: 13px 0; div { font-size: 12px; color: @textColor; } .frnumber { width: 8%; float: left; .bz; padding-left: 8px; padding-right: 4px; } .frname { width: 61%; float: left; } .frstatus { width: 15%; float: left; } .frtotal { width: 15%; float: right; } } .sub-row { border-bottom: 1px solid lighten(@textColor, 20%); padding: 12px 0; cursor: pointer; &:hover { .rio-name span { text-decoration: none; } } } .row-info-order { } .rio-number { font-size: 12px; color: @textColor; width: 8%; float: left; .bz; padding-left: 8px; padding-right: 4px; } .rio-name { width: 61%; float: left; .bz; margin-top: -3px; padding-right: 10px; span { display: block; font-size: 14px; vertical-align: top; line-height: 1.4; max-height: 56px; overflow: hidden; text-overflow: ellipsis; color: @subColor; text-decoration: underline; } } .rio-status { width: 15%; float: left; font-size: 14px; color: @subColor; } .rio-total { width: 15%; float: right; color: @genColor; font-size: 16px; line-height: .8; } .row-more-info-order { margin-left: 8%; width: 91%; display: none; } .row-composition-order { margin-top: 20px; padding-bottom: 26px; border-bottom: 1px dashed @textColor; table { margin-left: 20px; width: 63%; font-size: 12px; color: @textColor; tr td { padding: 6px 0; } tr td:first-child { line-height: 1.4; } tr td:last-child { white-space: nowrap; } a { padding-right: 10px; font-size: 12px; display: inline-block; margin-bottom: 3px; } } } .row-text-info { padding-top: 20px; font-size: 12px; color: darken(@textColor, 40%); line-height: 1.5; b { font-weight: bold; } p { margin: 0; font-size: 12px; span { color: darken(@textColor, 10%); } } } .text-info-personal { float: left; width: 39%; } .text-info-deliv { width: 23%; float: left; margin-left: 6%; padding-right: 1%; } .text-info-status { width: 31%; float: right; } .row-btn-order { padding-top: 20px; } .btn-order { border: none; background: none; color: @subColor; text-decoration: underline; cursor: pointer; font-size: 14px; padding: 0; margin: 0 10px 10px 0; line-height: 1.2; position: relative; &:hover { text-decoration: none; } i { display: inline-block; margin-right: 6px; vertical-align: middle; font-style: normal; } } .btn-order-repeat { float: left; i { display: inline-block; margin-right: 8px; margin-left: 1px; } } .icon-repeat { fill: @subColor; margin-left: 1px; } .btn-order-more-info { float: left; margin-left: 22px; } .right-btn-order { float: right; .btn-order { top: -1px; } } .btn-order-pay { margin-right: 22px; svg { margin-left: -5px; } } .pay-icon { fill: @subColor; } .btn-order-cansel { i { margin-right: 4px; color: @genColor; position: relative; top: -2px; } } .sub_row_active { background: fade(@subColor, 10%); } .order_accepted { .rio-status { color: #52AC4D; } } .order_on_deliv { .rio-status { color: #6F68B9; } } .order_cancel_deliv { .rio-status { color: #FF4A37; } } // Вкладка history end // Вкладка favorites .favorites_content { display: none; } .wrp_fav_goods:nth-child(5n-4) { clear: left; } .wrp_fav_goods { width: 20%; float: left; margin-bottom: 38px; } .fav_goods { position: relative; margin: 0 10px; } .fg_fav { width: 16px; height: 16px; position: absolute; top: 0; right: 0; background: url(img/minlike.png) no-repeat top left; } .fg_fav.fg_fav_like { background-position: left bottom; } .fg_img { text-align: center; margin-bottom: 5px; height: 158px; line-height: 158px; img { vertical-align: middle; display: inline-block; max-width: 100%; height: auto; max-height: 158px; } } .fg_name { display: block; height: 66px; overflow: hidden; line-height: 1.4; font-size: 16px; color: @subColor; margin-bottom: 17px; } .fg_rowinfo { font-size: 21px; color: @genColor; margin-bottom: 15px; .fg_weight { vertical-align: bottom; line-height: 1.6; color: @textColor; font-size: 12px; display: inline-block; } .fg_oldprice { font-size: 14px; color: @textColor; display: inline-block; margin-right: 3px; text-decoration: line-through; } } .fg_buy .number { width: 29%; margin-right: 3%; float: left; } .fg_buy .in_cart { border: none; float: left; display: block; width:68%; text-align: center; height: 26px; line-height: 26px; color: @subColor; text-shadow: 1px 1px 0 #fff; background: fade(@subColor,30%); text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; &:hover { opacity: .8; } i { position: relative; top: 1px; margin-right: 3px; } } .icon-cart { width: 15px; height: 15px; position: relative; z-index: -1; path { fill: lighten(@subColor, 5%); } } .icon-cart-source { display: none; } .icon-select-source { display: none; } .fg_buy { .number { width: 29%; display: inline-block; float: left; position: relative; input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 17px; color: @textColor; //-webkit-user-select: none; //-moz-user-select: none; //user-select: none; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } } } .active_content { display: block; } // Вкладка favorites end // Страница личный кабинет personal end // Страница доставки delivery .delivery_information { width: 85%; h4.darkcolortitle { color: darken(@textColor, 50%) } } // Страница доставки delivery end // Страница детального заказа order-item .btn-back { font-size: 15px; position: relative; margin: 28px 0 40px 0; display: inline-block; &:before { content: '<'; position: absolute; left: -15px; top: 1px; color: @subColor; font-size: 15px; } } .oi_left { float: left; width: 52%; h1 { margin-top: 3px; margin-bottom: 16px; } } .oi_right { float: right; width: 39%; h3 { margin: 0 0 15px; } table { tr:first-child td{ color: @textColor; font-size: 12px; padding-bottom: 10px; } tr:first-child td:nth-child(3) { color: @textColor; } tr td:nth-child(2) { text-align: right; } tr td:nth-child(3) { color: @genColor; padding-left: 15px; min-width: 70px; } td { font-size: 14px; color: @textColor; padding: 7px 0 3px 0; line-height: 1.4; a { color: @subColor; font-size: 14px; display: inline-block; margin-bottom: 4px; } } } } .oi_contents_order { margin-top: 6px; .title-ordertable { font-size: 16px; color: @genColor; padding-bottom: 18px; display: inline-block; } } .oi_table { display: table; width: 100%; margin-bottom: 25px; } .oit_tr { display: table-row; } .oit_td { display: table-cell; .bz; padding: 8px 0; line-height: 1.4; } .oit_td_left { width: 35%; font-size: 14px; color: @textColor; padding-right: 1%; min-width: 119px; } .oit_td_right { width: 75%; font-size: 14px; color: darken(@textColor, 30%) } .oit_td_title { font-size: 16px; color: @genColor; padding-bottom: 12px; } .oit_td_pay_no { color: #E03640; } .oit_td_pay_yes { color: #5FB54C; } .oi_td_status_ok { color: #5FB54C; } .oi_td_status_no { color: #E03640; } .oi_row_total { font-size: 14px; color: darken(@textColor, 30%); margin-bottom: 21px; span { font-size: 27px; color: @genColor; } } .oi_row_button { margin-bottom: 25px; .btn-order-pay { margin-left: -23px; } } // Страница детального заказа order-item end // Страница поиска .block_search_result { width: 100%; max-width: 684px; margin: 35px auto 0; } .row_search { position: relative; padding-bottom: 40px; width: 100%; .wrp_big_search { float: left; .bz; width: 100%; padding-right: 116px; } .big_search { .bz; display: inline-block; width: 100%; .br; border: 1px solid lighten(@textColor, 15%); height: 35px; font-size: 16px; padding: 0 14px; .br(6px); color: @textColor; font-weight: normal; } .btn_big_search { display: inline-block; padding: 0; .bz; margin-left: -116px; width: 96px; height: 30px; line-height: 30px; float: right; i { display: inline-block; vertical-align: top; width: 31px; height: 31px; background: url(img/loop-btn.png) no-repeat; position: relative; top: -1px; margin-left: -13px; } } .number-result { font-size: 12px; color: @textColor; position: absolute; top: 10px; right: -95px; } } .block_result { display: table; width: 100%; } .row_result { display: table-row; } .row_result:first-child .brr_td { border-top: 1px solid lighten(@textColor, 20%); } .row_result:last-child .brr_td { border-bottom: 1px dashed @textColor; } .brr_td { display: table-cell; vertical-align: middle; min-height: 70px; border-bottom: 1px solid lighten(@textColor, 20%); padding-top: 10px; padding-bottom: 10px; } .brr_img { text-align: center; img { max-height: 70px; } } .brr_name { padding-left: 5px; line-height: 1.2; } .brr_weight { font-size: 10px; color: @textColor; text-align: center; min-width: 58px; vertical-align: middle; } .brr_price { min-width: 45px; padding-left: 5px; text-align: right; font-size: 16px; color: @genColor; white-space: nowrap; } .search_pagination { margin-top: 25px; text-align: center; .pag_nav { display: inline-block; margin: 0 5px; font-size: 14px; color: @textColor; text-decoration: none; margin-bottom: 10px; } .pag_list_page { font-size: 14px; color: @textColor; } } // Страница поиска end // Страница 404 ошибки .block404 { width: 458px; margin:165px auto; text-align: right; } .title404 { font-size: 36px; color: @genColor; display: block; margin-bottom: 28px; span { font-weight: bold; } } .text404 { padding-left: 103px; text-align: left; width: 370px; line-height: 1.4; font-size: 20px; color: darken(@textColor, 20%); } // Страница 404 ошибки // Страница stock .block_stock { p { } } .block_stock_row { } .block_stock_name { font-size: 16px; display: inline-block; margin-right: 35px; color: @subColor; margin-bottom: 25px; vertical-align: middle; } .block_stock_price { display: inline-block; vertical-align: middle; font-size: 21px; color: @genColor; margin-bottom: 25px; margin-right: 30px; } .block_stock_buy { display: inline-block; vertical-align: middle; .number { width: 52px; margin-right: 5px; display: inline-block; float: left; position: relative; input { display: block; width: 100%; height: 26px; .bz; border: 1px solid lighten(@textColor, 15%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 6px; font-size: 17px; color: @textColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .minus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; bottom: 1px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; background: url(img/plusminus.png) no-repeat 3px -10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .plus { width: 15px; height: 13px; display: block; position: absolute; right: 1px; top: 1px; background: url(img/plusminus.png) no-repeat 3px 3px; color: @textColor; text-align: center; line-height: 13px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } } .in_cart { border: none; float: left; display: block; width:120px; text-align: center; height: 26px; line-height: 26px; color: @subColor; text-shadow: 1px 1px 0 #fff; background: fade(@subColor,30%); text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; &:hover { opacity: .8; } i { position: relative; top: 1px; margin-right: 3px; } } } // Страница вопросы ответы h3.question_title { cursor: pointer; color: @subColor; text-decoration: underline; margin-bottom: 15px; &:hover { text-decoration: none; } } p.question_answer { display: none; margin-top: 15px; } // успешная регистрация .block_reg-ok_center { width: 325px; margin: 100px auto 20px; .broc_back { display: block; font-size: 16px; span { display: inline-block; margin-right: 4px; } } } // страница восстановления пароля .block_lostpass { margin-top: 90px; .btn-lostpass { display: block; float: right; margin-top: 10px; width: 140px; padding-left: 35px; i { display: inline-block; background: url(img/bg-btn-mailing.png) no-repeat; width: 31px; height: 26px; vertical-align: middle; margin-left: -51px; margin-top: -8px; margin-right: 8px; } } } // страница контактов .wrp_block_contact { width: 90%; max-width: 784px; margin: 0 auto; } .block_contact_left { float: left; width: 100%; margin-right: -196px; padding-right: 196px; .bz; } .bcl_row { margin-bottom: 12px; &-capcha { .bcl_label { padding-top: 4px; } } } .bcl_error_message { color: #E74C3C; margin-bottom: 20px; } .bcl_label { float: left; width: 24%; min-width: 105px; padding-top: 10px; font-size: 14px; color: #58595B; } .bcl_content { float: left; width: 72%; } .bcl_field input[type="text"] { width: 77%; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 32px; .bz; padding: 0 10px; font-size: 16px; color: @textColor; } .bcl_field textarea { width: 100%; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 130px; .bz; padding: 5px 10px; font-size: 16px; color: @textColor; } .bcl_blockcapcha { max-width: 156px; margin-right: 15px; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 32px; float: left; margin-bottom: 10px; width: 60%; position: relative; overflow: hidden; .btnrel { width: 25px; height: 32px; display: inline-block; vertical-align: middle; line-height: 32px; position: absolute; top: 2px; z-index: 2; cursor: pointer; svg { fill: @subColor; margin-top: 9px; margin-left: 9px; } } img { vertical-align: middle; display: block; max-width: 100%; max-height: 100%; position: relative; z-index: 1; .br(4px); } } .bcl_capcha { width: 156px; border: 1px solid lighten(@textColor, 15%); .br(4px); height: 32px; .bz; padding: 0 10px; font-size: 16px; color: @textColor; } .btn-bcl-send { display: block; width: 140px; padding-left: 35px; overflow: visible; i { display: inline-block; background: url(img/bg-btn-mailing.png) no-repeat; width: 31px; height: 26px; vertical-align: middle; margin-left: -14px; margin-top: -8px; margin-right: 8px; } } .bcl_error input[type="text"], .bcl_error textarea { border: 1px solid #E74C3C; } .bcl_loader{ position: absolute; right: -35px; top: 6px; display:none; } .block_contact_right { float: right; width: 176px; .right_module_address { margin-bottom: 0px; padding-bottom: 0; } } // in_cart-ok .ig_bought { //display: none; height: 0; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); position: absolute; bottom: 0; width: 100%; .in_cart-ok { text-align: center; display: block; height: 26px; line-height: 26px; padding: 0; color: @subColor; font-size: 14px; text-decoration: underline; position: relative; span { position: relative; display: inline-block; } &:hover { span { text-decoration: underline; } } i { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(50px); transform: translateY(50px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; opacity: 0; display: inline-block; width: 12px; height: 10px; margin-right: 6px; line-height: 0; svg { fill: @subColor; } } } .in_cart-number { position: absolute; height: 13px; min-width: 13px; display: block; line-height: 13px; font-size: 8px; color: #FFF; background: @genColor; .br(6px); right: -15px; top: -2px; .bz; padding: 0 2px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateX(50px); transform: translateX(50px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; font-family: Arial, Helvetica, Sans-Serif; text-align: center; } } .ig_buy_js { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .ig_bought_js { height: 26px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; .in_cart-ok { i { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } .in_cart-number { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } .wrp_itembuy { position: relative; .in_cart-ok { text-align: left; bottom: 10px; } } .wrp_spitem { position: relative; .ig_bought { bottom: 10px; } .in_cart-ok { } } // Страница отмены заказа .reason_text { //margin-top: -5px; width: 100%; border: 1px solid #cbcbcb; .br(); height: 120px; .bz; padding: 5px 10px; font-size: 16px; color: #a5a5a5; margin-bottom: 10px; } .btn-cancel-order { padding: 0 14px; display: block; border: 1px solid @subColor; background: transparent; height: 25px; line-height: 21px; color: @subColor; font-size: 13px; .br(6px); cursor: pointer; margin-top: 20px; -webkit-transition: all .2s ease; transition: all .2s ease; &:hover { color: #fff; background: @subColor; } } .of_back { font-size: 16px; text-decoration: none; margin-left: -16px; display: block; margin-bottom: -5px; span { display: inline-block; margin-right: 4px; position: relative; top: 1px; } } .order_formed_cancel { margin-top: 25px; } /*Всплавающее окно ошибки !отсутствует товар!*/ .bubble_number { position: absolute; z-index: -1; bottom: 40px; width: 100%; max-width: 187px; .bz; .br(4px); background: #FFF; font-size: 12px; color: @textColor; line-height: 1.4; border: 1px solid lighten(@textColor,29%); padding: 8px 16px 11px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; // transition-delay: 0.3s; // -webkit-transition-delay: 0.3s; &:after,&:before { position: absolute; content: ''; width: 0; height: 0; left: 20px; display: block; border-right: 8px solid transparent; border-left: 8px solid transparent; } &:before { border-top: 7px solid lighten(@textColor,20%); bottom: -7px; } &:after { border-top: 7px solid #fff; bottom: -6px; } } .bubble_number-js { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; z-index: 1; } // Дрожание input .number.number-js { -webkit-animation:anim .1s 2; animation:anim .1s 2; } @keyframes anim { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @-webkit-keyframes anim { /* Safari and Chrome */ 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } // Дрожание input .ig_not_item { line-height: 26px; font-size: 14px; text-align: center; color: @textColor; } // нет на складе на странице акций .ig_not_item-action { line-height: 26px; font-size: 14px; text-align: center; color: @textColor; margin-bottom: 25px; margin-right: 30px; display: inline-block; vertical-align: middle; } /*Всплавающее окно ошибки !отсутствует товар!*/ .wrp_block_stock_buy { position: relative; display: inline-block; vertical-align: middle; margin: 0 30px 25px 0; .block_stock_buy { margin: 0; } .ig_bought .in_cart-ok{ text-align: left; } } // Всплывающее окно для корзины .pc_wrp_number { position: relative; .bubble_number { width: 187px; text-align: left; } } .spn_auto_scroll_block { margin: 10px auto 25px; text-align: center; width: 145px; } a.btn_load_page { width: 110px; text-align: center; text-decoration: none; float: left; position: relative; margin: 0; } // Страница подписки на рассылки subscription .wrp_block_subs { width: 90%; max-width: 784px; margin: 0 auto; } .block_subs_left { float: left; width: 48%; } .block_subs_right { float: right; width: 48%; } .bs_row { margin-bottom: 10px; .bs_input { width: 100%; display: block; margin: 0 0 0 -10px; padding: 0 10px; .bz; .br; border: 1px solid #D1D3D4; height: 32px; font-size: 16px; color: #A5A5A5; } .btn_bs_subs { padding: 0 20px; margin: 31px 0 0 0; i { display: inline-block; background: url(img/bg-btn-mailing.png) no-repeat; width: 31px; height: 26px; vertical-align: middle; margin-left: -14px; margin-top: -8px; margin-right: 8px; } } } .bs_row_input { margin-bottom: 31px; } .bs_row_btn { margin-top: -10px; } .bs_label { float: left; width: 45%; color: #58595B; font-size: 14px; padding-top: 8px; } .bs_content { float: left; width: 55%; &.bs_content_checkbox { padding-top: 6px; } label { display: block; margin-bottom: 5px; cursor: pointer; } input { position: absolute; left: -99999px; } span { font-size: 13px; color: @textColor; } span.checkbox { display: inline-block; } .bs_item { display: inline-block; height: 30px; line-height: 28px; border: 1px solid transparent; .br; .bz; padding: 0 12px; text-decoration: underline; color: @subColor; cursor: pointer; vertical-align: middle; &:hover { text-decoration: none; } &.active { border: 1px solid @genColor; text-decoration: none; color: @genColor; } &:first-child { margin-left: -13px; } } } .bs_block_text { color: #58595B; font-size: 14px; line-height: 1.7; margin-bottom: 31px; } .block_subs_mes { h2 { color: #5EB90B; } margin-bottom: 25px; .block_subs_mes_text { font-size: 14px; color: #5E5F61; } } // Cтили под разные разрешения //Ширина экрана меньше 1000 px но больше 800 px @media screen and (min-width: 800px) and (max-width: 1000px) { .centered { width: 95%; } .hn_search { padding: 0 30px 0 12px; } .hn_nav { a { display: block; } } .ig_buy { .number { float: none; width: 50%; margin-bottom: 10px; } .in_cart { font-size: 14px; float: none; width: 100%; i { top: 2px; } } } .block_footer { height: 299px; } .footer { margin-top: -279px; height: 279px; } .foo_comp { width: 33.3%; .bz; } .foo_contact { width: 33.3%; .bz; padding-left: 40px; } .foo_nav { width: 33.3%; .bz; padding-left: 30px; } .footer .foo_create { display: block; text-align: center; clear: left; float: none; width: 300px; margin: 20px auto 0; padding-top: 35px; padding-left: 0; } .btrx_btn_composite { position: absolute; bottom: 20px; left: 50%; width: 200px; .bz; margin-left: -100px; float:none; } // Стили слайдера под разные разрешения .generalflex ul.flex-direction-nav { width: 95%; } .generalflex.flexslider .slides img { left: -90px; } // Стили для карусели под разные разрешения .slide-wrap .slide-item { margin-right: 30px; } .new_block_sale .owl-nav .owl-prev { left: 10px; } .new_block_sale .owl-nav .owl-next { right: 10px; } .similar_product_row { height: 350px; } // Страница наши магазины ul.bma_list_address { li { font-size: 14px; } } // Страница карточка товара item .item_position_gallery { width: 35%; } // profile .wrp_fav_goods:nth-child(5n-4) { clear: none; } .wrp_fav_goods:nth-child(4n-3) { clear: left; } .wrp_fav_goods { width: 25%; } // Страница поиска .row_search .number-result { left: 13px; top: 52px; } .block_result { margin-top: 20px; } } @media screen and (min-width: 650px) and (max-width: 799px){ .site_block { overflow: hidden; } .header .logo { left: auto; } .centered { width: 95%; } .hn_search { padding: 0 30px 0 12px; } .header_user { li { display: block; text-align: right; margin-bottom: 5px; } a { font-size: 13px; } i { position: relative; //top: 1px; margin-right: 2px; } } .hn_nav { a { display: block; font-size: 14px; } } .hu_telephone { font-size: 25px; margin-top: 0; sub { font-size: 14px; } } .header_navigation { margin-right: 140px; margin-left: 287px; } .header_navigation_search { min-width: 160px; } .sorting { display: none; } // Стили слайдера под разные разрешения .generalflex ul.flex-direction-nav { width: 95%; } .generalflex .flexslider .slides img { left: -90px; } .cc_carusel { width: 80%; margin-right: 2%; } .wrp_item_goods:nth-of-type(4n-3) { clear: none; } .wrp_item_goods:nth-of-type(3n-2) { clear: left; } .wrp_item_goods { width: 33.3%; } .ig_buy { .number { min-width: 52px; width: 30%; margin-bottom: 10px; float: none; } .in_cart { float: none; width: 100%; font-size: 14px; i { top: 2px; } } } .new_block_sale .owl-nav .owl-prev { left: 10px; } .new_block_sale .owl-nav .owl-next { right: 10px; } .block_footer { height: 520px; } .footer { margin-top: -500px; height: 500px; } .foo_comp { width: 265px; margin: 0 auto 30px; .bz; float: none; padding: 0; position: relative; top: 20px; .logo { text-align: center; } } .foo_contact { width: 210px; .bz; margin: 0 auto; float: none; padding-top: 15px; .foo_address { margin-left: 71px; } } .foo_nav { width: 183px; .bz; margin: 0 auto; float: none; padding-top: 20px; padding-left: 57px; a { line-height: 1.6; } } .footer .foo_create { display: block; text-align: center; clear: left; float: none; width: 300px; margin: 20px auto 20px; padding-top: 20px; } .btrx_btn_composite { position: absolute; //bottom: -35px; left: 50%; width: 200px; .bz; margin-left: -100px; float:none; } // Страница наши магазины ul.bma_list_address { li { width: 50%; padding: 0 0 0 2%; &:nth-child(3n-2) { padding: 0 0 0 2%; } } } // Карточка товара item .item_position_gallery { width: 45%; } .item_position_description { width: 54%; float: right; } .item_position_buy { width: 54%; padding-top: 20px; padding-left: 2%; margin-left: 35%; float: right; .ipb_row_buy { .in_cart { float: left; margin-left: 2%; width: 45%; } } } .similar_product_row { height: 350px; } .similar_product_row { height: 350px; } .wrp_s_p_item .spitem_buy { .in_cart { clear: left; float: left; width: 80%; } } // Корзина .pc_td_weight { display: none; } // Страница оформление заказа .order aside { display: none; } .order .col-4-5 { width: 100%; padding: 0; margin: 0 auto; float: none; } .capcha_hint { top: 43px; left: 123px; } // Страница список товаров .frtr_producer { .frtr_producer_name { span { font-size: 14px; } } } .frtr_favorites { .frtr_favorites_name { span { font-size: 14px; } } } .filter_left_col { width: 60%; } .filter_right_col { width: 35%; } .filter_rigth_sorting { font-size: 12px; } .filter_choice_cat_selection { font-size: 26px; } // Страница профиля .personal_content_leftcolum { padding: 0; margin: 0 auto; width: 100%; float: none; } .personal_content_rightcolum { float: none; padding: 0; margin: 30px auto 0; width: 100%; } .check_sub_label { float: left; margin-right: 20px; } .subscription_none { margin-top: 0; } .btn_save_subs { clear: left; } .hcf_stage { top: -56px; li { height: 25px; line-height: 25px; a { font-size: 12px; padding: 0 8px; } } } .row_fav_goods { width: 100%; margin: 0 auto; } .wrp_fav_goods:nth-child(5n-4) { clear: none; } .wrp_fav_goods:nth-child(4n-3) { clear: none; } .wrp_fav_goods:nth-child(3n-2) { clear: left; } .wrp_fav_goods { width: 33.3%; .fav_goods { margin: 0 10px; } } // Страница поиска .row_search .number-result { left: 13px; top: 52px; } .block_result { margin-top: 20px; } } //Ширина экрана меньше 650 px @media screen and (max-width:649px) { .site_block { overflow: hidden; } .content .content-img { float: none; display: block; margin: 30px 0; } .header .logo { left: 50%; margin-left: -137px; } .centered { width: 100%; } .logo { left: 50%; margin-left: -137px; } .header_user { right:50%; margin-right: -137px; top: 120px; padding-top: 0; text-align: center; li { text-align: center; margin-left: 10px; } a { font-size: 13px; } } .hu_telephone { display: none; } .header_navigation { margin: 165px auto 0; padding: 0; width: 95%; } .header_navigation_search { max-width:275px; width: 80%; margin: 0 auto; display: block; } .hn_search { } .hn_nav { margin-top: 15px; text-align: center; overflow: hidden; padding-left: 0; a { margin: 0 8px; display: inline-block; font-size: 14px; } } // Одна колонка .col-4-5 { margin: 0 auto; padding: 0; width: 90%; float: none; } .sorting { display: none; } .wrp_item_goods:nth-of-type(4n-3) { clear: none; } .wrp_item_goods:nth-of-type(3n-2) { clear: none; } .wrp_item_goods:nth-of-type(2n-1) { clear: left; } .wrp_item_goods { width: 50%; .item_goods { margin: 0 10px; } } .ig_buy { .number { float: none; min-width: 52px; width: 30%; margin-bottom: 10px; } .in_cart { float: none; width: 100%; font-size: 14px; } } .col-1-5 { width: 90%; float: none; padding: 0; margin: 0 auto; } .right_module { padding-bottom: 15px; h2 { } p { margin: 10px 0; } &.right_module_del_top { margin-top: 15px; } &.right_module_paymentservice h2 { margin-bottom: 15px; } } .site_container .rm_goorder { width: 161px; } .right_module_pay,.right_module_del,.right_module_mailing,.right_module_social { display: none; } .new_block_sale { width: 95%; margin: 0 auto; } .new_block_sale .owl-nav { //top: 37%; } .new_block_sale .owl-nav .owl-prev { left: 10px; } .new_block_sale .owl-nav .owl-next { right: 10px; } .block_footer { height: 520px; } .footer { margin-top: -500px; height: 500px; } .foo_comp { width: 265px; margin: 0 auto 20px; .bz; float: none; padding: 0; top: 20px; position: relative; .logo { text-align: center; } } .foo_contact { width: 210px; .bz; margin: 0 auto; float: none; padding-top: 15px; .foo_address { margin-left: 71px; } } .foo_nav { width: 183px; .bz; margin: 0 auto; float: none; padding-top: 20px; padding-left: 57px; a { line-height: 1.6; } } .footer .foo_create { display: block; text-align: center; clear: left; float: none; width: 300px; margin: 20px auto 0; padding-top: 35px; } .btrx_btn_composite { position: absolute; bottom: 25px; left: 50%; width: 200px; .bz; margin-left: -100px; float:none; } // Стили слайдера под разные разрешения .generalflex ul.flex-direction-nav { width: 100%; } .generalflex ol.flex-control-nav { display: none; } .generalflex.flexslider .slides li .flex-text { top: 53px; left: 20%; } .generalflex.flexslider .flex-text .ft-title { font-size: 29px; margin-bottom: 10px; } .generalflex.flexslider .ft-row-price .ftp-old { font-size: 19px; } .generalflex.flexslider .ft-row-price .ftp-new { font-size: 33px; } .generalflex.flexslider .slides img { left: -90px; } // Стили краусели под разные разрешения .cc_favorites { float: none; width: auto; margin-top: 26px; height: auto; i { display: inline-block; width: 16px; height: 16px; background: url(img/minfav.png) no-repeat; margin: -2px 5px 0 -15px; line-height: 1; vertical-align: middle; svg { display: none; } } span { display: inline-block; font-size: 14px; line-height: 1.4; } } .slider { padding: 0; overflow: visible; } .cc_carusel { float: none; margin: 20px auto; width: 90%; text-align: center; i { display: none; } .owl-controls { display: none; } .owl-stage { width: auto!important; .owl-item { width: auto!important; margin-right: 0!important; width: auto; height: auto; overflow: visible; float: none; display: inline-block; span { font-size: 14px; } } } } .slide-item { margin-right: 7px!important; margin-left: 7px; margin-bottom: 10px; width: auto; height: auto; overflow: visible; float: none; display: inline-block; span { font-size: 14px; } } .cc_carusel_noicon .slide-item a { display: inline-block; height: auto; width: auto; } .centered_block_sale { h1 { padding: 0 20px; } } // Страница наши магазины .block_mag_search { width: 90%; margin: 0 auto; padding: 0; h1 { display: block; float: none; margin: 20px 0 20px 0; } .bm_search { display: block; float: none; width: 100%; margin: 20px 0 25px 0; } } ul.bma_list_address { li { width: 90%; padding: 0; font-size: 16px; margin: 0 auto 25px; float: none; &:nth-child(3n-2) { padding: 0; } } } // Карточка товара item .breadcrumbs { width: 90%; margin: 17px auto; line-height: 1.4; } .item_position_gallery { width: 90%; margin: 55px auto 20px ; float: none; } #gallery { max-width: 420px; width: 100%; margin: 0 auto; } .item_position_description { clear: left; float: none; width: 90%; margin: 0 auto; padding: 0; position: relative; h1 { text-align: left; position: absolute; top: -326px; } } .item_position_buy { clear: left; float: none; width: 90%; margin: 0 auto; padding-top: 20px; } .similar_products { width: 90%; margin: 0 auto; } .similar_product_row { height: 352px; } .similar_product_row { height: 352px; } .wrp_s_p_item { width: 50%; .similar_products { margin: 0 10px; } .s_p_item { margin: 0 10px; } } .item_position_buy .ipb_row_buy .in_cart { float: left; margin-left: 2%; width: 50%; } .wrp_s_p_item .spitem_buy .in_cart { float: left; clear: left; width: 60%; font-size: 12px; min-width: 100px; i { top: 2px; } } // Козина .cart-content .personal_cart { width: 100%; } .personal_cart { .personal_cart_tr:first-child .pc_td { font-size: 10px; } .pc_td_img { display: none; } .pc_td_weight { display: none; } .pc_td_number { text-align: right; .number { float: none; } } } .cart_aside { .right_module_pay,.right_module_del,.right_module_mailing,.right_module_social { display: block; } } .pc_td_weight { display: none; } // Страница оформление заказа .order aside { display: none; } .order .col-4-5 { width: 90%; padding: 0; margin: 0 auto; float: none; } .order_cart .order_cart_total .oct_info { display: block; margin-bottom: 10px; } .por_label { width: 34%; } .por_info { clear: left; width: 100%; margin-top: 3px; } .por_info_choice { clear: left; width: 100%; margin-top: 3px; } .pic_row_item .pri_icon { display: none; } .por_right_label { display: none; } .order_commet_input { clear: left; width: 100%; margin-top: 3px; } // оформеленный заказ .order_formed { width: 85%; } // ошибки заполнения .por_error { width: 60%; text-align: right; float: none; padding: 0; position: absolute; top: 9px; right: 0; } .order_confirm { width: 100%; margin: 0 auto; float: none; text-align: right; p { float: none; text-align: right; margin: 20px 0; } .btn-order-confirm { float: none; display: inline-block; } } .capcha_hint { top: 43px; left: 123px; } // Страница список товаров .filter_left_col { float: none; width: 90%; margin: 0 auto; } .filter_right_col { float: none; width: 90%; margin: 0 auto; max-width: 90%; } .filter_rigth_sorting { float: left; } .filter_right_rowbot { margin-top: 35px; margin-bottom: 20px; } .choice_category_list { .centered { width: 90%; } } .filter_choice_cat_selection { font-size: 24px; } .filter_right_toprow { margin-top: 0; } .filter-result-content { padding-top: 30px; } // Страница профиля ul.personal_type_page { width: 90%; margin: 0 auto 30px; li { display: inline-block; float: left; } } .personal_content_leftcolum { padding: 0; margin: 0 auto; width: 90%; float: none; } .personal_content_rightcolum { float: none; padding: 0; margin: 30px auto 0; width: 90%; } .row_problem_password { .por_label { display: none; } } .row_savedata { .por_label { display: none; } } .check_sub_label { float: left; margin-right: 20px; } .subscription_none { margin-top: 0; } .btn_save_subs { clear: left; } ul.hcf_stage { width: 90%; position: static; margin: 0 auto 15px; li { height: 24px; line-height: 22px; a { font-size: 13px; padding: 0 6px; } } } .table_history { width: 90%; margin: 0 auto; } .first-row { .frnumber { width: 15%; } .frname { width: 56%; } .frstatus { width: 28%; float: right; } .frtotal { display: none; } } .row-info-order { } .rio-number { width: 15%; } .rio-name { width: 56%; } .rio-status { width: 28%; clear: right; float: right; margin-bottom: 10px; font-size: 12px; } .rio-total { float: right; width: 28%; margin-top: 10px; clear: right; } .row-more-info-order { margin-left: 15%; width: 84%; } .row-composition-order table { width: 92%; } .text-info-personal { float: none; width: 95%; margin: 0 0 20px; } .text-info-deliv { float: none; width: 95%; margin: 0 0 20px; } .text-info-status { float: none; width: 95%; margin: 0 0 20px; } .row-btn-order { .btn-order-more-info { margin-left: 23px; clear: left; } .btn-order-pay { float: left; } .btn-order-cansel { float: left; } .right-btn-order { float: left; clear: left; } } .row_fav_goods { width: 90%; margin: 0 auto; } .wrp_fav_goods:nth-child(5n-4) { clear: none; } .wrp_fav_goods:nth-child(4n-3) { clear: none; } .wrp_fav_goods:nth-child(3n-2) { clear: none; } .wrp_fav_goods:nth-child(2n-1) { clear: left; } .wrp_fav_goods { width: 50%; .fav_goods { margin: 0 10px; } } .fg_buy .number { float: none; min-width: 52px; width: 30%; margin-bottom: 10px; } .fg_buy .in_cart { float: none; width: 100%; font-size: 14px; } // Страница доставки .delivery_information { width: 100%; margin-bottom: 50px; } // Страница детального просмотра заказа order-item .btn-back { margin: 15px auto 25px; display: block; width: 90%; .bz; padding-left: 20px; &:before { left:0; top: 1px; } } .order_item { width: 90%; margin: 0 auto; } .oi_right { float: none; width: 100%; } .oi_left { float: none; width: 100%; } .oi_row_button .btn-order-pay { margin-left: 0; } .oit_tr {display: block;} .oit_td { display: block; padding: 0; } .oit_td_left { display: block; width: 100%; } .oit_td_right { display: block;width: 100%; margin-bottom: 12px; } .oit_td_title { margin-bottom: 16px; } // Страница поиска .block_search_result { width: 90%; margin: 30px auto; } .row_search .big_search { } .row_search .btn_big_search { } .row_search .number-result { left: 13px; top: 52px; } .block_result { margin-top: 20px; } .brr_weight { display: none; } // Страница 404 .block404 { width: 300px; margin: 65px auto; } .title404 { font-size: 23px; } .text404 { padding-left: 73px; width: 220px; font-size: 14px; } // Страница 404 // Страница stock .block_stock { width: 90%; margin: 0 auto; } // страница контакты .wrp_block_contact { .block_contact_left { float: none; padding: 0; margin: 0; } .bcl_row { margin-bottom: 18px; } .bcl_label { float: none; margin-bottom: 10px; padding-top: 0; } .bcl_content { float: none; width: 100%; } .btn-bcl-send { margin-top: -10px; } .block_contact_right { float: none; margin-top: 50px; } } // Страница подписки на рассылки subscription .block_subs_left { float: none; width: 100%; margin: 0 auto; } .block_subs_right { width: 100%; margin: 40px auto 10px; } } // Размер экрана меньше 430 px // Правки для совсем маленьких экранов @media screen and (max-width:430px) { .wrp_s_p_item .spitem_buy .number { width: 45%; } .wrp_s_p_item .spitem_buy .in_cart { float: left; clear: left; } .wrp_s_p_item .s_p_item { margin: 0 5px; } } /*----------------------- СТИЛИ НЕСТАНДАРТНОГО СКРОЛЛА ---------------------------*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; outline: none; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 4px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: lighten(@genColor, 35%); position: relative; .br(4px); } .jspDrag { background: lighten(@genColor, 25%); position: relative; top: 0; left: 0; cursor: pointer; .br(4px); } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*----------------------- СТИЛИ НЕСТАНДАРТНОГО СКРОЛЛА ---------------------------*/ .ajax_loader { width: 100%; height: 48px; margin: 20px auto 20px; background: url(img/ajax_loader.gif) 0 center no-repeat; display: none; } .catalog_nothing_found { margin: 35px 0; color: #a5a5a5; } .success_message { color: #5EB90B; margin-bottom: 10px; font-size: 14px; } .success_message p, .error_message p { font-size: 14px; } .error_message { margin-bottom: 10px; font-size: 14px; color: #e74c3c; } /*clear float*/ .clear_both { clear: both; height: 0; font-size: 0; line-height: 0; display: block; position: relative; } div.owl-prev.disabled, div.owl-next.disabled { display: none; } #icon-ajax-loader-source { display: none; } .icon-ajax-loader rect { fill: @subColor; } .icon-ajax-loader rect.bk { fill: none; }