@theme_color: rgb(56,113,171); /*blue*/ @theme_color_dark: rgb(30,90,152); /*blue dark*/ @theme_color2: rgb(78,149,106); /*green*/ @theme_color2_dark: rgb(42,114,61); /*green bark*/ @theme_color_grey: #d2d2d2; @color-black: #222; @color-black-grey: #545454; @color-red: #ce3a3e; @color-orange: #f5c432; @color-bej: #fffae2; .gradient_blue { background: @theme_color; background: -moz-linear-gradient(top, @theme_color, @theme_color_dark); background: -webkit-linear-gradient(top, @theme_color, @theme_color_dark); background: linear-gradient(top, @theme_color, @theme_color_dark); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@theme_color', endColorstr='@theme_color_dark',GradientType=0 ); } .gradient_green { background: @theme_color2; background: -moz-linear-gradient(top, @theme_color2, @theme_color2_dark); background: -webkit-linear-gradient(top, @theme_color2, @theme_color2_dark); background: linear-gradient(top, @theme_color2, @theme_color2_dark); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@theme_color2', endColorstr='@theme_color2_dark',GradientType=0 ); } .gradient_bej { background: #fffae2; background: -moz-linear-gradient(top, #FFF, #FFF, #fffae2); background: -webkit-linear-gradient(top, #FFF, #FFF, #fffae2); background: linear-gradient(top, #FFF, #FFF, #fffae2); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#fffae2',GradientType=0 ); } .gradient_white { background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)',GradientType=0 ); } .border-radius-100 { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .border-radius(@radius: 3px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } .btn { display: inline-block; padding: 10px 15px; background: #fafafa; cursor: pointer; border: 0; font-size: 14px; } .btn_blue { .gradient_blue; color: #FFF; } .btn_blue:hover { background: @theme_color2; color: #FFF; } .btn_border { padding: 5px; } .btn_inner { padding: 5px 10px; border: 1px #FFF dashed; display: block; } .underline { text-decoration: underline; } .form-control { width: 100%; height: 34px; border: 1px rgba(0,0,0,0.1) solid; padding-left: 15px; -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); color: @color-black; font-size: 14px; font-family: "Roboto", sans-serif; } textarea.form-control { height: 150px; padding: 15px; } .form-control::-webkit-input-placeholder {color:#999;} .form-control::-moz-placeholder {color:#999;}/* Firefox 19+ */ .form-control:-moz-placeholder {color:#999;}/* Firefox 18- */ .form-control:-ms-input-placeholder {color:#999;} h1, .block_header { font-size: 26px; font-weight: 500; } h2 { font-size: 20px; font-weight: 500; } h3 { font-size: 18px; font-weight: 500; } .hide { display: none; } hr, .hr { margin: 0; padding: 0; border: 0; border-bottom: 1px #FFF solid; border-top: 1px @theme_color_grey solid; } .block_header { margin-top: 50px; position: relative; } .block_header a { position: absolute; top: 5px; right: 0px; font-size: 14px; } .mobile_search { margin-bottom: 10px; } .search { position: relative; } .btn_search { position: absolute; top: 0; right: 0; border: 0px; width: auto; padding: 0 10px; height: 34px;cursor: pointer; color: #FFF; .gradient_blue; } .btn_search i { padding-right: 5px; } .btn_search:hover { .gradient_green; } .red { color: red; } .green { color: @theme_color2; } .overlay { background: rgba(0, 0, 0, 0.4); position: relative; height: 100%; } .overlay_anim { opacity: 0; .animation; } body.active .overlay_anim { opacity: 1; } .overlay2x { background: rgba(0, 0, 0, 0.8); } body { background: #FFF; font-size: 14px; color: @color-black; font-family: "Roboto", sans-serif; font-weight: 300; padding: 0; margin: 0; position: relative; } .animation { -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .animation_slow { -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .animation_fast { -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .animation_delay { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } * { outline: none; box-sizing: border-box; } .clear { clear: both; } .tbl, table { display: table; table-layout: fixed; width: 100%; border: 0; } .tbl_row, tr { display:table-row; } .tbl_td, td { vertical-align: middle; display: table-cell; } .tbl_td_razd { width: 10px; display: table-cell; } .tbl.tbl_top .tbl_td { vertical-align: top; } section, header { display: block; } a { color: @theme_color; text-decoration: none } a:hover { color: @theme_color2; } .text-right { text-align: right; } .text-center { text-align: center; } .block { margin: 15px 0; } label { cursor: pointer; } /*Меняем внешний вид SELECT*/ .select1 { width:100%; height:30px; color:@color-black; text-align:left; background:#FFF; line-height:33px; white-space:nowrap; padding:0 30px 0 10px; zoom:1; margin:0; border:1px @theme_color_grey solid; cursor:pointer; font-size:12px; position: relative; } .shop_par { margin-bottom: 10px; } .select_grad { .gradient_blue; width: 30px; height: 28px; position: absolute; top: 0; right: 0%; overflow: hidden; font-size: 16px; color: #FFF; text-align: center; } .select_grad i { width: 100% !important; line-height: 28px; } select { cursor:pointer; width:100%; z-index: 5; height:30px; } .focus_input .select1 { border:1px #ddd solid !important; color:#e96b6b !important; } .form_row { margin:15px 0; } .js_shop_form_param { position:relative; } .addict-field { margin-bottom:5px; } #black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 50; display: none; } /********************************header***********************************/ #top_line { border-bottom: 1px @theme_color_grey dotted; line-height: 36px; } #top_line a { font-size: 12px; text-decoration: none; } .top_menu { padding: 0; margin: 0; list-style: none; } .top_menu li { display: inline-block; margin-right: 10px; } .top_menu_box.fly_top_menu{ position: fixed; display: block !important; top: 50%; left: 10%; width: 80%; z-index: 51; background: #FFF; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.5);; box-shadow: 0 0 40px rgba(0,0,0,0.5); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .top_menu_box.fly_top_menu .top_menu { padding: 25px; } .top_menu_box.fly_top_menu .top_menu li { display: block; } .top_menu_box.fly_top_menu .top_menu li a { font-size: 16px !important; font-weight: 700; } .top_menu_hidden a { margin-right: 10px; } .top_menu_box_close, .fly_close { position: absolute; top: 0; right: 0; padding: 10px; cursor: pointer; font-size: 18px; } .top_menu_box_close:hover, .fly_close:hover { color: @theme_color2; } .dop_link a { margin-right: 10px; padding-right: 10px; border-right: 1px @theme_color_grey dotted; } header { padding: 15px 0 10px; } #logo { max-width: 100%; height: auto; padding: 0; margin: 0; } .cart_info { float: right; position: relative; z-index: 1; } .cart_info a { display: inline-block; text-align: center; margin-right: 10px; margin-left: 10px; } .c_icon { display: block; font-size: 40px; position: relative; color: @color-black; margin-bottom: 5px; } .c_count { width: 20px; height: 20px; background: #DE0A0A; color: #FFF; .border-radius-100; position: absolute; top: -5px; right: -10px; font-size: 12px; text-align: center; line-height: 20px; } .c_name { font-size: 10px; } .dop_link a { position: relative; } .dop_link .c_count { position: relative; top: auto; right: auto; padding: 0; display: inline-block; margin: 0; background: none; color: @theme_color; font-weight: 700; } .c_wish .c_icon { color: #FFCC41; } .c_wish .c_icon .c_count { background: #FFCC41; color: @color-black; } .c_compare .c_icon { color: #646464; } .c_compare .c_icon .c_count { background: #646464; } .contacts_info { padding-top: 15px; } .top_phone { font-size: 16px; position: relative; padding: 12px 0 0 30px; } .top_phone i { display: block; position: absolute; left: 0; top: 8px; font-size: 40px; color: @theme_color_grey; } .top_phone div { font-size: 12px; color: #666; } @media (max-width: 767px) { .top_phone { text-align: right; margin-top: 0; font-size: 12px; } .contacts_info { padding-top: 0; } .top_phone i { left: auto; right: 160px; } } /***********************************site_body**************************/ .h_line_blue { .gradient_blue; margin-right: -29px; } .h_line_green { .gradient_green; } .h_line { color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: 700; } .h_line_text { padding: 15px; display: block; position: relative; } .h_line_text i { font-size: 20px; position: absolute; top: 50%; right: 15px; margin-top: -10px; } .h_line.pointer { cursor: pointer; } @media (max-width: 767px) { .h_line { font-size: 12px; } } /***************************slider**************************/ .owl-nav div { position: absolute; top: 50%; margin-top: -20px; width: 40px; background: rgba(0, 0, 0, 0.7); color: #FFF; font-size: 25px; text-align: center; opacity: 0; .animation_fast; } .owl-nav div i { line-height: 40px; } .owl-prev { left: 0px; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .owl-next { right: 0px; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .owl-carousel:hover .owl-prev { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); opacity: 1; } .owl-carousel:hover .owl-next { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); opacity: 1; } .owl-dots .owl-dot { border: 2px #FFF solid; margin-right: 5px; display: inline-block; width: 15px; height: 15px; background: @theme_color; .border-radius-100; } .owl-dots .owl-dot.active { background: @theme_color2; } .owl-dots { position: relative; top: -25px; left: 10px; height: 0; } /*****************************************left_menu******************************/ .menu { padding: 0; margin: 3px -29px 0 0; list-style: none; } .menu > li { display: block; position: relative; border-bottom: 1px @theme_color_grey * 1.1 solid; } .menu > li > a { display: block; height: 40px; line-height: 40px; padding-left: 50px; } .menu > li > a:hover { background: rgba(0,0,0,0.02); } .menu > li > a > i { position: absolute; top: 50%; right: 10px; font-size: 14px; margin-top: -7px; } .menu_icon { position: absolute; top: 50%; margin-top: -13px; left: 0px; width: 45px; height: 26px; background-position: 0 center; } .menu > li > a:hover .menu_icon { background-position: -45px center; } @media (max-width: 991px) { #left_block_menu { display: none; } #left_block_menu_visible { cursor: pointer; } .menu { margin-right: 0; } } .slider_i_menu { margin-top: 10px; } #fly_left_menu { position: relative; margin-right: -29px; display: none; } #fly_left_menu .menu { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; background: #FFF; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #fly_block_menu_visible { cursor: pointer; } @media (max-width: 767px) { #fly_left_menu { margin-right: 0; } #fly_left_menu .menu { position: relative; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 10px rgba(0, 0, 0, 0); } } /*********************fierst_page_shop*************************/ #menu-types { position: relative; border-top: 15px #FFF solid; } #menu-types .cat_menu { padding: 3px; position: relative; border-right: 1px #FFF solid; } #menu-types .cat_menu:last-child { border: 0; } .cat_menu a { color: #FFF; display: block; border: 1px rgba(255,255,255,0) solid; padding: 7px 0; text-align: center; font-size: 13px; position: relative; } .cat_menu .over { font-size: 20px; text-align: center; position: absolute; bottom: -11px; left: 0; width: 100%; display: none; } .cat_menu.active .over { display: block; } .cat_menu a:hover { border-color: rgba(255,255,255,0.5); background: rgba(0, 0, 0, 0.2); } .cat_menu.active a:hover { border-color: rgba(255,255,255,0); background: rgba(0, 0, 0, 0); } .mobile_cat { .cat_menu { margin-bottom: 1px; float: left; width: 50%; } .cat_menu.cat_menu_big { float: none; width: 100%; } .cat_menu.active .over { display: none; } .cat_menu.active a { border-color: rgba(255,255,255,0.5); background: rgba(0, 0, 0, 0.2); } } @color-menu-1: #4E956A; @color-menu-2: #646464; @color-menu-3: #505FA0; @color-menu-4: #A15179; @color-menu-5: #BD674F; @color-menu-6: #3770AA; @color-menu-7: #54A1A8; .type-1 { background: @color-menu-1; } .type-1 .over { color: @color-menu-1; } .type-2 { background: @color-menu-2; } .type-2 .over { color: @color-menu-2; } .type-3 { background: @color-menu-3; } .type-3 .over { color: @color-menu-3; } .type-4 { background: @color-menu-4; } .type-4 .over { color: @color-menu-4; } .type-5 { background: @color-menu-5; } .type-5 .over { color: @color-menu-5; } .type-6 { background: @color-menu-6; } .type-6 .over { color: @color-menu-6; } .type-7 { background: @color-menu-7; } .type-7 .over { color: @color-menu-7; } .products { border: 1px @theme_color_grey solid; padding: 15px 15px 0; margin-top: 15px; } .shop_list_first_page { display: none; } .shop_list_first_page.active { display: block; } .addict-field { overflow: hidden; height: 80px; } .shop_svg { width: 100%; height: 100%; padding: 0; margin: 0; fill: @theme_color_grey; } .item_images { position: relative; } .item_images a.shop_item_link { display: block; position: relative; text-decoration: none; } .item_images a.shop_item_link:hover { opacity: 0.8; } .shop_item_span { display: block; padding: 100% 0 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .span_label { position: absolute; top: 0px; left: 0px; color: #FFF; font-size: 10px; display: block; } .hit_label { padding: 5px 10px; margin-right: 5px; background: @color-red; display: inline-block; .border-radius; } .action_label { padding: 5px 10px; margin-right: 5px; background: @theme_color2; display: inline-block; .border-radius; } .new_label { padding: 5px 10px; margin-right: 5px; background: @color-orange; display: inline-block; .border-radius(3px); } .percent { width: 40px; height: 40px; .border-radius-100; background: @color-red; color: #FFF; position: absolute; top: 50px; right: -10px; line-height: 40px; text-align: center; font-weight: 700; } .shop-like { position: absolute; display: block; top: -5px; right: -5px; z-index: 5; cursor: pointer; padding: 5px; .border-radius(3px); } .shop-like:hover, .shop-like.active { color: #FFF; background: @color-red; } .shop-item-title { height: 65px; overflow: hidden; line-height: 20px; font-size: 14px; text-align: center; display: block; } .rate_art { position: relative; } .articule { position: absolute; top: 2px; right: 0; font-size: 11px; } .comments_icon { display: inline-block; position: relative; } .comments_icon i { font-size: 20px; } .comments_count { position: absolute; top: 3px; font-weight: 700; left: 0; width: 100%; font-size: 10px; text-align: center; } .comments_item { position: relative; margin-top: 15px; } .compare_form { position: absolute; top: -2px; right: 0; } .compare_form label { display: block; border: 1px @theme_color_grey solid; padding: 5px; font-size: 11px; } .compare_form label:hover { background: @theme_color_grey; } .comments_item a { color: @theme_color; font-size: 14px; } .shop_list_item_anons { font-size: 11px; } .price-old { display: block; text-decoration: line-through; color: #999; font-size: 14px; height: 17px; } .price { font-size: 22px; font-weight: 700; display: block; height: 35px; } .shop_price_item { text-align: center; color: @theme_color2; } .addict-field { margin-top: 15px; } .btn_buy_item { display: block; padding: 5px; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; border: 0; background: @theme_color; cursor: pointer; width: 100%; } .btn_buy_item_inner { padding: 5px; border: 1px #FFF dashed; display: block; } .btn_buy_item:hover { background: @theme_color2; } .item_shop { padding: 10px 10px 20px; border: 1px @theme_color_grey solid; margin-bottom: 30px; position: relative; } .item_shop:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 10; .gradient_bej; } .shop_buy, .shop_form { position: relative; } .error { padding: 0px 5px; font-size: 12px; position: absolute; bottom: -17px; left: 50%; -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; z-index: 3; } .param_shop_val { text-align: right; } .shop_param_list .tbl_td { vertical-align: top; } .param_shop_name { width: 40%; } .shop_param_list { position: absolute; top: 100%; left: -1px; width: 100%; font-size: 10px; background: @color-bej; box-sizing: content-box; border: 1px @theme_color_grey solid; overflow: hidden; display: none; } .shop_param_list_vn { padding: 10px; } .item_shop:hover .shop_param_list { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); display: block; } .legend a { border: 1px @theme_color_grey solid; padding: 15px 0; margin-bottom: 15px; display: block; font-size: 15px; color: @theme_color; font-weight: 700; text-align: center; } .legend a i { font-size: 18px; margin-right: 5px; } .legend a.item-4 i { margin: 0 0 0 5px; } .legend a.item-1 i { color: @theme_color2; } .legend a.item-2 i { color: @color-red; } .legend a.item-3 i { color: @color-orange; } .legend a.item-4 i { color: @theme_color; } .legend a:hover { color: @theme_color2; background: #fafafa; } /************************item_shop_list********************/ .item_shop_list { padding: 15px; border: 1px @theme_color_grey solid; margin-bottom: 15px; } .shop_par .shop_param_list { position: relative; top: auto; left: auto; display: block; font-size: 12px; border: 0; background: none; line-height: 1.5; padding: 0; } .shop_par .shop_param_list .shop_param_list_vn { padding: 15px 0 0; } .shop_list_sostav { font-size: 12px; line-height: 1.5; } .item_shop_list_name { font-size: 18px; font-weight: 500; position: relative; } .item_shop_list_name .articule { top: 5px; } .item_shop_list .span_label { top: 6px; } .item_shop_list .shop-like { top: 0px; right: 0px; } .fast_par { padding-bottom: 15px; font-size: 12px; } .item_shop_list .rating_votes { text-align: center; display: block; } .item_shop_list .addict-field { padding: 0; margin: 0; height: auto; } /*************************hiddent_text*****************************/ #hiddent_text { position: relative; height: 200px; overflow: hidden; } #hiddent_text .gradient_white { position: absolute; bottom: 0%; left: 0; width: 100%; height: 200px; } #hiddent_text_visible { border-bottom: 1px @theme_color dotted; display: inline-block; margin-top: 10px; } .content_text { margin: 40px 0; } /*************************************clauses_item*****************************/ .clauses_item { padding: 15px 15px 40px; /*border: 1px @theme_color_grey solid;*/ -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); margin-top: 30px; position: relative; min-height: 220px; .animation_fast; } .clauses_link { position: absolute; left: 15px; bottom: 15px; font-size: 12px; border: 1px @theme_color_grey solid; padding: 5px 7px; .border-radius; } .clauses_name { font-size: 16px; font-weight: 500; } .clauses__anons { font-size: 12px; } .clauses_list { border: 1px @theme_color_grey solid; padding: 15px 15px 0; } .statya_news_item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px @theme_color_grey solid; } .staya_news_i { display: block; position: relative; padding-top: 100%; overflow: hidden; } .staya_news_img { display: block; background-position: center center; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); .animation_fast; } .staya_news_i:hover .staya_news_img { -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .statya_news_btn { text-align: right; } .statya_news_name { font-size: 18px; font-weight: 500; } .statya_news_name_date { padding-top: 5px; font-weight: 700; color: #999; font-size: 12px; } .clauses_all_img { float: left; max-width: 100%; padding: 0 30px 30px 0; margin: 0; } .show_all { text-align: right; font-weight: 700; padding-top: 30px; } .comments { margin-top: 50px; border-top:1px @theme_color_grey solid; } .comment { padding: 15px 0; border-bottom: 1px @theme_color_grey solid; } .comments_date { color: #999; padding-left: 10px; font-size: 12px; } .comments_param { display: block; } .comments_param_value { font-weight: 700; color: @theme_color2; } .comments_text { padding: 15px 0; } .comments_show_form { padding: 7px 10px; border: 1px rgba(0, 0, 0, 0.1) solid; .border-radius; font-size: 12px; color: @color-black; display: inline-block; } .comments_form_param, .comments_par { margin: 20px 0; } .infofield { display: block; padding-bottom: 5px; } .comments_form { padding: 15px; background: #F4F4F4; margin-top: 30px; } /****************************footer*****************************/ footer { padding: 30px 0; background: @theme_color; -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3); color: rgba(255,255,255,0.6); line-height: 1.3; margin-top: 50px; } .footer_block_name { font-weight: 700; padding-bottom: 15px; text-transform: uppercase; } .block_timework { position: relative; margin-bottom: 15px; padding-left: 30px; } .footer_block_desc .block_timework:last-child { margin-bottom: 0; } .block_timework i { display: block; position: absolute; top: 3px; left: 0; font-size: 18px; } .footer_menu { padding: 0; margin: 0; list-style: none; } .footer_menu li a { color: #FFF; } .footer_menu li a:hover { opacity: 0.8; } .soc_link, .copy { text-align: right; } .soc_link a { display: inline-block; margin-left: 5px; width: 35px; height: 35px; .border-radius-100; color: @theme_color; font-size: 16px; background: #FFFFFF; text-align: center; } .soc_link a i { line-height: 35px; } .soc_link a:hover { color: @theme_color2; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5); } .copy a { color: #FFF; } .copy { font-size: 12px; padding-top: 50px; } footer .f_block { padding-bottom: 30px; } @media (max-width: 991px) { .footer_soc { padding-top: 30px; text-align: center; } .soc_link, .copy { text-align: center; float: none !important; width: 100%; } .copy { padding-top: 20px; } } /****************right_nav******************/ .container { position: relative; } #tpl_right_nav { position: fixed; bottom: 20px; left: 50%; margin-left: 500px; z-index: 10; } #tpl_right_nav a { display: block; width: 50px; height: 50px; background: @theme_color_grey; color: #FFF; .border-radius-100; text-align: center; margin-top: 10px; position: relative; .animation_fast; } #tpl_right_nav a i { line-height: 50px; } #tpl_right_nav a:hover { background: @theme_color; -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } #tpl_right_nav a .c_count { top: 0; right: -3px; } /*****************************registration***************************/ .fly { position: fixed; top: 50% !important; left: 50%; width: 360px; padding: 20px; margin-left: -180px; background: #FFF; -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 51; display: none; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.5);; box-shadow: 0 0 40px rgba(0,0,0,0.5); } .dop_reg { padding-top: 15px; } .dop_reg a { display: block; padding: 2px 0; font-size: 12px; } /***********************filter********************************/ .filter { padding: 0 15px 0; margin-right: -29px; background: #F4F4F4; margin-bottom: 10px; } .filter .header { position: relative; font-weight: 500; padding: 15px 0; } .filter .header i { display: block; top: 14px; right: 0; font-size: 16px; position: absolute; } .search_param { padding: 10px 0; } #filter-inner { font-size: 12px; padding-bottom: 15px; } .filter_num_razd { width: 20px; text-align: center; } .ui-slider-horizontal .ui-slider-handle { margin-left: 0; } .ui-slider-horizontal .ui-slider-handle:nth-child(3) { margin-left: -1.2em; } .input-title { display: block; padding-bottom: 7px; } .inner_body { padding-left: 15px; } .cat-slider { margin-bottom: 10px; } .breadcrumb { font-size: 12px; padding-bottom: 10px; border-bottom: 1px @theme_color_grey solid; } .breadcrumb_vn .breadcrumb { border: 0; padding: 10px 0 0; } .shop_cat_link a, .sort-by { display: block; padding: 15px 0; text-align: center; margin-bottom: 10px; border: 1px @theme_color_grey dotted; font-size: 12px; } .sort-by { text-align: left; padding: 15px; position: relative; } .shop_views { position: absolute; top: 15px; right: 15px; } .shop_views a { margin-left: 7px; color: @theme_color_grey; font-size: 18px; } .shop_views a.active { color: @theme_color; } .sort-by .sort-down { margin-right: 20px; } @media (max-width: 991px) { .filter { margin-right: 0; } #filter-inner { display: none; } .inner_body { padding-left: 0; } } .paginator { text-align: center; font-size: 16px; font-weight: 700; } .paginator a, .paginator span { display: inline-block; width: 30px; height: 30px; text-align:center; margin: 0 5px; line-height: 30px; border: 1px rgba(255,255,255,0) solid; } .page-list { background: #f4f4f4; color: @color-black; .border-radius-100; .animation_fast; } .paginator .active { color: #FFF; background: @theme_color;; .border-radius-100; .animation_fast; } .page-list:hover { -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); border: 1px @theme_color solid; background: #FFF; color: @theme_color; } .paginator i { line-height: 30px; } /******************action_img********************/ .action_img img { width: 100%; height: auto; margin-bottom: 10px; } .action_item .statya_news_name { font-size: 14px; } .action_btn { text-align: right; font-weight: 700; padding-bottom: 30px; } .action_id .clauses_all_img { float: none; padding: 0; margin: 0 0 20px; } .action_id .clauses_all_img img { max-width: 100%; } /*********************************SHOP_ID******************************/ .shop_id_img a { display: none; } .shop_id_img a.active { display: block; } .shop_id_img { border: 1px @theme_color_grey solid; position: relative; } .shop_id_img .span_label { top: 5px; left: 5px; } .shop_id_img .shop-like { top: 5px; right: 5px; } .shop_is_page .addict-field { height: auto; } .price_id_box { background: #f4f4f4; height: 45px; } .price_id_box.price_id_box_no_old { padding-top: 8px; } .price_id_box.price_id_box_yes_old .price { font-size: 20px; } .price_id_box.price_id_box_yes_old { padding-top: 4px; } .price_id_box.price_id_box_yes_old .price-old { font-size: 12px; height: 12px; } .fast_buy_name { font-weight: 700; padding: 20px 0 5px; } .btn_grey { color: #FFF; background: @color-black-grey; height: 35px; border: 0; width: 100% + 7px; margin-left: -15px; } .btn_grey_light { color: @color-black; background: #f4f4f4; } .cart_one_click { position: relative; margin-top: 50px; } .cart_one_click .order_form_param input { width: 100%; background: #f4f4f4; border: 0; height: 35px; padding-left: 15px; } .one_click_btn { position: absolute; top: 0; right: -15px; } .shop_id_img_prev { display: block; width: 100%; padding-top: 100%; border: 1px @theme_color_grey solid; -webkit-background-size: cover; background-size: cover; background-position: center center; margin-top: 15px; } .shop_id_vopros { background: #f4f4f4; margin-top: 30px; } .tbl-td-vopros { width: 130px; background: rgba(0, 0, 0, 0.1); text-align: center; font-size: 50px; color: #FFF; } .shop_id_vopros h3 { margin-bottom: 0; } .shop_id_vopros p { margin-top: 0; } .tbl-td-vopros-text { padding: 7px 10px 7px 15px; } .shop_id_share { text-align: right; } .shop_id_share .ya-share2__container_size_m .ya-share2__item { padding: 0; margin: 0; } .shop_id_share .soc_link a { width: auto; } .shop_id_share { height: 24px; } .soc_name, .soc_link { display: inline-block; float: right; } .soc_name { padding-top: 3px; } .shop_id_link .previous_next_links a { line-height: 24px; font-size: 12px; } .shop_id_link { padding: 15px 0 15px; border-top: 1px @theme_color_grey solid; margin-top: 30px; } .shop_id_tab ul { padding: 0; margin: 30px 0 0; list-style: none; display: table; width: 100%; background: #f4f4f4; } .shop_id_tab ul li { display: table-cell; vertical-align: middle; border-left: 1px solid #fff; text-align: center; } .shop_id_tab ul li a { line-height: 40px; display: block; } .shop_id_tab ul li:first-child { border-left: 0px; } .shop_id_tab ul li a:hover { background: rgba(0, 0, 0, 0.1); } .shop_id_tab ul li a.active { color: #FFF; background: @theme_color; } @media (max-width: 767px) { .shop_id_tab ul li { display: block; border-bottom: 1px rgba(0,0,0,0.1) solid; } } .shop_tab_box_item { padding: 15px; border:1px @theme_color_grey solid; display: none; } .shop_tab_box_item.active { display: block; } .shop_id_sostav p { margin-top: 0; } .shop_id_sostav { position: relative; min-height: 50px; } .shop_param_table .tbl_td { height: 35px; border-top: 1px @theme_color_grey dotted; } .shop_param_table .tbl_row:first-child .tbl_td { border: 0; } .shop_tab_box_item .comments { border: 0; } @media (max-width: 767px) { .shop_id_sostav { padding-top: 15px; } } /**************************************shop_header***************************/ .shop_header { background: #f4f4f4; text-align: center; font-size: 10px; text-align: center; } .cart_header { padding-top: 10px; padding-bottom: 10px; } .shop_header .row { background: #f4f4f4; } .shop_header { } .cart_img img { width: 100%; height: auto; } .cart_table { font-size: 12px; } .cart_row_item > div { padding-top: 10px; padding-bottom: 10px; } .cart_row_item { border-bottom: 1px @theme_color_grey dotted; } .cart_row_item .cart_par { text-align: center; } .cart_row_item .cart_par.cart_name , .cart_header.cart_total, .cart_header.cart_name { text-align: left; } .cart_par.cart_remove .js_cart_remove { color: @color-red; cursor: pointer; display: inline-block; width: 30px; .border-radius-100; border: 1px rgba(255,255,255,0) solid; } .cart_par.cart_remove .js_cart_remove i { line-height: 28px; } .cart_par.cart_remove .js_cart_remove:hover { color: @theme_color2; border: 1px @theme_color2 solid; } .cart_par.js_cart_count input { width: 100%; text-align: center; height: 34px; border: 1px rgba(0,0,0,0.1) solid; -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.05); color: @color-black; font-size: 12px; font-family: "Roboto", sans-serif; } .strike { text-decoration: line-through; color: rgba(0, 0, 0, 0.5); } .cart_par.cart_discount { color: @color-red; font-weight: 700; } .cart_additional_cost_text, .cart_delivery_text, .payment_text { color: rgba(0, 0, 0, 0.5); font-size: 11px; } .cart_additional_cost_name, .cart_delivery_name { font-weight: 500; } .cart_itogo { border-bottom: 2px @theme_color solid !important; font-weight: 700; } .shop_block_coupon { position: relative; } .btn_coupon { position: absolute; top: 0; right: 0; padding: 0 15px; color: #FFF; .gradient_blue; height: 33px; border: 0; } .shop_block_coupon { margin-bottom: 15px; } .cart_contacts { margin-top: 50px; } .order_form_param { margin: 0 0 15px; } .form_btn { padding-top: 15px; } .required_field { padding-top: 20px; font-size: 12px; } .comments_form.cart_autorization { margin-top: 0px; } .cart_form_box { padding: 15px; border: 1px @theme_color_grey solid; } .hide_name { font-size: 11px; padding-bottom: 5px; } .strike .hide_name { text-decoration: none; } .enter_cart { font-size: 18px; padding-top: 20px; text-align: right; margin-bottom: -20px; } @media (min-width: 768px) { .shop_header, .cart_body { display: table; table-layout: fixed; width: 100%; border: 0; } .shop_header .row, .cart_body .row { display:table-row; } .shop_header .cart_header, .cart_body .cart_par { vertical-align: middle; display: table-cell; float: none; } .cart_body .cart_par { border-bottom: 1px @theme_color_grey dotted; } } @media (max-width: 767px) { .hide_name { float: left; } .cart_row_item .cart_par { text-align: right; } .cart_par.cart_remove .js_cart_remove { width: auto; } .cart_par.cart_remove .js_cart_remove:hover { border: 0; } .cart_name_tov { font-size: 16px; font-weight: 700; } .cart_par.js_cart_count input { width: 40px; height: 20px; } .cart_row_item > div { padding-top: 5px; padding-bottom: 5px; } .cart_par.cart_name_tov { padding-top: 20px; } .cart_par.cart_remove { padding-bottom: 20px; } .cart_summ_totals { text-align: right; } .xs_center { text-align: center !important; } #enter_cart { margin-top: 30px; } } .left-ban { margin-right: -29px; margin-top: 20px; } .js_wishlist_buy .btn { width: 100%; } #body_box { min-height: 500px; } /******************compare*********************/ .shop_compare_description{ margin: 0; padding: 1px 0; } .shop_compare_left{ float:left; width:19%; } .shop_compare_list{ float:left; width:70%; padding: 0 5%; overflow: hidden; } .shop_compare_page{ overflow: hidden; } .shop_compare_list .shop{ width: 30%; margin: 0 10px 3% 0; float: left; } .shop_compare_list .shop_basic{ overflow: hidden; margin: 0 0 5px; } .shop_compare_list .shop_param{ padding: 10px 5px; background: #EEE; border-top:#CACACA solid 1px; margin: 0; font-size: 12px; box-sizing: content-box; } .shop_compare_list .shop_param p { padding: 0; margin: 0; } .shop_existed_params { margin-top: 7px; } .shop_param_existed{ padding: 10px 5px; background: #EEE; border-top:#CACACA solid 1px; margin: 0; font-size: 12px; box-sizing: content-box; } .shop_compare_list .shop_param_difference, .shop_compare_left .shop_param_difference{ background: #F4C1C1; border-top:#C69393 solid 1px; border-bottom:#C69393 solid 1px; } .shop_compare_page { padding-top: 15px; } .shop_compare_description a { display: block; border-bottom:#CACACA solid 1px; padding: 10px 5px; } .shop_compare_description { background: #f4f4f4; } .add_cart .btn { width: 100%; } /* .tbl, table { display: table; table-layout: fixed; width: 100%; border: 0; } .tbl_row, tr { display:table-row; } .tbl_td, td { vertical-align: middle; display: table-cell; }*/