// Variables @cg : #5B8300; @cgh : #7FA724; @cw : white; @cb : black; @cr : red; @cfbf : #FBF4E8; @ce9d : #E9DECC; @cd1b : #D1BB95; @ce5e : #e5e5e5; @pr : relative; @pa : absolute; @ff : 'Manrope', sans-serif; // Default stiles *{font-family:@ff;} html{} body{margin:0; padding:0; font-weight:400; color:@cb; background-color:@cw; font-size:16px; line-height:22px;} img{max-width:100%;} .clear{display:block; clear:both;} .clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";} a{outline:none; text-decoration:none; color:@cg; font-size:16px;} a:hover{color:@cgh;} .imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;} .imgl{float:left; margin:0 15px 15px 0; clear:left;} .imgr{float:right; margin:0 0 15px 15px; clear:right;} h1, .h1, h2, .h2, h3, .h3, h4, h5, h6{display:block; margin:0; margin-bottom:50px; position:@pr; font-weight: 700; text-transform: uppercase; font-family:@ff;} h1, .h1{font-size:40px; display:block; padding:10px 0 25px; border-bottom:@ce5e solid 1px; line-height:42px; font-weight:800; } /*h1::after, .h1::after{content:''; position:@pa; bottom:-1px; left:0; height:2px; width:60px; background:#dd2b1c;}*/ h2, .h2{font-size:30px; margin:20px 0 40px; border-bottom:@ce9d solid 1px; padding:0 0 15px;} /*h2::after, .h2::after{content:''; position:@pa; bottom:-1px; left:0; height:2px; width:60px; background:#dd2b1c;}*/ h3, .h3{font-size:26px;} h4, .h4{font-size:22px;} h5, .h5{font-weight: 600; font-size: 18px; line-height: 25px; margin: 0; padding: 10px 0 20px; text-transform: none;} p, li{} main .catalog_item .transparent_btn, .page-item.active .page-link, .pagination li a, main .order #oneStepForm .del_row .del_content h3, main .cart .order_item .order_price span.price, main .cart .order_item .order_sum span{font-family:@ff;} .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{border: 0; display:block; height: auto;} //button .botton_02{background:#dd2b1c; padding:10px 15px; color:@cw; display:inline-block; text-decoration:none; text-transform:uppercase; font-weight:700; font-size:13px; margin-top:5px;} .botton_02:hover{text-decoration:none; color:@cw;} .botton_01{background:@cg; border:none; padding:16px 20px; color:@cw; display:inline-block; cursor:pointer; text-decoration:none; text-transform:uppercase; font-weight: 700; font-size: 13px; line-height: 16px; text-align:center} .botton_01:hover{background:@cgh; text-decoration:none; color:#fff;} .botton_01:hover, .botton_01:focus{color:#fff;} main input[type="submit"].botton_02{background:@cg; border:none; padding:16px 20px; color:@cw; display:inline-block; cursor:pointer; text-decoration:none; text-transform:uppercase; font-weight: 700; font-size:16px; line-height: 18px; text-align:center} main input[type="submit"].botton_02:hover{background:@cgh; text-decoration:none; color:#fff;} main input[type="submit"].botton_02:hover, main input[type="submit"].botton_02:focus{color:#fff;} main .catalog_item .transparent_btn, main .catalog_item .price_block .item_btn{background:@cg; border:none; color:white;} main .catalog_item .transparent_btn:hover{background:@cgh;} main .catalog_item .transparent_btn.not_buy, main .catalog_item .transparent_btn.not_buy:hover{background:@ce9d; color:@cb; border-color:transparent; -webkit-filter:none; filter:none;} //Header .menu_wrap{background: @cg;} .top_menu{margin:0} .top_menu > ul{display:block; font-size:0; margin:0; padding:0} .top_menu li{display:inline-block; font-size:0; text-align:left; position:@pr; z-index:10} .top_menu a{font-size:14px; line-height:19px; color:@cw; padding:20px 60px; display:block; font-weight:600; font-style: normal; letter-spacing: 0.03em;} .top_menu li.active a, .top_menu a:hover{background:@cgh; text-decoration:none} .top_menu > ul > li:hover ul.sub_menu{display:block} .menu-trigger{display:none} // // НОВЫЙ ГОД. /*.top{background-image:url(/templates/heika/images/ng/spruce.png); background-repeat:repeat-x; background-position:center -18px; overflow: hidden;} .top .top_wrap{position:relative; z-index:10;} .balls .container{position:relative; z-index:1;} .ball_1, .ball_2, .ball_3, .ball_4, .ball_5{background-repeat:no-repeat; position:absolute;} .ball_1{background-image:url(/templates/heika/images/ng/ball_1.png); width:69px; height:136px; top:-85px; left:15%;} .ball_2{background-image:url(/templates/heika/images/ng/ball_2.png); width:63px; height:125px; top:-70px; left:76%;} .ball_3{background-image:url(/templates/heika/images/ng/ball_3.png); width:35px; height:110px; top:-86px; left:50%;} .ball_4{background-image:url(/templates/heika/images/ng/ball_4.png); width:45px; height:119px; top:-76px; left:33%;} .ball_5{background-image:url(/templates/heika/images/ng/ball_5.png); width:42px; height:113px; top:-90px; left:90%;} @media (max-width: 576px) { .ball_1{top:-30px; left:-6%;} .ball_2{top:-40px; left:92%;} .ball_3{left:60%} .ball_4{top: -66px; left: 20%;} .ball_5{top: -80px; left: 80%;} }*/ // НОВЫЙ ГОД КОНЕЦ. // .top{padding:32px 0;} .logo_wrap{margin:auto; display: flex; width: 100%; align-items: center; justify-content:center; height: 100%;} .logo{flex: 0 1 auto; img{height:100px;} } .top_info_col{ .top_info_wrap{font-size:0; margin:auto; display: flex; justify-content:center; align-items: center; height:100%; .top_info_item{margin: auto; /*flex: 0 1 auto; order: 1; */ position: @pr; padding: 0 0 0 60px; height:46px; a{color:black; font-size:16px; font-weight:600;} .text{color:black; font-weight:600; font-size: 16px; line-height: 22px;} .ico{background:@cfbf; fill:@cfbf; padding: 7px; stroke:@cg; position: @pa; left: 0; display: flex; justify-content: center; align-items: center; width: 42px; height: 42px;} .ico img{} .header{font-weight: 400; font-size: 14px; margin-bottom: 2px; display: block; line-height:18px;} span{font-size:11px; display:block; line-height:16px; font-weight:500;} } } } .info_button_wrap{margin: auto; display: flex; justify-content: center; align-items: center; height:100%; & > div{} } .button_wrap{} .header_cart{ .sticker_cart{ margin:0; padding:0;} .sticker_cart span{background:red; padding:0; width:24px; height:24px; border-radius:50%; font-size:14px; font-weight:700; line-height: 26px;} img{background:@cw; border: 1px solid @ce9d; padding:11px 13px 11px 10px; margin:0 0 0 15px;} } .slider_bg{position: @pr; &::before{content: ''; position: @pa; bottom: 0; left: 0; right: 0; background:@cfbf; height: 330px;} } //OWL SLIDER #owl_top_banner{position:@pr; .item{height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; position:@pr; &::before{content: ''; position: @pa; background: black; opacity: 0.45; width: 100%; height: 100%; z-index: 10;} .text_wrap{position:@pa; left:80px; right:80px; top:60px; z-index: 15;} .header{font-weight: 700; transition:all .1s ease-in-out .4s; transform: scale(1.5); opacity:0; font-size: 36px; line-height: 49px; text-transform: uppercase; color:@cw; text-shadow:0 0 16px rgba(0,0,0,0.9);} .text{position:relative; opacity:0; transition:all .4s ease-in-out .6s; transform: scale(1.5);} .text p, .text span{font-weight: 400; font-size: 16px; line-height: 22px; color:@cw; text-shadow:0 0 16px rgba(0,0,0,0.9);} .link_slider{display:block; text-decoration:none; width:100%; height:100%; position:absolute; z-index:20;} } .owl-item.active .header{opacity:1; transform: scale(1);} .owl-item.active .text{opacity:1; transform: scale(1);} .owl-nav{position:@pa; z-index:20; right:60px; width: auto; bottom: 100px; margin:auto; box-shadow:0 0 20px rgba(0,0,0,.4); .disabled{opacity:.5} span{display:block;} button{display:inline-block; color:@cw !important; border:none; outline:none; position: @pr; background-color: rgba(255,255,255,0.3); width:auto; text-align:left; &::before{content: ''; position: @pa; width: 100%; height: 100%; left: 0; top: 0; background-color: @cw; opacity: 0.2; z-index: 1;} &.owl-next::before{content: ''; position: @pa; width: 100%; height: 100%; background-color: @cg; opacity: 0.9;} &:hover::before{background-color:@cgh} svg{position: relative; z-index: 5;} svg.icon_arrow{fill:@cw; width:66px; height:66px;} } } .owl-dots{position: @pa; bottom: 60px; left: 60px; right: 60px; z-index:15; display: flex; justify-content: center; align-items: center; .dot_button{width:100%; height:2px; margin:0 20px; display:inline-block; background-color: rgba(255,255,255,0.3); cursor:pointer; position:@pr; outline:none; text-align:left; &:first-child{margin-left: 0;} &:last-child{margin-right: 0;} span{position: @pa; top:10px; font-size: 18px; font-weight:600; color: @cw; opacity: 0.4; padding:6px 20px;} .bar{width:0; background:@cw; height:2px;} &.active{} &.active .bar{animation: linear bar forwards;} &.active .bar.hover{animation:none;} &.active .bar.paused{animation-play-state:paused;} &.active span{ opacity: 1;} &:hover{} &:hover .thumb{} } } } @keyframes bar{ 0%{width:0;} 100%{width:100%;} } .bg_block{position: @pr; padding-top:40px; &::before{content: ''; position: @pa; top: 0; left: 0; right: 0; background:@cfbf; height: 100%;} } .subsection_container{ a.subsection_item{color:black; font-weight:600; font-size:21px; line-height:27px; display:block; border:solid 1px @ce5e; margin-bottom:40px;} a:hover{text-decoration: none; box-shadow:0 0 15px rgba(0,0,0,0.15);} .img{padding:8px 10px 8px; max-width:347px; text-align:center} .text{padding:16px 20px 10px; font-weight: 600; font-size: 21px; line-height: 27px;} } /* СТАРЫЙ ВАРИАНТ ОФОРМЛЕНИЯ */ .catalog_items{margin:50px 0 20px; a{color:black;} a:hover{text-decoration: none;} .item_wrap{margin:0 auto; background:@cw; display:block; border:solid 1px @ce5e; margin-bottom:40px; transition: all 0.2s;} .item_wrap:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);} .image{padding:8px 10px 8px; text-align:center; width:100%;} .image img{max-width:100%; padding:5px 10px; margin:auto;} .text_item{padding:16px 10px 10px} .header{font-weight:600; font-size:21px; line-height: 27px; overflow:hidden; padding-bottom:10px;} .price{padding-top:10px; padding-bottom:10px;} .price span{font-weight:bold;} .more{border-top:solid 1px @ce9d; display:flex; justify-content:left; align-items:center; background:@cfbf;} .more span{padding:0 10px 0 30px; width: 100%; font-weight: 400; font-size: 16px;} .more i{} .more svg{fill: @cw; width: 80px; height: 80px; padding: 20px; background-color:@cg;} } /* СТАРЫЙ ВАРИАНТ ОФОРМЛЕНИЯ */ .catalog_items_v2{margin:50px 0 20px; a{color:black;} a:hover{text-decoration: none;} .item_wrap{margin:0 auto; display:block; margin-bottom:40px; position:relative; height:535px;} .item_wrap_hover{background:@cw; overflow:hidden; transition: all 0.2s; border:solid 1px @ce5e; height:535px; position:absolute; left:0; right:0;} .image{padding:8px 10px 8px; text-align:center; width:100%;} .image img{max-width:100%; padding:5px 10px; margin:auto;} .item_text{padding:0 10px} .header{font-weight:600; font-size:21px; line-height: 27px; overflow:hidden; padding-bottom:10px; overflow:hidden; height: 100px;} .anons{opacity:0; overflow:hidden; height:0; transition: all 1s;} .anons p{margin:0; padding:0;} .anons p:last-child{padding-bottom:10px;} .price{padding-top:10px; padding-bottom:10px;} .price span{font-weight:bold;} .more{border-top:solid 1px @ce9d; display:flex; justify-content:left; align-items:center; background:@cfbf;} .more span{padding:0 10px 0 30px; width: 100%; font-weight: 400; font-size: 16px;} .more i{} .more svg{fill: @cw; width: 80px; height: 80px; padding: 20px; background-color:@cg;} a.botton_01.transparent_btn{width:auto; margin-left:10px; margin-right:10px; margin-bottom:10px;} .item_wrap:hover{} .item_wrap:hover .anons{height:auto; opacity:1} .item_wrap:hover .item_wrap_hover{height:auto; box-shadow:0 0 15px rgba(0,0,0,0.15); transform: scale(1.04);} } .top_bottom_platform{ .pagination{} .pagination li{} } main .catalog_item .transparent_btn.added_product { border-color: #DA0001; background-color: #DA0001; color: #fff; transition: all 0.2s; } main .catalog_item .transparent_btn.added_product:hover { color: #fff; background: #DA0001; text-decoration: none; } .our_advantages{padding-top: 70px; padding-bottom: 20px; @padd : 20px 25px 20px; .h1{} .our_advantages_items{counter-reset: item; .item_wrap{background:@cfbf; padding:@padd; min-height: 120px; position:relative;} .item_wrap:before{counter-increment: item; content:counter(item); position: @pa; z-index: 2; font-weight: 600; color: @cw; right: 20px; top: 0; font-size: 128px; height: 128px; min-width: 80px; line-height: 85px; text-align: center;} .text_wrap{ position: @pa; z-index: 5; padding:@padd; left:0; top:0;} .header{font-weight: 600; font-size: 19px; line-height: 25px; margin-bottom:20px;} .text{font-weight: 400; font-size: 17px; line-height: 22px; margin-bottom: 15px;} .image{text-align: center; position: @pr; z-index: 4; height:210px; display:flex; justify-content: center; align-items: center; align-content: center; margin-top: 110px;} } } .we_are_in_numbers{ padding-top: 70px; padding-bottom: 20px; .h1{} .our_advantages_items{position:@pr; .item{padding-right: 0; padding-left: 0; .item_wrap{ padding:20px 25px 20px; border: solid 1px @ce9d; border-left:none; height:100%;} &:first-child .item_wrap{border: solid 1px @ce9d;} } .text_wrap{min-height: 120px;} .header{color: @cg; font-weight: 700; font-size: 48px; line-height: 66px; margin-bottom:20px;} .text{font-weight: 600; font-size: 18px; line-height: 25px; margin-top: 100px; margin-bottom: 15px;} .image{position: @pa; top:0; right:0;} .image .fill_line{fill:#5B8300;} .image .strike_line{fill:#5B8300;} } } .o_nas{padding-top: 70px; padding-bottom: 20px; .o_nas_img_wrap{margin-top: 30px; .o_nas_img_block{ background-size: cover; background-position: center; min-height:400px; box-shadow: 0 0 16px rgba(0,0,0,.05);} } .slick-vertical .slick-slide{border: none !important;} .slick_slider_header_wrap{display: flex; justify-content:left; align-items: center; .slick_slider_header{width: 90%;} .slick_slider_arrows{width:100px; text-align:right; .slick-next, .slick-prev{display: inline-block; padding: 5px; cursor:pointer; position:@pr; left:auto; right:auto; top:auto; transform:none; -webkit-transform:none; width:auto; height:auto; margin-left:5px} .slick-next:before, .slick-prev:before{ display:none;} } } .slick_slider_partner{ &::before, &::after{content: ''; position: @pa; top: 0; left: 0; right: 0; border-bottom: @ce9d solid 1px;} &::after{ top: auto; bottom: 0;} .item{display: flex; justify-content:left; align-items: center; color: @cg; height:173px; border-bottom: @ce9d solid 1px; margin-top: -1px; &>div{ width: 220px;} div.img{ width: 90%; margin-right:10px;} } } } //Contacts .contacts_info_block{} .contacts_info_block{border:solid 1px @ce9d; .header_small{position:relative; padding:20px 20px 10px 30px; margin-bottom:0; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px;} .header_small:before{background:@cg; content:''; position:absolute; left:0; top:0; bottom:0; width:4px;} .info_wrap{padding:0 30px 10px 30px; font-size:0; margin:auto; display: flex; flex-direction:column; justify-content:left; align-items: center; height:100%; .info_item{margin: auto; position: @pr; padding:20px 0 20px 60px; width:100%; &:before{position:absolute; content:''; bottom:0; left:10px; right:10px; background: @ce9d; height:1px;} &:last-child:before{ display:none;} a{color:black; font-size:16px; font-weight:600;} .text{color:black; font-weight:600; font-size: 16px; line-height: 22px;} .ico{background:@cfbf; position: @pa; left: 0; display: flex; justify-content: center; align-items: center; width: 42px; height: 42px;} .ico img{} .header{font-weight: 400; font-size: 14px; margin-bottom: 4px; display: block; line-height:18px;} span{font-size:11px; display:block; line-height:16px; font-weight:500;} } } } //Footer footer{margin:0; padding:0; color:@cb;} .footer_wrap{position:@pr; background:@cfbf; padding:50px 0; margin-top:50px; .footer_logo img{height:90px;} .footer_info_wrap{ .footer_info_item{margin:40px 0; position: @pr; span{display: block;} .ico{background:@cw; fill:@cw; padding:10px; stroke:@cg; position: @pa; left: 0; display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; margin-top: -22.5px; top:50%} .text_wrap{ padding: 0 0 0 65px;} .header{font-weight: 400; font-size: 15px; margin-bottom: 2px; display: block; line-height:18px;} .text, a{color:black; font-weight:600; font-size: 16px; line-height: 22px;} } } .footer_menu_wrap{display: grid; grid-template-columns:repeat(2, 1fr); /*grid-template-rows: repeat(1, 25vw); grid-column-gap: 0px; grid-row-gap: 0px;*/ grid-template-areas:'gone gtwo'; padding-bottom: 40px; .item{border:1px solid @ce9d; position:@pr; min-height: 240px;} .item::before{content:''; position:@pa; background: @cg; width: 3px; height: 40px; top: 0; left: 0; z-index: 10;} .item:nth-child(1){grid-area: gone;} .item:nth-child(2){grid-area: gtwo;} .item:first-child{padding-right: 0;} .item:last-child{padding-left: 0; margin-left: -1px;} .footer_menu{padding: 18px 25px 20px; .header_small{font-weight: 600; font-size: 18px; line-height: 25px; display: block; margin-bottom: 10px;} .header_small a{font-weight: 600; font-size: 18px; line-height:25px;} ul{margin:0; padding:0; display:block;} li:first-child{} li{display:block; padding:8px 0; margin-bottom:0;} a{font-weight: 400; font-size: 16px; line-height: 22px; color:black; display:inline-block;} } } .footer_copy{ p,a{text-align:left; margin-bottom:0; font-weight: 600; font-size: 14px; line-height: 19px;} span:before{content:'\00A9';} } .footer_heika{text-align:right; color: @cg; font-weight: 600; font-size: 14px; line-height: 19px; a{color: @cg; font-weight: 600; font-size: 14px; line-height: 19px;} } } //breadcrumbs .breadcrumbs{font-size:13px; color:@cg ; margin-bottom:20px; font-weight: 400; font-size: 14px; line-height: 19px; .breadcrumb_item span{display:inline-block; font-size:13px} .breadcrumb_delimiter{margin:0 5px;} .breadcrumb_delimiter, .breadcrumb_item a{color:@cg;} .breadcrumb_item a:hover{color:@cgh} .breadcrumb_item .active{color:@cb;} } .content_inner_wrap{padding-top: 30px; padding-bottom: 20px; border-top: @ce9d solid 1px; .content_inner{margin-top:20px; padding-bottom:40px; p:last-child{margin:0; padding:0;} } } .content_catalog{padding-top: 30px; padding-bottom: 20px;} .product_detail_info{ margin-bottom: 20px; /*.select01{ display: block; width: 100%; max-width: 500px; padding: 5px; font-size: 16px; color: @cd1b;} .select01:focus, .select01:hover, button:active{ color: @cb;} .select01 option{line-height: 36px;}*/ } main .catalog_item .price_block .purchase_manage .additional_options .additional_options-text{color:@cb;} main .catalog_item .price_block .purchase_manage .additional_options .additional_options-item{margin:auto; padding:30px 0;} main .ui-selectmenu-button.ui-button{border: 1px solid @cd1b; padding: 7px; font-size: 16px; width: 100%; color: @cd1b;} .product_single_price{font-weight: 700; font-size: 24px; line-height: 33px; display:block; h2{ font-size:inherit; font-weight:700; line-height: 33px; text-transform:none; border-bottom:none; padding:0;} } .buy_info_wrap{} .product_button_wrap{padding-top: 30px; position: @pr;} .product_button_wrap::before{content: ''; position:@pa; left: 0; right: 0; top:0; height: 1px; background: @ce9d;} .header_prop{font-weight: 400; font-size: 14px; line-height: 19px; display: block; margin-bottom: 10px;} .quantity_prop_wrap{ .quantity_prop{ background: @cw; padding: 5px; display: inline-block; border: solid 1px @ce9d; button{vertical-align: top; border: none; background: transparent; color: @cg; outline: none; font-size:30px; line-height: 22px; height: 26px;} button:active, button:hover, button:focus{} input{vertical-align: top; font-size: 16px; font-weight: 600; line-height: 28px; height: 28px;} } .raz {all: unset; -moz-appearance: textfield; width: 3em; text-align: center;} .raz::-webkit-inner-spin-button {display: none;} } .content_text{padding-top: 30px; padding-bottom: 20px;} .content_text h2{margin-bottom:10px; padding-bottom:10px; font-size:18px;} .content_text h3, .content_text h4{font-size:18px; margin:30px 0 10px; border-bottom:#E9DECC solid 1px; padding:0 0 10px;} .content_text ul{} .content_text ul li{padding-left:20px; position:@pr;} .content_text ul li::before{content:''; position:@pa; left:0; background:@cgh; width:10px; height:10px; border-radius:50%; top:50%; margin-top:-5px;} .content_text .content_header{font-size: 20px; margin: 20px 0 40px; border-bottom: #E9DECC solid 1px; padding: 0 0 10px; display:block; font-weight:bold; text-transform:uppercase;} .content_interested{padding-top: 30px; padding-bottom: 20px; .header_block{border-bottom:solid 1px @ce9d; padding:10px 0 25px; font-weight: 700; font-size: 30px; line-height: 41px;} } .content_text ul.list_01{color: black; li{position:relative;} li::before {content: ""; color: red; position:@pa; width:12px; height:2px; margin-top:-1px; border-radius:0; background:@cgh;} } .content_text ul.list_01 li{} .gallery_wrap{ margin-bottom: 30px;} //remodal .remodal .remodal-close{left:auto; right:0;} .remodal .remodal-close:focus{outline:none;} .remodal label{margin:0; font-weight:700;} .remodal input{max-width:300px; margin:auto; border-radius:0; text-align:left;} .remodal .g-recaptcha > div{margin:auto;} .remodal .g-recaptcha{margin:10px 0;} // demomarket .ui-selectmenu-open .ui-widget-content{display:block} main .ui-button .ui-icon, main .ui-button:hover .ui-icon, main .ui-button:focus .ui-icon{background:url(../images/arrow_select.png) no-repeat center; width:25px; height:26px;} main .ui-selectmenu-button.ui-button:focus{background:white;} main .catalog_item .main_carousel{border:none;} main .catalog_item .price_block{background:none;} main .catalog_item .main_carousel{width:auto; margin-right:auto} main .cart > .container > .row:not(.alt_item){padding: 0 20px 0 20px;} main .cart .order_item .goods_in_cart{height:auto;} main .cart .order_item .goods_in_cart:not(.order_img){width: 100%; padding:30px 0;} main .cart .order_item .order_img a{display:inline-block;} main .cart .order_item .order_img img{max-height:150px; max-width:200px;} .order_delete{} .order_delete svg{transform:rotate(45deg); width:30px; height:auto; margin-top: 10px;} main .cart .table_title{border-top:none; background: #f8f8f8;} main .cart .table_title h5{text-align:center; padding:10px 0; font-size:14px; color:@cb;} main .cart .order_item .order_img, main .cart .order_item .order_about, main .cart .order_item .order_sum, main .cart .order_item .order_price, main .cart .order_item .order_delete{margin: auto; display: flex; justify-content: center; align-items: center; height: 100%;} main .cart .order_item .order_about{white-space:normal;} main .cart .order_item .order_about a{font-size:16px;} main .cart .order_item .order_price span.price{margin-right:5px;} main .cart .order_item .order_price .quantity{margin-left:5px;} main .cart .order_item .change_product_quantity{display:inline-block; vertical-align:top;} main .cart .order_result > .container > .row{padding:30px; border:none; border-top:1px solid #ebebeb;} .order_result .promocode, .order_result .order_pricing{height:auto} main .cart .order_result p{font-size:30px; font-family:@ff; font-weight:bold} main .cart .order_result p span{font-size:30px; font-family:@ff; font-weight:bold} main .cart .order_result{ margin:0;} /*main .order_data .sub_group div textarea, main .order_data .sub_group div input{border:solid 1px @cd1b; color:@cb; font-weight:700;} main .order_data .sub_group div textarea::placeholder, main .order_data .sub_group div input::placeholder{color:@cd1b; font-weight:normal} main .order_data .sub_group div textarea:focus::placeholder{font-size:0;}*/ main .order #oneStepForm, main .order_data{width:100%;} main .order_data label p{ max-width:auto} main div.personal_data_wrapper label[for=purchase-step-address-152-federal-law] p a[href], div.personal_data_wrapper label[for="common-152-federal-law"] p a[href]{padding-left:0; font-size:16px; color:@cg; display:inline;} label input[type="checkbox"]:checked + span:before{border-left: 3px solid @cg; border-bottom: 3px solid @cg;} main .order .personal_data, main .order #orderComment, main .order #oneStepForm{background:none;} main .order_data{border-top: 1px solid #ebebeb;} main .order #oneStepForm .del_row, main .order #orderComment .del_row{border:none;} .ui-menu-item div.ui-state-active{background:@cgh;} .ui-menu-item div:hover{background:@cgh;} .ui-state-active, .ui-widget-content .ui-state-active{background:@cgh;} .page-item.active .page-link{background-color:@cg; border-color:@cg} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:@cgh; border-color:@cgh} .pagination li a:hover{border-color:@cgh} main .catalog_item .price_block .purchase_manage .additional_options .additional_options-item, main .catalog_item .price_block .top_block > div{width:100%;} main .catalog_item .price_block .top_block{margin-bottom:0;} // Наша команда Контакты .our_team_wrap{margin-top:50px;} .our_team_wrap h3{margin-bottom:30px; padding:0 0 15px; border-bottom:@ce9d solid 1px;} .our_team_item{margin:10px; background:#f8f8f8; border: 1px solid #ebebeb; padding-bottom:10px; &, a{font-weight: 600; line-height: 22px; font-size: 16px; text-align:center;} .image{ margin:10px;} .image img{margin:auto;} .name, .dolzhnost, .telefon, .email{padding:0 10px 5px 10px;} .name{font-size: 18px; line-height: 25px; } .dolzhnost{font-weight: 400;} .telefon a{} .email a{} } main .error{padding: 5px 20px 14px 20px;} /*#map canvas{filter: grayscale(100%); -webkit-filter: grayscale(100%);} #map:hover canvas{filter:none; -webkit-filter:none;}*/ .ymaps-2-1-79-map-copyrights-promo{/*filter: grayscale(100%); -webkit-filter: grayscale(100%);*/} a.ymaps-2-1-79-gototech{ display:none!important;} .ymaps-2-1-79-gotoymaps__text, .ymaps-2-1-79-copyright__link{font-size:10px!important;} .yamaps-wrap{position:relative; overflow:hidden;} .yamaps-overlay{position:absolute; z-index:10; width:100%; height:100%; background:rgba(0,0,0,.5); box-shadow:0 20px 20px rgba(0,0,0,0.5); display:none;} .yamaps-overlay a{color:white; font-size:18px; padding:6px 15px 3px 8px;} .yamaps-overlay a img{width:48px; padding:0 6px 0 0;} .address-house{width:100%; height:100%; background-image:url(../images/address_house.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:cover;} .address-house-text{color:white; font-size:16px; text-align:right; padding:20px;} // Форма обратной связи .contacts_wrap{margin-top:50px;} .contacts_wrap h3{margin-bottom:30px; padding:0 0 15px; border-bottom:@ce9d solid 1px;} form div textarea, form div input[type]{border:solid 1px @cd1b; color:@cb; font-weight:700; box-shadow: 0 0 8px 2px rgb(196 196 196 / 15%); margin-bottom:0;} form div textarea::placeholder, form div input::placeholder{color:@cb; font-weight:normal} form div .sub_text{color:@cb; font-size:13px;} form div .field{padding:15px 0 20px; display:block; position:relative;} form div.important:after{display:none;} form div.important .field:after{content:'*'; display:block; position: absolute; top: 22px; right: 10px; font-size:20px; color:@cr;} form div .sub_text{top: 14px;} main .comment{border:none; margin:0;} // Форма обратной связи ЗАКАЗАТЬ ЗВОНОК .modal .modal-body{padding:20px 0 0} .modal .modal-content{padding:30px;} .modal-header .close{padding:0; margin:0; opacity:1;} .modal .modal-header .close{right: 0; top: 0; width:auto; position:absolute;} .modal .modal-header .close svg{width:30px; transform:rotate(45deg);} .modal .modal-body form input[type="submit"]{background:@cg; border:none; color:@cw;} .modal .modal-body form input[type="submit"]:hover{background:@cgh;} main .cart-empty a{color:@cg; font-size:16px;} .ui-menu-item div{max-height:60px; height:auto;} .ui-menu .ui-menu-item{position:@pr;} .ui-menu .ui-menu-item:before{content:''; position:@pa; bottom:0; left:5px; right:5px; height:1px; background:@ce5e;} .ui-menu .ui-menu-item:last-child:before{ display:none;} .hidden{display:none !important} .site_map{} .site_map .js_sub_menu_button{display:none;} .site_map ul.sub_menu{ margin-left:15px;} .cart_prod_text_count{margin:12px 0 0; span,a{font-size:14px; font-weight:bold; vertical-align: middle;} img{margin:0 5px 0 0;} }