::selection{color:#000} .gcarouselarrows::selection{background:none!important} *{outline:none} html,body{margin:0;padding:0;height:100%} textarea,input{outline:none;resize:none;box-sizing:border-box} img,a img{border:none;outline:none} a{text-decoration:none;color:#7a7a7a;transition:all .3s ease} a:hover{color:#121515} b{font-weight:600} body{font-size:13px;line-height:20px;color:#7a7a7a;font-weight:400;font-family:'Montserrat',sans-serif} body.noscroll{overflow:hidden} h1,h2,h3,h4,h5,h6{margin:0 0 20px;padding:0;color:#121515;font-family:'Montserrat',sans-serif;font-weight:600} h1{font-size:30px;line-height:30px} h2{font-size:28px;line-height:28px} h3{font-size:24px;line-height:24px} h4{font-size:20px;line-height:20px} h5{font-size:18px;line-height:18px} h6{font-size:16px;line-height:16px} aside ul,aside ol,aside li{margin:0;padding:0;list-style:none;list-style-type:none} textarea{overflow:auto;border:1px solid #ededed;color:#121515;background:#fbfbfb;line-height:20px;min-height:60px;padding:20px 30px;font-size:13px;font-family:'Montserrat',sans-serif;box-sizing:border-box;transition:all .3s ease;font-weight:400;border-radius:3px;-webkit-appearance:none} input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="url"]{font-size:13px;border:1px solid #ededed;background:#fbfbfb;color:#121515;line-height:20px;height:46px;padding:0 20px;font-family:'Montserrat',sans-serif;box-sizing:border-box;transition:all .2s ease;font-weight:400;border-radius:3px;-webkit-appearance:none} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus{box-shadow:0 0 25px rgba(0,0,0,0.05)} input[type="button"],input[type="submit"],input[type="reset"],button{border:none;color:#fff;height:46px;line-height:46px;padding:0 20px;font-family:'Montserrat',sans-serif;cursor:pointer;font-size:13px;font-weight:500;box-sizing:border-box;transition:all .3s ease;border-radius:3px;-webkit-appearance:none} input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover{background-color:#ededed;color:#121515} button .la{margin-right:5px} select{color:#121515;background:#f2f2f2;cursor:pointer;font-size:13px;font-family:'Montserrat',sans-serif;height:40px;padding-right:38px;padding-left:20px;border:0;border-radius:3px;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNkFGNUM5QjJCNDkxMUU4QUY2MkQxNkZENzRCQzZFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkFEN0I5MjA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkFEN0I5MTA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTRkOWRmNS00MTYxLTRhNGMtYjg3Ny0yMzE1MDM5MjJiZWUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDZBRjVDOUIyQjQ5MTFFOEFGNjJEMTZGRDc0QkM2RUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Zx2b3AAAAVUlEQVR42mJQVFQMZcABgHJKIPz//38GUjETUL8xUHMHNkOB1CoGMgHT/fv3K6AGdWAxNAwof48cgxmRDIMZPAvdUJDXSHYxjAFzORDspsSlMAAQYAAX00SOx3SJ8wAAAABJRU5ErkJggg==);background-position:right center;background-repeat:no-repeat;line-height:1em;text-indent:1px;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} select::-ms-expand{display:none} select:focus{outline:none} @supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) { input[type="checkbox"]{width:13px;height:13px;background-color:transparent;border:1px solid #a5a5a5;border-radius:3px;cursor:pointer;position:relative;margin:2px 3px 4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;min-width:13px;min-height:13px;box-sizing:border-box!important;vertical-align:middle;transition:all .3s ease} input[type="checkbox"]:checked,input[type="checkbox"]:checked:hover{background-color:#121515;border-color:#121515} input[type="checkbox"]:checked:before{content:'';display:block;width:3px;height:9px;border:2px solid transparent;border-bottom-color:#fff;border-right-color:#fff;position:absolute;top:-3px;left:3px;-webkit-transform:rotate(43deg);-ms-transform:rotate(43deg);transform:rotate(43deg)} input[type="radio"]{display:inline-block;width:14px;min-width:14px;height:14px;padding:3px;border:1px solid #ededed;border-radius:50%;cursor:pointer;vertical-align:middle;margin:1px 3px 4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;position:relative;box-sizing:border-box!important;transition:border-color .3s ease} input[type="radio"]:hover,input[type="checkbox"]:hover{border:1px solid #121515} input[type="radio"]:checked{border-color:#121515;background:transparent} input[type="radio"]:checked:before{content:'';display:block;height:8px;width:8px;border-radius:50%;background-color:#121515;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} input[type="checkbox"]:disabled,input[type="radio"]:disabled{cursor:default;opacity:.4;background-color:#ededed} } @supports(-ms-ime-align:auto) { input[type="radio"]{-webkit-appearance:radio;width:auto;height:auto} input[type="checkbox"]{-webkit-appearance:checkbox;width:auto;height:auto;min-width:unset;min-height:unset} } p{margin:0;padding:0} .oh{overflow:hidden} .cnt{width:1170px;margin:0 auto} .clr:after{content:'';display:block;clear:both} .col2{width:48.717948717949%} .col3{width:31.623931623932%} .col4{width:23.076923076923%} .col6{width:14.529914529914%} #content .col2{width:48.051948051%} #content .col3{width:30.649350649%} .col2,.col3,.col4,.col6{margin-bottom:30px;margin-right:2.5641025641026%;float:left} #content .col2,#content .col3,#content .col4,#content .col6{margin-right:3.896103896%} .col2:nth-child(2n),.col3:nth-child(3n),.col4:nth-child(4n),.col6:nth-child(6n){margin-right:0} #content .col2:nth-child(2n),#content .col3:nth-child(3n),#content .col4:nth-child(4n),#content .col6:nth-child(6n){margin-right:0} .col2:nth-child(2n+1),.col3:nth-child(3n+1),.col4:nth-child(4n+1),.col6:nth-child(6n+1){clear:left} .col2 *,.col3 *,.col4 *,.col6 *{max-width:100%} .button{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;font-weight:500;box-sizing:border-box} .button.color{color:#fff} .button.color:hover{background:#ededed;color:#121515} .button.nobg:hover{color:#121515} .button > span{font-size:15px;padding-left:8px;vertical-align:middle;position:relative;top:-1px} .button.medium{font-size:15px;font-weight:600;line-height:51px;height:50px} .button.big{ font-size: 15px; height: 50px; line-height: 50px; padding: 0 30px; font-weight: 600;} .button.white{background:#fff;color:#121515} .button.white:hover{color:#fff} .button.light{color:#121515;background:#ededed} .button.light:hover{background:#dadada} .button.dark{color:#fff;background:#121515} .button.dark:hover{background:#dadada;color:#121515} #wrapper{background:#fff;overflow:hidden;max-width:1920px;margin:0 auto;box-shadow:0 0 70px rgba(0,0,0,0.2)} #header{padding:48px 0;position:fixed;top:0;left:0;z-index:999;width:100%;box-sizing:border-box;transition:all .3s ease; margin-top: 50px;} #header.scroll{padding:15px 0;box-shadow:0 0 30px rgba(0,0,0,0.1);background:#fff} .header-bottom{height:150px} #header .cnt{position:relative} .logo{float:left;display:block;margin-right:20px} .logo img{vertical-align:bottom} #shop-basket{float:right;position:relative;z-index:999;margin-bottom:-20px;margin-right:-30px;padding:5px 30px 20px} .shop-header{ color: #000;height:46px;line-height:46px!important;margin-top:-1px;font-size:24px;cursor:pointer;position:relative;transition:all .3s ease} .shop-header span{display:block;position:absolute;top:4px;right:-7px;width:17px;height:17px;line-height:15px;text-align:center;color:#fff;font-size:9px!important;font-family:'Montserrat';border-radius:3px;box-sizing:border-box;padding-left:1px!important;border:1px solid #fff} .b-body{background:#fff;position:absolute;top:66px;right:-999999px;width:350px;box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:30px;border-radius:3px;opacity:0;transition:opacity .3s ease} #header.cart-opened .b-body{right:30px;opacity:1} .b-list{margin:0;padding:0;list-style:none} #shop-basket .b-list li{padding:0;margin:0 0 25px} .b-list li:after{content:'';display:block;clear:both} .b-list-image{float:left;position:relative;width:60px;box-sizing:border-box} .b-list-image img{vertical-align:bottom;width:60px;border:1px solid #ededed;border-radius:3px;box-sizing:border-box} .b-list-image > b{display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:3px;color:#fff;font-size:8px;font-weight:600;position:absolute;top:-4px;right:-4px;box-sizing:border-box;padding-left:1px;z-index:3} .b-list-image > span{display:block;position:absolute;top:0;left:0;cursor:pointer;width:100%;height:100%;line-height:60px;text-align:center;font-size:30px;box-sizing:border-box;color:#f42323;background:rgba(255,255,255,0.95);border:1px solid #ededed;border-radius:3px;z-index:2;transition:all .3s ease;opacity:0} .b-list li:hover .b-list-image > span{opacity:1} .b-list-text{margin-left:80px;line-height:18px} .b-list-text > a{color:#7a7a7a;display:inline-block;line-height:17px} .b-list-text > a:hover{color:#121515} .b-list-text > b{display:block;font-weight:600;color:#121515;padding-top:5px} .b-list-text i{font-size:11px;color:#a7a7a7} .b-total{padding-top:25px;padding-bottom:20px;border-bottom:1px solid #ededed} .b-total > b{display:inline-block;padding-left:5px;color:#121515;font-size:20px;font-weight:600} .b-buttons{overflow:hidden;padding-top:20px} .b-buttons .button:first-child{margin-right:5px} .tprofile{float:right;margin-right:5px;padding-top:5px;position:relative} span.tprofile-icon{display:block;height:46px;line-height:46px;text-align:center;font-size:22px;color:#121515;cursor:pointer;transition:all .3s ease} .tprofile-body{background:#fff;position:absolute;top:66px;right:-999999px;width:290px;box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:30px;border-radius:3px;text-align:center;opacity:0;transition:opacity .3s ease} .tprofile.opened .tprofile-body{right:-57px;opacity:1} .tprofile-ava{width:80px;border-radius:3px;vertical-align:bottom} .tprofile-name{padding-top:20px} .tprofile-name b{font-weight:600;color:#121515} .tprofile-links a:hover{color:#121515} .tprofile-links span{padding:0 7px;font-size:11px} .tprofile-list{list-style:none;margin:20px 0 0;border-top:1px solid #ededed;padding:20px 0 0;text-align:left} .tprofile-list li{padding:0 0 10px} .tprofile-list li a{color:#121515} .tprofile-list li a:hover{padding-left:7px} .tprofile-list li span{display:inline-block;text-align:center;margin-right:15px;width:20px;font-size:20px;position:relative;top:4px} .tprofile-body #shop-currency{margin-top:15px} .tprofile-body #shop-currency select{width:100%;height:46px} span.search-icon{float:right;margin-right:0px;padding-top:5px;display:block;height:46px;line-height:46px;text-align:center;font-size:22px;color:#000;cursor:pointer;transition:all .3s ease} #s-form{position:absolute;top:0;left:-999999px;height:56px;width:100%;padding:0 10px;margin-left:-10px;margin-right:-10px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);z-index:99999;border-radius:3px;overflow:hidden;opacity:0;transition:opacity .3s ease} #s-form.opened{opacity:1;left:0} input.s-text{position:absolute;width:100%;height:100%;border:0;font-size:15px;padding-right:112px;background:#fff} input.s-text:focus{box-shadow:none} span.s-close{position:absolute;top:0;right:0;width:56px;height:22px;line-height:22px;cursor:pointer;text-align:center;font-size:22px;color:#121515;margin-top:17px;transition:all .3s ease;border-left:1px solid #ededed} button.s-button{position:absolute;top:0;right:57px;background:0;padding:0;color:#121515;width:56px;height:56px;line-height:59px;text-align:center;font-size:19px} .slider{position:relative} .slide{background:#f6f6f6;padding-top:115px;padding-bottom:65px} .slide-right{float:right;position:relative;width:670px} .slide-right img{width:100%;border-radius:50%;} .slide-price{width:120px;height:120px;border-radius:50%;background:#dc2f2f;color:#fff;text-align:center;line-height:120px;font-size:20px;font-weight:700;position:absolute;right:0;top:65px;box-shadow:0 0 30px rgba(0,0,0,0.3)} .slide-dots-right{width:66px;height:126px;background:url(https://shoebox.ucoz.net/img/slide-dots-right.png);position:absolute;left:calc(100% + 20px);top:calc(50% - 63px)} .slide-left{float:left;width:400px;padding-top:175px} .slide-text-1{font-size:50px;line-height:60px;font-weight:600;text-transform:uppercase;color:#3f3836;position:relative} .slide-text-1 span{position:relative;z-index:2} .slide-text-1:before{ background-color: #ff4332; content:'';display:block;width:250px;height:130px;background:#ff4332 url(https://shoebox.ucoz.net/img/slide-dots-left.png);position:absolute;top:-72px;left:-87px} .slide-text-2{font-size:16px;line-height:24px;margin-top:20px;margin-bottom:30px} .slider .owl-nav{margin-top:20px!important;position:absolute;width:100%;top:50%} .slider .owl-nav span{display:none} .slider .owl-prev{background:none!important;color:#3f3836!important;position:absolute;left:50px} .slider .owl-next{background:none!important;color:#3f3836!important;position:absolute;right:50px} .slider .owl-prev:before{content:'\e879';font-family:'Linearicons-Free';font-size:42px;line-height:50px} .slider .owl-next:before{content:'\e87a';font-family:'Linearicons-Free';font-size:42px;line-height:50px} .slide-text-1 span {color:#000!important;} .section{padding-top:100px} .section.mb-30{margin-bottom:-30px} .section.gray-bg{background:#f6f6f6;margin-top:100px;padding-bottom:100px} .section.gray-bg.pb-70{padding-bottom:70px} .top-ct{display:block;box-sizing:border-box;text-align:center;border-radius:3px;background:#f2f2f2;overflow:hidden;position:relative} .top-ct:hover h3{margin-top:-20px;opacity:0} .top-ct:hover img{margin-top:20px} .top-ct img{vertical-align:bottom;width:100%;border-radius:10px 3px 0 0;transition:all .3s ease} .top-ct h3{font-size:16px;font-weight:500;margin:0;padding:0 10px 20px;transition:all .3s ease} .title{text-align:center;padding-bottom:40px} .title h2{font-size:36px;font-weight:700;line-height:36px;margin-bottom:0} .title p{padding-top:25px;font-size:15px;line-height:24px;max-width:670px;display:inline-block} .bestsallers .list-item,.gp-more-goods .list-item{float:left;width:23.076923076%;margin-right:2.564102564%;margin-top:10px;margin-bottom:30px} .bestsallers .list-item:nth-child(4n),.gp-more-goods .list-item:nth-child(4n){margin-right:0} .bestsallers .list-item:nth-child(4n+1),.gp-more-goods .list-item:nth-child(4n+1){clear:left} .g-img{position:relative} .g-img-link{display:block;text-align:center} .g-img img{max-width:100%;border-radius:3px;vertical-align:bottom} .g-notes{position:absolute;top:15px;left:15px;z-index:2;width:50px} .g-sale,.g-new{display:block;text-align:center;height:20px;line-height:20px;border-radius:3px;margin-bottom:5px;color:#fff;font-size:9px;font-weight:500} .g-sale{background:#121515} .g-img .wish{position:absolute;top:15px;right:15px;z-index:2;cursor:pointer} .g-img .wish:before{content:'\e813';font-family:'Linearicons-Free';color:#121515;font-size:18px} .g-img .wish.wdel:before{color:#f12039} .g-button{display:block;line-height:40px;border-radius:3px;width:calc(100% - 20px);text-align:center;background:#ededed;position:absolute;bottom:0;left:10px;font-weight:600;opacity:0;box-shadow:0 0 20px rgba(0,0,0,0.1)} .g-body:hover .g-button{opacity:1;bottom:10px} .g-button span{position:relative;top:1px;margin-left:8px} .g-button:hover{color:#fff;background:#121515} .g-to-basket{color:#fff} .g-to-options{background:#fff;color:#121515} .g-name{display:block;color:#121515;font-size:15px;margin-top:20px;line-height:20px} .g-brief{margin-top:15px;display:none} .g-price{font-size:18px;font-weight:700;margin-top:15px} .g-price s{color:#a7a7a7;font-weight:400;font-size:13px;padding-left:10px} .b-banner{position:relative} .b-banner-text{position:absolute;bottom:40px;left:60px;max-width:450px} .b-banner-text h3{font-size:20px;font-weight:700;margin-bottom:10px} .b-banner-text p{font-size:15px;color:#121515;margin-bottom:30px} .b-banner-text p b{font-weight:700} .b-banner-text .button.color:hover{color:#fff;background:#121515} .owl-section .owl-carousel .owl-nav{position:absolute;width:100%;top:calc(50% - 40px);z-index:3} .owl-section .owl-carousel .owl-nav button{height:46px;width:35px;text-align:center;position:absolute;top:0;background:none;cursor:pointer} .owl-section .owl-carousel .owl-nav button.disabled{cursor:default} .owl-section .owl-carousel .owl-nav button:hover{background:none} .owl-section .owl-carousel .owl-nav button span{color:#121515;font-size:30px;line-height:47px;box-sizing:border-box;padding-left:1px} .owl-section .owl-carousel .owl-nav button.owl-prev{left:-70px} .owl-section .owl-carousel .owl-nav button.owl-next{right:-70px} .owl-section .owl-carousel .owl-stage-outer{padding:30px 20px;margin:-30px -20px} .carousel-left{display:block;width:35px;height:1px;background:#121515;position:relative} .carousel-left:before{content:'';width:17px;height:1px;background:#121515;position:absolute;top:-6px;left:-2px;transform:rotate(-45deg)} .carousel-left:after{content:'';width:17px;height:1px;background:#121515;position:absolute;bottom:-6px;left:-2px;transform:rotate(45deg)} .carousel-right{display:block;width:35px;height:1px;background:#121515;position:relative} .carousel-right:before{content:'';width:17px;height:1px;background:#121515;position:absolute;top:-6px;right:-2px;transform:rotate(45deg)} .carousel-right:after{content:'';width:17px;height:1px;background:#121515;position:absolute;bottom:-6px;right:-2px;transform:rotate(-45deg)} .nh{padding:25px 0} .nh-left{float:left;color:#fff;font-size:18px;font-weight:600;padding:15px 0;margin-right:50px} .nh-right{float:right} #footer{background:#f2f2f2;color:#121515} #footer a{color:#121515} .f-top{padding-top:80px;padding-bottom:50px} .f-contact{overflow:hidden} .f-contact:first-child{margin-bottom:10px} .f-contact > span{float:left;font-size:20px} .f-contact > p{margin-left:35px} .f-copy{padding:35px 0;border-top:1px solid rgba(0,0,0,0.07)} .f-athemes{font-weight:500} .header-image{height:150px;background:#f6f6f6} .path { padding: 15px 0; background: #4e4e4e !important; color: #fff; text-align: center; } .path a{color:#fff} .path span{margin:0 10px;position:relative;top:1px} #content{float:right;width:72.649572649%} #sidebar{float:left;width:23.076923076%} .cat-info{overflow:hidden;margin-bottom:40px} .cat-info h1{font-size:20px;line-height:24px;margin-bottom:20px;font-weight:700} .sort-panel{box-sizing:border-box;padding:16px 25px;border-radius:3px;margin-bottom:40px;box-shadow:0 0 30px rgba(0,0,0,0.1)} .sort-panel-left{float:left} .sort-panel-left select{height:20px;line-height:20px;background:none;padding:0 20px 0 5px;background-position:right 9px;color:#7a7a7a;position:relative;z-index:2;transition:all .3s ease} .sort-panel-left select:hover{color:#121515} .sort-panel-left span{font-size:11px;vertical-align:middle;margin-left:-15px} .sort-panel-left b{font-weight:400} .sort-panel-left i{font-size:20px;vertical-align:middle;display:none} .sort-panel-right{float:right} .goods-view-mode-grid,.goods-view-mode-list{display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:middle;cursor:pointer;margin-left:6px} .goods-view-mode-grid span{display:block;float:left;width:5px;height:5px;margin-right:2px;margin-bottom:2px;background:#ededed;transition:all .3s ease} .goods-view-mode-grid span:nth-child(3n){margin-right:0} .goods-view-mode-grid:hover span,.goods-view-mode-list:hover span{background:#121515} .goods-view-mode-list span{display:block;float:left;height:5px;width:5px;margin-right:2px;margin-bottom:2px;background:#ededed;transition:all .3s ease} .goods-view-mode-list span:nth-child(even){margin-right:0;width:12px} .goods-view-mode-active{cursor:default} #content .list-item{float:left;width:31.034482758%;margin-right:3.448275862%;margin-bottom:40px} #content .list-item:nth-child(3n){margin-right:0} #content .list-item:nth-child(3n+1){clear:left} #shop-page-more button{width:100%;background:#ededed;border-radius:3px;color:#121515;font-size:13px;font-weight:600;text-transform:none;box-sizing:border-box;height:46px;line-height:46px} #shop-page-more button:hover{background:#f2f2f2} #shop-page-more button span{line-height:20px;vertical-align:middle;font-size:16px;margin-left:7px;position:relative;transition:all .3s ease} #shop-page-more button:hover span{margin-left:12px} .block{box-shadow:0 0 30px rgba(0,0,0,0.1);border-radius:3px;padding:50px 40px;margin-bottom:40px} .block-title{font-size:18px;font-weight:700;color:#121515;padding-bottom:30px} .shop-spec-filter-wrapper{position:relative;padding-bottom:46px} #reset-filter-btn{position:absolute;width:100%;left:0;bottom:0;display:block!important} #spec-filter-fade{position:absolute;top:0!important;left:0!important;padding:20px;margin:-20px;border-radius:10px} #reset-filter-btn a{display:block;text-align:center;border-radius:3px;box-sizing:border-box;height:40px;line-height:40px;background:#ededed;font-weight:600;color:#121515} #reset-filter-btn a:hover{color:#fff;background:#121515} .spec-filter-title span{font-size:13px!important} .spec-filter-title{margin-bottom:5px} .spec-filter{margin-bottom:20px} .spec-val-text{cursor:pointer} .price-slider-wrap{padding:0 7px;position:relative} .price-slider-wrap:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;background:#ededed;height:2px;border-radius:5px} #price-slider-margin-value-min{float:left;margin-bottom:10px} #price-slider-margin-value-max{float:right;margin-bottom:10px} #flist-item-price{display:none} .price-slider-val{overflow:hidden;color:#121515} .flist-label{color:#121515;margin-bottom:10px;display:inline-block;margin-top:20px} .flist-select{width:100%;font-size:12px;color:#121515} .block-body .cat-tree{color:#1a1a1a;font-weight:400} .block-body .cat-tree a{color:#1a1a1a} .block-body .cat-tree u{text-decoration:none!important} .block-body ul.cat-tree,.block-body ul.cat-tree ul,.block-body ul.cat-tree li{padding:0;margin:0;list-style:none} .block-body>ul.cat-tree{padding:0!important;background:#fff;margin-bottom:-15px} .block-body ul.cat-tree ul{display:none;padding-left:10px;margin:10px 0 0 10px;border-left:1px solid #ededed} .block-body ul.cat-tree b{display:none} .block-body ul li,.block-body ul.cat-tree li{line-height:16px;padding-top:15px;padding-bottom:15px;position:relative} .block-body ul.cat-tree li{padding-top:13px;padding-bottom:13px;position:relative} .block-body ul.cat-tree a:hover{color:#1a1a1a;padding-left:10px} .block-body>ul.cat-tree>li>a{position:relative} .block-body ul.cat-tree a:before{content:'';display:block;position:absolute;width:0;height:1px;background:#777;top:50%;transition:all .3s ease} .block-body ul.cat-tree li a:hover:before{width:15px} .block-body ul.cat-tree li a:hover{padding-left:25px} .block-body ul.cat-tree .plus:before,.block-body ul.cat-tree .minus:before{display:inline-block;font-family:'Linearicons-Free';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);font-size:15px;float:right;color:#1a1a1a;cursor:pointer;transition:color .2s ease;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;padding:0;color:#1a1a1a;font-weight:400;transition:all .3s ease} @media (min-width: 1278px) { .block-body ul.cat-tree ul{display:block !important;position:absolute;background:#fff;top:40px;right:99999px;width:220px;border:none;box-shadow:0 0 30px rgba(0,0,0,0.1);z-index:1002;padding:15px 30px;transition:opacity .3s ease,top .3s ease;opacity:0} .block-body ul.cat-tree li:hover > ul{opacity:1;top:-25px;right:-280px} .block-body ul.cat-tree li.cat-tree-with-ul:hover > a{padding-left:10px} .block-body ul.cat-tree .plus:before,.block-body ul.cat-tree .minus:before{content:"\e87a"} } @media (max-width: 1279px) { .block-body ul.cat-tree .plus:before{content:"\e874"} .block-body ul.cat-tree .minus:before{content:"\e873"} } .sidebar-arrow{display:none} .gp{margin-bottom:80px} .gp-img{position:relative;float:left;width:38.461556861%} .gp-img img{max-width:100%;vertical-align:bottom;border-radius:10px} .gp-img-small{display:block;float:left;margin-top:15px;width:22.5%;margin-right:3.333333333%} .gp-img-small:nth-child(4n){margin-right:0} .gp-img-small:nth-child(4n+1){clear:left} .gp-info{float:right;width:58.119658119%} .gp-stock{display:inline-block;padding:0 15px;line-height:30px;border-radius:3px;font-size:11px;font-weight:600;color:#121515;background:#ededed} .gp-name{font-size:20px;line-height:22px;margin-top:20px;font-weight:700} .gp-price{font-size:18px;font-weight:700;margin-bottom:15px} .gp-price s{font-size:11px;font-weight:400;color:#a7a7a7;padding-left:10px} .gp-brief{padding-bottom:15px} .gp-more{list-style:none;margin:0 0 20px;padding:0} .gp-more li{margin-top:7px} .gp-more li b{font-weight:600;padding-left:5px;color:#121515} .gp-options{margin-bottom:15px} .shop-options{list-style:none;padding:0;margin:0} .gp-options .opt{display:block;color:#121515;font-weight:500;padding-bottom:2px} .gp-options>ul>li{padding-bottom:15px;overflow:hidden} .gp-options label{position:relative;padding:13px 15px;float:left;margin-right:5px;font-weight:500;color:#121515} .gp-options label input[type="radio"]{width:100%;border-radius:3px;position:absolute;top:0;left:0;height:44px;transition:all .3s ease;border-width:1px;border-color:#ededed} .gp-options label input[type="radio"]:before{display:none} .gp-options .val select{float:left;width:70%;box-sizing:border-box} .gp-options label.gp-color{text-indent:-999px;margin-top:2px;margin-bottom:-15px} .gp-options label.gp-color input[type="radio"]{margin-left:2px;border:3px solid #fff;border-radius:3px;width:28px;height:28px} .gp-options label.gp-color input[type="radio"]:checked{border-color:#fff;box-shadow:0 0 0 1px #121515!important} .gp-options label input[type="radio"]:checked{border-color:#121515} .gp-buttons{margin-bottom:10px} .gp-buttons a{margin-right:3px;margin-bottom:7px} .gp-add .wish{display:inline-block;cursor:pointer;transition:all .3s ease;margin-right:20px} .gp-add .wish.wadd:before{content:'\e813';font-family:'Linearicons-Free';font-size:16px;padding-right:7px;position:relative;top:2px} .gp-add .wish.wadd:after{content:'Отложить';font-weight:400} .gp-add .wish.wdel:before{content:'\e87f';font-family:'Linearicons-Free';font-size:16px;padding-right:7px;position:relative;top:2px} .gp-add .wish.wdel:after{content:'Отложено';font-weight:400} .gp-add .wish:hover{color:#121515} .gp-add .compare-widget-wrapper{display:inline-block} .gp-add .compare-widget-wrapper a{display:none} .gp-add .compare-widget{display:inline-block;cursor:pointer;transition:all .3s ease} .gp-add .compare-widget-add:before{content:'\e862';font-family:'Linearicons-Free';font-size:16px;padding-right:7px;position:relative;top:2px} .gp-add .compare-widget-add:after{content:'Сравнить';font-weight:400} .gp-add .compare-widget-remove:before{content:'\e87f';font-family:'Linearicons-Free';font-size:16px;padding-right:7px;position:relative;top:2px} .gp-add .compare-widget-remove:after{content:'В сравнении';font-weight:400} .gp-add .compare-widget:hover{color:#121515} .gp-descr{margin-bottom:70px} .gp-descr p{margin-bottom:20px} .title-2{font-size:18px;font-weight:600;color:#121515;margin-bottom:20px} .gp-descr *{max-width:100%} .gp-descr img{border-radius:10px} .gp-spec{margin-bottom:80px} table.shop_spec{width:100%;margin-top:-15px} .shop_spec_grp td{border-top:0!important;border-bottom:1px dotted #dadada;font-weight:400!important} .shop_spec_grp_td_content{background:#fff;float:left;margin-bottom:-23px;padding:15px 10px;margin-left:-10px} .shop_spec_grp td:last-child .shop_spec_grp_td_content{float:none} .shop_spec_grp_td_content{font-weight:500;color:#121515} .shop_spec_val .shop_spec_grp_td_content{color:#7a7a7a;font-weight:400} .tabs .tabs-head span{display:inline-block;font-size:17px;font-weight:700;color:#a7a7a7;cursor:pointer;margin-right:30px;margin-bottom:20px;transition:all .3s ease} .tabs .tabs-head span:last-child{margin-right:0} .tabs .tabs-head span.aTabsHeadSpanActive{color:#121515!important;cursor:default} .tabs .tabs-body{margin:0;padding:0} .tabs .tabs-body > li{list-style:none;margin:0;padding:0} .gp-more-goods{margin-top:80px} .title2{font-size:20px;font-weight:700;color:#121515;padding-bottom:25px} table.shop_spec{width:100%;margin-top:-15px} .shop_spec_grp td{border-top:0!important;border-bottom:1px dotted #dadada;font-weight:400!important;padding-bottom:10px;padding-top:10px} .shop_spec_grp_td_content{background:#fff;float:left;margin-bottom:-23px;padding:15px 10px;margin-left:-10px} .shop_spec_grp td:last-child .shop_spec_grp_td_content{float:none} .shop_spec_grp td:first-child{font-weight:500!important;color:#0f202c} .shop_spec_val .shop_spec_grp_td_content{color:#7a7a7a;font-weight:400} .gp-comm{margin-bottom:40px} .comm{padding-top:10px;padding-bottom:30px} .comm-ava{float:left;width:100px;border-radius:15px} .comm-text{margin-left:125px} .comm-name{font-size:16px;font-weight:500;color:#0f202c} .comm-date{font-size:11px;color:#a7a7a7;margin-bottom:20px} .shop-pros{display:block} .shop-pros b{display:block;font-size:15px;font-weight:500;color:#029c72} .shop-cons{display:block} .shop-cons b{display:block;font-size:15px;font-weight:500;color:#f02743} .gp-comm-add{margin-bottom:80px} .block .catsTd{padding-top:20px} .block tr:first-child .catsTd{padding-top:10px} .block .catNumData{float:right;display:none} .block .catsTd a{display:block;color:#121515;position:relative} .block .catsTd a:before{content:'';display:block;position:absolute;width:0;height:1px;background:#777;top:50%;left:0;transition:all .3s ease} .block .catsTd a:hover:before{width:15px} .block .catsTd a:hover{padding-left:25px} .about-text{float:right;width:670px} .title.left{text-align:left} .title.left h2{line-height:40px} .title.left p{max-width:100%} .about-list{list-style:none;margin:0;padding:0} .about-list li{margin:0;padding:0 0 35px;font-size:15px;line-height:24px} .about-list li > span{float:left;font-size:24px;margin-right:30px;margin-bottom:10px} .about-image{float:left;width:440px;position:relative;padding-bottom:100px} .about-image img{border-radius:3px;vertical-align:bottom} .about-1{width:76.136363636%} .about-2{display:block;position:absolute;right:0;bottom:0;width:76.136363636%} .about-2 img{width:100%} .about-video{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.4);border-radius:3px;transition:all .3s ease} .about-video:hover{background:rgba(255,255,255,0.6)} .about-video-icon{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);background:#fff;border-radius:50%;width:80px;height:80px;box-shadow:0 0 20px rgba(0,0,0,0.15);transition:all .3s ease} .about-video-icon:before{content:'';display:block;border:10px solid transparent;position:absolute;top:calc(50% - 10px);left:calc(50% - 7px)} .about-video:hover .about-video-icon{background:#121515} #about-video-container{display:none} #about-video-container iframe{max-width:100%;vertical-align:bottom} .icon-block{display:block;padding:40px 30px;background:#fff;border-radius:3px;transition:all .3s ease} .icon-block > *{transition:color .3s ease} .icon-block:hover > *{color:#fff!important} .icon-block-icon span{font-size:60px;line-height:60px} .icon-block > h3{font-weight:700;font-size:18px;line-height:20px;margin-top:30px} .icon-block > p{margin-bottom:20px;color:#777} .icon-block > .lnr-arrow-right{font-size:20px;color:#121515} .count{text-align:center} .count-val{font-size:72px;line-height:72px;font-weight:700} .count-text{font-size:15px;font-weight:600;color:#121515;margin-top:5px} .mf-field{position:relative;margin-bottom:30px} .col2 .mf-field{margin-bottom:0} .mf-field input{width:100%;padding-top:16px;padding-bottom:16px;padding-left:60px;height:54px} .mf-field textarea{width:100%;padding-top:16px;padding-bottom:16px;padding-left:60px;height:230px} .mf-field > span{position:absolute;top:-1px;left:0;width:60px;height:54px;line-height:54px;text-align:center;font-size:20px;color:#121515;box-sizing:border-box;padding-left:2px} .mf-button{text-align:center} .mf-button button{font-size:15px;font-weight:600;height:54px;line-height:55px;padding:0 30px} .mf-button button span{margin-right:15px;font-size:20px;line-height:54px;vertical-align:middle} .g-map{height:500px;margin-bottom:-100px;border-top:1px solid #ededed} .g-map iframe{padding:0;margin:0;line-height:0;width:100%;height:100%} .post{border-radius:3px;overflow:hidden} .post-image img{width:100%;vertical-align:bottom} .post-text{padding:40px;background:#f8f8f8;transition:all .3s ease;position:relative} .post-text *{transition:all .3 ease} .post-moder{position:absolute;right:30px;bottom:35px} .post:hover .post-text *{color:#fff} .post-cat{display:inline-block;font-size:15px;margin-bottom:20px} .post-cat span{padding-right:10px} .post-name{display:block;font-weight:700;font-size:16px;color:#121515} .post-more{margin-top:20px;display:inline-block} .post-more span{position:relative;top:1px;margin-left:7px} .catPages1 .lnr{position:relative;top:1px;margin-left:5px} b.swchItemA{font-weight:400;color:#fff} .pp{margin-bottom:60px} .pp-image{text-align:center;margin-bottom:30px} .pp-image img{border-radius:3px;vertical-align:bottom;max-width:100%} .pp-cat{font-size:15px;display:inline-block;margin-bottom:20px} .pp-cat span{padding-right:10px} .pp-name{font-size:20px;line-height:20px;color:#121515;font-weight:700} .bbQuoteName{display:none} .quoteMessage{padding:30px;margin:20px 0;background:#f0f0f0;border-left:3px solid #ededed;border-radius:0 3px 3px 0;font-size:15px;line-height:22px;font-style:italic;color:#121515} .faq-left{float:left;width:57.264957264%} .faq-right{float:right;width:37.606837606%} .faq-right img{width:100%;border-radius:3px;vertical-align:bottom} #mail-form-2{display:none;box-sizing:border-box;padding:40px 30px 0} .m-form b{color:#0f202c;display:block;font-weight:500;margin-bottom:15px} input.m-field{width:100%;margin-bottom:20px;height:56px;padding-left:25px;padding-right:25px} textarea.m-text{width:100%;height:140px;padding:18px 25px;margin-bottom:20px} .m-button{font-size:15px;height:56px;padding:0 25px;margin-bottom:50px} .section-404{padding-top:130px;padding-bottom:180px;background:url(/img/bg-404.jpg) center bottom no-repeat} .er404{text-align:center;font-size:300px;line-height:300px} .er404 b{font-weight:600} .er404-title{text-align:center} .er404-title h2{margin-bottom:20px;font-size:24px;line-height:30px;font-weight:700} .er404-title p{max-width:710px;margin:0 auto} .f404 > .section{padding-top:0} .fastLinks{display:none} .faq{margin-bottom:12px;border-radius:3px;overflow:hidden} .faq-title{background:#f8f8f8;padding:15px 25px;font-size:15px;line-height:20px;color:#121515;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease} .faq-title b{display:block;padding-right:40px;font-weight:700} .faq-title span{position:absolute;top:15px;right:15px;display:block;float:right;width:21px;height:21px} .faq-title span:before{content:'';display:block;width:21px;height:1px;background:#121515;position:absolute;top:10px;left:0;transition:all .3s ease} .faq-title span:after{content:'';display:block;width:1px;height:21px;background:#121515;position:absolute;left:10px;top:0;transition:all .3s ease} .faq.opened .faq-title{color:#fff} .faq.opened .faq-title span:before,.faq.opened .faq-title span:after{background:#fff} .faq.opened .faq-title span:after{display:none} .faq-message{padding:15px 25px;background:#fff;border:1px solid #f8f8f8;border-top:0;display:none;border-radius:0} .faq.opened .faq-title{background:#121515} .faq.opened .faq-message{border-color:#121515} #order-table,#order-table *{max-width:99.9%;box-sizing:border-box} #order-table .order-item-nom{display:none;width:0} #order-table{border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ededed;border-radius:0} #order-table,#order-table *{border-collapse:collapse;border-spacing:0;box-sizing:border-box} #order-table td{padding:10px 20px;border:1px solid #f4f4f4} #order-table thead{background:#fafafa} #order-table thead th{text-align:left;padding:0 20px;line-height:40px;color:#212121;font-weight:500} #order-table tbody tr td:nth-child(2){border-left:none} #order-table tbody tr td:last-child{border-right:none} #order-table td.order-item-img{line-height:0} #order-table td.order-item-img img{width:60px;max-width:60px;border-radius:10px} #order-table td.order-item-name,#order-table td.order-item-name a{color:#212121} #order-table thead th.order-head-price{width:120px} #order-table td.order-item-price{font-size:13px;color:#212121;max-width:none;text-align:center;padding-left:5px;padding-right:5px} #order-table td.order-item-cnt{overflow:hidden} #order-table td.order-item-cnt>*{float:left;height:36px;text-align:center} #order-table td.order-item-cnt input[type="text"]{width:100px} .o-minus{display:block;line-height:36px;width:36px;height:36px;cursor:pointer;margin-right:-36px;position:relative;z-index:2;text-align:center;font-size:20px;color:#212121;transition:color .3s ease} .o-plus{display:block;line-height:36px;width:36px;height:36px;cursor:pointer;margin-left:-36px;position:relative;z-index:2;text-align:center;font-size:18px;color:#212121;transition:color .3s ease} .o-minus:hover,.o-plus:hover{color:red} .o-minus::selection{background:rgba(0,0,0,0);color:inherit} .o-plus::selection{background:rgba(0,0,0,0);color:inherit} #order-table thead th.order-head-sum{width:120px} #order-table td.order-item-sum{font-size:13px;color:#212121;max-width:none;text-align:center;padding-left:5px;padding-right:5px} #order-table td.order-item-del i{font-size:20px;line-height:17px;color:red;cursor:pointer;transition:all .3s ease} #order-table td.order-item-del i:hover{color:#000!important} #order-table td.order-item-del input[type="checkbox"]{display:none} #order-table tbody tr:nth-last-child(2) td{border-bottom:0} #order-table tbody tr:last-child{display:none} #order-table tbody tr:last-child td{border:none;padding:20px} #order-but-continue{font-weight:400;text-transform:uppercase;font-size:11px;border:1px solid #ededed;background:#fafafa;color:#212121;height:36px;display:none} #order-but-continue:hover{background:#212121;color:#f0f0f0;border-color:#212121} #order-but-recalc{height:36px;line-height:36px;margin-left:30px;float:right} #order-table td.order-total:last-child{font-size:16px;max-width:none;width:150px;display:block;line-height:36px;text-align:center;font-weight:400;color:red;float:left} #order-total-line{padding:10px;width:99.9%;box-sizing:border-box;background:#fafafa;border:1px solid #ededed;border-top:0;font-size:16px;color:#212121;text-align:right;overflow:hidden;line-height:40px;margin-bottom:10px;border-radius:0 0 0 0} .order-page-title{margin-top:40px;margin-bottom:15px;font-size:18px} #payments-list tr td,#delivery-list tr td{padding-bottom:10px} .payments-list-item{height:16px;overflow:hidden} #payment-block-1 .payments-list-item{height:auto} .pl-text,div[id^=delivery-descr]{background:#f4f4f4;box-sizing:border-box;padding:15px 20px!important;line-height:18px;font-size:12px;position:relative;margin-top:15px;display:none;border-radius:10px} .pl-text:before,div[id^=delivery-descr]:before{content:'';display:block;width:12px;height:12px;background:#f4f4f4;transform:rotate(-45deg);position:absolute;top:-5px;left:15px} .label{line-height:20px;cursor:pointer;font-weight:500!important;color:#212121} #checkout-form .label{cursor:default;margin-bottom:2px;margin-top:10px} #checkout-form textarea{height:100px;width:100%!important} #checkout-form select,#checkout-form input[type="text"]{width:100%!important} #checkout-form .checkbox{margin-top:10px;vertical-align:bottom} hr.solid{background:none;border-top:1px solid #ededed;margin:15px 0} .order-total-span,.order-total-sum-span{display:inline-block;line-height:24px} .order-total-sum-span{font-weight:400;color:#212121;font-size:18px;padding-left:3px} input#order-button{width:100%!important;margin:0!important;text-align:center;box-sizing:border-box;height:50px!important;font-size:15px;font-weight:500} .sl-title{font-size:20px} .forumContent .gTable{border-radius:0;background:#fcfcfc} .gTable{background:none;border-spacing:0;overflow:hidden} .gTable td{padding:5px 20px} .gTableTop{line-height:40px;padding:0 20px!important;color:#fff;text-decoration:none;font-size:12px!important;text-transform:uppercase;background:#121515} .gTableTop a{color:#fff!important;text-decoration:none;font-size:12px} .gTableSubTop{padding:5px 10px;font-size:13px} .catLink{color:#fff!important;font-size:12px!important;text-transform:uppercase;font-weight:500} .catLink:hover,.gTableTop a:hover{color:#fff!important} .funcBlock{padding-right:10px} .forumIcoTd{text-align:center} .forumIcoTd,.forumNameTd,.forumThreadTd,.forumPostTd,.forumLastPostTd{padding:5px 10px} .forumThreadTd,.forumPostTd,.threadPostTd,.threadViewTd,.threadAuthTd,.threadIcoTd,.threadNametd,.threadAuthTd,.threadLastPostTd{vertical-align:middle;padding-left:20px} .forumNameTd{line-height:24px} .forumNameTd a{font-size:12px;text-transform:uppercase;font-weight:500} .forumNamesBar{padding-left:10px!important} .frmBtns{text-align:right;padding-right:10px} .legendTd{padding:0 10px} .threadIcoTd,.threadIcoTd{text-align:center;vertical-align:middle} .threadsDetails{padding:5px} .postTdTop{text-align:center;padding:5px} .postTdInfo{text-align:center} .posttdMessage{vertical-align:top;padding:5px} .threadsDetails,.postTdTop{background:none} .gTable tr{background:none} .gDivBottomRight{height:50px} .pagesInfo{padding:0 10px;line-height:24px} .switchActive{padding:0 10px;color:#fff} .postBottom{padding:0 20px!important} #thread_search_form{position:relative;padding-bottom:10px;overflow:hidden} #thread_search_button{position:absolute;top:0;right:0} .fNavLink{display:inline-block;margin-bottom:30px} #forum_filter{text-align:right;padding-bottom:10px;margin-top:-32px} #forum_filter form{display:inline-block} #filter_by{display:inline-block;line-height:34px} .postPreview,#iplus,.ucoz-editor-panel input,.allUsersBtn,.uSearchFlSbm{width:auto!important} #selectPhotosBtn,#order-button{width:auto!important;height:auto!important} #thread_search_field{float:left!important;width:165px!important} .forumIcoTd,.forumNameTd,.forumThreadTd,.forumPostTd,.forumLastPostTd,.forumThreadTd,.forumPostTd,.threadPostTd,.threadViewTd,.threadAuthTd,.threadIcoTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.postTdTop,.postBottom{border-bottom:1px solid #d8d8d8} .postTdTop,.postBottom{border-top:1px solid #d8d8d8} .gTableSubTop,.pagesInfo{background:#f2f2f2} .gTableSubTop,.gTableSubTop a{color:#121515!important} .postTdInfo{border-right:1px solid #d8d8d8} .forumNameTd{color:#666} a.forum{color:#121515} .forumContent a:hover{color:#121515} span#go-top{border-radius:3px;color:#fff;width:46px;height:46px;line-height:47px;text-align:center;padding-left:1px;box-sizing:border-box;font-size:16px} span#go-top:hover{background:#ededed} @media (min-width:1278px) { .menu-icon{display:none} #menu{float:left;margin-left:15px;padding-top:14px;text-align:center;position:relative;z-index:10} #menu>div{display:inline-block;text-align:left} #menu .uMenuRoot{margin:0;padding:0;list-style:none;transition:margin .3s ease} #menu .uMenuRoot>li{float:left;position:relative} #menu .uMenuRoot>li>a{display:inline-block;position:relative;padding:2px 20px 20px;font-size:15px;font-weight:400;color:#121515;margin-bottom:-20px} #menu .uMenuRoot>li>a>span{position:relative} #menu .uMenuRoot>li>a.home-page>span{display:none} #menu .uMenuRoot>li>a.home-page:before{content:'\e800';font-family:'Linearicons-Free';font-size:20px;position:relative;top:-3px} #menu .uMenuRoot>li>a>i{margin-left:8px;font-size:11px} #menu .uMenuRoot ul,#menu .uMenuRoot ul li{padding:0;margin:0;list-style:none;position:relative} #menu .uMenuRoot>li>ul{display:block;position:absolute;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:15px 20px;top:80px;left:-99999px;box-sizing:border-box;width:240px;opacity:0;transition:opacity .3s ease,top .3s ease;border-radius:10px} #menu .uMenuRoot>li.uWithSubmenu:hover>ul{top:35px;left:0;opacity:1} #menu .uMenuRoot>li>ul>li{padding:10px 0} #menu .uMenuRoot>li>ul>li:last-child{border-bottom:0} #menu .uMenuRoot>li>ul>li>a{display:block;color:#121515} #menu .uMenuRoot>li>ul>li>a:hover{padding-left:10px} #menu .uMenuRoot>li>ul ul{display:block;position:absolute;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:15px 20px;left:-99999px;box-sizing:border-box;width:240px;transition:opacity .3s ease,top .3s ease;opacity:0;top:50px;border-radius:10px} #menu .uMenuRoot>li>ul li.uWithSubmenu:hover>ul{opacity:1;top:-15px;left:195px} #menu .uMenuRoot>li ul>li.uWithSubmenu:hover>a{padding-left:10px;color:#121515} #menu .uMenuRoot>li>ul ul li{padding:10px 0} #menu .uMenuRoot>li>ul ul li:last-child{border-bottom:0} #menu .uMenuRoot>li>ul ul a{display:block;color:#121515} #menu .uMenuRoot>li>ul ul a:hover{padding-left:10px} #menu .uMenuRoot>li>ul i{float:right;line-height:22px;margin-right:10px;font-size:12px;color:#121515;font-size:10px} #menu .uMenuRoot li > i{display:none} } @media (max-width:1279px) { .cnt{width:920px} #header{padding:30px 0} #header.scroll{padding:7px 0} .header-image{height:111px;background-position:center -20px} .logo{margin-right:50px} .profile-body{top:60px} .b-body{top:60px} #menu{float:left;position:relative;padding-top:5px} span.menu-icon{display:block;float:left;height:46px;width:46px;text-align:center;line-height:47px;font-size:20px;cursor:pointer;background:#ededed;border-radius:3px;margin-left:5px;color:#fff;box-sizing:border-box;padding-left:1px;transition:all .3s ease} span.menu-icon:hover{color:#121515;background:#ededed} #menu > div{display:none;position:absolute;top:59px;left:5px;box-shadow:0 0 30px rgba(0,0,0,0.1);width:290px;box-sizing:border-box;background:#fff;padding:25px 30px;border-radius:10px} #menu .uMenuRoot li > a > i{display:none} #menu .uMenuRoot{list-style:none;margin:0;padding:0} #menu .uMenuRoot li{margin:0;padding:11px 0} #menu .uMenuRoot a{color:#121515} #menu .uMenuRoot li > i{float:right;font-size:12px;cursor:pointer;color:#121515} #menu .uMenuRoot li ul{padding:0 0 0 20px;margin:10px 0 0;list-style:none;border-left:1px solid #ededed;display:none} #menu .uMenuRoot>li>a{padding-left:0} .slide{padding-top:130px;padding-bottom:30px} .slide-right{width:450px} .slide-price{top:20px} .slide-dots-right{display:none} .slide-left{padding-top:80px} .slide-text-1{font-size:30px;line-height:40px} .slide-text-1:before{display:none} .slider .owl-prev{left:10px} .slider .owl-next{right:10px} .top-ct h3{font-size:13px} .title h2{font-size:30px} .b-banner img{width:100%} .b-banner-text{left:20px;top:75px} .t-section{margin-right:calc((100% - 920px)/2 + 100px)} .t-section-left{float:none;width:100%} .t-section-left .title{margin-top:0} .t-section-left .title p{padding-right:150px} .t-section-right{float:none;width:100%;padding-top:30px} .nh p{max-width:470px} #content{float:none;width:100%} #sidebar{position:fixed;top:0;left:-270px;background:#fff;width:270px;box-sizing:border-box;z-index:1000;height:100%;overflow-y:auto;transition:all .3s ease} #sidebar .block{margin-bottom:0;box-shadow:none;border-bottom:1px solid #ededed} #sidebar.opened{left:0;box-shadow:0 0 30px rgba(0,0,0,0.1)} .sidebar-arrow{display:block;position:fixed;top:220px;left:0;z-index:90;height:190px;line-height:190px!important;background:#ededed;width:42px;border-radius:0 3px 3px 0;text-align:center;cursor:pointer;font-size:18px;color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.15);transition:all .3s ease} .sidebar-arrow:hover{background:#121515} .sidebar-arrow.opened{left:270px} .about-text{width:500px} .about-image{width:350px} } @media (max-width:991px) { .cnt{width:700px} .slide-right{width:300px} .slide-price{top:0;width:90px;height:90px;line-height:90px;font-size:15px} .slide-left{width:350px;padding-top:30px} .slide-text-1{font-size:24px;line-height:30px} .slide-text-2{margin-top:20px;font-size:13px;line-height:20px} .bestsallers .list-item,.gp-more-goods .list-item{width:47.857142857%;margin-right:4.285714285%} .bestsallers .list-item:nth-child(2n),.gp-more-goods .list-item:nth-child(2n){margin-right:0} .bestsallers .list-item:nth-child(2n+1),.gp-more-goods .list-item:nth-child(2n+1){clear:left} .b-banner img{display:none} .b-banner{background:#f2f2f2;border-radius:3px;padding:30px 40px} .b-banner-text{position:static} .owl-section .owl-carousel .owl-nav button.owl-prev{left:-25px} .owl-section .owl-carousel .owl-nav button.owl-next{right:-25px} .col6{width:30.428571428%;margin-right:4.285714285%} .col6:nth-child(3n){margin-right:0} .col6:nth-child(3n+1){clear:left} .t-section{margin-right:calc((100% - 700px)/2 + 100px)} .col3{width:48.369565%;margin-right:3.260869%} .col3:nth-child(3n){margin-right:3.260869%} .col3:nth-child(2n){margin-right:0} .col3:nth-child(3n+1){clear:none} .col3:nth-child(2n+1){clear:left} .nh-left{float:none} .nh-right{float:none} .nh-right .button{line-height:40px;height:40px;font-size:13px} .col4{width:48.369565%;margin-right:3.260869%} .col4:nth-child(2n){margin-right:0} .col4:nth-child(2n+1){clear:left} #content .col3{width:48%;margin-right:4%} #content .col3:nth-child(3n){margin-right:4%} #content .col3:nth-child(3n+1){clear:none} #content .col3:nth-child(2n){margin-right:0} #content .col3:nth-child(2n+1){clear:left} .c-left,.c-right{float:none;width:100%} .about-text{width:100%;margin-bottom:50px} .about-image{width:100%} #order-table thead{display:none} #order-table tbody tr:first-child td{border-top:0} #order-table tbody tr:nth-child(odd){background:#fafafa} #order-table table,#order-table tbody,#order-table tbody,#order-table tr,#order-table td{display:block;width:100%!important;max-width:100%!important;text-align:center;box-sizing:border-box;border:none} #order-table td{border-bottom:1px dotted #ededed!important} #order-table td:last-child{border-bottom:2px solid #ededed!important} #order-table td.order-item-cnt input[type="text"]{width:100%} #order-table tr:nth-last-child(2) td:last-child{border-bottom:0!important} #order-table table{border:1px solid #ededed} #order-total-line{border-width:2px} .order-page-cols>.col2{width:100%;margin-right:0;float:none} } @media (max-width:767px) { .cnt{width:500px} .slide-right{float:none;width:100%} .slide-price{width:120px;height:120px;line-height:120px;font-size:20px} .slide-left{float:none;width:100%} .nh .button{float:none;margin-top:20px} .g-body .g-button{opacity:1;bottom:10px} .gTableSubTop,.forumIcoTd,.forumThreadTd,.forumPostTd,.forumLastPostTd,.threadIcoTd,.threadAuthTd,.threadLastPostTd,.threadPostTd,.threadViewTd,.threadsDetails,.forumOnlineBar,.legendBlock,.userRights,.fFastNavTd,.fFastSearchTd,.forumNamesBar,#forum_filter,.postTdInfo,.postBottom,#thread_search_form{display:none} .gDivLeft{padding-top:10px} .postTdTop,.postTable,.posttdMessage{display:block!important;text-align:left;width:auto!important} .postUser{font-size:16px;color:#7a7a7a} .col2,.col3{margin-right:0;width:100%;float:none} #content .col2,#content .col3{width:100%;margin-right:0} #content .list-item{width:47%;margin-right:6%} #content .list-item:nth-child(3n){margin-right:6%} #content .list-item:nth-child(3n+1){clear:none} #content .list-item:nth-child(2n){margin-right:0} #content .list-item:nth-child(2n+1){clear:left} .commTd1,.commTd2{display:block;width:100%} .er404{font-size:200px;line-height:200px;margin-bottom:20px} .er404 span{font-size:170px;margin:0 15px} .sidebar-arrow{height:100px;line-height:100px!important} .gp-img{float:none;margin-left:auto;margin-right:auto;width:100%;margin-bottom:50px} .gp-img-big,.gp-img-big img{width:100%} .gp-info{float:none;width:100%} .post-img{float:none;width:100%;margin-bottom:20px} .post-text{margin-left:0} .pp-title{font-size:18px;line-height:22px} .faq-left{float:none;width:100%} .faq-right{float:none;width:100%;padding-top:40px} } @media (max-width:567px) { .cnt{width:290px} .header-image{height:156px;background-position:center top} .logo{display:block;float:none;text-align:center;margin-right:0;margin-top:-20px;margin-bottom:15px} span.menu-icon{margin-left:0} #menu > div{left:0} #header.scroll{padding-top:3px} #header.scroll .logo{display:none} .b-body{width:290px;padding:15px} button.s-button{top:-5px} span.s-close{top:-5px} #s-form{height:46px;top:5px} input.s-text{padding-left:15px;font-size:11px} .slide-text{position:static;padding:40px 0 70px;background:#fafafa} .slider .owl-dots{top:-30px;left:calc(50% - 150px)} .section{padding-top:80px} .title h2{font-size:20px;line-height:24px!important} .title p{font-size:13px;line-height:20px} .about-list li{font-size:13px;line-height:20px} .bestsallers .list-item,.gp-more-goods .list-item{float:none;width:100%;margin-right:0} .col6{width:44.827586206%;margin-right:10.344827586%} .col6:nth-child(3n),.col6:nth-child(6n){margin-right:10.344827586%} .col6:nth-child(2n){margin-right:0} .col6:nth-child(3n+1),.col6:nth-child(6n+1){clear:none} .col6:nth-child(2n+1){clear:left} .banner-text{top:20px;left:20px;font-size:18px;line-height:20px;max-width:120px} .banner-button{margin-top:30px} .t-section{margin-right:0;width:100%;border-radius:0} .t-section .cnt{margin-right:auto} .t-section-left .title p{padding-right:0} .col4{margin-right:0;width:100%;float:none} .cat-info > img{display:none} .cat-info h1,.cat-info p{margin-left:0} .sort-panel{padding-left:15px;padding-right:15px} .sort-panel-left b{display:none} .sort-panel-left i{display:inline-block} #content .list-item{width:100%;margin-right:0;float:none} #content .list-item-view-mode-list .list-item .g-img{float:none;width:100%} #content .list-item-view-mode-list .list-item .g-text{margin-left:0;margin-top:20px} .sidebar-arrow{top:auto;bottom:60px} .faq-title{font-size:15px;line-height:16px;padding:30px 20px} .faq-message{padding:20px} .er404{font-size:100px;line-height:100px;margin-bottom:20px} .er404 span{font-size:90px;margin:0 5px} .er404-title span{font-size:15px;line-height:30px} .er404-title h2{font-size:19px;line-height:20px} .gp-buttons a{margin-right:0;display:block;width:100%;text-align:center} .comm-ava{float:none;margin-bottom:10px} .comm-text{margin-left:0} #sh_promo_wraper,#sh_promo_wraper *{display:block;width:100%} } .logo img { max-height: 50px; } .top-line{min-height:50px;color:#fff;background-color: #dc2f2f;} .top-line a{color:#fff;display:inline-block} .top-line a:hover{border-bottom:1px dashed #fff} .top-line ul{margin:0;padding:0;list-style:none} .top-line ul li{margin:15px 0 0 20px;padding:0 0 0 20px;float:left;line-height:20px;border-left:1px solid rgba(255,255,255,0.3)} .top-line ul li:first-child{margin-left:0;padding-left:0;border-left:0} .top-line ul li .pe{float:left;line-height:20px;font-size:20px;margin-right:10px} .top-open{display:none;width:30px;height:24px;line-height:24px;text-align:center;color:#fff;margin:0 auto -24px;cursor:pointer;border-radius:0 0 5px 5px;transition:all .3s ease;position:relative;z-index:2} header#header.scroll { margin-top: 0px; } .top-open { display: none; width: 30px; height: 24px; line-height: 24px; text-align: center; color: #fff; margin: 0 auto -24px; cursor: pointer; border-radius: 0 0 5px 5px; transition: all .3s ease; position: relative; z-index: 2; background-color: #dc2f2f; } @media (max-width: 991px) { .top-open { display: block; } } @media (max-width: 991px) { .top-line { overflow: hidden; padding-bottom: 20px; display: none; min-height: auto; } .top-line{overflow:hidden;padding-bottom:20px;display:none;min-height:auto} .top-line ul li{float:none;padding-left:0 !important;margin-left:0 !important;border-left:0 !important} .top-line ul li .pe{display:inline-block} .top-open{display:block} #header { margin-top: 30px; } .top-line ul li:last-child { float: left;} } .f-contact > i { float: left; font-size: 20px; color: #dc2f2f; margin-right:10px; } .f-contact:first-child, .f-contact { margin-bottom: 10px; } .top-line ul li i { font-size: 20px; position: absolute; left: 15px; } .top-line ul li { padding-left: 40px !important; position: relative; } .top-line ul li:first-child { padding-left: 25px !important; } .top-line ul li:first-child i { left: 0; } @media (min-width:990px) { a.cat-catalog i { display: none; } a.cat-catalog span:before { content: " "; height: 22px; width: 22px; background: url(https://rifar-radiator.ru/other-img/menu2.svg); background-size: cover; background-repeat: no-repeat; display: inline-block; position: absolute; margin-left: -28px; margin-top: -1px; } a.cat-catalog span { background: #0000001a; padding: 12px 20px 12px 45px !important; margin-top: -10px; margin-right: 15px; border-radius: 5px; } #menu .uMenuRoot>li>a { font-weight: 400; } a.cat-catalog i { display: none; } .logo { margin-right: 60px; } a.cat-catalog { padding: 2px 0px 20px !important; } #menu .uMenuRoot>li>ul { border-radius:3px; margin-top: 6px; } } .g-img img { max-width: 90%; object-fit: contain; height: 260px; padding: 5%; border-radius:3px; mix-blend-mode: darken; } a.g-img-link { border-radius:3px; background: #f3f3f3; } @media (max-width:990px) { .slide-text-1 br, .slide-text-2 br { display: none; } .slide { padding-top: 190px; padding-bottom: 30px; } header#header.scroll { position: fixed; } .top-line ul li i { left: 0px; } .top-line ul li { padding-left: 25px !important;} .f-copy span { display: none; } .f-copy a { display: block; } } .f-copy { text-align: center; } .tab { display: flex ; flex-wrap: wrap; justify-content: center; } .tab > input[type="radio"] { display: none; } .tab-content { display: none; width: 100%; margin-top: 1rem; } #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5 { display: block; } .tab > label { display: block; padding: 10px 10px; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; text-decoration: none; color: #000000; border: 0; border-radius: 0; background: 0 0; font-size: 14px; margin: 0 5px; text-align: center; } .tab > input[type="radio"]:checked + label { cursor: default; color: #dc2f2f; background-color: transparent; font-size: 14px; font-weight: 700; border: 2px solid; border-radius:3px; } @media (max-width:990px) { .tab > input[type="radio"]:checked + label { font-size:14px;} header#header { z-index: 7; } .top-open, .top-line { position: relative; z-index: 9; } } li.social.social-header img { width: 24px; } li.social.social-header { border: 0; margin: 0; padding: 0 0px 0 28px !important; margin-top: 13px; float: right; } li.social.social-header a { border: 0; } img.footer-logo { max-height: 50px; } .top-line a:hover { border-bottom: 0; opacity: 0.8; } @media (max-width: 1279px) { .sidebar-arrow { border-radius: 0 10px 10px 0;} } @media (max-width: 991px) { #header { margin-top: 10px; } } @media (min-width:991px) and (max-width:1279px) { .top-line { font-size: 10px; } } @media (max-width: 568px) { #header { margin-top: 30px; } .header-image { height: 186px; background-position: center top; } } .header-image.scroll { position: fixed; } span.social.social-footer img { width: 24px; } .social-foot { display: flex ; gap: 20px; } .cat-info { margin-bottom: 10px; } .cat-banner img { border-radius:3px; }.cat-banner { margin-bottom: 20px; } .block-body ul.cat-tree li a:hover { padding-left: 0; } .block-body ul.cat-tree a:before {display:none;} ul.b-list { max-height: 310px; overflow-y: scroll; padding: 10px 0 !important; } li#tab1 p, li#tab1, li#tab1 ul, li#tab1 li { color: #000; margin-bottom: 15px; font-size: 14px; line-height: 1.4; } .gp-comm-add a { color: #dc2f2f; } .good-price1 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; } span.color-red { color: #dc2f2f; font-size: 20px;font-weight: 700; } .gp-price { color: #000 !important; font-size: 14px; } .gp-price { font-weight: 400;} b { font-weight: 700; } .installment-plan, .product__delivery-date { margin-bottom: 15px; font-size: 15px; color: #000; font-weight: 600; } .installment-plan i, .product__delivery-date i { color: #dc2f2f; font-size: 28px; position: relative; top: 5px; margin-right: 10px; } .shop-options { color: #000; font-weight: 400; } .shop-options li { list-style-type: disc!important; margin: 0; padding: 0; margin-left: 15px!important; } .tech-wrapper { background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgb(135 135 135 / 10%); padding: 24px; margin: 20px 0; border: 1px solid #f8f8f8; } .tech-title { color: #dc2f2f; font-size: 20px; font-weight: 700; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #dc2f2f; position: relative; } .tech-title::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 60px; height: 2px; background: #ff6b6b; } .tech { width: 100%; border-collapse: collapse; margin: 16px 0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .tech tr { transition: all 0.3s ease; border-bottom: 1px solid #f0f0f0; } .tech tr:hover { background-color: #fafafa; transform: translateX(4px); } .tech tr:nth-child(even) { } .tech tr:nth-child(even):hover { background-color: #fafafa; } .tech td { padding: 16px 20px; font-size: 14px; line-height: 1.4; } .tech td:first-child { font-weight: 600; color: #333; width: 60%; border-right: 1px solid #f0f0f0; position: relative; } .tech td:first-child::before { content: '•'; color: #dc2f2f; font-weight: bold; margin-right: 8px; } .tech td:last-child { color: #666; font-weight: 400; text-align: left; } .tech-compl { margin-top: 30px; padding-top: 20px; border-top: 1px solid #f0f0f0; } .tech-compl .tech-title { font-size: 20px; margin-bottom: 16px; } .list-square { list-style: none; padding: 12px 16px; background: #fff5f5; border-left: 4px solid #dc2f2f; border-radius: 4px; margin: 8px 0; font-weight: 400; color: #333; } .tech-country { display: flex; align-items: center; gap: 12px; padding: 16px; background: #fff5f5; border-radius: 8px; border: 1px solid #ffeaea; font-weight: 400; color: #333; } .tech-country img { width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } /* Адаптивность для мобильных устройств */ @media (max-width: 768px) { .tech-wrapper { padding: 16px; margin: 12px 0; } .tech-title { font-size: 16px; line-height: 1.4; } .tech td { padding: 12px 16px; font-size: 13px; } .tech td:first-child { width: 55%; } li.list-square { font-size: 14px; }.tech-country { font-size: 14px; line-height: 1.4; } } /* Анимации */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .tech-wrapper { animation: fadeIn 0.5s ease-out; } .tech tr { animation: fadeIn 0.3s ease-out; } .gp-add .wish.wdel:after, .gp-add .wish.wadd:after { font-weight: 400; color: #000; } .tech-compl ul { padding: 0; margin-bottom:20px } .gp-img img { max-height: 400px; object-fit: contain; display: flex; margin: 0 auto; } .page-content-wrapper p, .page-content-wrapper ul, .page-content-wrapper li { color: #000; margin-bottom: 15px; } .page-content-wrapper h2 {margin-top:30px;} /* Стили для таблиц */ .page-content-wrapper table { width: 100%; border-collapse: collapse; margin: 20px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; } .page-content-wrapper th { background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: white; font-weight: 600; font-size: 16px; padding: 12px 16px; text-align: left; } .page-content-wrapper td { font-size: 14px; padding: 12px 16px; color: #000; border: 1px solid #ccc; } .page-content-wrapper tr:nth-child(even) { background-color: #f8fafc; } .page-content-wrapper tr:hover { background-color: #f1f5f9; transition: background-color 0.2s ease; } /* Основные стили документации */ .documentation-page { max-width: 1200px; margin: 0 auto; padding: 40px 20px; font-family: 'Inter', 'Arial', sans-serif; background: #f8f9fa; } /* Секции */ .documentation-section_technical-data-sheets, .documentation-section_booklets, .documentation-section_certificates { margin-bottom: 60px; } /* Заголовки секций */ .section_name, .documentation-section_name { margin-bottom: 40px; text-align: center; } .documentation-title { font-size: 30px; line-height: 30px; font-weight: 600; color: #1a1a1a; position: relative; display: inline-block; margin: 0; } .documentation-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: #dc2f2f; border-radius: 2px; } /* Контейнеры карточек */ .documentation-section_technical-data-sheets-items, .documentation-section_booklets-data, .documentation-section_certificates-data { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; padding: 20px 0; } /* Карточки документов */ .document-card { background: white; border-radius: 16px; padding: 25px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; border: 1px solid #e9ecef; } .document-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #dc2f2f; transform: scaleX(0); transition: transform 0.3s ease; } .document-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(231, 29, 35, 0.15); border-color: #dc2f2f; } .document-card:hover::before { transform: scaleX(1); } /* Ссылка скачивания */ .document-card__download-link { position: absolute; top: 20px; right: 20px; z-index: 2; } .document-card__download-link a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #f8f9fa; border-radius: 12px; transition: all 0.3s ease; border: 2px solid #e9ecef; } .document-card__download-link a:hover { background: #dc2f2f; border-color: #dc2f2f; transform: scale(1.1); } .document-card__download-link svg { width: 20px; height: 20px; transition: all 0.3s ease; } .document-card__download-link a:hover svg { fill: white; } /* Изображение документа */ .document-card__image { margin-bottom: 20px; border-radius: 12px; overflow: hidden; background: #f8f9fa; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; } .document-card__image a { display: block; width: 100%; height: 100%; transition: transform 0.3s ease; } .document-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .document-card:hover .document-card__image img { transform: scale(1.05); } /* Название документа */ .document-card__name { margin-top: 15px; } .document-card__name a { text-decoration: none; color: #1a1a1a; transition: color 0.3s ease; display: block; } .document-card__name a:hover { color: #dc2f2f; } .document-card__name span { font-size: 1.1rem; font-weight: 600; line-height: 1.4; display: block; } /* Адаптивность */ @media (max-width: 768px) { .documentation-page { padding: 20px 15px; } .documentation-title { font-size: 2rem; } .documentation-section_technical-data-sheets-items, .documentation-section_booklets-data, .documentation-section_certificates-data { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .document-card { padding: 20px; } } @media (max-width: 480px) { .documentation-section_technical-data-sheets-items, .documentation-section_booklets-data, .documentation-section_certificates-data { grid-template-columns: 1fr; } .documentation-title { font-size: 1.75rem; } } /* Анимации */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .document-card { animation: fadeInUp 0.6s ease forwards; } /* Задержки для анимации карточек */ .document-card:nth-child(1) { animation-delay: 0.1s; } .document-card:nth-child(2) { animation-delay: 0.2s; } .document-card:nth-child(3) { animation-delay: 0.3s; } .document-card:nth-child(4) { animation-delay: 0.4s; } .document-card:nth-child(5) { animation-delay: 0.5s; } .document-card:nth-child(6) { animation-delay: 0.6s; } /* Кастомный скроллбар */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #dc2f2f; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #c41a1f; } .documentation-title { padding-bottom: 15px; } .document-card__download-link a svg { fill: black; } @media (max-width:990px) { h1, .page-content-wrapper h2 { font-size: 20px; line-height: 1.4; } } .page-content-wrapper img { border-radius:3px; max-width: 100%; } /* Основные стили страницы контактов */ .contacts-page { } .contacts-container { } /* Заголовок */ .contacts-header { text-align: center; margin-bottom: 50px; } /* Сетка контактов */ .contacts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-bottom: 50px; } /* Карточки */ .contact-info-card, .contact-method-card, .working-hours-card { background: #f8f9fa; border-radius: 16px; padding: 30px 25px; text-align: center; border: 2px solid transparent; transition: all 0.3s ease; position: relative; overflow: hidden; } .contact-method-card:hover, .working-hours-card:hover { border-color: #dc2f2f; transform: translateY(-5px); box-shadow: 0 12px 30px rgba(231, 29, 35, 0.15); } /* Иконки */ .contact-icon, .method-icon, .hours-icon { margin-bottom: 15px; display: flex; justify-content: center; } /* Контент карточек */ .contact-info-card h3 { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; margin: 0; line-height: 1.4; } .contact-method-card h4, .working-hours-card h4 { font-size: 1.2rem; font-weight: 700; color: #1a1a1a; margin: 0 0 15px 0; } /* Списки телефонов */ .contact-phones { list-style: none; padding: 0; margin: 0; text-align: left; } .contact-phones li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e9ecef; } .contact-phones li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .contact-link { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; font-weight: 600; color: #dc2f2f; text-decoration: none; transition: color 0.3s ease; } .contact-link:hover { color: #c41a1f; text-decoration: underline; } .contact-link i { font-size: 1.2rem; width: 20px; text-align: center; } .email-link { justify-content: center; margin-bottom: 20px; } .contact-subtitle { display: block; font-size: 0.9rem; color: #666; margin-top: 5px; margin-left: 30px; } /* Социальные сети */ .social-links { margin-top: 20px; text-align: center; } .social-links h5 { font-size: 1rem; color: #000; margin: 0 0 10px 0; font-weight: 600; } .social-icons { display: flex; justify-content: center; gap: 15px; } .social-link { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: white; border-radius: 12px; transition: all 0.3s ease; border: 2px solid #e9ecef; } .social-link:hover { transform: translateY(-3px); border-color: #dc2f2f; box-shadow: 0 6px 20px rgba(231, 29, 35, 0.2); } .social-link img { width: 24px; height: 24px; transition: filter 0.3s ease; } .social-link:hover img { filter: grayscale(0); } /* Часы работы */ .hours-main { font-size: 0.9rem; font-weight: 600; color: #1a1a1a; margin: 0 0 15px 0; display: flex; align-items: center; justify-content: center; gap: 8px; } .hours-holiday { font-size: 0.8rem; color: #666; line-height: 1.4; margin: 0; } .highlight { color: #dc2f2f; font-weight: 600; } /* Секция заказа */ .ordering-section { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 16px; padding: 40px; margin-top: 30px; } .ordering-content { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: start; } .ordering-text p { font-size: 0.9rem; line-height: 1.6; color: #333; margin-bottom: 30px; } .ordering-methods { background: white; padding: 25px; border-radius: 12px; border-left: 4px solid #dc2f2f; } .ordering-methods h3 { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; margin: 0 0 20px 0; } .methods-list { margin: 0; padding-left: 0; list-style: none; } .methods-list li { display: flex; align-items: center; gap: 10px; font-size: 1.05rem; line-height: 1.5; color: #333; margin-bottom: 12px; padding: 8px 0; } .methods-list li:last-child { margin-bottom: 0; } .methods-list li i { color: #dc2f2f; font-size: 1.2rem; width: 20px; text-align: center; } /* Изображение менеджера */ .ordering-image { display: flex; justify-content: center; align-items: flex-start; } .image-placeholder { background: white; border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border: 2px dashed #dc2f2f; min-width: 200px; } .image-placeholder i { margin-bottom: 15px; display: block; } .image-placeholder span { display: block; font-weight: 600; color: #dc2f2f; font-size: 1.1rem; } /* Адаптивность */ @media (max-width: 1024px) { .contacts-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .contact-info-card { grid-column: 1 / -1; } } @media (max-width: 768px) { .contacts-container { padding: 25px 20px; } .contacts-grid { grid-template-columns: 1fr; gap: 15px; } .ordering-content { grid-template-columns: 1fr; gap: 30px; } .ordering-section { padding: 30px 25px; } .contact-link { font-size: 1rem; } .contact-phones li { text-align: center; } .contact-subtitle { margin-left: 0; text-align: center; } } @media (max-width: 480px) { .contacts-page { padding: 20px 15px; } .contacts-container { padding: 20px 15px; border-radius: 16px; } .contact-info-card, .contact-method-card, .working-hours-card { padding: 20px 15px; } .ordering-section { padding: 25px 20px; } .ordering-methods { padding: 20px; } .image-placeholder { padding: 30px 20px; min-width: auto; } } /* Анимации */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .contact-info-card, .contact-method-card, .working-hours-card, .ordering-section { animation: fadeInUp 0.6s ease forwards; } .contact-method-card:nth-child(2) { animation-delay: 0.1s; } .contact-method-card:nth-child(3) { animation-delay: 0.2s; } .working-hours-card { animation-delay: 0.3s; } .ordering-section { animation-delay: 0.4s; } .hours-main i { color: #dc2f2f; font-size: 1.2rem; } /* Адаптивность для мобильных устройств */ @media (max-width: 768px) { .contacts-container { padding: 20px 15px; } .contacts-grid { grid-template-columns: 1fr; gap: 15px; } .ordering-content { grid-template-columns: 1fr; gap: 25px; } .ordering-section { padding: 25px 20px; } /* Уменьшенные шрифты для мобильных */ .contact-info-card h3 { font-size: 0.95rem; } .contact-method-card h4, .working-hours-card h4 { font-size: 1rem; } .contact-link { font-size: 0.9rem; } .contact-subtitle { font-size: 0.8rem; } .social-links h5 { font-size: 0.9rem; } .hours-main { font-size: 0.95rem; } .hours-holiday { font-size: 0.85rem; } .ordering-text p { font-size: 0.95rem; } .ordering-methods h3 { font-size: 1.1rem; } .methods-list li { font-size: 0.9rem; } .image-placeholder span { font-size: 0.95rem; } /* Иконки для мобильных */ .contact-icon i, .method-icon i, .hours-icon i { font-size: 36px !important; } .image-placeholder i { font-size: 48px !important; } .contact-link i { font-size: 1rem; } .methods-list li i { font-size: 1rem; } .hours-main i { font-size: 1rem; } } @media (max-width: 480px) { .contacts-page { padding: 15px 10px; } .contacts-container { padding: 15px 10px; border-radius: 12px; } .contact-info-card, .contact-method-card, .working-hours-card { padding: 15px 12px; } .ordering-section { padding: 20px 15px; } .ordering-methods { padding: 15px; } .image-placeholder { padding: 25px 15px; } /* Еще меньшие шрифты для очень маленьких экранов */ .contact-info-card h3 { font-size: 0.9rem; } .contact-method-card h4, .working-hours-card h4 { font-size: 0.95rem; } .contact-link { font-size: 0.85rem; } .contact-subtitle { font-size: 0.75rem; } .ordering-text p { font-size: 0.8rem; } .ordering-methods h3 { font-size: 1rem; } .methods-list li { font-size: 0.85rem; } /* Уменьшение отступов */ .contacts-header { margin-bottom: 30px; } .contacts-grid { margin-bottom: 30px; } .contact-phones li { margin-bottom: 12px; padding-bottom: 12px; } .social-icons { gap: 10px; } .social-link { width: 40px; height: 40px; } .social-link img { width: 20px; height: 20px; } } /* Дополнительные оптимизации для мобильных */ @media (max-width: 768px) { .contact-phones li { text-align: center; } .contact-subtitle { margin-left: 0; text-align: center; } .contact-link { justify-content: center; } .hours-main { justify-content: center; flex-wrap: wrap; } .methods-list li { flex-wrap: wrap; justify-content: flex-start; gap: 8px; } } .cat-banner img { max-width: 100%; } @media (max-width:990px) { .sort-panel-left select { font-size: 10px; } } .header-image.header-none { display: none; } @media (max-width: 567px) { .section { padding-top: 50px; } li.social.social-header { padding: 0 0px 0 14px !important; } } .slide.slide-padding { padding-top: 25px; } .benefit-item { background: white; border-radius: 12px; padding: 40px 30px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; height: 100%; } .benefit-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(231, 29, 35, 0.1); } .benefit-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #dc2f2f; } .benefit-icon { margin-bottom: 20px; } .benefit-icon i { font-size: 64px; color: #dc2f2f; } .benefit-content h3 { font-size: 20px; margin-bottom: 15px; color: #333; font-weight: 600; line-height: 1.4; } .highlight { color: #dc2f2f; font-weight: 700; } .benefit-content p { color: #666; line-height: 1.6; margin-bottom: 20px; font-size: 16px; } .benefit-link { display: inline-block; color: #dc2f2f; text-decoration: none; font-weight: 600; position: relative; transition: color 0.3s ease; font-size: 16px; } .benefit-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #dc2f2f; transition: width 0.3s ease; } .benefit-link:hover { color: #c4181d; } .benefit-link:hover::after { width: 100%; } @media (max-width:990px) { .benefit-content h3 { font-size: 14px; margin-bottom: 10px; }.benefit-content p { font-size: 12px; margin-bottom: 10px; } .benefit-link { font-size: 14px; } .benefit-icon { margin-bottom: 10px; } } .review { border-radius: 8px; padding: 20px; margin: 10px 0; background-color: #f9f9f9; } .review-header { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .review-author { font-weight: bold; } .review-date { color: #666; } .review-section { margin-bottom: 15px; } .review-section h3 { margin: 0 0 10px 0; color: #333; } .review-section ul { margin: 0; padding-left: 20px; } .review-section li { margin-bottom: 5px; } .review-header { display: flex ; justify-content: flex-start; gap: 20px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; align-items: center; } .review-section h3 { font-size: 14px; margin-bottom: 0; } .stars { margin-left: auto; color: #fdd56e; } .review-author { color: #000; } .img-rew { display: flex ; gap: 20px; margin-top: 20px; } .img-rew img { width: 70px; height: 70px; border-radius:3px; object-fit: cover; } .list-item-view-mode-list .g-body { display: none; } .list-prod-header, .list-prod { display: none; } .list-item-view-mode-list .list-prod-header, .list-item-view-mode-list .list-prod { display: block; } .sort-panel { margin-bottom: 30px; } .table_title, .table_title_pipes { border-collapse: collapse; padding: 5px 5px; border-radius:3px; color: white; margin-bottom: 10px; font-weight: 700; } .table_title { display: block; background-color: rgb(231 29 35); } .table_title tr td:not(:first-child), .table_title_pipes tr td:not(:first-child) { text-align: center; } .adaptive-head td:first-child { padding-left: 10px; } @media (max-width: 767px) { .adapt tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex ; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .adapt tbody tr td { display: block; width: 100%; } } } @media (max-width: 568px) { .adaptive-head td:first-child { width: 66px !important; } } @media (max-width: 568px) { .adaptive-head td { font-size: 10px; text-align: center; line-height: 12px; } } @media (max-width: 568px) { .adaptive-head td:nth-child(2) { width: 74px !important; } } @media (max-width: 568px) { .adaptive-head td:nth-child(3) { width: 61px !important; display: block; } } @media (max-width: 767px) { .adaptive-head td:nth-child(4), .adaptive-head td:nth-child(5), .adaptive-head td:nth-child(6), .adaptive-category .list-item td:nth-child(4), .adaptive-category .list-item td:nth-child(5), .adaptive-category .list-item td:nth-child(6) { display: none; } } .table_title tr td:not(:first-child), .table_title_pipes tr td:not(:first-child) { text-align: center; } .img-product-item { display: none; } table.item-actions tr td:not(:first-child) { text-align: center; } table.item-actions tr td a.price { color: white; background-color: rgb(231 29 35); display: block; padding: 5px; border-radius: 5px; } .cart-button { display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .cart-button .add2cart__input-count { display: block; width: 30px; height: 30px; border: 1px solid rgb(193 193 193); border-radius: 5px; padding: 5px 3px; text-align: center; font-family: inherit; font-size: 14px; } .cart-button .btn { display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 5px 9px; background-color: white; border: 1px solid rgb(231 29 35); color: rgb(231 29 35); font-size: 22px; height: 30px; width: 30px; } .hidden { display: none !important; visibility: hidden !important; } table.item-actions.item-style tr td:not(:first-child) { font-weight: 400; color: #000; } .name, .name a { font-weight: 700; color: #000; font-size: 12px; line-height: 1.2 !important; } .list-prod-header { margin-bottom: 20px; } #content .list-item-view-mode-list .list-item { margin-bottom: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 10px; } @media (max-width: 568px) { .list-prod td .name a { width: 70px; font-size: 13px; } } @media (max-width: 568px) { .list-prod td:nth-child(2) { width: 30px !important; } } @media (max-width: 532px) { .list-prod td:nth-child(3) { width: 30px !important; } } @media (max-width: 767px) { .list-item .list-prod td:nth-child(4), .list-item .list-prod td:nth-child(5), .list-item .list-prod td:nth-child(6) { display: none; } } @media (max-width: 568px) { .list-prod td .name a, .list-prod td .name { width: 70px; font-size: 8px; text-align: center; } .adaptive-head td:first-child { padding-left: 0; } table.item-actions tr td:not(:first-child) { font-size: 10px; } } @media (max-width: 568px) { .list-prod td:first-child { width: 66px !important; } } @media (max-width: 568px) { .list-prod td:nth-child(8) { width: 50px !important; } } @media (max-width: 568px) { .list-prod td:nth-child(7) { width: 80px !important; } } @media (max-width: 568px) { .list-prod td:nth-child(3) { width: 61px !important; } } @media (max-width: 568px) { .list-prod td:nth-child(2) { width: 74px !important; } .cart-button .add2cart__input-count {display:none;} } .list-item:hover .name a { color: #dc2f2f; } i.lnr.lnr-sort-amount-asc {display:none;} body#body { overflow-x: hidden; } @media (max-width: 1279px) { #menu .uMenuRoot li > a > i { display: inline-block; float: right; } } .tabs .tabs-head span.aTabsHeadSpanActive { color: #dc2f2f !important; background-color: transparent; font-size: 14px; font-weight: 700; border: 2px solid; border-radius:3px; padding: 10px 10px; } .tabs .tabs-head span { color: #707070 !important; background-color: transparent; font-size: 14px; font-weight: 700; border: 2px solid transparent; border-radius:3px; padding: 10px 10px; } .tech-title { color: #000000; font-size: 16px; border-bottom: 2px solid #000000; } .item-views.list-sales-compact.linked_sales { display: flex ; gap: 20px; margin-bottom: 15px; } .svg.colored:not(.svg-inline-icon) * { fill: #dc2f2f; } .list-sales-compact__title.font_upper_xs.muted { font-size: 10px; letter-spacing: 2px; } .list-sales-compact-item { margin-bottom: 10px; color: #000; } h1.gp-name { margin-top: 0; margin-bottom: 40px; font-size: 40px; line-height: 1.4; } .js-sales.active { margin-top: 20px; } .top-line { color: #000000; background-color: #dddddd; } .top-line a { color: #000000; display: inline-block; } @media (min-width:990px) { .top-line ul li { border-left: 1px solid rgb(0 0 0 / 30%); } } span.color-red { color: #000000;} .gp-add .wish:before { color: #000!important; } .tabs .tabs-head span.aTabsHeadSpanActive { color: #000000 !important;} .tech td:first-child::before { color: #676767; } .tech-country, .list-square { background: #fafafa; border: 0; } .header-image { background: url(/img/header-image.jpg) top center no-repeat; } .nh { background: #4e4e4e!important; } .f-contact > i { color: #000000; } .table_title { display: block; background-color: #e5e5e5; color: #000; line-height: 1.4; } table.item-actions tr td a.price { color: #000000; background-color: rgb(229 229 229);} .tab > input[type="radio"]:checked + label { color: #000000;} .benefit-item { display: flex; padding: 25px; gap:15px; } .benefit-icon i { font-size: 48px;} .benefit-content { text-align: left; } .benefit-content h3 { font-size: 16px; margin-bottom: 10px;} .benefit-content p { line-height: 1.4; margin-bottom: 10px; font-size: 14px; } .benefit-item:hover { box-shadow: 0 10px 25px rgb(0 0 0 / 10%); } .benefit-link { font-size: 14px; } .g-img-link { position: relative; } .img-hover { position: absolute; top: 0; background: #fffffff7; height: calc(100% - 40px); z-index: 9; width: calc(100% - 40px); padding: 20px; text-align: left; } .img-hover1 span { display: block; font-size: 11px; } .img-hover1 {margin-bottom:10px;color:#000;} .g-body .img-hover {opacity:0; transition:0.5s;} .g-body:hover .img-hover {opacity:1; transition:0.5s;} .g-body:hover .g-button { z-index: 9; } .tech-title { border-bottom: 1px solid #dddddd; } .tech-title::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 60px; height: 1px; background: #000000; } .g-price1 { color: #404040; font-size: 12px; font-weight: 400; margin-bottom: 5px; } .g-price2 { margin-bottom: 7px; color: #383838; font-size: 16px; font-weight: 600; } span.value.font_sxs { margin-top: 7px; display: block; font-size: 12px; color: rgb(95, 168, 0); } span.value.font_sxs:before { content: " "; width: 3px; height: 3px; background: rgb(95, 168, 0); position: relative; display: inline-block; margin-right: 5px; top: -2px; border-radius: 50%; } @media (max-width:990px) { h1.gp-name { margin-top: 0; margin-bottom: 20px; font-size: 20px; line-height: 1.4; } .header-image { background-size: cover; } } .top-open span { margin: 0 4px; } .top-open { width: 60px;}