/* */ @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-Light.eot'); src: local('DIN Pro Light'), local('DINPro-Light'), url('/style/ru/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-Light.woff2') format('woff2'), url('/style/ru/fonts/DINPro-Light.woff') format('woff'), url('/style/ru/fonts/DINPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro.eot'); src: local('DIN Pro'), local('DINPro'), url('/style/ru/fonts/DINPro.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro.woff2') format('woff2'), url('/style/ru/fonts/DINPro.woff') format('woff'), url('/style/ru/fonts/DINPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-BoldItalic.eot'); src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'), url('/style/ru/fonts/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-BoldItalic.woff2') format('woff2'), url('/style/ru/fonts/DINPro-BoldItalic.woff') format('woff'), url('/style/ru/fonts/DINPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-Bold.eot'); src: local('DIN Pro Bold'), local('DINPro-Bold'), url('/style/ru/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-Bold.woff2') format('woff2'), url('/style/ru/fonts/DINPro-Bold.woff') format('woff'), url('/style/ru/fonts/DINPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-Black.eot'); src: local('DIN Pro Black'), local('DINPro-Black'), url('/style/ru/fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-Black.woff2') format('woff2'), url('/style/ru/fonts/DINPro-Black.woff') format('woff'), url('/style/ru/fonts/DINPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-Medium.eot'); src: local('DIN Pro Medium'), local('DINPro-Medium'), url('/style/ru/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-Medium.woff2') format('woff2'), url('/style/ru/fonts/DINPro-Medium.woff') format('woff'), url('/style/ru/fonts/DINPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('/style/ru/fonts/DINPro-Italic.eot'); src: local('DIN Pro Italic'), local('DINPro-Italic'), url('/style/ru/fonts/DINPro-Italic.eot?#iefix') format('embedded-opentype'), url('/style/ru/fonts/DINPro-Italic.woff2') format('woff2'), url('/style/ru/fonts/DINPro-Italic.woff') format('woff'), url('/style/ru/fonts/DINPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } html { min-width:320px;} body {position: relative; background:#fff; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; font-family: 'DIN Pro', 'Helvetica', sans-serif;} html > body {padding: 0;} img {padding: 0; margin: 0; border: 0;} .cleaner {clear: both;} a:hover {text-decoration: none;} input::-moz-placeholder {opacity: 0.5;} input::-webkit-input-placeholder {opacity: 0.5;} input:focus::-moz-placeholder {opacity: 0;} input:focus::-webkit-input-placeholder {opacity: 0;} a {color: #006BCF;} * {box-sizing: border-box; outline: none} .all {width:100%; max-width: 1440px; margin: 0 auto; padding: 0 40px; box-sizing: border-box;} form {padding: 0; margin: 0; border: 0;} form fieldset {padding: 0; margin: 0; border: 0;} button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .container { position: relative; width:100%; margin: 0 auto; padding: 0; overflow: hidden; max-width:100%;} .container.match {background: #49494B;} p {padding: 0; margin: 0;} .toppanel {background: #F7F8F9; position: relative; z-index: 65;} .toppanel .all {height: 58px; display: flex; justify-content: space-between; align-items: center;} .toppanel .left {display: flex; align-items: center;} .toppanel .left .city {margin-left: 38px;} .toppanel .drop-block {text-decoration: none; display: flex; align-items: center; cursor: pointer; position: relative;} .toppanel .drop-block .flag {width: 21px; height: 21px; margin: 0 12px 0 0; display: block; border-radius: 50%; background: center center/cover;} .toppanel .drop-block .active {font-size: 15px; line-height: 18px; color: #006BCF; display: table;} .toppanel .drop-block .active:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 10px; height: 6px; background: url(img/lang-arr.svg) center center no-repeat; margin: 6px 0 0 8px;} .toppanel .drop-block ul {overflow: hidden; min-width: 103px; top: calc(100% + 13px); font-weight: normal; color: #191919; border-radius: 8px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); padding: 0; margin: 5px 0 0 0; list-style-type: none; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease;} .toppanel .drop-block ul li a {display: flex; align-items: center; padding: 16px 20px; text-decoration: none; font-size: 15px; font-weight: normal; color: #191919;} .toppanel .drop-block ul li a:hover {background: #F5F5F7;} .toppanel .drop-block ul li.selected a {font-weight: 500; color: #36A9E1;} .toppanel .drop-block.open ul {opacity: 1; left: -20px;} .toppanel .drop-block.open .active:after {transform: scale(-1,-1);} .toppanel .drop-block .ic {width: 24px; height: 24px; background: center center no-repeat; margin: 0 8px 0 0;} .toppanel .drop-block .drop .title, .toppanel .drop-block .drop .close {display: none;} .toppanel .phone {display: flex; align-items: center; font-size: 15px; color: #919699;} .toppanel .phone a.tel {color: #191919; font-size: 17px; text-decoration: none; font-weight: 500;} .toppanel .phone a.city {text-decoration: none; color: #006BCF;} .toppanel .phone a.city:hover {color: #36A9E1;} .toppanel .phone small {display: block; font-size: 13px; margin: 3px 0 0 0; line-height: 15px; color: #919699;} .toppanel .faq {display: none;} .toppanel .right {color: #191919; font-size: 15px; line-height: 22px; display: flex; align-items: center;} .toppanel .right .btn {display: flex; height: 34px; align-items: center; padding: 0 15px; border-radius: 6px; background: #006BCF; color: #fff; font-size: 15px; text-decoration: none;} .toppanel .right .btn:after {content: ''; display: block; width: 12px; height: 12px; margin: 0 0 0 10px; background: url(img/btn-arr.svg) center center no-repeat;} .toppanel .right .btn:hover {background: #FF6B00;} .toppanel .right .rev-link {margin: 0 0 0 40px; display: flex; align-items: center; color: inherit; text-decoration: none;} .toppanel .right .rev-link .ic {width: 24px; height: 24px; position: relative; margin: 0 12px 0 0;} .toppanel .right .rev-link .ic:before {transition: opacity 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/rev-ic.svg) center center no-repeat;} .toppanel .right .rev-link .ic:after {opacity: 0; transition: opacity 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/rev-ic-h.svg) center center no-repeat;} .toppanel .right .rev-link:hover .ic:before {opacity: 0;} .toppanel .right .rev-link:hover .ic:after {opacity: 1;} .toppanel .right .rev-link .blue {margin: 0 0 0 12px; color: #006BCF; transition: all 0.3s ease;} .toppanel .right .rev-link:hover .blue {color: #FF6B00;} .toppanel .right .rev-link .arr {width: 12px; height: 12px; position: relative; margin: 0 0 0 8px;} .toppanel .right .rev-link .arr:before {transition: opacity 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/rev-arr.svg) center center no-repeat;} .toppanel .right .rev-link .arr:after {opacity: 0; transition: opacity 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/rev-arr-h.svg) center center no-repeat;} .toppanel .right .rev-link:hover .arr:before {opacity: 0;} .toppanel .right .rev-link:hover .arr:after {opacity: 1;} header {display: flex; align-items: center; justify-content: space-between; padding: 30px 0; position: relative; z-index: 60; margin: 0 0 10px;} header .logo img {display: block; height: 56px;} header .phone {display: none;} @media (min-width: 1001px) { header nav > ul {display: flex; padding: 0; margin: 0; list-style-type: none;} header nav > ul > li {padding: 0 15px;} header nav > ul > li.menu-parent > a {display: flex; align-items: center;} header nav > ul > li.menu-parent > a:after {filter: grayscale(100%) brightness(10%); transition: all 0.3s ease; content: ''; margin: -1px 0 0 5px; display: inline-block; width: 12px; height: 6px; background: url(img/blue-lang-arr.svg) center center no-repeat;} header nav > ul > li.menu-parent.hover > a:after {transform: scale(1,-1) translateX(-1px); filter: none;} header nav > ul > li.hover > a {color: #006BCF;} header nav > ul > li > a {position: relative; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 15px; color: #191919;} header nav > ul > li > a:before {content: ''; display: block; position: absolute; top: 100%; height: 50px; left: 0; width: 100%;} @media (pointer:coarse) { header nav > ul > li > a .str {position: absolute; width: 24px; height: 24px; display: block; right: -10px; top: 50%; margin-top: -12px; z-index: 10;} } header nav > ul > li > .drop {opacity: 0; visibility: hidden; display: none; width: 100%; top: 100%; left: 0; transition: all 0.3s ease; position: absolute; list-style-type: none; } header nav > ul > li > .drop .outer {width: 100%; padding: 40px 0; background: #FFFFFF; display: flex; width: 100%; align-items: flex-start; justify-content: space-between; } header nav > ul > li > .drop .ovlay {height: 9999999999px; position: absolute; display: block; content: ''; left: 50%; transform: translateX(-50%); top: 100%; width: 5000px;background: rgba(255,255,255,0.8);} header nav > ul > li > .drop .outer:before {border-top: 1px solid #EAEAEA; box-shadow: 0 166px 66px 0 rgba(0, 0, 0, 0.01), 0 93px 56px 0 rgba(0, 0, 0, 0.02), 0 41px 41px 0 rgba(0, 0, 0, 0.07), 0 10px 23px 0 rgba(0, 0, 0, 0.08); content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 5000%; background: #fff; transform: translateX(-50%);} header nav > ul > li > .drop .outer > * {position: relative;} header nav > ul > li.hover > .drop {display: block; opacity: 1; visibility: visible;} header nav > ul > li > .drop ul {width: calc(100% / 3 - 40px); font-size: 17px; line-height: 26px; padding: 0; margin: 0; list-style-type: none;} header nav > ul > li > .drop ul li {font-weight: 500;} header nav > ul > li > .drop ul li + li {margin-top: 20px;} header nav > ul > li > .drop ul li.arr + li.arr {margin-top: 12px;} header nav > ul > li > .drop ul li a {color: inherit; text-decoration: none; font-weight: 500;} header nav > ul > li > .drop ul li a:hover {color: #006BCF;} header nav > ul > li > .drop ul li ul {width: 100%; padding: 8px 0 0 0; font-size: 15px; line-height: 22px;} header nav > ul > li > .drop ul li ul a {font-weight: normal;} header nav > ul > li > .drop ul li ul li + li {margin-top: 8px;} header nav > ul > li > .drop ul li.arr a {position: relative; padding-right: 24px;} header nav > ul > li > .drop ul li.arr a:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 10px; margin-top: -4px; background: url(img/blue-arr.svg) center center no-repeat; transition: all 0.3s ease; filter: grayscale(100%) brightness(10%);} header nav > ul > li > .drop ul li.arr a:hover:after {filter: none;} header nav > ul > li > .drop ul li.shop small {display: block; font-weight: normal; font-size: 15px; line-height: 22px; color: #8D9091;} header nav > ul > li > .drop ul li.shop a {display: table; margin: 8px 0 0 0; font-size: 15px; line-height: 22px; font-weight: normal;} } header nav > ul > li > .drop ul li.grey-block {font-size: 17px; line-height: 26px; font-weight: 500; border-radius: 8px; padding: 20px 24px 24px; background: #F5F5F7; margin-top: 24px;} header nav > ul > li > .drop ul li.grey-block ul {font-weight: normal; margin: 20px 0 0 0; padding: 20px 0 0 0; position: relative;} header nav > ul > li > .drop ul li.grey-block ul:before {content: ''; height: 1px; background: #EAEAEA; display: block; position: absolute; top: 0; left: -24px; width: calc(100% + 48px);} header nav > ul > li > .drop ul li.grey-block ul li {background: url(img/art-ic.svg) left center no-repeat; padding-left: 36px;} header nav > ul > li > .drop ul li.grey-block ul li + li {margin-top: 12px;} header nav > ul > li > .drop ul li.grey-block ul.btns {display: flex; justify-content: space-between;} header nav > ul > li > .drop ul li.grey-block ul.btns li {margin: 0; width: calc(50% - 6px); padding: 0; background: none;} header nav > ul > li > .drop ul li.grey-block ul.btns li a {font-size: 17px; display: block; text-align: center; color: #fff; line-height: 42px; border-radius: 8px; font-weight: 500; background: #006BCF;} header nav > ul > li > .drop ul li.grey-block ul.btns li a:hover {background: #36A9E1;} header nav .close {display: none;} header nav .btn {text-transform: none; display: table; width: 196px; text-align: center; background: #006BCF; line-height: 49px; font-weight: 500; text-decoration: none; color: #fff; font-size: 15px; border-radius: 8px; } header nav li > .btn {margin-top: 40px;} header nav .btn:hover {filter: brightness(110%);} header .mob-title {display: none;} header:after {content: ''; display: block; height: 55px; width: 349px;} header .search {transition: all 0.3s ease; height: 56px; right: 0; width: 349px; position: absolute;} header .search form {transition: all 0.3s ease; height: 55px; position: absolute; width:100%; right: 0;} header .search input[type=text] {transition: all 0.3s ease; font-family: inherit; display: block; width:100%; border: 1px solid #DDE1E7; height: 56px; line-height: 54px; padding: 0 80px 0 20px; background: #fff; border-radius: 8px; font-size: 16px; color: #191919;} header .search input[type=text]::-moz-placeholder {opacity: 0.6; color: #8F96A4;} header .search input[type=text]::-webkit-input-placeholder {opacity: 0.6; color: #8F96A4;} header .search input[type=text]:focus::-moz-placeholder {opacity: 0;} header .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} header .search .submit {border: 0; display: block; position: absolute; top: 0; right: 0; width: 55px; height: 55px; cursor: pointer; background:url(img/loop.svg) center center no-repeat;} header .search .close {display: none;} header .menu-icon {display: none;} header.search-open .search {width:calc(100% - 200px);} header.search-open .search input[type=text] {padding: 0 52px 0 52px;} header.search-open .search .submit {right: auto; left: 0; transition: all 0.3s ease;} header.search-open .search .submit:hover {filter: none;} header.search-open .search .close {display: block; position: absolute; top: 0; right: 0; width: 55px; height: 55px; cursor: pointer; background: url(img/close.svg) center center no-repeat;} header:before {content: ''; height: 500px; display: block; position: absolute; bottom: 0; left: 50%; width: 5000px; transform: translateX(-50%); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09); z-index: -1;} header .search-icon {display: none;} header .mobile-contacts-menu {display: none;} .top-blocks {margin: 0 0 80px; } .top-blocks .slider {width: 100%; margin: 0 0 30px;} .top-blocks .slider .item {position: relative; padding: 50px 120px; font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF; overflow: hidden; border-radius: 8px; height: 527px; background-position: center center; background-size: cover; display: flex; align-items: center;} /*.top-blocks .slider .item:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));}*/ .top-blocks .slider .item > * {position: relative;} .top-blocks .slider .item h2 {font-size: 56px; font-weight: 500; line-height: 100%; margin: 0 0 20px; padding: 0;} .top-blocks .slider .item .btn {display: table; padding: 0 30px; background: #fff; line-height: 56px; font-weight: 500; text-decoration: none; color: #006BCF; margin: 20px 0 0 0; font-size: 17px; border-radius: 8px; } .top-blocks .slider .item .btn:hover {color: #36A9E1;} .top-blocks .slider .item .txt {max-width: 600px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #fff; border-radius: 50%; top: 50%; margin-top: -20px; left: 20px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-prev:after {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .top-blocks .slider .owl-carousel .owl-nav button.owl-prev:hover:after {filter: brightness(50%);} .top-blocks .slider .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #fff; border-radius: 50%; top: 50%; margin-top: -20px; right: 20px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-next:after {transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .top-blocks .slider .owl-carousel .owl-nav button.owl-next:hover:after {filter: brightness(50%);} .top-blocks .slider .owl-carousel .owl-dots {left: 0; width:100%; bottom: 25px; display: flex; justify-content: center; position: absolute;} .top-blocks .slider .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .top-blocks .slider .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .top-blocks .right-blocks {padding: 0px 0 0 0; width: 100%;} .top-blocks .right-blocks .blocks {} .top-blocks .right-blocks h2 {width: 100%; color: #191919; margin: 0 0 25px; padding: 0px 0 0 0; font-weight: 600; font-size: 17px; line-height: 110%;} .top-blocks .right-blocks .block {font-size: 12px; line-height: 15px; text-decoration: none; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; height: 148px; border-radius: 8px; background: #F5F5F7; position: relative; background-position: center center; background-size: cover; padding: 30px 25px 30px 30px; color: #fff; } .top-blocks .right-blocks .block .in {width:100%;} .top-blocks .right-blocks .block .ic {display: flex; align-items: center; position: absolute; top: 50%; right: 30px; height: 100px; margin-top: -50px;} .top-blocks .right-blocks .block .ic img {display: block; max-height: 80px;} .top-blocks .right-blocks .block h3 {max-width: calc(100% - 88px); max-width: 185px; font-weight: 500; font-size: 17px; line-height: 22px; color: #191919; margin: 0 0 5px; padding: 0;} .top-blocks .right-blocks .block .go {line-height: 180%; max-width: calc(100% - 100px); font-size: 15px; color: #006BCF; position: relative; display: table;} .top-blocks .right-blocks .block .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/grey-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .top-blocks .right-blocks .block:hover .go:after {transform: translateX(5px);} .content {font-size: 17px; line-height: 26px; color: #191919;} .content > p + p {padding-top: 20px;} .content h2, .content h1.h2 { font-weight: 500; font-size: 40px; line-height: 40px; color: #191919; margin: 0px 0 40px 0; padding: 0; line-height: 115%;} .content p + h2 {padding-top: 40px;} .clients-list {padding: 40px 0 0 0; max-width: calc(100% + 10px)!important; display: flex; flex-wrap: wrap; margin: 0 -10px 0 0; width: calc(100% + 10px);} .clients-list a {transition: all 0.3s ease; width: calc(100% / 6 - 10px); margin: 0 10px 10px 0; height: 120px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.02); padding: 20px; border-radius: 8px; display: flex; align-items: center; justify-content: center;} .clients-list a:hover {box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);} .clients-list a img {width: auto; display: block; max-width: 100%; max-height: 100%;} .foreign-partners {flex-wrap: wrap; display: flex; margin: 0 -20px 0 0; width: calc(100% + 20px); max-width: calc(100% + 20px)!important;} .foreign-partners .block {background: #F7F8F9; box-shadow: 0 0 10px 5px rgba(0,0,0,0.02); transition: all 0.3s ease; width: calc(100% / 3 - 20px); margin: 0 20px 20px 0; border-radius: 8px;} .foreign-partners .block:hover {box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);} .foreign-partners .block .pic {border-radius: 8px 8px 0 0; background: #fff; width: 100%; height: 220px; display: flex; align-items: center; justify-content: center;} .foreign-partners .block .pic img {width: auto; max-width: 80%; max-height: 120px;} .foreign-partners .block .inf {font-weight: normal; padding: 20px;} .foreign-partners .block .title {font-weight: 500; color: inherit; font-size: 24px; margin: 0 0 10px; display: table;} .foreign-partners .block .title:hover {color: #006BCF; text-decoration: none;} .areas-of-activity {margin: 0 0 80px; position: relative; padding: 67px 0 80px;} .areas-of-activity.nobg {padding-top: 0; padding-bottom: 0;} .areas-of-activity.nobg:before {display: none;} .areas-of-activity.last-block {margin-bottom: 0!important;} .areas-of-activity:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .areas-of-activity > * {position: relative;} .areas-of-activity .descr {max-width: 1020px; margin: -10px 0 40px; font-weight: normal;} .areas-of-activity .item {font-size: 22px; line-height: 120%; font-weight: 500; color: #fff; background: center center/cover; height: 377px; display: block; border-radius: 8px; overflow: hidden; position: relative;} .areas-of-activity .item:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; transition: all 0.3s ease; background: linear-gradient(to bottom, rgba(20, 24, 28, 0), rgba(20, 24, 28, 0.8));} .areas-of-activity .item:hover:before {opacity: 0.5;} .areas-of-activity .item .inf {position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px);} .areas-of-activity .item .inf .ic img {display: table; height: 40px; margin: 0 0 20px; width: auto;} .areas-of-activity .item .inf .t {font-size: 17px; margin: 10px 0 0 0; font-weight: normal; line-height: 125%;} .areas-of-activity .owl-carousel, .areas-of-activity .owl-carousel .owl-stage-outer {overflow: visible;} .areas-of-activity .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .areas-of-activity .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .areas-of-activity .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .areas-of-activity .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .areas-of-activity .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .areas-of-activity .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .areas-of-activity .owl-carousel .owl-dots, .promo-page .areas-of-activity .owl-carousel .owl-dots {display: none;} .areas-of-activity .owl-carousel .owl-nav button.owl-next.disabled, .areas-of-activity .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .promo-page .areas-of-activity .owl-carousel .owl-nav:not(.disabled) {display: block;} .promo-page .areas-of-activity .owl-carousel .owl-nav button.owl-next {background-color: #36A9E1;} .promo-page .areas-of-activity .owl-carousel .owl-nav button.owl-prev {background-color: #36A9E1;} .constructions-block {margin: 0 0 80px; display: flex; align-items: flex-start;} .constructions-block .txt {width: 456px;} .constructions-block .txt h2 {margin-bottom: 30px;} .constructions-block .txt .go {margin: 0; text-decoration: none; font-weight: 500; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; position: relative; display: table;} .constructions-block .txt .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .constructions-block .txt .go:hover:after {transform: translateX(5px);} .constructions-block .blocks {display: flex; width: calc(100% - 446px); margin: 0 -10px 0 0;} .constructions-block .blocks a {font-size: 20px; line-height: 30px; color: #191919; font-weight: 500; display: block; text-decoration: none; width: calc(25% - 10px); margin: 0 10px 0 0; border-radius: 8px; background: #F5F5F7; padding: 22px 30px 16px;} .constructions-block .blocks a:hover {box-shadow: 0 0 10px 0px rgba(0,0,0,0.05);} .constructions-block .blocks a .title {margin: 0 0 10px;} .constructions-block .blocks a img {width: 100%; display: block;} .content.text-page {font-size: 17px; line-height: 26px; color: #191919;} .content.text-page > * {max-width: 1246px;} .content.text-page h1 {margin-bottom: 28px;} .content.text-page h2 { font-weight: 500; font-size: 32px; line-height: 130%; margin: 0 0 20px;} .content.text-page h3 { font-weight: 500; font-size: 24px; line-height: 32px; margin: 0 0 24px; padding: 16px 0 0 0;} .content.text-page h4 { font-weight: 500; font-size: 20px; line-height: 30px; padding: 0 0 20px; margin: 0;} .content.text-page p {padding: 0 0 16px;} .content.text-page ul:not(.breadcrumbs) {font-weight: 500; padding: 5px 0 32px; margin: 0; list-style-type: none;} .content.text-page ul:not(.breadcrumbs) li + li {margin-top: 4px;} .content.text-page ul:not(.breadcrumbs) li {position: relative; padding-left: 26px;} .content.text-page ul:not(.breadcrumbs) li:before {content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 10px; left: 9px; background: #36A9E1; border-radius: 50%;} .content.text-page ul:not(.breadcrumbs) ul {font-weight: normal; margin: 4px 0 0 0; padding: 0;} .content.text-page ul:not(.breadcrumbs) ul li:before {background: none; box-sizing: border-box; border: 2px solid #36A9E1;} .content.text-page ul:not(.breadcrumbs) ul li ul li {padding-left: 20px;} .content.text-page ul:not(.breadcrumbs) ul li ul li:before {left: 0; border: 0; width: 12px; height:1px; border-radius: 0; background: #36A9E1; top: 12px;} .content.text-page ol {counter-reset: num; padding: 0px 0 24px; margin: 0; list-style-type: none;} .content.text-page ol li {position: relative; padding-left: 26px;} .content.text-page ol li + li {margin-top: 4px;} .content.text-page ol li:before {color: #006BCF; font-weight: 500; position: absolute; left: 4px; content: counter(num) '.'; counter-increment: num;} .content.text-page ol ol {margin: 4px 0 0 0; padding: 0;} .content.text-page h1 + h2 {padding-top: 0;} .content.text-page .table-block {max-width: 100%;} .content.text-page .table-block table {max-width: 100%;} .content.text-page .table-block {margin-bottom: 40px;} .content.text-page a {text-decoration: none;} .content.text-page a:hover {text-decoration: underline;} .content .news-date {margin-bottom: 20px; color:#919699; font-style: italic;} .content.text-page .txt-page-cols {max-width: 100%; display: flex;} .content.text-page .txt-page-cols .leftcol {width: calc(100% - 332px); padding: 0 40px 0 0;} .content.text-page .txt-page-cols .leftcol:last-child {width: 100%;} .content.text-page .txt-page-cols .rightcol {width: 332px; position: relative;} .content.text-page .txt-page-cols .rightcol nav {border-radius: 8px; background: #F5F5F7; } .content.text-page .txt-page-cols .rightcol nav.fix {width: 332px; position: fixed; top: 0;} .content.text-page .txt-page-cols .rightcol nav.fix.bottom {top: auto; bottom: 0; position: absolute;} .content.text-page .txt-page-cols .rightcol nav ul {padding: 24px; margin: 0; list-style-type: none;} .content.text-page .txt-page-cols .rightcol nav ul li {padding: 0 0 16px; border-bottom: 1px solid rgba(141, 144, 145, 0.3);} .content.text-page .txt-page-cols .rightcol nav ul li:before {display: none;} .content.text-page .txt-page-cols .rightcol nav ul li + li {margin-top: 16px;} .content.text-page .txt-page-cols .rightcol nav ul li:last-child {padding: 0; border: 0;} .content.text-page .txt-page-cols .rightcol nav ul li a {font-size: 13px; color: #8D9091; font-weight: bold; text-transform: uppercase; text-decoration: none;} .content.text-page .txt-page-cols .rightcol nav ul li a:hover, .content.text-page .txt-page-cols .rightcol nav ul li.active a {color: #191919;} .content.text-page .top-tabs {max-width: 100%; margin: 0 0 32px;} .content.text-page .top-tabs ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none;} .content.text-page .top-tabs ul li, .content.text-page .top-tabs ul li + li {padding: 0; margin: 0 8px 8px 0;} .content.text-page .top-tabs ul li:before {display: none;} .content.text-page .top-tabs ul li a {display: table; line-height: 32px; border-radius: 20px; padding: 0 16px; background: #F5F5F7; font-size: 15px; font-weight: 500; color: #191919; text-decoration: none;} .content.text-page .top-tabs ul li a:hover, .content.text-page .top-tabs ul li.active a {color: #fff; background: #006BCF;} .content.text-page .fullwidth-pic {display: block; border-radius: 8px; margin: 8px 0 32px; width: 100%;} .content.text-page .files-block {margin: 64px 0 0 0; position: relative; padding: 67px 0 68px;} .content.text-page .files-block h2 {padding-top: 0;} .content.text-page .files-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content.text-page .files-block > * {position: relative;} .content .files-list {columns: 3; padding: 20px 0 0 0;} .content .files-list a {padding: 0 0 0 33px; margin: 0 0 12px; display: block; break-inside: avoid; text-decoration: none; font-size: 17px; line-height: 26px; color: #006BCF; position: relative;} .content .files-list a:hover {text-decoration: none; color: #36A9E1;} .content .files-list a:before {transition: all 0.3s ease; content: ''; display: block; width: 24px; height: 24px; top: 0; position: absolute; left: 0; background: url(img/download.svg) center center no-repeat;} .content .files-list a small {display: block; color: #919699; font-size: 13px; margin: 0px 0 0 0;} .content .files-list.l-grid:first-child {padding-top: 0;} .content .files-list.l-grid {display: flex; flex-wrap: wrap; width: calc(100% + 32px); margin-right: -32px; padding-top: 24px;} .content .files-list.l-grid .files-list-item {transition: opacity 0.3s ease; line-height: 22px; font-size: 15px; width: calc(25% - 32px); margin: 0 32px 48px 0;} .content .files-list.l-grid .files-list-item .files-list-item-img {padding: 0; margin: 0 0 20px; display: block; overflow: hidden; position: relative; background: #F5F5F7; border-radius: 8px;} .content .files-list.l-grid .files-list-item a:before {display: none;} .content .files-list.l-grid .files-list-item .files-list-item-img:after {content: ''; display: block; padding-top: 64%;} .content .files-list.l-grid .files-list-item .files-list-item-img img {position: absolute; top: 32px; width: 170px; border-radius: 5px; display: block; left: 50%; transform: translateX(-50%); box-shadow: 9px 9px 20px 0px #00000040;} .content .files-list.l-grid .files-list-item .files-list-item-desc {position: relative; display: flex; flex-direction: column;} .content .files-list.l-grid .files-list-item .files-list-item-desc span {display: block; font: inherit; color: #8D9091; font-weight: normal; margin: 0 0 13px; order: 1;} .content .files-list.l-grid .files-list-item .files-list-item-desc a {margin: 0; position: static; font: inherit; color: #191919; text-decoration: none; padding: 0; order: 2; display: block; font-weight: 500; } .content .files-list.l-grid .files-list-item .files-list-item-desc a:before {left: auto; transition: all 0.3s ease; content: ''; display: block; width: 24px; height: 24px; top: 0; position: absolute; right: 0; background: url(img/download.svg) center center no-repeat;} @media (min-width: 701px) { .content .files-list.l-grid:not(.open) .files-list-item:nth-child(n+17) {position: absolute; left: -99999px; top: -99999px; opacity: 0;} } @media (max-width: 700px) { .content .files-list.l-grid:not(.open) .files-list-item:nth-child(n+11) {position: absolute; left: -99999px; top: -99999px; opacity: 0;} } .content .content-white {max-width: 100%;} .content .content-white>br:first-child {display: none;} .content .flex-title {margin: 0 0 40px; align-items: flex-end; display: flex; justify-content: space-between;} .content .flex-title h2 {margin: 0;} .content .flex-title .go {white-space: nowrap; padding: 0 22px 0 0; text-decoration: none; font-weight: 500; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; position: relative; display: table;} .content .flex-title .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .content .flex-title .go:hover:after {transform: translateX(5px);} .content .product-page .product-tabs-content:not(.constr) .flex-title h2 {margin: 0;} .prod-text-block {margin: 40px 0;} .product-page + .projects-block {padding-top: 50px;} .promo-page .projects-block {padding-bottom: 0;} .projects-block {padding: 0 0 70px;} .projects-block .blocks {display: flex; flex-wrap: wrap; margin: 0 -10px 0 0; width: calc(100% + 10px);} .projects-block .blocks .block {width: calc(25% - 10px); margin: 0 10px 10px 0; height: 411px; border-radius: 8px; font-size: 17px; line-height: 26px; color: #fff; text-decoration: none; position: relative; display: block; overflow: hidden; background: center center/cover;} .projects-block .blocks .block:first-child, .projects-block .blocks .block:last-child:not(:nth-child(3)) {width: calc(50% - 10px);} .projects-block .blocks .block:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));} .projects-block .blocks .block:hover:before {opacity: 0.5;} .projects-block .blocks .block > * {position: relative;} .projects-block .blocks .block .inf {width: calc(100% - 100px); position: absolute; left: 35px; bottom: 35px;} .projects-block .blocks .block .inf .title {margin: 0 0 10px; font-size: 24px; line-height: 32px; font-weight: 500;} .projects-block .blocks .block .inf .addr {display: flex; align-items: center;} .projects-block .blocks .block .inf .addr:before {background: url(img/addr-white.svg) center center/contain no-repeat; display: block; content: ''; width: 11px; height: 15px; margin: 0 8px 0 0;} .projects-block .blocks .block .arr {position: absolute; bottom: 35px; right: 35px; border-radius: 50%; width: 34px; height: 34px; background: #fff;} .projects-block .blocks .block .arr:after {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 12px no-repeat; transform: scale(-1,1);} .projects-block .blocks .block:hover .arr:after {filter: grayscale(100%) brightness(900%);} .projects-block .blocks .block:hover .arr {background: #36A9E1;} .content .problems-block {margin: 0 0 67px; position: relative; padding: 67px 0 80px;} .content .problems-block.last {margin-bottom: 0;} .content .problems-block.nobg {background: none; padding-top: 0;} .content .problems-block.nobg:before {display: none;} .content .problems-block > * {position: relative;} .content .problems-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #F5F5F7;} .content .problems-block .blocks {display: flex; flex-wrap: wrap; align-items: stretch; width: calc(100% + 10px); margin: 0 -10px 0 0;} .content .problems-block .blocks .block {font-size: 17px; line-height: 26px; color: #191919; text-decoration: none; padding: 20px 25px; border-radius: 8px; background: #fff; width: calc(100% / 6 - 10px); margin: 0 10px 10px 0;} .content .problems-block .blocks .block:hover {box-shadow: 0 0 10px 0px rgba(0,0,0,0.05);} .content .problems-block .blocks .block:nth-child(n + 13) {width: calc(25% - 10px);} .content .problems-block .blocks .block .ic {margin: 0 0px 10px 0; width: 60px;} .content .problems-block .blocks .block .ic img {height: 40px; display: block;} .content .problems-block .blocks .block .txt {min-height: 52px; display: flex; align-items: center;} .content .problems-block .mob-more {display: none;} .content .promo-grey-bg .video-block:first-child {padding-top: 0; margin-top: 0;} .content .promo-grey-bg .video-block:last-child {padding-bottom: 0; margin-bottom: 0;} .content.promo-page .video-block {margin-bottom: 0;} .content.promo-page .video-block:before {display: none;} .content .promo-grey-bg + .video-block {padding-top: 0;} .content .video-block {margin: 0 0 67px; position: relative; padding: 67px 0 80px;} .content .video-block > * {position: relative;} .content .video-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #F5F5F7; z-index: -1;} .content .video-block .owl-carousel, .content .video-block .owl-carousel .owl-stage-outer {overflow: visible;} .content .video-block .owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .video-block .owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch;} .content .video-block .block {position: relative; font-size: 17px; line-height: 26px; color: #191919; display: block; text-decoration: none; overflow: hidden; width: 100%;} .content .video-block .block .pic {border:1px solid #F5F5F7; height: 246px; margin: 0 0 20px; position: relative; border-radius: 8px; background-position: center center; background-size: cover;} .content .video-block .block .pic .play {transition: opacity 0.3s ease; width: 50px; height: 50px; border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.9; background: #FF0000 url(img/play.svg) center left 20px no-repeat;} .content .video-block .block:hover .pic .play {opacity: 1;} .content .video-block .block:hover {color: #191919;} .content .video-block .block h3 {transition: all 0.3s ease; font-weight: 500; font-size: 17px; line-height: 26px; color: #191919; margin: 0; padding: 0 10px 0 0;} .content .video-block .block:hover h3 {color: #36A9E1;} .content .video-block .block .go {transition: all 0.3s ease; margin: 10px 0 0 0; display: table; position: absolute; left: 30px; bottom: 30px; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .video-block .block:hover .go {color: #36A9E1;} .content .video-block .block .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .video-block .block:hover .go:after {filter: brightness(200%);} .content .video-block .block .time {display: table; margin: 0 0 10px; color: #919699; font-size: 13px; line-height: 100%; padding: 0 8px 0 36px; line-height: 32px; border-radius: 4px; background: rgba(255,255,255,0.8) url(img/time-ic.svg) center left 8px no-repeat; position: absolute; top: 196px; left: 20px;} .content .video-block .btn {display: table; padding: 0 25px; background: #FF6B00; line-height: 49px; font-weight: 600; text-decoration: none; color: #fff; margin: 0px 0 0 0; font-size: 15px; border-radius: 8px; } .content .video-block .btn:hover {background: #36A9E1; box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.15);} .content .video-block .owl-carousel .owl-dots {display: none;} .video-block .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 110px; left: -20px;} .video-block .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .video-block .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 110px; right: -20px;} .video-block .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .video-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .video-block .owl-carousel .owl-dots {display: none;} .video-block .owl-carousel .owl-nav button.owl-next.disabled, .video-block .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .tab .video-block .go {text-decoration: none; font-weight: 500; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; position: relative; display: table;} .tab .video-block .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .tab .video-block .go:hover:after {transform: translateX(5px);} .tab .video-block .montage-pic {border-radius: 8px; max-width: 100%; margin: 20px 0 0 0; display: table;} .content .news-block {margin: 0 0 80px; position: relative; } .content .news-block .owl-carousel {margin-right: -10px; width: calc(100% + 10px);} .content .news-block .owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .news-block .owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch;} .content .news-block .block {width: 100%; border-radius: 0 0 8px 8px; position: relative; background: #F5F5F7; display: block; text-decoration: none;} .content .news-block .block .pic {border-radius: 8px 8px 0 0; height: 200px; background: center center/cover;} .content .news-block .block .inf {padding: 30px 30px 80px;} .content .news-block .block .inf .date {line-height: 100%; display: block; font-size: 13px; color: #919699; margin: 0 0 15px;} .content .news-block .block .inf h3 {transition: all 0.3s ease; font-size: 17px; line-height: 26px; color: #191919; font-weight: 500; padding: 0; margin: 0;} .content .news-block .block:hover .inf h3 {color: #36A9E1;} .content .news-block .block .inf .go {position: absolute; left: 30px; bottom: 30px; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; display: table;} .content .news-block .block .inf .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr-light.svg) center center no-repeat; margin: 10px 0 0 8px;} .content .news-block .block:hover .go:after {transform: translateX(5px);} .content .news-page .news-block {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 28px;} .content .news-page .news-block .block {margin: 0 0 20px; font-size: 17px; line-height: 26px; color: #191919; width: calc(50% - 8px);} .content .news-page .news-block .block .pic {height: 287px;} .content .news-page .news-block .block .date {font-size: 15px; line-height: 22px; margin: 0 0 12px;} .content .news-page .news-block .block .inf h3 {margin-bottom: 12px;} .news-page .mob-newsfilter {display: none;} .color-label {display: inline-block; padding: 2px 8px; border-radius: 3px;} .content .news-page {display: flex; margin: 0 0 80px;} .content .news-page .left-content {width: calc(100% - 396px);} .content .news-page .rightcol {position: relative; width: 332px; margin: 0 0 0 64px;} .content .news-page .rightcol .close, .content .news-page .rightcol .mob-title {display: none;} .content .news-page .rightcol nav {font-size: 17px; line-height: 26px; color: #8D9091; font-weight: 500; border-radius: 8px; background: #F5F5F7; padding: 24px;} .content .news-page .rightcol nav ul {padding: 0; margin: 0; list-style-type: none;} .content .news-page .rightcol nav ul li:not(:last-child) {padding: 0 0 16px; margin: 0 0 16px; border-bottom: 1px solid rgba(141, 144, 145, 0.2);} .content .news-page .rightcol nav ul li a {color: inherit; text-decoration: none;} .content .news-page .rightcol nav ul li.active a {color: #191919;} .content .news-page .rightcol nav ul li:hover a {color: #191919;} .content .news-page .rightcol .slick-wrap.fix {position: fixed; top: 0;} .content .news-page .rightcol .slick-wrap {width: 332px;} .content .news-page .rightcol .slick-wrap.fix.bottom {position: absolute; top: auto; bottom: 0;} .content .news-page .show-more {margin: 0;} .content .news-detail-page {padding: 0 0 80px; color: #191919; font-size: 17px; line-height: 26px; max-width: 904px; margin: 0 auto;} .content .news-detail-page h1 {font-size: 40px; line-height: 50px; font-weight: 500; color: #191919; margin: 0 0 48px; padding: 0;} .content .news-detail-page .date {font-size: 15px; line-height: 22px; margin: 0 0 32px; color: #8D9091;} .content .news-detail-page p:not(:last-child) {padding: 0 0 32px;} .content .news-detail-page .quote-block {color: #8D9091; width: calc(100% - 19px); margin: 0 0 32px 19px; padding: 0 0 0 20px; position: relative;} .content .news-detail-page .quote-block:before {width: 2px; content: ''; top: 5px; bottom: 0px; display: block; position: absolute; left: 0; background: #36A9E1;} .content .news-detail-page .quote-block p:not(:last-child) {padding: 0 0 16px;} .content .news-detail-page .quote-block .author {color: #191919; font-weight: 500;} .content .news-detail-page h2:not(:first-child) {padding-top: 16px;} .content .news-detail-page .news-gallery {margin: 0 0 48px;} .content .news-detail-page .news-gallery .item {border-radius: 8px; background: center center/cover;} .content .news-detail-page .news-gallery .item:before {padding-top: 66%; content: ''; display: block;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-next.disabled, .content .news-detail-page .news-gallery.owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .news-detail-page .news-gallery.owl-carousel .owl-dots {display: flex; justify-content: center; margin: 20px 0 0 0;} .content .news-detail-page .news-gallery.owl-carousel .owl-dots .owl-dot {width: 8px; height: 8px; background: #D1D1D1; border-radius: 4px; margin: 0 6px;} .content .news-detail-page .news-gallery.owl-carousel .owl-dots .owl-dot.active {width: 30px; background: #36A9E1;} .content .news-detail-page .back-block .back-link {margin: 0;} .content .news-detail-page .back-block {padding: 32px 0 0 0; border-top: 1px solid #EAEAEA;} .content .grey-text-block {font-size: 17px; line-height: 26px; color: #191919; position: relative; padding: 67px 0 80px;} .content .grey-text-block > * {position: relative;} .content .grey-text-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #F5F5F7;} .content .grey-text-block .txt {max-width: 1200px;} .content .grey-text-block h1 {font-weight: 500; font-size: 40px; line-height: 40px; color: #191919; margin: 0px 0 40px 0; padding: 0;} .content .grey-text-block h2 {font-weight: 500; font-size: 30px; line-height: 40px; color: #191919; margin: 0px 0 20px 0; padding: 20px 0 0 0;} .content .grey-text-block p:not(:last-child) {padding: 0 0 20px;} .content .grey-text-block ul {padding: 0 0 20px; margin: 0; list-style-type: none;} .content .grey-text-block ul li {position: relative; padding-left: 28px;} .content .grey-text-block ul li + li {margin-top: 8px;} .content .grey-text-block ul li:before {content: ''; display: block; position: absolute; border-radius: 50%; left: 9px; width: 6px; height: 6px; background: #36A9E1; top: 10px;} .content .back-link {margin: -23px 0 34px; display: flex; align-items: center; text-decoration: none; font-size: 17px; line-height: 26px; color: #006BCF;} .content .back-link:hover {color: #36A9E1;} .content .back-link:before {width: 24px; height: 24px; content: ''; margin: 0 4px 0 0; background: url(img/back-ic.svg) center center no-repeat;} .content .breadcrumbs {display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 0 24px; list-style-type: none; font-size: 13px; line-height: 18px; color: #919699;} .content > .breadcrumbs {margin-top: 24px;} .content .breadcrumbs li {margin: 0 24px 0 0; position: relative;} .content .breadcrumbs li:after {content: ''; display: inline-block; width: 10px; height: 10px; left: calc(100% + 7px); background: url(img/bc-arr.svg) center center no-repeat; position: absolute; top: 50%; margin-top: -5px;} .content .breadcrumbs li:last-child:after {display: none;} .content .breadcrumbs li:last-child {margin-right: 0;} .content .breadcrumbs li a {color: inherit; text-decoration: none;} .content .breadcrumbs img {display: block;} .content > h1 {font-weight: 500; font-size: 40px; line-height: 52px; color: #191919; margin: 0 0 48px; padding: 0; letter-spacing: -1px;} .content > h1.small {font-size: 32px; line-height: 41px;} .content > h1 + .materials-page {margin-top: -16px;} .inner .content {} .content .product-page .info-and-gallery {display: flex; align-items: stretch; } .content .product-page h1 { font-weight: 500; font-size: 32px; line-height: 110%; color: #191919; margin: 0 0 24px; padding: 0;} .content .product-page.constr .info-and-gallery .info {width: calc(100% - 570px); display: flex; align-items: flex-start;} .content .product-page .info-and-gallery .info .txt {width: calc(100% - 302px); padding: 0 40px 0 0;} .content .product-page .info-and-gallery .info .right-col {width: 302px;} .content .product-page .info-and-gallery .info .right-col .btn {line-height: 58px; background: #006BCF; border-radius: 8px; font-size: 17px; font-weight: 500; color: #fff; padding: 0; margin: 0; width: 100%; text-align: center;} .content .product-page .info-and-gallery .info .right-col .btn:hover {background:#36A9E1;} .content .product-page .info-and-gallery .info .patent {background: #F5F5F7 url(img/patent-ic.svg) center left 20px no-repeat; border-radius: 40px; padding: 9px 20px 9px 52px; margin: 0 0 24px; display: table; font-size: 15px; line-height: 22px;} .content .product-page .info-and-gallery .info p + p {padding-top: 12px;} .content .product-page .info-and-gallery .info .btn {display: table; line-height: 48px; padding: 0 25px; text-decoration: none; margin: 45px 0 0 0; background: #EDEFF0; color: #191919; font-weight: 600; font-size: 15px; border-radius: 15px;} .content .product-page .info-and-gallery .info .btn.price {line-height: 52px; border: 1px solid #DDE1E7; background: none;} .content .product-page .info-and-gallery .info .downloads {margin: 10px 0 0 0; border-radius: 8px; background: #F5F5F7; padding: 24px;} .content .product-page .info-and-gallery .info .downloads a {font-size: 15px; text-decoration: none; display: table; margin: 0 0 10px; line-height: 22px; color: #006BCF; padding: 0 0 0 33px; position: relative;} .content .product-page .info-and-gallery .info .downloads a:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: -2px; left: 0; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat;} .content .product-page .info-and-gallery .info .downloads a:hover {color:#36A9E1;} .content .product-page .info-and-gallery .info .downloads a small {display: block; color: #8D9091;} .content .product-page .info-and-gallery .info .downloads a:last-child {margin-bottom: 0;} .content .product-page .info-and-gallery .info .constr-chars-block {display: flex; flex-wrap: wrap; margin: 0 0 24px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09); padding: 20px 24px; border-radius: 8px;} .content .product-page .info-and-gallery .info .constr-chars-block p + p {padding: 0 0 0 15px;} .content .product-page .info-and-gallery .info .constr-chars-block b {font-weight: 500;} .content .product-page .info-and-gallery .info .constr-chars-block a {color: #006BCF;} .content .product-page .info-and-gallery .info .constr-chars-block .price {width: 100%; margin: 8px 0 0 0; font-size: 32px; font-weight: 500;} .content .product-page .info-and-gallery .info .constr-chars-block .price small {font-weight: normal; font-size: 15px;} .content .product-page .info-and-gallery .info .constr-chars-block .ttip {color: #006BCF; display: inline-block; position: relative;} .content .product-page .info-and-gallery .info .constr-chars-block .ttip .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 12px; line-height: 125%; padding: 10px; width: 220px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .product-page .info-and-gallery .info .constr-chars-block .ttip .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .product-page .info-and-gallery .info .constr-chars-block .ttip:hover .tooltip {left: 50%; opacity: 1;} .content .product-page .info-and-gallery .info .advantages .title {font-weight: 500; font-size: 17px; line-height: 26px; margin: 0 0 16px;} .content .product-page.constr .info-and-gallery .gallery .item {height: 530px; border-radius: 8px;} .content .product-page .info-and-gallery .gallery {width: 530px; margin: 0 40px 0 0;} .content .product-page .info-and-gallery .gallery .item {width:100%; background-size: cover; background-position: center center; border-radius: 8px; background-repeat: no-repeat;} .content .product-page .info-and-gallery .gallery .item:before {content: ''; display: block; padding-top: 100%;} .content .product-page .info-and-gallery .gallery .owl-carousel {display: flex; align-items: stretch; width: calc(100% + 3px);} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-dots {display: none;} .content .product-page .info-and-gallery .gallery .owl-carousel button.owl-next.disabled, .content .product-page .info-and-gallery .gallery .owl-carousel button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-dots {display: flex; position: absolute; width: 100%; left: 0; justify-content: center; bottom: -24px;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-dots .owl-dot {width: 8px; height: 8px; border-radius: 4px; background: #D1D1D1; margin: 0 6px;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-dots.disabled {display: none;} .content .product-page.constr .info-and-gallery {padding-bottom: 72px; border-bottom: 1px solid #EAEAEA; margin-bottom: 48px;} .content .product-page.constr .info-and-gallery .info .downloads a {line-height: 24px;} .content .product-page.constr .info-and-gallery .info .downloads a:before {top: 2px;} .content .product-page .info-and-gallery .info .dark-blue-chars {background: #006BCF; display: table; padding: 30px; margin: 0 0 40px; font-size: 15px; line-height: 24px; color: #FFFFFF; border-radius: 15px;} .content .product-page .info-and-gallery .info .dark-blue-chars b {font-weight: 600;} .content .product-page .info-and-gallery .info .dark-blue-chars p + p {padding-top: 0; margin-top: 10px;} .content .product-page .info-and-gallery .info .dark-blue-chars a {text-decoration: none; color: inherit; border-bottom: 1px dotted #fff;} .content .product-page .info-and-gallery .info .dark-blue-chars a:hover {border-color: transparent;} .content .product-page .info-and-gallery .info .btn.long {margin: 0 0 40px; background: #FF6B00; color: #fff;} .content .product-page .info-and-gallery .info .btn.long:hover {background:#36A9E1;} .content .product-page .info-and-gallery .info h2 {font-weight: 600; font-size: 15px; line-height: 24px; color: #191919; font-family: inherit; margin: 0 0 10px;} .content .product-page .info-and-gallery .info ul:not(.breadcrumbs) {padding: 0; margin: 0 0 30px; list-style-type: none;} .content .product-page .info-and-gallery .info ul:not(.breadcrumbs) li {position: relative; padding-left: 32px;} .content .product-page .info-and-gallery .info ul:not(.breadcrumbs) li + li {margin-top: 8px;} .content .product-page .info-and-gallery .info ul:not(.breadcrumbs) li:before {content: ''; display: block; position: absolute; width: 24px; top: 1px; left: 0px; height: 24px; background: url(img/check-ul-bullet.svg) center center no-repeat;} .content .product-page .product-tabs-content .constr-descr h2 {font-size: 24px; margin: 0 0 20px; line-height: 32px; } .content .product-page .product-tabs-content .constr-descr {margin: 0 0 64px;} .content .product-page .product-tabs-content .tab > p:first-child {margin-top: 40px;} .content .product-page .product-tabs-content .tab b, .content .product-page .product-tabs-content .tab strong {font-weight: 500;} .content .product-page .product-tabs-content .other-constr-block {padding: 20px 0 0 0; display: flex; flex-wrap: wrap; position: relative; padding: 67px 0 80px; } .content .product-page .product-tabs-content .other-constr-block:before {background: #F5F5F7; content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 5000px; transform: translateX(-50%);} .content .product-page .product-tabs-content .other-constr-block > * {position: relative;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel, .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-stage-outer {overflow: visible;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-item {display: flex; align-items: stretch;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-next.disabled, .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page .product-tabs-content .other-constr-block .owl-carousel .owl-dots {display: none;} .content .product-page .product-tabs-content .other-constr-block .block {color: inherit; background: #fff; display: block; text-decoration: none; padding: 12px 24px 132px; position: relative; border-radius: 8px;} .content .product-page .product-tabs-content .other-constr-block .block .pic {display: block; border-radius: 4px; width: calc(100% + 24px); margin: 0 -12px 24px; background-position: center center; background-size: cover;} .content .product-page .product-tabs-content .other-constr-block .block .pic:before {content: ''; display: block; padding-top: 87%;} .content .product-page .product-tabs-content .other-constr-block .block .price {position: absolute; bottom: 86px; left: 24px; display: flex; color: #191919; font-size: 22px; line-height: 26px; font-weight: bold;} .content .product-page .product-tabs-content .other-constr-block .block .price small {font-weight: normal; font-size: 15px;} .content .product-page .product-tabs-content .other-constr-block .block .price div + div {margin-left: 8px;} .content .product-page .product-tabs-content .other-constr-block .block .price .grey {color: #8D9091;} .content .product-page .product-tabs-content .other-constr-block .block .btns {position: absolute; bottom: 24px; left: 24px; width: calc(100% - 48px); display: flex; justify-content: space-between;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn {transition: all 0.3s ease; display: table; line-height: 38px; height: 42px; border: 1px solid #EAEAEA; color: #191919; font-size: 17px; font-weight: 500; width: calc(50% - 4px); text-align: center; text-decoration: none; border-radius: 8px;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn:hover {color: #36A9E1;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy {position: relative; margin-top: 0; border: 0; height: 42px; line-height: 40px; color: #fff; background: #006BCF;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy:hover {background: #36A9E1; color: #fff;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy span {padding-right: 22px; position: relative;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: 0; top: 50%; margin-top: -10px;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .product-page .product-tabs-content .other-constr-block .block .btns .btn.buy:hover .tooltip {left: 50%; opacity: 1;} .content .product-page .product-tabs-content .tab > p > .go {text-decoration: none; font-weight: 500; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; position: relative; display: table;} .content .product-page .product-tabs-content .tab > p > .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .content .product-page .product-tabs-content .tab > p > .go:hover:after {transform: translateX(5px);} .content .product-page .product-tabs {position: relative; } .content .product-page.constr .product-tabs {margin: -16px 0 60px 0;} .content .product-page .product-tabs:before {background: #F7F8F9; content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 5000px; transform: translateX(-50%);} .content .product-page .product-tabs > * {position: relative;} .content .product-page .product-tabs ul {justify-content: center; display: flex; padding: 0; margin: 0; list-style-type: none;} .content .product-page .product-tabs ul li {margin: 0 25px;} .content .product-page .product-tabs ul li a {position: relative; display: table; line-height: 62px; font-weight: 500; text-decoration: none; font-size: 17px; color: #8D9091;} .content .product-page .product-tabs ul li a:after {opacity: 0; bottom: 12px; transition: opacity 0.3s ease; background: #36A9E1; content: ''; display: block; position: absolute; left: 0; width:100%; height: 2px;} .content .product-page .product-tabs ul li a:hover {color: #191919;} .content .product-page .product-tabs ul li.active a {color: #191919;} .content .product-page .product-tabs ul li.active a:after {opacity: 1;} .content .product-page .product-tabs ul li small {font-weight: normal; font-size: inherit;} .content .product-page .product-tabs-content {position: relative;} .content .product-page .product-tabs-content h2 { font-weight: 500; font-size: 24px; line-height: 32px; color: #191919; margin: 0 0 32px; padding: 0;} .content .product-page:not(.constr) .product-tabs-content h2 {font-size: 32px; line-height: 130%; margin: 0 0 20px; letter-spacing: -1px;} .content .product-page:not(.constr) .product-tabs-content .tab>h2:first-child {margin-top: 40px;} .content .product-page .product-tabs-content .tab {display: none; } .content .product-page .product-tabs-content .tab .promo-page {font-weight: normal;} .content .product-page .product-tabs-content .tab hr {margin: 0 0 30px; height: 1px; border: 0; width: 100%; display: block; background: #eee;} .content .product-page .product-tabs-content .tab p + hr {margin-top: 30px;} .content .product-page .product-tabs-content .tab.active {display: block;} .content .product-page .product-tabs-content .info p + p {padding-top: 15px;} .content .product-page:not(.constr) .product-tabs-content h2 a.pop-link {border-bottom: 1px dashed #006BCF;} .content .product-page:not(.constr) .product-tabs-content h2 a.pop-link:hover {border-color: transparent;} .content .product-page .product-tabs-content .prod-review-block + .txt-pic.owl-carousel {margin-top: -20px;} .content .product-page .product-tabs-content .txt-pic.nobg .block {border-radius: 0; background: none; padding: 0; margin: 0;} .content .product-page .product-tabs-content .txt-pic.nobg {margin: 20px 0 0 0;} .content .product-page .product-tabs-content .txt-pic .block {width: 100%;} .content .product-page .product-tabs-content .txt-pic .block .txt:first-child:last-child {width: 100%; padding: 0;} .content .product-page .product-tabs-content .txt-pic .block.white-bg {background: #fff;} .content .product-page .product-tabs-content .txt-pic .block .pic.video {margin-bottom: 0; height: auto;} .content .product-page .product-tabs-content .txt-pic .block .pic.contain {background: #fff center center/contain no-repeat;} .content .product-page .product-tabs-content .txt-pic .block .pic.video iframe {border: 0; border-radius: 8px; width: 100%; max-height: 50vw;} .content .product-page .product-tabs-content .txt-pic .block .pic.shadow {box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);} .content .product-page .product-tabs-content h3 + .txt-pic {margin-top: 0;} .content .product-page .product-tabs-content h2 + .txt-pic {margin-top: 10px;} .content .product-page .product-tabs-content .txt-pic {margin: 80px 0 70px 0;} .content .product-page .product-tabs-content .txt-pic .block {display: flex; padding: 30px; background: #F7F8F9; border-radius: 15px; align-items: center;} .content .product-page .product-tabs-content .txt-pic .block:nth-child(even) {background: none;} .content .product-page .product-tabs-content .txt-pic .block:nth-child(even) .txt {order: 1; margin: 0 65px 0 0; padding: 0 0 0 30px;} .content .product-page .product-tabs-content .txt-pic .block:nth-child(even) .pic {order: 2;} .content .product-page .product-tabs-content .txt-pic .block + .block {margin-top: 40px;} .content .product-page .product-tabs-content .txt-pic .block .pic {display: block; margin: 0; height: 368px; overflow: hidden; border-radius: 8px; width: 552px; background-size: cover; background-position: center center;} .content .product-page .product-tabs-content .txt-pic .block .pic.smallheight {height: 268px;} .content .product-page .product-tabs-content .txt-pic .block .pic:first-child:last-child {height: auto; width: 100%;} .content .product-page .product-tabs-content .txt-pic .block .pic:first-child:last-child img {display: block; width: 100%;} .content .product-page .product-tabs-content .txt-pic .block .pic:first-child:last-child iframe {width: 100%; height: 400px; min-height: 40vw;} .content .product-page .product-tabs-content .txt-pic .block .txt {width: calc(100% - 552px); padding: 0 0 0 48px;} .content .product-page .product-tabs-content .txt-pic .block .txt h3 { font-weight: 500; font-size: 24px; line-height: 32px; margin: 0 0 20px; padding: 0;} .content .product-page .product-tabs-content .txt-pic .block img.small-pic {display: block; width: 120px; margin: 0 0 20px; border-radius: 8px; max-width: 100%;} .content .product-page .product-tabs-content .txt-pic .block .chars-block .block {padding: 0; margin: 0;} .content .product-page .product-tabs-content .txt-pic .block:not(.white-bg) .chars-block .block .opt span {background: #F7F8F9;} .content .product-page .product-tabs-content .tab .txt-pic:first-child {margin-top: 0;} .content .product-page .product-tabs-content .txt-pic.owl-carousel {margin: 0 0 80px; position: relative; padding: 80px 0; width: calc(100% - 114px); overflow: visible;} .content .product-page .product-tabs-content .txt-pic.owl-carousel:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-stage-outer {overflow: visible;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .block {background: #fff; border-radius: 8px; padding: 32px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-dots {display: none;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next.disabled, .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch; flex-wrap: wrap;} .content .work-steps {display: flex; justify-content: space-between; padding: 0 0 40px;} .content .work-steps .block {width: 220px; text-align: center; position: relative;} .content .work-steps .block .ic {margin: 0 auto 20px; background: #fff; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);} .content .work-steps .block .ic img {display: block; max-width: 90px; max-height: 90px;} .content .work-steps .arr {margin-top: 50px; opacity: 0.5; width: 60px; height: 30px; background: url(/data/img/arrow-black-right.svg) center center/contain no-repeat;} .content ul + .bg-btn-block {margin-top: 40px;} .content .bg-btn-block.with-pic {min-height: 158px;} .content .bg-btn-block.with-pic .txt {max-width: 668px; width: calc(100% - 300px);} .content .bg-btn-block .go {margin: 12px 0 0 0; line-height: 180%; max-width: calc(100% - 100px); font-size: 15px; color: #fff; position: relative; display: table;} .content .bg-btn-block .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/white-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .content .bg-btn-block .go:hover:after {transform: translateX(5px);} .content .bg-btn-block.with-pic .pic {width: 266px; height: 158px; position: absolute; bottom: 0; right: 220px;} .content .bg-btn-block.with-pic .pic img {display: block; max-width: 100%; max-height: 100%; position: absolute; bottom: 0; left: 0;} .content .bg-btn-block {border-radius: 8px; justify-content: space-between; margin: 25px 0 80px; display: flex; align-items: center; padding: 32px 114px; background: url(img/bg-btn-block.webp) center center/cover no-repeat; position: relative;} .content .bg-btn-block.small-padding {padding-top: 30px; padding-bottom: 30px;} .content .bg-btn-block.small-padding .txt {font-size: 24px;} .content .bg-btn-block .btn {white-space: nowrap; display: block; line-height: 42px; background: #FFFFFF; font-weight: 500; text-decoration: none; font-size: 17px; color: #006BCF; padding: 0 20px; border-radius: 8px; text-align: center;} .content .product-page:not(.constr) .bg-btn-block .btn {padding: 0 32px; line-height: 56px;} .content .bg-btn-block .btn:hover {background: #FFFFFF; color: #36A9E1;} .content .bg-btn-block .txt {width: calc(100% - 210px); padding: 0 40px 0 0; font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF;} .content .bg-btn-block.light {background-color: #fff; background-image: url(img/bg-btn-block-l.jpg);} .content .bg-btn-block.light .btn {background: #FF6B00; color: #fff;} .content .bg-btn-block.light .btn:hover {background: #36A9E1;} .content .bg-btn-block.light .txt {color: #191919;} .content .product-page .center-pic {margin: 70px 0 70px; text-align: center;} .content .product-page .center-pic img {width:100%; max-width: 1024px;} .content .product-page .video-block {position: relative;} .content .product-page p + .video-block {margin-top: 40px;} .content .product-page .video-block .txt-pic {margin: 0;} .content .product-page:not(.constr) .video-block h2 {margin: 0 0 32px;} .content .product-page .table-block {margin: 0 0 70px; padding: 20px 0 0 0; width:100%;} .content .product-page h3 + .table-block {padding-top: 0;} .content .product-page .table-block:last-child {margin-bottom: 0;} .content .product-page .table-block td:first-child {min-width: 120px;} .content .product-page .price-tab-cols .table-block {margin-bottom: 0;} .content .product-page .constr-video-block {padding: 0 0 80px;} .content .product-page .constr-video-block .block {display: block; color: inherit; text-decoration: none;} .content .product-page .constr-video-block .block .pic {background: center center/cover; margin: 0 0 32px; height: 740px; border-radius: 8px;} .content .product-page .constr-video-block .block .title {margin: 0 0 20px; font-weight: 500; font-size: 20px; line-height: 30px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 350px; left: -20px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 350px; right: -20px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .constr-video-block .owl-carousel .owl-dots {display: none;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next.disabled, .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page .tab>h3:first-child {padding-top: 40px;} .content .product-page h3 { font-weight: 500; font-size: 20px; line-height: 30px; margin: 0 0 24px; padding: 0;} .content .product-page h2 + h3 {padding-top: 10px;} .content .product-page p + h3 {padding-top: 30px;} .content .product-page .support-tab {padding: 67px 0 0 0;} .content .product-page .same-products {margin: 64px 0 0 0; padding: 67px 0 80px; position: relative;} .content .product-page .same-products:before {content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; background: #F5F5F7; width: 5000px; transform: translateX(-50%);} .content .product-page .same-products > * {position: relative;} .content .product-page .same-products h2 {margin: 0 0 40px!important;} .content .product-page .tab > .grey-bg:first-child {margin-top: 0;} .content .product-page .grey-bg {margin: 70px 0; padding: 70px 0; position: relative;} .content .product-page .grey-bg > * {position: relative;} .content .product-page .grey-bg:before {background: #F7F8F9; content: ''; display: block; position: absolute; width: 5000px; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);} .content .product-page .grey-bg.constructions .owl-carousel {margin: 40px 0 0 0;} .content .product-page .grey-bg.constructions .owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .product-page .grey-bg.constructions .owl-carousel .owl-item {display: flex; align-items: stretch;} .content .product-page .grey-bg.constructions .block {color: inherit; text-decoration: none; display: flex; align-items: flex-start; background: #FFFFFF; padding: 32px; border-radius: 8px;} .content .product-page .grey-bg.constructions .block .pic {border-radius: 15px; width: 180px; height: 162px; margin: 0 30px 0 0; background-size: cover; background-position: center center;} .content .product-page .grey-bg.constructions .block .inf {width: calc(100% - 180px); font-size: 15px; padding: 0 0 0 32px; line-height: 22px;} .content .product-page .grey-bg.constructions .block .inf h3 {font-weight: 500; font-size: 17px; line-height: 26px; margin: 0 0 12px; padding: 0;} .content .product-page .grey-bg.constructions .block .inf .descr {margin: 0 0 15px; padding: 0; list-style-type: none;} .content .product-page .grey-bg.constructions .block .inf .descr li {position: relative; padding-left: 28px;} .content .product-page .grey-bg.constructions .block .inf .descr li:before {content: ''; display: block; position: absolute; border-radius: 50%; left: 9px; width: 6px; height: 6px; background: #36A9E1; top: 8px;} .content .product-page .grey-bg.constructions .block .inf .price {font-weight: bold; font-size: 24px; line-height: 30px;} .content .product-page .grey-bg.constructions .block .inf .price small {font-weight: normal; font-size: 22px; line-height: 26px;} .content .product-page .grey-bg.constructions .owl-carousel, .content .product-page .grey-bg.constructions .owl-carousel .owl-stage-outer {overflow: visible;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .grey-bg.constructions .owl-carousel .owl-dots {display: none;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next.disabled, .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page p b {font-weight: 500;} .content .product-page a {color: #006BCF; text-decoration: none;} .content .product-page a:hover {color: #36A9E1;} .content .product-page p + p {padding-top: 15px;} .content .product-page .projects {padding: 0 0 80px;} .content .product-page .projects .into {margin: 40px 0;} .content .product-page .projects .into .owl-stage {display: flex; flex-wrap: wrap;} .content .product-page .projects .into .owl-item {display: flex; align-items: stretch;} .content .product-page .projects .into .block {color: inherit; background: #F7F8F9; font-size: 15px; line-height: 22px; border-radius: 8px; overflow: hidden; display: block; text-decoration: none; width: 100%;} .content .product-page .projects .into .block .pic {background-position: center center; background-size: cover;} .content .product-page .projects .into .block .pic:before {content: ''; display: block; padding-top: 60%;} .content .product-page .projects .into .block .city {background: url(img/city-obj-ic.svg) center left no-repeat; padding-left: 19px; font-weight: normal; display: block; margin: 0 0 12px;} .content .product-page .projects .into .block .inf {padding: 24px 32px 32px;} .content .product-page .projects .into .block .inf .title {font-size: 17px; line-height: 26px; font-weight: 500;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .product-page .projects .into.owl-carousel .owl-dots {display: none;} .content .product-page .projects .into.owl-carousel .owl-nav button.owl-next.disabled, .content .product-page .projects .into.owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .product-page .projects .btn.show-all {display: table; border-radius: 8px; text-decoration: none; color: #fff; line-height: 56px; padding: 0 32px; background: #006BCF; font-size: 17px; font-weight: 500;} .content .product-page .projects .btn.show-all:hover {background: #36A9E1;} .content .product-page .estimate-tables .block.estimate_table > h2:after {transform: scale(1,-1); cursor: pointer; content: ''; display: block; width: 32px; height: 32px; right: 0px; position: absolute; top: 2px; margin: 0px 0 0 0; background: #fff url(img/read-arr.svg) center center/12px auto no-repeat; transition: all 0.3s ease; border-radius: 6px;} .content .product-page .estimate-tables .block.estimate_table.compact > h2:after {transform: none;} .content .product-page .estimate-tables .block.estimate_table > h2 {padding-right: 48px; position: relative; display: table;} .content .product-page .estimate-tables {position: relative; padding-top: 48px; padding-bottom: 48px; margin: 40px 0 67px 0;} .content .product-page .estimate-tables > * {position: relative;} .content .product-page .estimate-tables:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content .product-page .estimate-tables .grey-top {border-bottom: 1px solid #EAEAEA; display: flex; align-items: center; padding: 0 0 24px; margin: 0 0 32px;} .content .product-page .estimate-tables .grey-top b {font-size: 24px; line-height: 32px;font-weight: 500; margin: 0 16px 0 0;} .content .product-page .estimate-tables .grey-top input {box-sizing: border-box; width: 58px; text-align: center; margin: 0 8px 0 0;line-height: 54px; font-size: 17px; color: #191919; padding: 0 5px; font-family: inherit; border: 1px solid #EAEAEA; height: 56px; border-radius: 8px;} .content .product-page .estimate-tables .grey-top input::-moz-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .grey-top input::-webkit-input-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .grey-top input:focus::-moz-placeholder {opacity: 0;} .content .product-page .estimate-tables .grey-top input:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .estimate-tables .grey-top small {font-size: 17px; line-height: 26px; margin: 0 0 0 24px;} .content .product-page .estimate-tables .block {margin: 0 0 32px; position: relative; position: relative;} .content .product-page .estimate-tables .block h2 {display: flex; align-items: center;} .content .product-page .estimate-tables .block h2 label {cursor: pointer; width: 24px; margin: 0 12px 0 0; position: relative;} .content .product-page .estimate-tables .block h2 label input {position: absolute; left: -48999px;} .content .product-page .estimate-tables .block h2 label input:checked + .i {background: #36A9E1 url(img/check.svg) center center no-repeat; border-color: #36A9E1;} .content .product-page .estimate-tables .block h2 label .i {display: block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #EAEAEA; background: #fff;} .content .product-page .estimate-tables .block h2 span {width: calc(100% - 36px);} .content .product-page .estimate-tables .block:last-child:after {display: none;} .content .product-page .estimate-tables .block .list {background: #fff; border-radius: 8px; padding: 32px;} .content .product-page .estimate-tables .block .list-head {font-weight: 500; margin: 0 0 16px; display: flex; align-items: center;} .content .product-page .estimate-tables .block .list-head div {width: 100px; margin: 0 32px 0 0;} .content .product-page .estimate-tables .block .list-head div:last-child {width: 70px; margin-right: 0;} .content .product-page .estimate-tables .block .list-head div:first-child {width: calc(100% - 598px); margin-right: 0;} .content .product-page .estimate-tables .block .four-cols .list-head {justify-content: space-between;} .content .product-page .estimate-tables .block .four-cols .list-head > div:last-child {width: 100px; text-align: right;} .content .product-page .estimate-tables .block .four-cols .item {justify-content: space-between;} .content .product-page .estimate-tables .block .four-cols .item .col:last-child {width: 100px; text-align: right;} .content .product-page .estimate-tables .block .four-cols .item .inf {width: calc(100% - 807px);} .content .product-page .estimate-tables .block .item {padding: 20px 0; border-top: 1px solid #DDE1E7; display: flex; align-items: center;} .content .product-page .estimate-tables .block .list-head + .item {border-top-width: 2px;} .content .product-page .estimate-tables .block .item .pic {height: 64px; display: block; width: 93px; background: center center/contain no-repeat; margin: 0 16px 0 0;} .content .product-page .estimate-tables .block .item .inf {width: calc(100% - 707px);} .content .product-page .estimate-tables .block .item .col {width: 100px; margin-right: 32px;} .content .product-page .estimate-tables .block .item .col:last-child {width: 70px; margin-right: 0;} .content .product-page .estimate-tables .block .item .title {margin: 0 0 4px; font-size: 17px; line-height: 26px; color: #006BCF; text-decoration: none; display: table; } .content .product-page .estimate-tables .block .item .new {display: table; margin: 0 0 8px; padding: 0 4px; line-height: 20px; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 500; background: #36A9E1; border-radius: 4px; } .content .product-page .estimate-tables .block .item .col .count-inp {font-size: 16px; line-height: 21px; color: #8D9091; display: flex; align-items: center;} .content .product-page .estimate-tables .block .item .col .count-inp input {box-sizing: border-box; width: 58px; text-align: center; margin: 0 8px 0 0;line-height: 54px; font-size: 17px; color: #191919; padding: 0 5px; font-family: inherit; border: 1px solid #EAEAEA; height: 56px; border-radius: 8px;} .content .product-page .estimate-tables .block .item .col .count-inp.long input {width: 80px;} .content .product-page .estimate-tables .block .item .col .count-inp input::-moz-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .block .item .col .count-inp input::-webkit-input-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .block .item .col .count-inp input:focus::-moz-placeholder {opacity: 0;} .content .product-page .estimate-tables .block .item .col .count-inp input:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .estimate-tables .block .item .col b {font-weight: 500;} .content .product-page .estimate-tables .block .item .col label {cursor: pointer; width: 24px; display: table; margin: 0 0 0 auto; position: relative;} .content .product-page .estimate-tables .block .item .col label input {position: absolute; left: -99999px;} .content .product-page .estimate-tables .block .item .col label input:checked + .i {background: #36A9E1 url(img/check.svg) center center no-repeat; border-color: #36A9E1;} .content .product-page .estimate-tables .block .item .col label .i {display: block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #EAEAEA; background: #fff;} .content .product-page .estimate-tables .summary-bottom-txt {max-width: 658px; margin: 12px 0 0 auto; color: #8D9091; font-weight: 500;} .content .product-page .estimate-tables .summary-bottom-txt b {white-space: nowrap; color: #191919; font-weight: 500;} .content .product-page .estimate-tables .app-block {font-weight: 500; margin: 0 0 40px; border-radius: 8px; padding: 24px 32px; background: #fff; display: flex; align-items: center;} .content .product-page .estimate-tables .app-block .go {margin: 0 0 0 16px; line-height: 180%; max-width: calc(100% - 100px); font-size: 17px; color: #006BCF; position: relative; display: table;} .content .product-page .estimate-tables .app-block .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 9px 0 0 10px;} .content .product-page .estimate-tables .app-block:hover .go:after {transform: translateX(5px);} .content .product-page .estimate-tables .summary-block {border-radius: 8px; padding: 24px 32px; background: #fff; display: flex; align-items: center; margin: 0 0 40px;} .content .product-page .estimate-tables .summary-block .count-inp {font-size: 16px; line-height: 21px; display: flex; align-items: center; margin: 0 24px 0 16px;} .content .product-page .estimate-tables .summary-block .count-inp input {box-sizing: border-box; width: 58px; text-align: center; margin: 0 8px 0 0;line-height: 54px; font-size: 17px; color: #191919; padding: 0 5px; font-family: inherit; border: 1px solid #EAEAEA; height: 56px; border-radius: 8px;} .content .product-page .estimate-tables .summary-block .count-inp.long input {width: 80px;} .content .product-page .estimate-tables .summary-block .count-inp input::-moz-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .summary-block .count-inp input::-webkit-input-placeholder {opacity: 0.5; color: #191919;} .content .product-page .estimate-tables .summary-block .count-inp input:focus::-moz-placeholder {opacity: 0;} .content .product-page .estimate-tables .summary-block .count-inp input:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .estimate-tables .summary-block .price {font-size: 20px; line-height: 30px; font-weight: 500; white-space: nowrap;} /*.content .product-page .estimate-tables .grey-bottom.hidden.fix {margin-bottom: -100px;} .content .product-page .estimate-tables .grey-bottom.fix {margin-bottom: 0; transition: margin 0.3s ease; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03), 0px -8px 16px rgba(0, 0, 0, 0.05); position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100;} .content .product-page .estimate-tables .grey-bottom.fix .in {max-width: 1385px; margin: 0 auto; padding: 0 40px;} */ .content .product-page .estimate-tables .grey-bottom .in {display: flex; align-items: center;} .content .product-page .estimate-tables .grey-bottom a {font-weight: 500; padding: 0 32px; font-size: 17px; display: table; text-decoration: none; color: #191919; background: #fff; line-height: 54px; border: 1px solid #EAEAEA; margin: 0 16px 0 0; border-radius: 8px;} .content .product-page .estimate-tables .grey-bottom a.shop {padding-right: 54px; color: #fff; background: #006BCF;} .content .product-page .estimate-tables .grey-bottom a.shop span {position: relative;} .content .product-page .estimate-tables .grey-bottom a.shop span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: -22px; top: 50%; margin-top: -10px;} .content .product-page .estimate-tables .grey-bottom a:hover {color: #fff; background: #36A9E1;} .content .product-page .estimate-tables .grey-bottom a.pdf {padding-right: 54px;} .content .product-page .estimate-tables .grey-bottom a.pdf span {position: relative;} .content .product-page .estimate-tables .grey-bottom a.pdf span:after {transition: all 0.3s ease; content: ''; display: block; position: absolute; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat; right: -32px; top: 50%; margin-top: -10px;} .content .product-page .estimate-tables .grey-bottom a.pdf:hover span:after {filter: grayscale(100%) brightness(900%);} .content .product-page .partners-spoiler {padding: 0 0 80px;} .content .product-page .partners-spoiler .title {transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; font-size: 32px; font-weight: 500; line-height: 130%;} .content .product-page .partners-spoiler .title:hover .plus {filter: none;} .content .product-page .partners-spoiler .title:hover {color: #006BCF;} .content .product-page .partners-spoiler .title .plus {position: relative; border-radius: 6px; width: 24px; height: 24px; margin: 8px 0 0 8px; background: #F5F5F7; transition: all 0.3s ease;} .content .product-page .partners-spoiler .title .plus:after {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; content: ''; display: block; background: url(img/blue-lang-arr.svg) center center no-repeat; filter: grayscale(100%) brightness(10%); background-size: 10px auto;} .content .product-page .partners-spoiler.open .title .plus {transform: scale(1,-1);} .content .product-page .partners-spoiler .hidden-block {margin: 32px 0 0 0; display: none;} .content .product-page .partners-spoiler .hidden-block .form {max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between;} .content .product-page .partners-spoiler .hidden-block .form input.text {border: 1px solid #EAEAEA; border-radius: 8px; height: 56px; line-height: 54px; padding: 0 20px; font-family: inherit; font-size: 17px; color: #191919; width: calc(100% / 3 - 8px);} .content .product-page .partners-spoiler .hidden-block .form input.text::-moz-placeholder {opacity: 0.5; color: #191919;} .content .product-page .partners-spoiler .hidden-block .form input.text::-webkit-input-placeholder {opacity: 0.5; color: #191919;} .content .product-page .partners-spoiler .hidden-block .form input.text:focus::-moz-placeholder {opacity: 0;} .content .product-page .partners-spoiler .hidden-block .form input.text:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .partners-spoiler .hidden-block .form .btns {display: flex; margin: 32px 0 0 0;} .content .product-page .partners-spoiler .hidden-block .form .btns a {font-weight: 500; padding: 0 32px; font-size: 17px; display: table; text-decoration: none; color: #191919; background: #fff; line-height: 54px; border: 1px solid #EAEAEA; margin: 0 16px 0 0; border-radius: 8px;} .content .product-page .partners-spoiler .hidden-block .form .btns a {padding-right: 54px; color: #fff; background: #006BCF;} .content .product-page .partners-spoiler .hidden-block .form .btns a span {position: relative;} .content .product-page .partners-spoiler .hidden-block .form .btns a span:after {content: ''; display: block; position: absolute; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat; right: -32px; top: 50%; margin-top: -10px; filter: grayscale(100%) brightness(900%);} .content .product-page .partners-spoiler .hidden-block .form .btns a:hover {color: #fff; background: #36A9E1;} .content .product-page .estimate-tables .grey-bottom a.pdf {padding-right: 54px;} .content .product-page .estimate-tables .grey-bottom a.pdf span {position: relative;} .content .product-page .estimate-tables .grey-bottom a.pdf span:after {transition: all 0.3s ease; content: ''; display: block; position: absolute; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat; right: -32px; top: 50%; margin-top: -10px;} .content .product-page .estimate-tables .grey-bottom a.pdf:hover span:after {filter: grayscale(100%) brightness(900%);} .content .product-page .application-block {margin: 67px 0 70px;} .content .product-page .instruction-list {margin: 40px 0 60px;} .content .product-page .instruction-list ul {padding: 0; margin: 0; list-style-type: none;} .content .product-page .instruction-list ul li {margin: 0 0 20px; position: relative; padding-left: 26px;} .content .product-page .instruction-list ul li:last-child {margin: 0;} .content .product-page .instruction-list ul li:before {background: #36A9E1; content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 7px; left: 8px; } .content .product-page .instruction-list h2 {margin: 0; font-size: 17px; line-height: 26px; font-weight: 500; color: #191919; padding: 12px 0 16px 0;} .content .product-page .instruction-list h2 span {width: 26px; margin: 0 4px 0 0; display: inline-block; color: #006BCF;} .content .product-page .instruction-list h2:first-child {padding-top: 0;} .content .product-page .instruction-list p {padding: 0 0 12px;} .content .product-page .instruction-list p + p {padding-top: 0;} .content .product-page:not(.constr) {margin: -10px 0 0 0;} .content .product-page:not(.constr) .info-and-gallery .gallery {width: 715px; margin-right: -40px;} .content .product-page .info-and-gallery .gallery .item {height: 700px; min-height: 100%; border-radius: 0;} .content .product-page .info-and-gallery .gallery .item:before {padding-top: 95%;} .content .product-page:not(.constr) .info-and-gallery .info {padding: 32px 80px 45px 0; width: calc(100% - 675px);} .content .product-page:not(.constr) .info-and-gallery .info .btns {margin: 32px 0; display: flex;} .content .product-page:not(.constr) .info-and-gallery .info .btn {padding: 0 32px; margin: 0; background: none; border-radius: 8px; border: 1px solid #EAEAEA; height: 56px; line-height: 54px; font-size: 17px; font-weight: 500; color: #191919;} .content .product-page:not(.constr) .info-and-gallery .info .btn:hover, .content .product-page:not(.constr) .info-and-gallery .info .btn.shop:hover {background: #36A9E1; border-color: #36A9E1; color: #fff;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop {position: relative; padding-right: 54px; color: #fff; background: #006BCF; border-color: #006BCF; margin-left: 20px;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop span {position: relative;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: -22px; top: 50%; margin-top: -10px;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop:hover .tooltip {left: 50%; opacity: 1;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel, .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-stage-outer, .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-stage, .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-item {min-height: 100%;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-item {display: flex; align-items: stretch; flex-wrap: wrap;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-prev {left: 24px;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-next {right: 24px;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-dots {bottom: 24px;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-dots .owl-dot:not(.active) {background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);} .content .product-page:not(.constr) .info-and-gallery .info .downloads {background: none; border-radius: 0; padding: 0;} .content .product-page .info-and-gallery .info .go {padding: 0 22px 0 0; text-decoration: none; font-weight: 500; line-height: 180%; font-size: 17px; color: #006BCF; position: relative; display: table; margin: 0 0 25px;} .content .product-page .info-and-gallery .info .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; background: url(img/blue-arr.svg) center center no-repeat; margin: 8px 0 0 8px;} .content .product-page .info-and-gallery .info .go:hover:after {transform: translateX(5px);} .content .product-page .prod-review-block {position: relative; padding: 40px 154px; min-height: 500px; color: #fff; display: flex; align-items: center; margin-bottom: 20px; } .content .product-page .prod-review-block:before { background: url(img/review-block-bg.webp) center center/cover no-repeat; content: ''; display: block; width: 100vw; top: 0; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%);} .content .product-page .prod-review-block > * {position: relative;} .content .product-page .prod-review-block .txt {max-width: 617px;} .content .product-page .prod-review-block .txt h2 {color: #fff; font-size: 32px; line-height: 130%; margin: 0 0 20px; letter-spacing: -1px;} .content .product-page .prod-review-block .pic {position: absolute; bottom: 0; width: 497px; height: 437px; position: absolute; left: calc(50% + 125px); background: center bottom/contain no-repeat;} .content .product-page .tab > .chars-tab:first-child {padding-top: 40px;} .content .product-page .chars-tab {padding: 67px 0 0 0;} .content .product-page .product-tabs-content:not(.constr) .chars-tab h2 {font-size: 24px; line-height: 32px; letter-spacing: -0.5px;} .content .product-page .chars-block {margin: 0 0 40px;} .content .product-page .chars-block:first-child {margin-top: 40px;} .content .product-page p + .chars-block {margin-top: 20px;} .content .product-page .chars-block .block {display: flex; align-items: flex-end;} .content .product-page .chars-block .block + .block {margin-top: 16px;} .content .product-page .chars-block .block .opt {padding: 0 30px 0 0; background: url(img/dots.svg) bottom 6px left repeat-x; width: 50%; max-width: 565px;} .content .product-page .chars-block .block .opt span {background: #fff; padding-right: 8px;} .content .product-page .chars-block .block .opt sub {position: absolute; margin: 2px 0 0 2px;} .content .product-page .chars-block .block .val {padding-left: 8px; width: 50%;} .content .product-page .chars-tab .table-block {margin-bottom: 80px;} .content .product-page .chars-tab .ac-chars-block + .table-block {padding-top: 0;} .content .product-page .chars-tab .txt-pic .table-block {margin-bottom: 35px;} .content .product-page .edges-tab {position: relative; padding: 67px 0 0 0;} .content .product-page .colors-section.nobg + .edges-tab:before {width: 5000px; background: #F5F5F7; z-index: -1; content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);} .content .product-page .colors-section.nobg {padding-bottom: 40px;} .content .product-page .colors-section.nobg + .edges-tab {padding-bottom: 40px;} .content .product-page .colors-section.nobg .colors-block .block {background: #F5F5F7;} @media (min-width: 1101px) { .content .product-page .projects .into .block:nth-child(5) {margin: 0; position: absolute; bottom: 20px; right: 0px; top: 0; width: calc(50% - 20px);} } .content .product-page .projects .go {margin: 0px 0 0 0; display: table; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .product-page .projects .go:hover {color: #36A9E1;} .content .product-page .projects .go:hover:after {filter: brightness(200%);} .content .product-page .projects .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .product-page .projects .block:nth-child(n+6) {display: none;} .content .product-page.prob .form-block {margin-bottom: 0;} .content .product-page .form-block {position: relative; padding: 70px 0; margin: 0 0 -120px;} .content .product-page .form-block:before {content: ''; display: block; position: absolute; bottom: 0; top: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: url(img/form-bg.jpg) top center/cover no-repeat;} .content .product-page .form-block h2 {font-size: 40px; line-height: 52px; text-align: center; color: #fff; margin: 0 0 40px;} .content .product-page .form-block > * {position: relative;} .content .product-page .form-block .form {flex-wrap: wrap; display: flex; justify-content: space-between; width:100%; max-width: 805px; margin:0 auto;} .content .product-page .form-block .form input.text {width: 100%; background: #fff; font-family: inherit; border: 0; height: 55px; line-height: 55px; border-radius: 8px; padding: 0 20px; margin: 0 0 25px; font-size: 15px; color: #191919;} .content .product-page .form-block .form .outer {width: calc(50% - 12.5px); position: relative;} .content .product-page .form-block .form .outer.long {width: 100%;} .content .product-page .form-block .form input.text::-moz-placeholder {opacity: 0.6; color: #191919;} .content .product-page .form-block .form input.text::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .content .product-page .form-block .form input.text:focus::-moz-placeholder {opacity: 0;} .content .product-page .form-block .form input.text:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .form-block .form label.error {display: block; line-height: 16px; position: absolute; left: 20px; top: 2px; font-size: 12px; color: #ff0000;} .content .product-page .form-block .form textarea {width: 100%; background: #fff; font-family: inherit; border: 0; height: 120px; border-radius: 8px; resize: none; overflow: hidden; padding: 20px 20px; margin: 0 0 25px; font-size: 15px; color: #191919;} .content .product-page .form-block .form textarea::-moz-placeholder {opacity: 0.6; color: #191919;} .content .product-page .form-block .form textarea::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .content .product-page .form-block .form textarea:focus::-moz-placeholder {opacity: 0;} .content .product-page .form-block .form textarea:focus::-webkit-input-placeholder {opacity: 0;} .content .product-page .form-block .form .checkbox .error {top: 24px; left: 0;} .content .product-page .form-block .form .checkbox {width: 100%; margin: 0 0 25px; display: flex; align-items: flex-start; position: relative;} .content .product-page .form-block .form .checkbox input {width: 24px; height: 24px; margin: 0 12px 0 0; position: relative; cursor: pointer; padding: 0; z-index: 2;opacity: 0;} .content .product-page .form-block .form .checkbox input:checked + span.ic, .content .product-page .form-block .form .checkbox input:checked + label + span.ic {background: #fff url(img/red-check.svg) center center no-repeat;} .content .product-page .form-block .form .checkbox .txt {padding-top: 2px; font-weight: normal; width: calc(100% - 40px); font-size: 13px; line-height: 20px; color: #FFFFFF;} .content .product-page .form-block .form .checkbox .txt a {color: inherit; text-decoration: underline;} .content .product-page .form-block .form .checkbox .txt a:hover {text-decoration: none;} .content .product-page .form-block .form .checkbox .ic {position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border-radius: 4px;} .content .product-page .form-block .form .submit {transition: all 0.3s ease; font-family: inherit; border: 0; cursor: pointer; display: table; line-height: 54px; padding: 0 25px; border-radius: 8px; background: #FFFFFF; font-weight: 500; font-size: 17px; color: #006BCF;} .content .product-page .form-block .form .submit:hover {color: #36A9E1;} .content .product-page .form-block .select-outer {z-index: 2; width:100%; margin: 0 0 25px; position: relative; height: 55px;} .content .product-page .form-block .select-outer select {position: absolute; left: -99999px;} .content .product-page .form-block .select-outer .jq-selectbox__select {height: 55px; background: #FFFFFF; border-radius: 8px; padding: 0 20px; color: #191919; font-size: 15px; line-height: 70px; cursor: pointer;} .content .product-page .form-block .select-outer .changed + small { top: 6px; font-size: 12px; line-height: 20px; color: #575A5C;} .content .product-page .form-block .select-outer small {pointer-events: none; font-weight: normal; transition: all 0.3s ease; color: rgba(25,25,25,0.6); font-size: 15px; top: 15px; position: absolute; left: 20px;} .content .product-page .form-block .select-outer .jq-selectbox__select-text {opacity: 0; transition: opacity 0.3s ease;} .content .product-page .form-block .select-outer .changed .jq-selectbox__select-text {opacity: 1;} .content .product-page .form-block .select-outer .jq-selectbox__trigger {width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(img/sel-arr.svg) center center no-repeat;} .content .product-page .form-block .select-outer .opened .jq-selectbox__trigger {transform: scale(-1,-1); margin-top: -10px;} .content .product-page .form-block .select-outer .opened .jq-selectbox__select {border-radius: 8px 8px 0 0;} .content .product-page .form-block .select-outer .opened {box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); border-radius: 15px;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown {font-weight: normal; padding: 0 20px 20px; border-radius: 0 0 8px 8px; background: #fff; top: 100%!important; bottom: auto!important;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown ul {font-size: 15px; color: #191919; padding: 0; margin: 0; list-style-type: none;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown ul li {opacity: 0.6; transition: opacity 0.3s ease; cursor: pointer;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown ul li:not(:last-child) {margin-bottom: 5px;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown ul li:first-child {display: none;} .content .product-page .form-block .select-outer .jq-selectbox__dropdown ul li:hover {opacity: 1;} .content .product-page .form-block.light-bg {margin-bottom: -40px;} .content .product-page .form-block.light-bg:before {background: #fff url(/style/ru/img/light-form-bg1.webp) center center/cover no-repeat;} .content .product-page .form-block.light-bg h2 {margin-bottom: 40px; color: inherit;} .content .product-page .form-block.light-bg .form input.text, .content .product-page .form-block.light-bg .form textarea, .content .product-page .form-block.light-bg .form .checkbox .ic {border: 1px solid #EAEAEA;} .content .product-page .form-block.light-bg .form .checkbox .txt {color: inherit;} .content .product-page .form-block.light-bg .form .submit {border: 0; background:#006BCF; color: #fff;} .content .product-page .form-block.light-bg .form .submit:hover {background: #36A9E1;} .content .product-page.price { margin: 14px 0 0 0;} .content .product-page.price .price-top { padding: 0 0 40px;} .content .product-page.price .price-top .cols { display: flex; align-items: stretch;} .content .product-page.price .price-top .left { margin: 0 0 -10px; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 457px);} .content .product-page.price .price-top .left .block { font-size: 17px; line-height: 26px; color: #006BCF; margin: 0 0 10px; width: calc(50% - 5px); display: block; text-decoration: none; border-radius: 8px; border: 1px solid #EAEAEA; padding: 24px 60px 49px 24px; position: relative;} .content .product-page.price .price-top .left .block:hover { color: #36A9E1;} .content .product-page.price .price-top .left .block small { font-size: 13px; line-height: 100%; color: #8D9091; display: block; position: absolute; left: 24px; bottom: 24px;} .content .product-page.price .price-top .left .block:after { transition: all 0.3s ease; background: url(img/download.svg) center center no-repeat; width: 24px; height: 24px; content: ''; display: block; position: absolute; top: 24px; right: 24px;} .content .product-page.price .price-top .right {position: relative; font-size: 17px; line-height: 26px; color: #fff; padding: 32px; display: flex; align-items: flex-end; border-radius: 8px; background: linear-gradient(40deg, #006BCF, #36A9E1); width: 447px; margin: 0 0 0 10px;} .content .product-page.price .price-top .right:before {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: url(img/price-blue-block-bg.svg) right center no-repeat;} .content .product-page.price .price-top .right .txt {position: relative;} .content .product-page.price .price-top .right .title { margin: 0 0 12px; font-size: 32px; line-height: 130%; font-weight: 500;} .content .product-page.price .price-top .right .btn { margin: 16px 0 0 0; display: table; text-decoration: none; background: #fff; border-radius: 8px; padding: 0 20px; font-size: 17px; color: #006BCF; font-weight: 500; line-height: 42px;} .content .product-page.price .price-top .right .btn:hover { color: #36A9E1;} .content .product-page.price .spoiler-block .price-tab-cols {width: 100%;} .content .product-page.price .spoiler-block + .spoiler-block {margin-top: 20px;} .content .product-page.price .spoiler-block h2 {cursor: pointer; display: flex; align-items: flex-end; color: #006BCF; margin: 0 0 12px;} .content .product-page.price .spoiler-block h2 span {max-width: calc(100% - 50px);} .content .product-page.price .spoiler-block h2:after {content: ''; display: block; width: 32px; height: 32px; margin: -2px 0 0 16px; background: #F5F5F7 url(img/read-arr.svg) center center/12px auto no-repeat; transition: all 0.3s ease; border-radius: 6px;} .content .product-page.price .spoiler-block.open h2:after {transform: scale(1,-1);} .content .product-page.price .spoiler-block .price-tab-cols {max-height: 0; transition: all 0.6s ease; overflow: hidden;} .content .product-page.price .spoiler-block.open .price-tab-cols {max-height: 2000px;} .content .product-page.price .table-block.vars-table table {max-width: 100%;} .content .product-page.price .table-block.vars-table table .td {width: 15%;} .content .product-page.price .table-block.vars-table table td:first-child {width: 55%;} .content .product-page.price .table-block.vars-table table td a {color: #006BCF;} .content .product-page.price .vars-and-prices {padding: 0 0 80px;} .content .product-page.price .price-tab .table-block.vars-table table .grey {color: inherit;} .under-price-txt {display: block; color: #8D9091; font-size: 13px; line-height: 130%;} .content .owl-carousel.owl-products .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .content .owl-carousel.owl-products .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .owl-carousel.owl-products .owl-nav button.owl-prev:not(.disabled):hover {background: #FF6B00;} .content .owl-carousel.owl-products .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #36A9E1; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .content .owl-carousel.owl-products .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .content .owl-carousel.owl-products .owl-nav button.owl-next:not(.disabled):hover {background: #FF6B00;} .content .owl-carousel.owl-products .owl-dots {display: none;} .content .owl-carousel.owl-products .owl-nav button.owl-next.disabled, .content .owl-carousel.owl-products .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .content .owl-carousel.owl-products {overflow: visible;} .content .owl-carousel.owl-products .owl-stage-outer {overflow: visible;} .content .owl-carousel.owl-products .owl-stage .owl-item .block {text-decoration: none; padding: 12px 12px 138px; position: relative; background: #fff; border-radius: 8px; display: block; height: 100%;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .pic {border-radius: 6px; display: block; margin: 0 0 24px; width:100%; background-position: center center; background-size: cover;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .pic:before {content: ''; display: block; padding-top: 90%;} .content .owl-carousel.owl-products .owl-stage .owl-item .block h3 { margin: 0; font: inherit; padding: 0;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .inf {padding: 0 12px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price {position: absolute; bottom: 85px; left: 24px; width: calc(100% - 48px); display: flex; color: #191919; font-size: 22px; line-height: 26px; font-weight: bold;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price small {font-weight: normal; font-size: 15px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price div + div {margin-left: 16px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price .grey {color: #8D9091;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btns {position: absolute; left: 24px; width: calc(100% - 48px); bottom: 24px; display: flex; justify-content: space-between;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn {width: calc(50% - 4px); transition: all 0.3s ease; display: table; line-height: 38px; height: 42px; border: 1px solid #EAEAEA; color: #191919; font-size: 17px; font-weight: 500; text-align: center; text-decoration: none; border-radius: 8px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy {position: relative; margin-top: 0; border: 0; height: 42px; line-height: 40px; color: #fff; background: #006BCF;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy:hover {background: #36A9E1; color: #fff;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy span {padding-right: 22px; position: relative;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: 0; top: 50%; margin-top: -10px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy:hover .tooltip {left: 50%; opacity: 1;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn:hover {color: #36A9E1;} .content .product-page .product-tabs-content .tab .ac-chars-block:first-child {margin-top: -40px;} .content .product-page .ac-chars-block.no-bg {padding-top: 0; background: none; padding-bottom: 0;} .content .product-page .ac-chars-block.no-bg .pic {box-shadow: 0 0 4px 0 rgba(0,0,0,0.05);} .content .product-page .ac-chars-block.no-bg:before {display: none;} .content .product-page .ac-chars-block {position: relative; margin: 80px 0 60px; background: #F5F5F7; padding: 67px 0 80px; display: flex; flex-wrap: wrap;} .content .product-page .ac-chars-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content .product-page .ac-chars-block > * {position: relative;} .content .product-page .ac-chars-block h2 {width:100%;} .content .product-page .ac-chars-block .pic img {border-radius: 8px; width:100%;} .content .product-page .ac-chars-block .pic.mini {width: 450px; margin-right: 40px;} .content .product-page .ac-chars-block .pic.mini + .right {max-width: calc(100% - 490px); width: calc(100% - 490px);} .content .product-page .ac-chars-block .pic {width: 675px; margin: 0 60px 0 0;} .content .product-page .ac-chars-block .right {max-width: 440px; width: calc(100% - 735px);} .content .product-page .ac-chars-block .right .btn {margin: 20px 0 0 0; background: #006BCF; transition: all 0.3s ease; display: table; padding: 0 30px; line-height: 46px; height: 46px; color: #fff; font-size: 17px; font-weight: 500; text-align: center; text-decoration: none; border-radius: 8px;} .content .product-page .ac-chars-block .right .btn:hover {background: #36A9E1;} .content .product-page .ac-chars-block .right img.small-pic {display: block; width: 220px; margin: 20px 0 0 0; border-radius: 8px; max-width: 100%;} .content .product-page .ac-chars-block .right .table-block:last-child {margin-bottom: 0;} .content .product-page .ac-chars-block .right .table-block {padding-top: 0;} .content .product-page .edge-options {display: flex; flex-wrap: wrap; margin: 40px 0 80px 0;} .content .product-page .edge-options .blocks {display: flex; flex-wrap: wrap; width: 100%;} .content .product-page .edge-options .block {cursor: pointer; transition: all 0.3s ease; width: 170px; padding: 10px; border-radius: 8px; border: 2px solid #fff;} .content .product-page .edge-options .block.active {border-color: #36A9E1;} .content .product-page .edge-options .block .pic {border-radius: 8px; background-position: center center; background-size: cover; margin: 0 0 12px; height: 105px;} .content .product-page .edge-options .edge-big {position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center;} .content .product-page .edge-options .edge-big.active {opacity: 1; position: relative; left: auto;} .content .product-page .edge-options .edge-big .pic {border: 1px solid #eee; width: 675px; border-radius: 8px; background: center center/cover; margin: 40px 0 0 0;} .content .product-page .edge-options .edge-big .pic:before {padding-top: 62%; content: ''; display: block;} .content .product-page .edge-options .edge-big .inf {max-width: 505px; width: calc(100% - 675px); padding: 0 0 0 64px;} .content .product-page .edge-options .edge-big .inf .title {font-size: 24px; line-height: 32px; font-weight: 500; margin: 0 0 16px;} .content .product-page .edge-options .edge-big .inf .title + p {padding-top: 0;} .content .product-page .price-tab {padding: 67px 0 0 0;} .content .product-page .price-tab .table-block table {margin-bottom: 20px!important;} .content .product-page .price-tab .table-block table th:first-child, .content .product-page .price-tab .table-block table td:first-child {padding-left: 0;} .content .product-page .price-tab .table-block table th sup {position: absolute;} .content .product-page .price-tab .table-block table td a {color: inherit;} .content .product-page .price-tab .table-block table th {min-width: 160px;} .content .product-page .price-tab .table-block table td {padding-bottom: 20px;} .content .product-page .price-tab .table-block table tr:last-child td {border-bottom: 1px solid #EAEAEA;} .content .product-page .price-tab .table-block.vars-table table {font-size: 17px; line-height: 26px;} .content .product-page .price-tab .table-block.vars-table table .new {display: inline-block; margin: 0 0 12px; padding: 0 4px; line-height: 20px; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 500; background: #36A9E1; border-radius: 4px; } .content .product-page .price-tab .table-block.vars-table table .grey {margin: 4px 0 0 0; color: #8D9091;} .content .product-page .price-tab .price-tab-cols {padding: 20px 0 0 0; display: flex; align-items: flex-start;} .content .product-page .price-tab .price-tab-cols .leftcol {width: calc(100% - 396px); padding: 0 0 70px;} .content .product-page .price-tab .price-tab-cols .grey-block {font-size: 15px; line-height: 22px; border-radius: 8px; background: #F5F5F7; padding: 12px 24px 24px; position: relative; width: 332px; margin: 0 0 0 64px;} .content .product-page .price-tab .price-tab-cols .grey-block .title {font-size: 17px; line-height: 26px; font-weight: 500; padding: 0 0 12px; margin: 0 0 12px; position: relative; } .content .product-page .price-tab .price-tab-cols .grey-block .title:after {content: ''; display: block; position: absolute; left: -24px; width: calc(100% + 48px); bottom: 0; height: 1px; background: #EAEAEA;} .content .product-page .price-tab .price-tab-cols .grey-block p + p {padding-top: 8px;} .content .product-page .colors-section {position: relative; padding: 67px 0 80px;} .content .product-page .colors-section.frez:before {background: #fff;} .content .product-page .colors-section.nobg:before {background: #fff;} .content .product-page .colors-section:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content .product-page .colors-section > * {position: relative;} .content .product-page .colors-block {display: flex; flex-wrap: wrap; margin: 40px -14px 20px 0; width: calc(100% + 14px);} .content .product-page .colors-block .block {background: #fff; border-radius: 8px; overflow: hidden; font-weight: 500; width: calc(25% - 14px); margin: 0 14px 20px 0;} .content .product-page .frez .colors-block .block {background: #F5F5F7;} .content .product-page .colors-block .block .pic {background-position: center center; background-size: cover;} .content .product-page .colors-block .block .pic:before {content: ''; display: block; padding-top: 60%;} .content .product-page .colors-block .block .inf {padding: 24px 32px 32px;} .content .product-page .colors-block .show-more {display: none;} .content .product-page .files-block {margin: 40px 0 70px; display: flex; } .content .product-page .files-block .col {width: calc(100% / 3 - 30px); margin-right: 30px;} .content .product-page .files-block .col ul {padding: 0; margin: 0; list-style-type: none;} .content .product-page .files-block .col ul li a {text-decoration: none; display: table; margin: 0 0 10px; color: #006BCF; padding: 0 0 0 33px; position: relative;} .content .product-page .files-block .col ul li a small {display: block; margin: 4px 0 0 0; color: #8D9091;} .content .product-page .files-block .col ul li a:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0px; left: 0; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat;} .content .product-page .files-block .col ul li a:hover {color:#36A9E1;} .content .product-page .questions-tab {position: relative; flex-wrap: wrap; margin: 67px 0 80px 0; display: flex; align-items: stretch;} .content .product-page .questions-tab > h2 {width: 100%;} .content .product-page .questions-tab .list + h2 {padding-top: 50px;} .content .product-page .questions-tab .rightcol {width: 332px; margin: 0 0 0 64px; position: relative;} .content .product-page .questions-tab .rightcol .block {font-size: 15px; line-height: 22px; border-radius: 8px; background: #F5F5F7; position: relative; padding: 16px 24px 24px;} .content .product-page .questions-tab .rightcol .block + .block {margin-top: 16px;} .content .product-page .questions-tab .rightcol .block .title {font-size: 17px; line-height: 26px; font-weight: 500; padding: 0 0 12px; margin: 0 0 12px; position: relative; } .content .product-page .questions-tab .rightcol .block .title:after {content: ''; display: block; position: absolute; left: -24px; width: calc(100% + 48px); bottom: 0; height: 1px; background: #EAEAEA;} .content .product-page .questions-tab .rightcol .block .title .rate-block {font-size: 20px; line-height: 30px; font-weight: 500; display: flex; justify-content: space-between;} .content .product-page .questions-tab .rightcol .block .title .rate-block .stars {display: flex; align-items: center;} .content .product-page .questions-tab .rightcol .block .title .rate-block .stars .star {width: 20px; height: 20px; margin: 0 2px 0 0; background: url(img/star-grey.svg) center center no-repeat;} .content .product-page .questions-tab .rightcol .block .title .rate-block .stars .star.fill {background-image: url(img/star-blue.svg);} .content .product-page .questions-tab .rightcol .block .rate-list .row {font-size: 15px; line-height: 22px; display: flex; align-items: center; justify-content: space-between;} .content .product-page .questions-tab .rightcol .block .rate-list .row + .row {margin-top: 8px;} .content .product-page .questions-tab .rightcol .block .rate-list .row .left {width: 74px; color: #8D9091;} .content .product-page .questions-tab .rightcol .block .rate-list .row .right {width: 36px; text-align: right;} .content .product-page .questions-tab .rightcol .block .rate-list .row .line {overflow: hidden; width: calc(100% - 110px); position: relative; border-radius: 10px; height: 5px; background: #D1D1D1;} .content .product-page .questions-tab .rightcol .block .rate-list .row .line .fill {position: absolute; bottom: 0; border-radius: 10px; left: 0; top: 0; background: #36A9E1;} .content .product-page .questions-tab .rightcol .block .btn {margin: 24px 0 0 0; font-size: 17px; display: table; text-decoration: none; color: #fff; border-radius: 8px; width: 100%; text-align: center; line-height: 56px; background: #006BCF;} .content .product-page .questions-tab .rightcol .block .btn:hover {background: #36A9E1;} .content .product-page .questions-tab .rightcol .slick-wrap.fix {position: fixed; top: 0;} .content .product-page .questions-tab .rightcol .slick-wrap.fix.bottom {position: absolute; bottom: 0; top: auto;} .content .product-page .questions-tab .rightcol .slick-wrap {width: 332px;} .content .product-page .questions-block {width: calc(100% - 396px);} .content .product-page .questions-block .descr {margin: 0 0 34px;} .content .product-page .questions-block .block {border-top: 1px solid #EAEAEA; padding: 32px 0 0 0; margin: 32px 0 0 0; font-size: 15px; line-height: 24px; color: #191919;} .content .product-page .questions-block .block:first-child {border-top: 0; margin-top: 0; padding-top: 0;} .content .product-page .questions-block .list:not(.reviews) .block:last-child {border-bottom: 1px solid #EAEAEA; padding-bottom: 32px;} .content .product-page .questions-block .block .user {margin: 0 0 14px; font-size: 15px; line-height: 22px; color: #8D9091; display: flex; align-items: center;} .content .product-page .questions-block .block .user .name {display: block; font-weight: 500; font-size: 17px; line-height: 26px; color: #191919;} .content .product-page .questions-block .block .user .ic {background: #F7F8F9; width: 44px; height: 44px; border-radius: 50%; margin: 0 14px 0 0; display: flex; align-items: center; justify-content: center;} .content .product-page .questions-block .block .user .ic img {display: block;} .content .product-page .questions-block .block .answer {margin: 26px 0 0 0; padding: 0 0 0 56px;} .content .product-page .questions-block .show-more {display: table; border-radius: 8px; line-height: 56px; padding: 0 32px; color: #fff; text-decoration: none; font-size: 17px; font-weight: 500; background: #006BCF; margin: 40px 0 0 0;} .content .product-page .questions-block .show-more:hover {background: #36A9E1;} .content .product-page .questions-block .block.review {position: relative; margin: 0 0 30px; display: flex; background: #F5F5F7; border-top: 0; margin-top: 32px; padding: 32px; border-radius: 8px;} .content .product-page .questions-block .block.review + .block {border-top: 0;} .content .product-page .questions-block .block.review .rating {position: absolute; top: 32px; right: 32px; display: flex; align-items: flex-start;} .content .product-page .questions-block .block.review .rating .star {width: 20px; height: 20px; margin: 0 2px 0 0; background: url(img/star-grey.svg) center center no-repeat;} .content .product-page .questions-block .block.review .rating .star.fill {background-image: url(img/star-blue.svg);} .content .product-page .questions-block .block.review .txt {width: calc(100% - 125px);} .content .product-page .questions-block .block.review .user .ic {background-color: #fff;} .content .product-page .questions-block .more-btn {display: table; border-radius: 15px; background: #FF6B00; line-height: 48px; margin: 40px 0 0 0; padding: 0 30px; font-weight: 600; color: #fff; font-size: 15px;} .content .product-page .questions-block .more-btn:hover {background: #36A9E1;} .content .product-page .ask-your-question {position: relative; color: #fff; background: url(img/ask-q-bg.jpg) top center/cover no-repeat; margin: 70px 0; border-radius: 15px; padding: 30px 50px;} .content .product-page .ask-your-question h2 {color: #fff;} .content .product-page .ask-your-question .btns {display: flex; margin: 20px 0 0 0;} .content .product-page .ask-your-question .btns a {position: relative; display: table; line-height: 48px; padding: 0 25px; background: #fff; border-radius: 15px; font-weight: 600; font-size: 15px; color: #006BCF;} .content .product-page .ask-your-question .btns a + a {margin-left: 20px;} .content .product-page .ask-your-question .btns a:hover {color: #36A9E1;} .content .product-page .ask-your-question .btns a.opened span {opacity: 0;} .content .product-page .ask-your-question .btns a.opened:after {content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(img/opened-btn.svg) center center no-repeat;} .content .product-page .ask-your-question .hidden-form {display: none;} .content .product-page .ask-your-question .form-block {margin: 40px -50px 0; padding: 40px 50px 0; width: calc(100% + 100px);} .content .product-page .ask-your-question .form-block .form {margin: 0;} .content .product-page .ask-your-question .form-block:before {content: ''; display: block; left: 0px; width:100%; top: 0; height: 1px; background: rgba(255,255,255,0.3); transform: none;} .content .product-page .ask-your-question .form-block .rate-block {margin: 0 0 25px; width: 100%;} .content .product-page .ask-your-question .form-block .rate-block .stars {margin: 3px 0 0 0; display: flex;} .content .product-page .ask-your-question .form-block .rate-block .stars label {position: relative; width: 30px; height: 30px;} .content .product-page .ask-your-question .form-block .rate-block .stars label.color .i {filter: none;} .content .product-page .ask-your-question .form-block .rate-block .stars label input:checked + .i {filter: none;} .content .product-page .ask-your-question .form-block .rate-block .stars label input {opacity: 0; cursor: pointer; position: relative; z-index: 2; width: 30px; height: 30px; padding: 0; margin: 0;} .content .product-page .ask-your-question .form-block .rate-block .stars label .i {transition: all 0.3s ease; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(img/rate-star.svg) center center no-repeat; filter: grayscale(100%) brightness(800%);} .content .product-page .ask-your-question .thanks {display: none; font-weight: 600; font-size: 20px; line-height: 26px; color: #FFFFFF;} .content .product-page .ask-your-question .thanks.visible {display: block;} .content .product-page .ask-your-question .thanks .close {transition: all 0.3s ease; font-family: inherit; border: 0; cursor: pointer; display: table; line-height: 54px; padding: 0 25px; margin: 30px 0 0 0; border-radius: 15px; background: #FFFFFF; font-weight: 600; font-size: 15px; color: #006BCF;} .content .product-page .ask-your-question .thanks .close:hover {color: #36A9E1;} .content .product-page .table-block.vars-table {padding-top: 40px;} .content .product-page .table-block.vars-table:first-child {padding-top: 0;} .content .product-page .table-block.vars-table table {margin-bottom: 40px; line-height: 24px; max-width: 1015px; font-size: 15px;} .content .product-page .table-block.vars-table table a .new {color: #FF6B00; margin-left: 10px;} .content .product-page .vars-and-prices .go {display: table; transition: all 0.3s ease; font-weight: 500; font-size: 17px; line-height: 26px; color: #006BCF; text-decoration: none;} .content .product-page .vars-and-prices .go:hover {color: #36A9E1;} .content .product-page .vars-and-prices .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .product-page .vars-and-prices .go:hover:after {transform: translateX(5px);} .content .product-page .vars-and-prices h2 {padding-top: 48px;} .content .product-page .vars-and-prices h2:first-child {padding-top: 0;} .content .product-page .vars-and-prices .where-buy-block + h2 {padding-top: 0;} .content .product-page .vars-and-prices .form-block {margin-top: 70px;} .content .where-buy-block {position: relative; margin: 0 0 80px;} .content .where-buy-block .blocks {display: flex; flex-wrap: wrap; margin: 32px -20px -20px 0; width: calc(100% + 20px);} .content .where-buy-block .blocks .block {color: #191919; border-radius: 8px; padding: 24px 32px; background: #F5F5F7; display: block; margin: 0 10px 20px 0; width: calc(20% - 10px); text-decoration: none;} .content .where-buy-block .blocks .block .go {margin: 15px 0 0 0; transition: all 0.3s ease; font-weight: 500; font-size: 17px; line-height: 26px; color: #006BCF; text-decoration: none;} .content .where-buy-block .blocks .block:hover .go {color: #36A9E1;} .content .where-buy-block .blocks .block .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .where-buy-block .blocks .block:hover .go:after {transform: translateX(5px);} .content .product-page .product-tabs-content:last-child .questions-grey-block:last-child, .content .product-page .product-tabs-content:last-child .video-block:last-child, .content .product-page .product-tabs-content:last-child .ac-chars-block:not(.no-bg):last-child {margin-bottom: -40px;} .content .product-page .product-tabs-content:last-child .video-block + .form-block {margin-top: -70px;} .content .product-page .questions-grey-block {position: relative; padding: 67px 0 80px;} .content .product-page .questions-grey-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .content .product-page .questions-grey-block > * {position: relative;} .content .table-block table {font-size: 15px; line-height: 22px; width:100%; border: 0; border-collapse: collapse;} .content .table-block.small table {width: 400px; max-width: 100%;} .content .table-block table th {text-align: left; vertical-align: top; font-weight: 500; padding: 0 8px 16px; border-bottom: 2px solid #EAEAEA;} .content .table-block table tr:not(:first-child) th {padding-top: 16px;} .content .table-block table td {vertical-align: top; padding: 16px 8px; border-bottom: 1px solid #EAEAEA;} .content .table-block table b {font-weight: 500;} .content .table-block table tr:last-child td {border: 0;} .content .shops-page {} .content .shops-page .shops-filter {margin: 0 0 40px;} .content .shops-page .shops-filter .tumblers {margin: 0 0 20px; display: flex; justify-content: center;} .content .shops-page .shops-filter .tumblers label {padding: 0 24px; height: 56px; justify-content: center; background: #F5F5F7; border-radius: 8px; font-size: 17px; color: #191919; font-weight: 500; display: flex; align-items: center; cursor: pointer; position: relative; white-space: nowrap; margin: 0 5px 0 0;} .content .shops-page .shops-filter .tumblers label .check {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; border-radius: 8px;} .content .shops-page .shops-filter .tumblers label input:checked + .check {border: 2px solid #36A9E1;} .content .shops-page .shops-filter .tumblers label:last-child {margin: 0;} .content .shops-page .shops-filter .tumblers label:first-child {width: 77px;} .content .shops-page .shops-filter .tumblers label input {position: absolute; left: -999999px;} .content .shops-page .shops-filter .tumblers label .ic {width: 24px; margin: 0 12px 0 0;} .content .shops-page .shops-filter .tumblers label .ic img {display: block; width: 100%;} .content .shops-page .shops-filter .checkboxes {justify-content: center; align-items: center; display: flex; flex-wrap: wrap;} .content .shops-page .shops-filter .checkboxes label {cursor: pointer; margin: 0 32px 0px 0; font-size: 17px; line-height: 26px; color: #191919; align-items: center; display: flex; position: relative;} .content .shops-page .shops-filter .checkboxes label:last-child {margin: 0;} .content .shops-page .shops-filter .checkboxes label input {margin: 0 12px 0 0; padding: 0; width: 25px; height: 25px; cursor: pointer; position: relative; z-index: 2; opacity: 0;} .content .shops-page .shops-filter .checkboxes label input:checked + .ic {background: #36A9E1 url(img/check-w.svg) center center no-repeat; border-color: #36A9E1;} .content .shops-page .shops-filter .checkboxes label .ic {width: 24px; height: 24px; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 4px;} .content .shops-page .shops-filter .checkboxes label .txt {width: calc(100% - 35px);} .content .shops-page .shops-filter .checkboxes .close, .content .shops-page .shops-filter .checkboxes .mob-title, .content .shops-page .shops-filter .checkboxes .apply, .content .shops-page .shops-filter .mob-checkboxes-btn {display: none;} .content .shops-page .shops-filter .drops {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin: 0 0 20px;} .content .shops-page .shops-filter .drops .select-outer {width: 330px; height: 56px; position: relative;} .content .shops-page .shops-filter .drops .select-outer + .select-outer {margin: 0 0 0 12px;} .content .shops-page .shops-filter .drops .select-outer select {position: absolute; left: -99999px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select {height: 56px; background: none; border-radius: 8px; padding: 0 20px; color: rgba(25, 25, 25, 0.8); font-size: 17px; border: 1px solid #EAEAEA; line-height: 70px; cursor: pointer;} .content .shops-page .shops-filter .drops .select-outer .opened {z-index: 5!important; position: relative;} .content .shops-page .shops-filter .drops .select-outer .opened + small {z-index: 6;} .content .shops-page .shops-filter .drops .select-outer .changed + small { top: 6px; font-size: 12px; line-height: 20px; color: #8D9091;} .content .shops-page .shops-filter .drops .select-outer small {z-index: -1; transition: all 0.3s ease; color: #191919; font-size: 17px; top: 15px; position: absolute; left: 20px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select-text {opacity: 0; transition: opacity 0.3s ease;} .content .shops-page .shops-filter .drops .select-outer .changed .jq-selectbox__select-text {opacity: 1;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__trigger {width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(img/sel-arr.svg) center center/12px auto no-repeat;} .content .shops-page .shops-filter .drops .select-outer .opened .jq-selectbox__trigger {transform: scale(-1,-1); margin-top: -10px;} .content .shops-page .shops-filter .drops .select-outer .opened .jq-selectbox__select {border-radius: 8px 8px 0 0; border-bottom: 0;} .content .shops-page .shops-filter .drops .select-outer .opened {border-radius: 8px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown {font-size: 17px; border: 1px solid #EAEAEA; border-top: 0; z-index: 5; padding: 0 20px 20px; border-radius: 0 0 8px 8px; background: #fff; top: 100%!important; bottom: auto!important;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown ul {padding: 0; margin: 0; list-style-type: none;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown ul li {cursor: pointer;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown ul li + li {margin-top: 7px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown ul li:first-child {display: none;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown ul li:hover {color: #006BCF;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown {position: absolute; top: 100%!important; width:100%;} .content .shops-page .shops-filter .drops .select-outer .opened {position: relative;} .content .shops-page .shops-map {position: relative; margin: 0 0 40px;} .content .shops-page .shops-map .into {border-radius: 8px; overflow: hidden; height: 580px;} .content .shops-page .shops-map .into .ymaps-2-1-79-controls-pane, .content .shops-page .shops-map .into .ymaps-2-1-79-copyrights-pane {display: none!important;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {border: 0; padding: 20px; border-radius: 8px; background: #fff;} .content .shops-page .shops-map .ymaps-2-1-79-balloon {font-family: 'DIN Pro', 'Helvetica', sans-serif; font-size: 15px; line-height: 22px; color: #191919; overflow: hidden; border-radius: 8px; box-shadow: none; border: 0;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__content {font-family: 'DIN Pro', 'Helvetica', sans-serif; font-size: 15px; line-height: 22px; color: #191919; } .content .shops-page .shops-map .ymaps-2-1-79-balloon .title {font-size: 17px; line-height: 26px; margin: 0 0 8px; font-weight: 500;} .content .shops-page .shops-map .ymaps-2-1-79-balloon p {padding: 0 0 4px; margin: 0;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__content p a {text-decoration: none; color: inherit;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__content .branded {margin: 8px 0 0 0px; display: table; line-height: 20px; padding: 0 4px; border-radius: 4px; color: #fff; text-transform: uppercase; background: #36A9E1; font-size: 10px; font-weight: 500;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__close-button {background: url(img/close.svg) center center no-repeat; opacity: 1; transition: all 0.3s ease; margin-right: 5px;} .content .shops-page .shops-map .ymaps-2-1-79-balloon a.more {font-size: 15px; line-height: 22px; display: table; color: #006BCF; text-decoration: none; margin: 4px 0 0 0;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__tail:after {display: none;} .content .shops-page .shops-list {padding: 0 0 80px; display: table; width:100%; font-size: 17px; line-height: 26px; color: #191919;} .content .shops-page .shops-list .block {display: table-row; } .content .shops-page .shops-list .block .cl {width: 24%; padding: 20px 0; vertical-align: top; padding-right: 30px; display: table-cell; border-bottom: 1px solid #EAEAEA;} .content .shops-page .shops-list .block .cl p:not(:last-child) {padding: 0 0 20px;} .content .shops-page .shops-list .block .cl:nth-child(2) {width: 15%;} .content .shops-page .shops-list .block .cl:nth-child(3) {width: 52%;} .content .shops-page .shops-list .block .cl:nth-child(3) a {color: #006BCF;} .content .shops-page .shops-list .block .cl:nth-child(3) b {font-weight: 500;} .content .shops-page .shops-list .block:first-child .cl {padding-top: 0;} .content .shops-page .shops-list .block .cl:last-child {padding-right: 0; text-align: right; width: 10%;} .content .shops-page .shops-list .block .cl:last-child a {white-space: nowrap;} .content .shops-page .shops-list .block .cl .branded {margin: 8px 0 0 36px; display: table; line-height: 20px; padding: 0 4px; border-radius: 4px; color: #fff; text-transform: uppercase; background: #36A9E1; font-size: 10px; font-weight: 500;} .content .shops-page .shops-list .block .title {color: #006BCF; display: flex; align-items: center;} .content .shops-page .shops-list .block .title .ic {margin: 0 12px 0 0; width: 24px;} .content .shops-page .shops-list .block .title .ic img {display: block; width:100%;} .content .shops-page .shops-list .block .title span {width: calc(100% - 40px);} .content .shops-page .shops-list .block .city {font-weight: 500;} .content .shops-page .shops-list .block a {color: inherit; text-decoration: none;} .content .shops-page .shops-list .block small {display: block; font-size: inherit;} .content .shop-detail .shop-info {columns: 3; width: calc(100% + 50px); margin: 0 -50px 48px 0;} .content .shop-detail .shop-info .block {font-size: 17px; line-height: 26px; color: #191919; break-inside: avoid; margin: 0 50px 40px 0;} .content .shop-detail .shop-info .block p.title {padding: 0; font-weight: 500; font-size: 20px; line-height: 30px; margin: 0 0 12px;} .content .shop-detail .shop-info .block p {position: relative;} .content .shop-detail .shop-info .block .ic {display: block; width: 40px; margin: 0 0 16px; height: 40px; } .content .shop-detail .shop-info .block .ic img {width: 100%; display: block;} .content .shop-detail .shop-info .block p + p {margin-top: 15px;} .content .shop-detail .shop-info .block a {color: #006BCF; text-decoration: none;} .content .shop-detail .shop-info .block a.tel {color: inherit; text-decoration: none;} .content .shop-detail .shop-info .block a.download {padding: 0 0 0 32px; position: relative;} .content .shop-detail .shop-info .block a.download:before {content: ''; display: block; position: absolute; left: 0; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat;} .content .shop-detail .shop-info .block a.download:hover, .content .shop-detail .shop-info .block a.download:hover small {color: #36A9E1;} .content .shop-detail .shop-info .block a.download small {transition: all 0.3s ease; font-size: inherit; color: #8D9091;} .content .shop-detail .shop-map {position: relative; margin: 0 0 56px;} .content .shop-detail .shop-map .into {border-radius: 8px; overflow: hidden; height: 580px;} .content .shop-detail .shop-map .into .ymaps-2-1-79-controls-pane, .content .shop-detail .shop-map .into .ymaps-2-1-79-copyrights-pane {display: none!important;} .content .materials-page .sort-block {position: relative; z-index: 20; color: #8D9091; display: flex; align-items: center; font-size: 15px; line-height: 22px; font-weight: 500;} .content .materials-page .sort-block .txt {margin: 0 7px 0 0;} .content .materials-page .sort-block .options {cursor: pointer; color: #191919; position: relative;} .content .materials-page .sort-block .options .drop {font-weight: normal; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09); padding: 20px; border-radius: 8px; background: #fff; position: absolute; top: calc(100% + 8px); left: -9999px; opacity: 0; transition: opacity 0.3s ease;} .content .materials-page .sort-block .options .drop .mob-title {display: none;} .content .materials-page .sort-block .options.open .drop {left: -20px; opacity: 1;} .content .materials-page .sort-block .options .row {white-space: nowrap; display: flex; align-items: center;} .content .materials-page .sort-block .options .row.active {color: #006BCF; position: relative;} .content .materials-page .sort-block .options .row.active:after {transition: all 0.s ease; left: calc(100% + 8px); width: 8px; height: 4px; content: ''; display: block; position: absolute; background: url(img/blue-lang-arr.svg) center center/contain no-repeat;} .content .materials-page .sort-block .options.open .row.active:after {transform: scale(1,-1);} .content .materials-page .sort-block .options .row:hover {color: #006BCF;} .content .materials-page .sort-block .options .row.selected {color: #006BCF; font-weight: 500;} .content .materials-page .sort-block .options .row + .row {margin-top: 8px;} .content .materials-page .sort-block .options .row .up {width: 24px; height: 24px; margin: 0 4px 0 0; background: url(img/up-ic.svg) center center no-repeat;} .content .materials-page .sort-block .options .row .down {width: 24px; height: 24px; margin: 0 4px 0 0; background: url(img/down-ic.svg) center center no-repeat;} .content .materials-page .sort-block.fix {display: none;} .content .materials-page .catalog-list {margin: 48px 0 0 0; position: relative;} .content.promo-page .materials-page .catalog-list {margin-top: 0!important;} .content .materials-page p + p {padding-top: 10px;} .content .materials-page .into {display: flex; align-items: flex-start; margin: -12px 0 0 0;} .content .materials-page .into .right-col {order: 2; width: 332px; margin: 0 0 0 64px;} .content .materials-page .into .right-col .right-banner {display: block; text-decoration: none; overflow: hidden; position: relative; border-radius: 8px; margin: 0 0 16px; background: center center/cover; height: 400px;} .content .materials-page .into .right-col .right-banner:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));} .content .materials-page .into .right-col .right-banner:hover:before {opacity: 0.6;} .content .materials-page .into .right-col .right-banner .txt {position: absolute; bottom: 25px; left: 25px; font-size: 17px; line-height: 26px; color: #fff;} .content .materials-page .into .right-col .right-banner .txt .title {font-size: 28px; line-height: 32px; font-weight: 500; margin: 0 0 12px;} .content .materials-page .into .right-col .right-banner .txt .go {margin: 12px 0 0 0; line-height: 24px; font-weight: 500; font-size: 16px; color: #36A9E1; position: relative; display: table;} .content .materials-page .into .right-col .right-banner .txt .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 24px; height: 24px; background: url(img/lblue-go-arr.svg) center center no-repeat; margin: 0px 0 0 2px;} .content .materials-page .into .right-col .right-banner:hover .txt .go:after {transform: translateX(5px);} .content .materials-page .into .right-col .block {background: #F5F5F7; border-radius: 8px;} .content .materials-page .into .right-col .block h2 {border-bottom: 1px solid #EAEAEA; font-weight: 500; font-size: 17px; line-height: 26px; color: #191919; padding: 12px 24px; margin: 0 0 12px;} .content .materials-page .into .right-col .block h2 .mob-plus {display: none;} .content .materials-page .into .right-col .block .txt {padding: 0px 24px 16px; font-size: 15px; line-height: 22px; color: #191919;} .content .materials-page .into .right-col .block .txt p + p {padding-top: 8px;} .content .materials-page .into .right-col .block .txt a {color: #006BCF; text-decoration: none;} .content .materials-page .into .right-col .block .txt a:hover {color: #36A9E1;} .content .materials-page .into .right-col .block + .block {margin-top: 16px;} .content .materials-page .into .right-col .block .read-block {padding: 0px 24px 16px;} .content .materials-page .into .right-col .block .read-block .block {display: block; text-decoration: none; font-size: 15px; line-height: 22px; color: #191919;} .content .materials-page .into .right-col .block .read-block .block + .block {margin-top: 16px;} .content .materials-page .into .right-col .block .read-block .block .title {margin: 0 0 4px; display: flex; align-items: center; font-size: 17px; line-height: 26px; color: #006BCF;} .content .materials-page .into .right-col .block .read-block .block .title .ic {width: 24px; margin: 0 8px 0 0;} .content .materials-page .into .right-col .block .read-block .block .title .ic img {display: block; width:100%;} .content .materials-page .into .right-col .block .read-block .block .title .text {width: calc(100% - 32px);} .content .materials-page .into .left-col {position: relative; order: 1; width: calc(100% - 396px);} .content .materials-page .into .left-col .tumbls {display: flex; align-items: center; position: absolute; top: 5px; right: 0; width: 56px; height: 30px;} .content .materials-page .into .left-col .tumbls a {border-radius: 13px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;} .content .materials-page .into .left-col .tumbls a + a {margin: 0 0 0 2px;} .content .materials-page .into .left-col .tumbls a img {opacity: 0.5; filter: grayscale(100%); transition: all 0.3s ease;} .content .materials-page .into .left-col .tumbls a.active img {filter: none; opacity: 1;} .content .materials-page .into .left-col .block {margin: 0px 0 48px 0;} .content .materials-page .into .left-col .block:last-child {margin-bottom: 80px;} .content .materials-page .left-col .catalog-list {margin-top: 16px;} .content .materials-page .left-col .catalog-list:not(.constr) {margin-top: 48px;} .content .materials-page .into .left-col .block h2 {letter-spacing: -1px; display: table; cursor: pointer; position: relative; padding: 0 48px 0 0; max-width: calc(100% - 120px); font-weight: 500; font-size: 32px; line-height: 41px; color: #006BCF; margin: 0 0 24px;} .content .materials-page .into .left-col .block h2:after {content: ''; display: block; width: 32px; height: 32px; right: 0; position: absolute; top: 8px; margin: 0px 0 0 0; background: #F5F5F7 url(img/read-arr.svg) center center/12px auto no-repeat; transition: all 0.3s ease; border-radius: 6px;} .content .materials-page .into .left-col .block.open h2:after {transform: scale(1,-1);} .content .materials-page .list .item {font-weight: normal; position: relative; text-decoration: none; font-size: 15px; line-height: 22px; color: #8D9091; border-top: 1px solid #EAEAEA; margin: 0; display: flex; align-items: stretch; padding: 32px 0 24px;} .content .materials-page .list .item:last-child {border-bottom: 1px solid #EAEAEA;} .content .materials-page .list .item .pic {background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 8px; width: 220px; height: 160px; margin: 0 32px 0 0;} .content .materials-page .list .item .inf {width: calc(100% - 127px); padding: 0 84px 48px 0; min-height: 100%; position: relative;} .content .materials-page .list .item .inf .price {margin: 0; position: absolute; bottom: 0px; left: 0;} .content .materials-page .list .item .price {margin: 16px 0 0 0; display: flex; color: #191919; font-size: 24px; line-height: 32px; font-weight: bold;} .content .materials-page .list .item .price small {font-weight: normal; font-size: 15px;} .content .materials-page .list .item .price div + div {margin-left: 16px;} .content .materials-page .list .item .price .grey {color: #8D9091;} .content .materials-page .list .item .txt {display: flex; align-items: flex-start; width: calc(100% - 252px);} .content .materials-page .list .item .txt h3 {font-weight: 500; font-size: 20px; line-height: 30px; color: #191919; margin: 0 0 16px; padding: 0;} .content .materials-page .list .item .txt h3 a {color: inherit;} .content .materials-page .list .item .txt .btns {width: 127px;} .content .materials-page .list .item .txt .btn {padding: 0; transition: all 0.3s ease; display: table; line-height: 38px; height: 42px; border: 1px solid #EAEAEA; color: #191919; font-size: 17px; font-weight: 500; width: 100%; text-align: center; background: none; text-decoration: none; margin: 12px 0 0 0; border-radius: 8px;} .content .materials-page .list .item .txt .btn.blue {position: relative; margin-top: 0; border: 0; height: 42px; line-height: 40px; color: #fff; background: #006BCF;} .content .materials-page .list .item .txt .btn.blue:hover {background: #36A9E1; color: #fff;} .content .materials-page .list .item .txt .btn.buy {position: relative; margin-top: 0; border: 0; height: 42px; line-height: 40px; color: #fff; background: #006BCF;} .content .materials-page .list .item .txt .btn.buy:hover {background: #36A9E1; color: #fff;} .content .materials-page .list .item .txt .btn.buy span {padding-right: 22px; position: relative;} .content .materials-page .list .item .txt .btn.buy span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: 0; top: 50%; margin-top: -10px;} .content .materials-page .list .item .txt .btn.buy .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .materials-page .list .item .txt .btn.buy .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .materials-page .list .item .txt .btn.buy:hover .tooltip {left: 50%; opacity: 1;} .content .materials-page .list .item .txt .btn:hover {color: #36A9E1;} .content .materials-page .list .item .params {color: #191919; font-size: 15px; line-height: 22px; display: flex; position: absolute; bottom: 0; left: 0;} .content .materials-page .list .item .params .ttip {color: #006BCF; display: inline-block; position: relative;} .content .materials-page .list .item .params .ttip .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 12px; line-height: 125%; padding: 10px; width: 220px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .materials-page .list .item .params .ttip .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .materials-page .list .item .params .ttip:hover .tooltip {left: 50%; opacity: 1;} .content .materials-page .list .item p + p {margin: 0; padding: 0 0 0 12px;} .content .materials-page .list .item b {font-weight: 500;} .content .materials-page .list .item a {text-decoration: none;} .content .materials-page .list.constr .item .inf {width: calc(100% - 170px);} .content .materials-page .list.constr .item .txt .btns {width: 170px;} .content .materials-page .list .item .txt .btns .price {white-space: nowrap; margin: 0 0 20px;} .content .materials-page .list.constr .item .pic {min-height: 221px;} .content .materials-page .list.constr .item .inf {padding-right: 32px;} .content .materials-page .list.constr .item:last-child {padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #EAEAEA;} .content .materials-page .into .left-col .block .list.tile {border-top: 1px solid #EAEAEA; padding: 32px 0 0 0; margin: 0 0 -44px;} .content .materials-page .into .left-col .block .list.tile {margin-right: -32px; width: calc(100% + 32px); display: flex; flex-wrap: wrap;} .content .materials-page .into .left-col .block .list.tile .item {border: 0; padding: 0; display: block; width: calc(100% / 3 - 32px); margin: 0 32px 56px 0; position: relative; } .content .materials-page .into .left-col .block .list.tile .item .pic {width:100%; height: auto; margin: 0 0 16px;} .content .materials-page .into .left-col .block .list.tile .item .pic:after {content: ''; display: block; padding-top: 83%; } .content .materials-page .into .left-col .block .list.tile .item .txt {display: block; width: 100%; padding: 0 0 58px;} .content .materials-page .into .left-col .block .list.tile .item .txt .btns {justify-content: space-between; display: flex; width: 100%; position: absolute; bottom: 0; left: 0;} .content .materials-page .into .left-col .block .list.tile .item .txt .btns a {margin: 0; width: calc(50% - 6px);} .content .materials-page .into .left-col .block .list.tile .item .inf {width: 100%; padding: 0;} .content .materials-page .into .left-col .block .list.tile .item .txt h3 {font-size: 17px; line-height: 24px; margin: 0 0 16px;} .content .materials-page .into .left-col .block .list.tile .item .descr {display: none;} .content .materials-page .into .left-col .block .list.tile .item .inf .price {font-size: 22px; line-height: 26px; position: relative; bottom: auto; left: auto;} .content .materials-page .attention {margin: 0 0 50px; background: #F7F8F9; padding: 30px; font-size: 14px; line-height: 20px; color: #191919; border-radius: 15px; } .promo-page > .all > .subscribe-block {margin-bottom: 0;} .grey-text-block + .subscribe-block {margin-top: 0;} .subscribe-block {display: flex; font-size: 17px; line-height: 26px; color: #FFFFFF; position: relative; padding: 70px 0 70px; margin-top: 40px;} .subscribe-block > * {position: relative;} .subscribe-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background: #36A9E1;} .subscribe-block .wrap {max-width: 50%;} .subscribe-block .title {font-size: 32px; margin-bottom: 24px; line-height: 140%; font-weight: 500;} .subscribe-block .txt {margin: 0 0 24px;} .subscribe-block .form form {width: 100%; display: flex; justify-content: space-between; margin: 0 0 12px;} .subscribe-block .form .inp-text {border: 0; border-radius: 8px; background: #fff; padding: 0 20px; font-size: 17px; color: #191919; width: calc(100% - 173px);} .subscribe-block .form .submit {border: 0; font-family: inherit; line-height: 58px; cursor: pointer; text-align: center; transition: all 0.3s ease; background: #fff; border-radius: 8px; font-size: 17px; color: #006BCF; font-weight: 500; width: 165px;} .subscribe-block .form .submit:hover {color: #fff; background: #006BCF;} .subscribe-block small {max-width: 650px; display: block; font-size: 13px; line-height: 140%;} .subscribe-block small a {color: inherit;} .subscribe-block:after {position: relative; content: ''; display: block; width: 50%; background: url(img/subscribe-bg.svg) center center/contain no-repeat;} .brands-list {background: #F5F5F7; border-radius: 8px; padding: 40px 40px 0; display: flex; flex-wrap: wrap;} .brands-list .brands-item {width: calc(100% / 6); padding: 0 20px 40px 0;} .brands-list .brands-item .brands-item-header {font-weight: 500; font-size: 50px; line-height: 110%; margin: 0 0 20px;} .brands-list .brands-item ul {padding: 0;margin: 0; list-style-type: none;} .brands-list .brands-item ul li + li {margin-top: 12px;} .brands-list .brands-item ul li a {font-weight: normal; text-decoration: none;} .brands-list .brands-item ul li a:hover {text-decoration: underline;} footer {padding: 40px 0; background: #F5F5F7;} footer .cols {max-width: 1250px; position: relative; padding: 0 0 40px; margin: 0 0 40px; display: flex; justify-content: space-between;} footer .cols:after {content: ''; display: block; position: absolute; bottom: 0; height: 1px; width: 5000px; left: 50%; transform: translateX(-50%); background: #EAEAEA;} footer .cols .col {padding: 0 30px 0 0;} footer .cols ul {line-height: 34px; padding: 0; margin: 0; list-style-type: none;} footer .cols ul li a {font-size: 17px; color: #191919; text-decoration: none;} footer .cols ul li a:hover {color: #36A9E1;} footer .cols .im {display: flex; align-items: center; font-size: 15px; text-decoration: none; color: #006BCF; margin: 0 0 30px;} footer .cols .im .ic {width: 35px; height: 35px; border-radius: 50%; background: #FF6B00; margin: 0 15px 0 0; display: flex; align-items: center; justify-content: center;} footer .cols .im .ic img {margin: 1px 0 0 -2px;} footer .cols .phone {margin: 0 0 30px; line-height: 26px;} footer .cols .phone a {font-size: 17px; color: #191919; font-weight: 500;} footer .cols .phone small {display: block; margin: 3px 0 0 0; color: #919699; font-size: 13px; line-height: 130%;} footer .cols a {font-size: 17px; text-decoration: none; color: #006BCF;} footer .cols a:hover {color: #36A9E1;} footer .cols a.shop-link {display: flex; align-items: center; font-size: 17px; margin: 0 0 30px;} footer .cols a.shop-link .ic {width: 35px; height: 35px; position: relative; margin: 0 15px 0 0; background: #36A9E1; transition: all 0.3s ease; border-radius: 50%;} footer .cols a.shop-link .ic:after {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/shop-ic.svg) center center no-repeat;} footer .soc-block {font-size: 15px; line-height: 22px; color: #191919; display: flex; align-items: center; padding: 0 0 45px; margin: 0 0 45px; position: relative;} footer .soc-block:after {content: ''; display: block; position: absolute; bottom: 0; height: 1px; width: 5000px; left: 50%; transform: translateX(-50%); background: #DDE1E7;} footer .soc-block .col {width: 402px;} footer .soc-block .col p.title { font-weight: 600; font-size: 20px; line-height: 26px; color: #191919; margin: 0 0 9px;} footer .soc-block .col p + p {padding-top: 5px;} footer .soc-block .col a {color: #006BCF; text-decoration: none;} footer .soc-block .col a:hover {color: #36A9E1;} footer .soc-block .block {margin: 0 0px 0 0; display: flex; align-items: center; text-decoration: none; color: #006BCF; font-size: 15px;} footer .soc-block .block:last-child {margin: 0;} footer .soc-block .block img {display: block;} footer .soc-block .soc-links {width: calc(100% - 402px); max-width: 750px; display: flex; justify-content: space-between;} footer .soc-block .soc-links .ic {width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0;} footer .soc-block .soc-links .ic img {display: table; max-width: 100%; max-height: 100%; height: 35px;} footer .copy {display: flex; justify-content: space-between; font-size: 15px; line-height: 22px; color: #191919;} footer .copy small {display: block; font-size: 15px; color: #919699;} footer .copy a {color: #006BCF; text-decoration: none;} .content-form {max-width: 600px!important;} .content.text-page .content-form p {padding: 0 0 5px; font-weight: normal;} .content-form .inp-txt {width: 100%; background: #fff; font-family: inherit; border: 1px solid #EAEAEA; height: 58px; line-height: 56px; border-radius: 8px; padding: 0 20px; margin: 0 0 16px; font-size: 17px; color: #191919;} .content-form .inp-txt::-moz-placeholder {opacity: 0.6; color: #191919;} .content-form .inp-txt::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .content-form .inp-txt:focus::-moz-placeholder {opacity: 0;} .content-form .inp-txt:focus::-webkit-input-placeholder {opacity: 0;} .content-form textarea.inp-txt {height: 120px; resize: none; overflow: hidden; padding: 15px 20px; line-height: 130%;} .content-form textarea::-moz-placeholder {opacity: 0.6; color: #191919;} .content-form textarea::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .content-form textarea:focus::-moz-placeholder {opacity: 0;} .content-form textarea:focus::-webkit-input-placeholder {opacity: 0;} .content-form .outer {position: relative;} .content-form .checkbox {margin: 0 0 32px; display: flex; align-items: flex-start; position: relative;} .content-form .checkbox input {width: 24px; height: 24px; margin: 0 15px 0 0; position: relative; cursor: pointer; padding: 0; z-index: 2;opacity: 0;} .content-form .checkbox .txt {width: calc(100% - 40px); font-size: 13px; line-height: 130%; color: #191919;} .content-form .checkbox .txt a {color: #006BCF; text-decoration: none;} .content-form .checkbox .ic {border: 1px solid #EAEAEA; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border-radius: 4px;} .content-form .checkbox.normaltxt .txt {font-size: inherit; line-height: inherit;} .content-form .checkbox input:checked + .ic, .content-form .checkbox input:checked + label + .ic {background: #36A9E1 url(img/check.svg) center center no-repeat; border-color: #36A9E1;} .content-form .submit {transition: all 0.3s ease; font-family: inherit; border: 0; cursor: pointer; display: table; line-height: 56px; padding: 0 32px; border-radius: 8px; background: #006BCF; font-weight: 500; font-size: 17px; color: #fff;} .content-form .submit:hover {background: #36A9E1;} .content-form label.error { display: block; line-height: 16px; position: absolute; left: 20px; top: 2px; font-size: 12px; color: #ff0000;} .content-form .checkbox label.error {left: 0; top: auto; bottom: -12px;} .content-form .star {color: #ff6b00;} .content-form .select-outer {z-index: 2; width:100%; margin: 0 0 25px; position: relative; height: 55px;} .content-form .select-outer select {position: absolute; left: -99999px;} .content-form .select-outer .jq-selectbox__select {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 48px; background: #FFFFFF; border-radius: 8px; padding: 0 20px; color: inherit; font-size: 17px; line-height: 46px; cursor: pointer; border: 1px solid #EAEAEA;} .content-form .select-outer .changed + small { top: 6px; font-size: 12px; line-height: 20px; color: #575A5C;} .content-form .select-outer small {pointer-events: none; font-weight: normal; transition: all 0.3s ease; color: rgba(25,25,25,0.6); font-size: 15px; top: 15px; position: absolute; left: 20px;} .content-form .select-outer .changed .jq-selectbox__select-text {opacity: 1;} .content-form .select-outer .jq-selectbox__trigger {width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -12px; background: url(img/sel-arr.svg) center center no-repeat;} .content-form .select-outer .opened .jq-selectbox__trigger {transform: scale(-1,-1); margin-top: -14px;} .content-form .select-outer .opened .jq-selectbox__select {border-radius: 8px 8px 0 0; border-bottom-color: #fff;} .content-form .select-outer .jq-selectbox__dropdown {font-weight: normal; padding: 0 20px 20px; border-radius: 0 0 8px 8px; background: #fff; top: calc(100% - 1px)!important; bottom: auto!important; border: 1px solid #EAEAEA; border-top: 0;} .content-form .select-outer .jq-selectbox__dropdown ul {font-size: 17px; padding: 10px 0 0 0!important; margin: 0; list-style-type: none;} .content-form .select-outer .jq-selectbox__dropdown ul li {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0!important; transition: opacity 0.3s ease; cursor: pointer;} .content-form .select-outer .jq-selectbox__dropdown ul li + li {margin-top: 10px;} .content-form .select-outer .jq-selectbox__dropdown ul li:before {display: none;} .content-form .select-outer .jq-selectbox__dropdown ul li:not(:last-child) {margin-bottom: 5px;} .content-form .select-outer:not(.showfirst) .jq-selectbox__dropdown ul li:first-child {display: none;} .content-form .select-outer .jq-selectbox__dropdown ul li:hover {opacity: 1;} .content .montage-instr-block {background: #fff; border-radius: 8px; overflow: hidden;} .content .montage-instr-block .block { display: flex; align-items: center; padding: 20px;} .content .montage-instr-block .block:not(:last-child) {border-bottom: 1px solid #F5F5F7;} .content .montage-instr-block .block .pics {display: flex; padding: 0 40px 0 0;} .content .montage-instr-block .block .pics img {width: 280px; min-width: 280px;} .content .montage-instr-block .block .pics img + img {margin-left: 10px;} .content .montage-instr-block .block .pics img:nth-child(odd):last-child {width: 570px; min-width: 570px;} .content .montage-instr-block .block .txt h3 {font-size: 20px; line-height: 125%; color: inherit!important;} .content .montage-instr-block .block .txt h3 {margin: 0 0 10px;} .content .montage-instr-block .block .txt p + h3 {padding-top: 10px;} .popup {position: fixed; top: 0; left: -99999px; opacity: 0; transition: opacity 0.3s ease; bottom: 0; width:100%; z-index: 999; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4);} .popup.visible {left: 0; opacity: 1;} .popup .overlay {position: absolute; top: 0; bottom: 0; left: 0; width:100%;} .popup .into {position: relative; overflow: hidden; width: calc(100% - 40px); padding: 24px 32px 32px; max-width: 540px; background: #fff; border-radius: 16px;} .popup .into .top { font-weight: 600; font-size: 24px; line-height: 31px; color: #191919; position: relative; padding: 0 50px 0 30px; line-height: 70px; background: #F7F8F9; border-bottom: 1px solid #DDE1E7;} .popup .into .close {width: 24px; height: 24px; position: absolute; right: 14px; top: 14px; cursor: pointer; background: url(img/close.svg) center center no-repeat;} .popup .into .form .text {width: 100%; background: #fff; font-family: inherit; border: 1px solid #EAEAEA; height: 58px; line-height: 56px; border-radius: 8px; padding: 0 20px; margin: 0 0 16px; font-size: 17px; color: #191919;} .popup .into .form .text::-moz-placeholder {opacity: 0.6; color: #191919;} .popup .into .form .text::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .popup .into .form .text:focus::-moz-placeholder {opacity: 0;} .popup .into .form .text:focus::-webkit-input-placeholder {opacity: 0;} .popup .into .form textarea.text {height: 120px; resize: none; overflow: hidden; padding: 15px 20px; line-height: 130%;} .popup .into .form textarea::-moz-placeholder {opacity: 0.6; color: #191919;} .popup .into .form textarea::-webkit-input-placeholder {opacity: 0.6; color: #191919;} .popup .into .form textarea:focus::-moz-placeholder {opacity: 0;} .popup .into .form textarea:focus::-webkit-input-placeholder {opacity: 0;} .popup .into .form .outer {position: relative;} .popup .into .form .checkbox {margin: 0 0 32px; display: flex; align-items: flex-start; position: relative;} .popup .into .form .checkbox input {width: 24px; height: 24px; margin: 0 15px 0 0; position: relative; cursor: pointer; padding: 0; z-index: 2;opacity: 0;} .popup .into .form .checkbox .txt {width: calc(100% - 40px); font-size: 13px; line-height: 130%; color: #191919;} .popup .into .form .checkbox .txt a {color: #006BCF; text-decoration: none;} .popup .into .form .checkbox .ic {border: 1px solid #EAEAEA; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border-radius: 4px;} .popup .into .form .checkbox input:checked + .ic, .popup .into .form .checkbox input:checked + label + .ic {background: #36A9E1 url(img/check.svg) center center no-repeat; border-color: #36A9E1;} .popup .into .form .submit {transition: all 0.3s ease; font-family: inherit; border: 0; cursor: pointer; display: table; line-height: 56px; padding: 0 32px; border-radius: 8px; background: #006BCF; font-weight: 500; font-size: 17px; color: #fff;} .popup .into .form .submit:hover {background: #36A9E1;} .popup .into .form label.error { display: block; line-height: 16px; position: absolute; left: 20px; top: 2px; font-size: 12px; color: #ff0000;} .popup .into .form .checkbox label.error {left: 0; top: auto; bottom: -12px;} .popup .into .title {font-size: 24px; line-height: 32px; font-weight: 500; color: #191919; margin: 0 0 24px; padding: 0;} .popup .into ul {font-size: 17px; line-height: 26px; color: #191919; padding: 0; margin: 0; list-style-type: none;} .popup .into ul li + li {margin-top: 12px;} .popup .into ul li.active a {background: url(img/active-check.svg) right center no-repeat; font-weight: 500; color: #36A9E1; } .popup .into ul li a {display: block; text-decoration: none; color: inherit;} .popup .into ul li a:hover {color: #36A9E1;} .popup .into small {padding: 24px 0 0 0; margin: 24px 0 0 0; position: relative; display: block; border-top: 1px solid #EAEAEA; font-size: 15px; line-height: 22px; color: #8D9091;} .popup .into small a {text-decoration: none; color: #006BCF;} .popup .into small a:hover {color: #36A9E1;} .popup .thanks-block {text-align: center;} .popup .thanks-block .title {letter-spacing: -0.5px; margin-bottom: 16px;} .popup .thanks-block img {margin: 0 auto 24px; display: table;} .popup .thanks-block .btn.close {width: auto; height: auto; display: table; position: relative; margin: 40px auto 0; top: auto; right: auto; border-radius: 8px; background: #006BCF; padding:0 32px; font-size: 17px; color: #fff; line-height: 56px; font-weight: 500; text-decoration: none;} .popup.thanks-popup {font-size: 17px; line-height: 26px; color: #191919; text-align: center;} .popup.thanks-popup .into {padding: 40px; max-width: 510px;} .popup.thanks-popup .title {letter-spacing: -0.5px; margin-bottom: 16px;} .popup.thanks-popup img {margin: 0 auto 24px; display: table;} .popup.thanks-popup .btn.close {width: auto; height: auto; display: table; position: relative; margin: 40px auto 0; top: auto; right: auto; border-radius: 8px; background: #006BCF; padding:0 32px; font-size: 17px; color: #fff; line-height: 56px; font-weight: 500; text-decoration: none;} @media (max-height: 650px) { .popup {align-items: flex-start; padding: 40px 0; overflow: auto;} } .content .problems-counts {margin: 60px 0; padding: 70px 0 85px; position: relative;} .content .problems-counts > * {position: relative;} .content .problems-counts:before {content: ''; display: block; width: 100vw; position: absolute; top: 0; left: 50%; bottom: 0; transform: translateX(-50%); background: url(img/problems-counts-bg.png) bottom center/cover no-repeat;} .content .problems-counts h2 {color: #fff;} .content .problems-counts .blocks {padding: 10px 0 0 0; display: flex; justify-content: space-around;} .content .problems-counts .blocks .block {font-size: 15px; line-height: 24px; color: #FFFFFF; width: calc(25% - 30px); text-align: center;} .content .problems-counts .blocks .block .big {padding-top: 9px; display: flex; align-items: center; justify-content: center; line-height: 35px; font-weight: 600; font-size: 48px; letter-spacing: -1px; color: #FF6B00; background: #FFFFFF; width: 135px; height: 135px; margin: 0 auto 20px; text-align: center; border-radius: 50%;} .content .problems-counts .blocks .block .big small {letter-spacing: 0; font-size: 20px;} .content .problems-counts .blocks .block .big small.bl {margin-top: -4px; display: block; line-height: 140%;} .content .problems-counts .blocks .block .big small.b2 {display: block; line-height: 140%;} .content .problems-pic-txt {margin: 0 0 70px; display: flex; align-items: flex-start;} .content .problems-pic-txt .pic {border-radius: 15px; width: calc(50% - 70px); margin: 0 70px 0 0; background-position: center center; background-size: cover;} .content .problems-pic-txt .pic:before {content: ''; display: block; padding-top: 68%;} .content .problems-pic-txt .txt {font-size: 15px; line-height: 24px; color: #191919; width: 50%;} .content .problems-pic-txt .txt ul {padding: 0; margin: 0 0 30px; list-style-type: none;} .content .problems-pic-txt .txt ul li {position: relative; padding-left: 50px; margin: 0 0 15px; } .content .problems-pic-txt .txt ul li + li {margin-top: 5px;} .content .problems-pic-txt .txt ul li:before {content: ''; display: block; position: absolute; width: 25px; top: 4px; left: 10px; height: 25px; background: url(img/check-ul-bullet-t.svg) center center/contain no-repeat;} .content .problems-pic-txt .txt .btn {margin: 30px 0 0 0; padding: 0 30px; display: table; line-height: 48px; background: #FF6B00; font-weight: 600; color: #fff; text-decoration: none; font-size: 15px; border-radius: 15px;} .content .problems-pic-txt .txt .btn:hover {background: #36A9E1;} .content .prob-grey-bg {margin: 70px 0; padding: 70px 0; position: relative;} .content .prob-grey-bg > * {position: relative;} .content .prob-grey-bg:before {background: #F7F8F9; content: ''; display: block; position: absolute; width: 5000px; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);} .content .prob-grey-bg iframe {border: 0; width:100%;} .content .prob-grey-bg .btns {display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0 0 0;} .content .prob-grey-bg .btns a {margin: 0 10px; line-height: 48px; font-weight: 600; font-size: 15px; color: #FFFFFF; display: table; padding: 0 30px; text-decoration: none; background: #FF6B00; border-radius: 15px; } .content .prob-grey-bg .btns a:hover {background: #36A9E1;} .content .recomendations-block {margin: 0 0 70px;} .content .recomendations-block .block {width: 100%; display: block; background: #F7F8F9; padding: 30px; border-radius: 15px; font-size: 15px; text-decoration: none; line-height: 24px; color: #575A5C;} .content .recomendations-block .block .ic img {transition: all 0.3s ease; width: auto; height: 15px; margin: 0 0 10px;} .content .recomendations-block .block:hover .ic img {filter: brightness(200%);} .content .recomendations-block .block .title {transition: all 0.3s ease; display: block; margin: 0 0 10px; font-weight: 600; font-size: 15px; line-height: 24px; color: #006BCF;} .content .recomendations-block .block:hover .title {color: #36A9E1;} .content .recomendations-block.owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .recomendations-block.owl-carousel .owl-item {display: flex; align-items: stretch;} .content .recomendations-block.owl-carousel .owl-dots {display: none;} .content .recomendations-block.owl-carousel .owl-nav {position: absolute; display: flex; top: -80px; right: 0;} .content .recomendations-block.owl-carousel .owl-nav button {position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #DDE1E7;} .content .recomendations-block.owl-carousel .owl-nav button:after {opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/white-arr.svg) center center no-repeat} .content .recomendations-block.owl-carousel .owl-nav button:not(.disabled):hover {background: #36A9E1; border-color: #36A9E1;} .content .recomendations-block.owl-carousel .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .recomendations-block.owl-carousel .owl-nav button.owl-prev {transform: scale(-1,1);} .content .recomendations-block.owl-carousel .owl-nav button.disabled {cursor: default;} .content .examples-block {position: relative; padding: 70px 0; margin: 0 0 70px;} .content .examples-block > * {position: relative;} .content .examples-block:before {background: #191919 url(img/ex-bg.jpg) bottom center/cover no-repeat; content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 100vw; transform: translateX(-50%);} .content .examples-block h2 {color: #fff; margin: 0 0 50px;} .content .examples-block .owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .examples-block .owl-carousel .owl-item {display: flex; align-items: stretch;} .content .examples-block .owl-carousel .owl-dots {display: none;} .content .examples-block .owl-carousel .owl-nav {position: absolute; display: flex; top: -80px; right: 0;} .content .examples-block .owl-carousel .owl-nav button {position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #fff;} .content .examples-block .owl-carousel .owl-nav button:after {transition: ll 0.3s ease; opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/lblue-arr.svg) center center no-repeat} .content .examples-block .owl-carousel .owl-nav button:not(.disabled):hover:after {filter: brightness(50%);} .content .examples-block .owl-carousel .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .examples-block .owl-carousel .owl-nav button.owl-prev {transform: scale(-1,1);} .content .examples-block .owl-carousel .owl-nav button.disabled {cursor: default; opacity: 0.5;} .content .examples-block .block {width:100%; font-size: 15px; line-height: 24px; color: #575A5C; background: #fff; display: block; text-decoration: none; position: relative; border-radius: 15px; overflow: hidden;} .content .examples-block .block .pic {background-position: center center; background-size: cover;} .content .examples-block .block .pic:before {padding-top: 72%; content: ''; display: block;} .content .examples-block .block .inf {padding: 30px 30px 50px;} .content .examples-block .block .title {transition: all 0.3s ease; font-weight: 600; font-size: 20px; line-height: 26px; color: #191919; padding: 0; margin: 0 0 15px; display: block;} .content .examples-block .block:hover .title {color: #36A9E1;} .content .examples-block .block .address {padding: 0 0 0 21px; margin: 0 0 15px; display: block; position: relative;} .content .examples-block .block .address:before {transition: all 0.3s ease; content: ''; width: 12px; height: 16px; position: absolute; top: 4px; left: 0; display: block; background: url(img/addr-ic.svg) center center/contain no-repeat;} .content .examples-block .block:hover .address:before {filter: brightness(200%);} .content .examples-block .block .go {transition: all 0.3s ease; margin: 10px 0 0 0; display: table; position: absolute; left: 30px; bottom: 30px; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .examples-block .block:hover .go {color: #36A9E1;} .content .examples-block .block:hover .go:after {filter: brightness(200%);} .content .examples-block .block .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .instr-search {position: relative; max-width: 400px; margin: 0 0 40px;} .content .instr-search input[type=text] {transition: all 0.3s ease; font-family: inherit; display: block; width:100%; border: 0; height: 48px; line-height: 46px; padding: 0 80px 0 20px; background: #fff; border: 1px solid #EAEAEA; border-radius: 8px; font-size: 15px;} .content .instr-search input[type=text]::-moz-placeholder {opacity: 0.6; color: #8F96A4;} .content .instr-search input[type=text]::-webkit-input-placeholder {opacity: 0.6; color: #8F96A4;} .content .instr-search input[type=text]:focus::-moz-placeholder {opacity: 0;} .content .instr-search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} .content .instr-search .submit {border: 0; display: block; position: absolute; top: 0; right: 0; width: 48px; height: 48px; cursor: pointer; background:url(img/loop.svg) center center no-repeat; } .content .partners-slider {margin: 0 0 66px;} .content .partners-slider .block {padding: 0 37px; background: #FFFFFF; height: 125px; display: flex; align-items: center; justify-content: center; border: 1px solid #DDE1E7; border-radius: 15px;} .content .partners-slider .block img {width: auto; max-height: 73px; max-width:100%;} .content .partners-slider .owl-carousel .owl-dots {display: none;} .content .partners-slider .owl-carousel .owl-nav {position: absolute; display: flex; top: -80px; right: 0;} .content .partners-slider .owl-carousel .owl-nav button {position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #DDE1E7;} .content .partners-slider .owl-carousel .owl-nav button:after {opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/white-arr.svg) center center no-repeat} .content .partners-slider .owl-carousel .owl-nav button:not(.disabled):hover {background: #36A9E1; border-color: #36A9E1;} .content .partners-slider .owl-carousel .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .partners-slider .owl-carousel .owl-nav button.owl-prev {transform: scale(-1,1);} .content .partners-slider .owl-carousel .owl-nav button.disabled {cursor: default;} .content .videos-page {margin: 0 0 80px; position: relative; display: flex; align-items: stretch;} .content .videos-page .detail {width: 100%;} .content .videos-page .video-filter {width: 284px; margin: 0 48px 0 0; } .content .videos-page .video-filter .mob-filter-title {display: none;} .content .videos-page .video-filter .slick-wrap {width: 284px;} .content .videos-page .video-filter .slick-wrap.fix {position: fixed; top: 0;} .content .videos-page .video-filter .slick-wrap.fix.bottom {position: absolute; top: auto; bottom: 0;} .content .videos-page .video-filter .left {} .content .videos-page .video-filter .left .search {position: relative;} .content .videos-page .video-filter .left .search input[type=text] {transition: all 0.3s ease; font-family: inherit; display: block; width:100%; border: 0; height: 48px; line-height: 46px; padding: 0 80px 0 20px; background: #fff; border: 1px solid #EAEAEA; border-radius: 8px; font-size: 15px;} .content .videos-page .video-filter .left .search input[type=text]::-moz-placeholder {opacity: 0.6; color: #8F96A4;} .content .videos-page .video-filter .left .search input[type=text]::-webkit-input-placeholder {opacity: 0.6; color: #8F96A4;} .content .videos-page .video-filter .left .search input[type=text]:focus::-moz-placeholder {opacity: 0;} .content .videos-page .video-filter .left .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} .content .videos-page .video-filter .left .search .submit {border: 0; display: block; position: absolute; top: 0; right: 0; width: 48px; height: 48px; cursor: pointer; background:url(img/loop.svg) center center no-repeat; } .content .videos-page .video-filter .right {margin: 20px 0 0 0;} .content .videos-page .video-filter .right .close {display: none;} .content .videos-page .video-filter .right .checkboxes {display: flex; flex-wrap: wrap; padding: 0 0 20px;} .content .videos-page .video-filter .right .checkboxes:last-child {padding-bottom: 0;} .content .videos-page .video-filter .right .checkboxes label {width: 100%; cursor: pointer; font-size: 15px; line-height: 22px; align-items: center; display: flex; position: relative;} .content .videos-page .video-filter .right .checkboxes label + label {margin-top: 12px;} .content .videos-page .video-filter .right .checkboxes label input {margin: 0 8px 0 0; padding: 0; width: 24px; height: 24px; cursor: pointer; position: relative; z-index: 2; opacity: 0;} .content .videos-page .video-filter .right .checkboxes label input:checked + .i {background: #36A9E1 url(img/check.svg) center center no-repeat; border-color: #36A9E1;} .content .videos-page .video-filter .right .checkboxes label .i {width: 24px; height: 24px; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 4px;} .content .videos-page .video-filter p { font-weight: 500; margin: 0 0 16px;} .content .videos-page .video-filter .mobile-filter-btn {display: none;} .content .videos-page .video-filter .apply {display: none;} .content .videos-page .list {width: calc(100% - 332px);} .content .videos-page .list .block {border-top: 1px solid #EAEAEA; position: relative; display: flex; transition: all 0.3s ease; font-size: 15px; line-height: 22px; color: inherit; text-decoration: none; padding: 32px 0 0 0; margin: 0 0 32px;} .content .videos-page .list .block:first-child {padding-top: 0; border-top: 0;} .content .videos-page .list .block:last-child {margin-bottom: 48px;} .content .videos-page .list .block .pic {width: 280px; min-height: 168px; border-radius: 8px; margin: 0 32px 0 0; display: block; position: relative; background-position: center center; background-size: cover;} .content .videos-page .list .block .pic .time {display: table; position: absolute; left: 30px; bottom: 30px; background: #FFFFFF; border-radius: 100px; font-size: 13px; padding: 0 15px; line-height: 30px; color: #191919;} .content .videos-page .list .block .inf {position: relative; min-height: 100%; padding: 0 0 40px; width: calc(100% - 312px);} .content .videos-page .list .block .inf h3 {font-size: 17px; line-height: 26px; margin: 0 0 16px; padding: 0; font-weight: 500;} .content .videos-page .list .block .inf h3 a {color: inherit; text-decoration: none;} .content .videos-page .list .block .inf .descr {color: #8D9091; margin: 0 0 16px;} .content .videos-page .list .block .inf .params {display: flex; align-items: center; flex-wrap: wrap;} .content .videos-page .list .block .inf .type {line-height: 22px; font-size: 15px; font-weight: 500;} .content .videos-page .list .block .inf .type + .type {margin-left: 12px;} .content .videos-page .list .block .inf .type a {font-weight: normal; color: #006BCF; text-decoration: none;} .content .videos-page .list .block .inf .time {font-size: 15px; line-height: 22px; font-weight: 500; position: absolute; left: 0; bottom: 0; display: flex; align-items: center;} .content .videos-page .list .block .inf .time:before {content: ''; display: block; width: 24px; height: 24px; margin: 0 4px 0 0; background: url(img/time-ic.svg) center center no-repeat;} .content .videos-page .block + .show-more {margin-top: 48px;} .content .videos-page .show-more {font-weight: 500; font-size: 17px; line-height: 54px; border: 1px solid #EAEAEA; border-radius: 8px; padding: 0 32px; margin: 0; display: table; color: #191919; text-decoration: none; } .content .videos-page .show-more:hover {background: #36A9E1;} .content .videos-page .detail .vid {border-radius: 8px; overflow: hidden; margin: 0 0 32px;} .content .videos-page .detail .vid iframe {border-radius: 8px; width:100%;} .content .videos-page .detail .time {display: table; background: #F7F8F9; margin: 0 0 20px; border-radius: 100px; font-size: 13px; padding: 0 15px; line-height: 30px; color: #191919;} .content .videos-page .detail .txt h2 { font-weight: 600; font-size: 28px; line-height: 36px; color: #191919; margin: 0 0 20px; padding: 10px 0 0 0;} .content .videos-page .detail .txt p {padding: 0 0 10px;} .content .videos-page .detail .txt ul:not(.breadcrumbs) {padding: 5px 0 20px; margin: 0; list-style-type: none;} .content .videos-page .detail .txt ul:not(.breadcrumbs) li + li {margin-top: 10px;} .content .videos-page .detail .txt ul:not(.breadcrumbs) li {position: relative; padding-left: 26px;} .content .videos-page .detail .txt ul:not(.breadcrumbs) li:before {content: ''; width: 8px; height: 8px; display: block; position: absolute; top: 8px; left: 8px; background: #006BCF; border-radius: 50%;} .content .videos-page .video-filter .right .spoiler-block .checkboxes {max-height: 900px; margin: 16px 0 0 0; transition: all 0.3s ease; font-weight: normal;} .content .videos-page .video-filter .right .spoiler-block:not(.open) .checkboxes {max-height: 0; opacity: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; margin: 0;} .job-list .videos-page .video-filter .right .spoiler-block .title {position: relative; cursor: pointer;} .job-list .videos-page .video-filter .right .spoiler-block .title:after {content: ''; position: absolute; display: block; width: 24px; height: 24px; top: 50%; right: 0; margin-top: -12px; transition: all 0.3s ease; background: url(img/spoiler-arr.svg) center center no-repeat;} .job-list .videos-page .video-filter .right .spoiler-block.open .title:after {transform: scale(1,-1);} .job-list .videos-page .video-filter .right .spoiler-block + .spoiler-block {margin-top: 20px;} .job-list .list .spoiler-block {padding: 24px; background:#F5F5F7; border-radius: 8px;} .job-list .list .spoiler-block + .spoiler-block {margin-top: 10px;} .job-list .list .spoiler-block .title {padding: 0 72px 0 0; position: relative; cursor: pointer; display: flex; flex-wrap: wrap;} .job-list .list .spoiler-block .title:after {content: ''; width: 40px; height: 40px; border-radius: 50%; background: #fff url(img/spoiler-plus.svg) center center no-repeat; transition: all 0.3s ease; position: absolute; display: block; top: 0; right: 0;} .job-list .list .spoiler-block.open .title:after {transform: rotate(45deg);} .job-list .list .spoiler-block .title .top {margin: 0 0 20px; font-size: 20px; line-height: 30px; width: 100%; display: flex; align-items: center; justify-content: space-between;} .job-list .list .spoiler-block .title .salary {color: #7B7E80;} .job-list .list .spoiler-block .title .salary small {font-size: 15px; line-height: 22px; font-weight: normal;} .job-list .list .spoiler-block .title .char {font-size: 15px; line-height: 22px; margin: 0 16px 0 0; display: flex; align-items: center; font-weight: normal;} .job-list .list .spoiler-block .title .char:last-child {margin-right: 0;} .job-list .list .spoiler-block .title .char .ic {width: 16px; height: 16px; margin: 0 6px 0 0; display: flex; align-items: center; justify-content: center;} .job-list .list .spoiler-block .title .char .ic img {display: block; max-height: 16px; max-width: 16px;} .job-list .list .spoiler-block .hidden-content {font-weight: normal; margin: 24px 0 0 0; display: none;} .job-list .list .spoiler-block .hidden-content p:not(:last-child) {padding-bottom: 16px;} .job-list .list .spoiler-block .hidden-content b {font-weight: 500;} .job-list .list .spoiler-block .hidden-content ul {padding: 0 0 20px; margin: 0; list-style-type: none;} .job-list .list .spoiler-block .hidden-content ul:last-child {padding: 0;} .job-list .list .spoiler-block .hidden-content ul li + li {margin-top: 12px;} .job-list .list .spoiler-block .hidden-content ul li {position: relative; padding-left: 26px;} .job-list .list .spoiler-block .hidden-content ul li:before {content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 10px; left: 9px; background: #36A9E1; border-radius: 50%;} .job-list .list .spoiler-block .hidden-content .btn {margin: 12px 0 0 0; width: 100%; max-width: 100%; text-align: center;} .job .product-page .form-block:before {display: none; } .job .product-page .form-block {padding: 24px; justify-content: space-between; border-radius: 8px; background: #36A9E1 url(img/job-form-bg.webp) center center/cover no-repeat; display: flex;} .job .product-page .form-block .left {font-size: 24px; line-height: 32px; color: #fff; width: calc(50% - 16px);} .job .product-page .form-block .left .btn {display: none;} .job .product-page .form-block .left h2 {font-size: 32px; line-height: 120%; margin: 0 0 8px; text-align: left;} .job .product-page .form-block form {background: #fff; border-radius: 8px; box-shadow: 0px 0px 20px 0px #0000000F; padding: 24px; width: calc(50% - 16px);} .content.job .product-page .form-block .form .outer:not(.long) {width: calc(50% - 8px);} .content.job .product-page .form-block input.text {height: 48px; line-height: 46px;} .content.job .product-page .form-block input.text, .content.job .product-page .form-block textarea {font-size: 17px; margin-bottom: 16px; border: 1px solid #EAEAEA;} .content.job .product-page .form-block input.text:not(:focus)::-moz-placeholder, .content.job .product-page .form-block textarea:not(:focus)::-moz-placeholder {opacity: 1; color: #191919;} .content.job .product-page .form-block input.text:not(:focus)::-webkit-input-placeholder, .content.job .product-page .form-block textarea:not(:focus)::-webkit-input-placeholder {opacity: 1; color: #191919;} .content.job .product-page .form-block .checkbox .txt {padding-top: 0; font-size: 13px; line-height: 120%; color: #191919;} .content.job .product-page .form-block .checkbox .txt a {color: #006BCF; text-decoration: none;} .content.job .product-page .form-block .form .checkbox .ic {border: 1px solid #EAEAEA;} .content.job .product-page .form-block .submit {background: #006BCF; color: #fff;} .content.job .product-page .form-block .submit:hover {background: #36A9E1; color: #fff;} .form-block .file-inp {z-index: 5; position: absolute; display: block; overflow: hidden; cursor: pointer; width: 24px; height: 24px; background: url(img/attach-ic.svg) center center no-repeat; top: 11px; right: 20px;} .form-block .file-inp input {pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; opacity: 0; cursor: pointer;} .form-block .filename {position: relative; display: table; margin: -12px 0 16px auto; font-size: 15px; line-height: 22px; font-weight: normal; padding-right: 20px;} .form-block .filename span {display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .form-block .filename .remove {display: block; width: 16px; height: 16px; cursor: pointer; right: 0; position: absolute; top: 50%; margin-top: -8px; background: url(img/remove-ic.svg) center center/contain no-repeat;} .popup.job-popup .into {max-width: 700px;} .popup.job-popup form {display: flex; justify-content: space-between; flex-wrap: wrap;} .popup.job-popup .title {width: 100%;} .popup.job-popup .form-block .outer:not(.long) {width: calc(50% - 8px);} .popup.job-popup .form-block .outer.long {width: 100%;} .popup.job-popup .form-block input.text {height: 48px; line-height: 46px;} .popup.job-popup .form-block input.text, .popup.job-popup .form-block textarea {font-size: 17px; margin-bottom: 16px; border: 1px solid #EAEAEA;} .popup.job-popup .form-block input.text:not(:focus)::-moz-placeholder, .popup.job-popup .form-block textarea:not(:focus)::-moz-placeholder {opacity: 1; color: #191919;} .popup.job-popup .form-block input.text:not(:focus)::-webkit-input-placeholder, .popup.job-popup .form-block textarea:not(:focus)::-webkit-input-placeholder {opacity: 1; color: #191919;} .popup.job-popup .form-block .checkbox .txt {padding-top: 0; font-size: 13px; line-height: 120%; color: #191919;} .popup.job-popup .form-block .checkbox .txt a {color: #006BCF; text-decoration: none;} .popup.job-popup .form-block .form .checkbox .ic {border: 1px solid #EAEAEA;} .popup.job-popup .form-block .submit {background: #006BCF; color: #fff;} .popup.job-popup .form-block .submit:hover {background: #36A9E1; color: #fff;} .content.promo-page .job-specs-block + .video-block {padding-top: 0; margin-top: 0;} .content .consult-blocks {position: relative; padding: 70px 0; margin: 0 0 70px;} .content .consult-blocks > * {position: relative;} .content .consult-blocks:before {background: url(img/cons-bg.jpg) top center/cover no-repeat; content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 100vw; transform: translateX(-50%);} .content .consult-blocks h2 {margin: 0 0 40px;} .content .consult-blocks .blocks {margin: 0 -20px 0 0; width: calc(100% + 20px); flex-wrap: wrap; display: flex; align-items: stretch;} .content .consult-blocks .blocks .block {font-size: 13px; line-height: 20px; color: #575A5C; width: calc(100% / 3 - 20px); margin: 0 20px 20px 0; position: relative; background: #FFFFFF; border-radius: 15px; padding: 30px 30px 30px 103px;} .content .consult-blocks .blocks .block .ic {position: absolute; top: 30px; left: 0; width: 103px; text-align: center;} .content .consult-blocks .blocks .block .title {font-weight: 600; font-size: 15px; line-height: 24px; color: #191919; display: block; margin: 0 0 10px;} .content .consult-blocks .blocks .block a.tel { font-weight: 600; font-size: 20px; line-height: 26px; color: #191919; display: table; margin: 0 0 10px; text-decoration: none;} .content .consult-blocks .blocks .block .btn {margin: 25px 0 0 0; display: table; text-decoration: none; line-height: 48px; padding: 0 30px; color: #fff; background: #FF6B00; border-radius: 15px; font-weight: 600; font-size: 15px;} .content .consult-blocks .blocks .block .btn:hover {background: #36A9E1;} .content .consult-blocks .blocks .block ul.links {padding: 10px 0 0 0; margin: 0 -20px 0 0; list-style-type: none; width: calc(100% + 20px);} .content .consult-blocks .blocks .block ul.links li + li {margin-top: 20px;} .content .consult-blocks .blocks .block ul.links li a {text-decoration: none; display: table; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .consult-blocks .blocks .block ul.links li a:hover {color: #36A9E1;} .content .consult-blocks .blocks .block ul.links li a:hover:after {filter: brightness(200%);} .content .consult-blocks .blocks .block ul.links li a:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .consult-blocks .blocks .block .dark-txt {font-size: 15px; line-height: 24px; color: #191919;} .content .consult-blocks .blocks .block .dark-txt a {color: #006BCF; text-decoration: none; font-weight: 600;} .content .files-block {margin: 0 -40px 0 0; width: calc(100% + 40px); display: flex; flex-wrap: wrap;} .content .files-block .block {font-size: 15px; text-decoration: none; line-height: 24px; color: #191919; margin: 0 40px 40px 0; width: calc(20% - 40px);} .content .files-block .block:hover {color: #36A9E1;} .content .files-block .block .pic {box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08); margin: 0 0 20px; width: 135px; height: 193px; border-radius: 15px; background-position: center center; background-size: cover;} .content .files-block .block small {font-size: 13px; line-height: 20px; color: #575A5C; display: block; margin: 5px 0 0 0;} .content .files-block .block .download {transition: all 0.3s ease; margin: 15px 0 0 0; padding-left: 34px; position: relative; font-weight: 600; display: table; font-size: 12px; line-height: 24px; color: #006BCF; text-transform: uppercase;} .content .files-block .block .download:before {transition: all 0.3s ease; width: 24px; height: 24px; display: block; position: absolute; content: ''; top: 0; left: 0; background: url(img/download.svg) center center no-repeat;} .content .files-block .block:hover .download:before {filter: brightness(200%);} .content .files-block .block:hover .download {color: #36A9E1;} .content .projects-page .projects .into {position: relative; display: flex; flex-wrap: wrap; padding: 0 calc(50% - 20px) 0 0; align-items: stretch; margin: 0px 0 0px 0;} .content .projects-page .projects .into .block { background: #F7F8F9; font-weight: 600; font-size: 20px; line-height: 26px; color: #191919; padding: 0 0 0px; border-radius: 15px; overflow: hidden; display: block; text-decoration: none; width: calc(50% - 25px); margin: 0 20px 20px 0; } .content .projects-page .projects .into .block .pic {margin: 0 0 0px; background-position: center center; background-size: cover;} .content .projects-page .projects .into .block .pic:before {content: ''; display: block; padding-top: 65%;} .content .projects-page .projects .into .block .city {font-weight: normal; display: block; margin: 10px 0 0 0;} .content .projects-page .projects .into .block .inf {padding: 25px 30px;} @media (min-width: 1001px) { .content .projects-page .projects .into:nth-child(odd) .block:nth-child(5) {margin: 0; position: absolute; bottom: 20px; right: 0px; top: 0; width: calc(50% - 10px);} .content .projects-page .projects .into:nth-child(odd) .block:nth-child(5) .pic {height: calc(100% - 76px);} .content .projects-page .projects .into:nth-child(odd) .block:nth-child(5) .inf {position: absolute; bottom: 0; left: 0; width: 100%;} .content .projects-page .projects .into:nth-child(even) {margin-right: -20px; width: calc(100% + 20px); padding: 0 0 0 calc(50% + 10px);} .content .projects-page .projects .into:nth-child(even) .block:first-child {margin: 0; position: absolute; bottom: 20px; left: 0px; top: 0; width: calc(50% - 20px);} .content .projects-page .projects .into:nth-child(even) .block:first-child .pic {height: calc(100% - 76px);} .content .projects-page .projects .into:nth-child(even) .block::first-child .inf {position: absolute; bottom: 0; left: 0; width: 100%;} .content .projects-page .projects .into:nth-child(even) .block {width: calc(50% - 20px);} } .content a.show-more {margin: 0 0 80px; display: table; border-radius: 8px; text-decoration: none; line-height: 56px; padding: 0 32px; border: 1px solid #EAEAEA; font-size: 17px; font-weight: 500; color: #191919;} .content a.show-more:hover {text-decoration: none;} .content a.show-more:hover {background: #36A9E1; border-color: #36A9E1; color: #fff;} .content a.show-more.files-more span:last-child {display: none;} .content a.show-more.files-more.opened span {display: none;} .content a.show-more.files-more.opened span:last-child {display: inline;} .projects-page .descr {margin: -16px 0 48px;} .projects-page .projects.list {padding: 0 0 70px; flex-wrap: wrap; display: flex; margin: 0 -10px 0 0; width: calc(100% + 10px);} .projects-page .projects.list .block {padding: 30px; display: flex; align-items: flex-end; font-size: 24px; line-height: 32px; color: #fff; text-decoration: none; font-weight: 500; height: 333px; position: relative; border-radius: 8px; overflow: hidden; width: calc(25% - 10px); margin: 0 10px 10px 0;} .projects-page .projects.list .block .inf {width: 100%; position: relative; padding: 0 40px 0 0;} .projects-page .projects.list .block .inf .arr {transition: all 0.3s ease; position: absolute; width: 32px; height: 32px; border-radius: 50%; background: #fff; bottom: 0; right: 0;} .projects-page .projects.list .block:hover .inf .arr {background: #36A9E1;} .projects-page .projects.list .block:hover .inf .arr:after {filter: grayscale(100%) brightness(800%);} .projects-page .projects.list .block .inf .arr:after {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; transition: all 0.3s ease; width: 100%; background: url(img/proj-arr.svg) center left 53% no-repeat;} .projects-page .projects.list .block .pic {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: center center/cover;} .projects-page .projects.list .block .pic:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0.8));} .projects-page .projects.list .block:first-child, .projects-page .projects.list .block:nth-child(6), .projects-page .projects.list .block:nth-child(7), .projects-page .projects.list .block:nth-child(12), .projects-page .projects.list .block:nth-child(13), .projects-page .projects.list .block:nth-child(18), .projects-page .projects.list .block:nth-child(19) {width: calc(50% - 10px);} .content p + .projects-list {margin-top: 40px;} .content .projects-list {display: flex; flex-wrap: wrap; margin: 0 -20px 0 0; width: calc(100% + 20px); padding: 0 0 28px;} .content .projects-list .block {font-size: 20px; line-height: 30px; color: #191919; width: calc(100% / 3 - 20px); margin: 0 20px 20px 0; background: #F5F5F7; position: relative; border-radius: 8px; overflow: hidden; display: block; text-decoration: none; } .content .projects-list .block .pic {margin: 0 0 0px; background-position: center center; background-size: cover;} .content .projects-list .block .pic:before {content: ''; display: block; padding-top: 68%;} .content .projects-list .block .inf {padding: 24px 32px 32px;} .content .projects-list .block .inf .title {transition: all 0.3s ease; font-weight: 500; margin: 16px 0 0 0; display: block;} .content .projects-list .block:hover .inf .title {color: #36A9E1;} .content .projects-list .block .inf .city {position: relative; display: block; color: #191919; font-size: 15px; line-height: 22px; padding-left: 20px;} .content .projects-list .block .inf .city:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; left: 0; top: 50%; width: 12px; height: 16px; margin-top: -8px; background: url(img/addr-ic.svg) center center/contain no-repeat;} .content .projects-list .block .inf .go {transition: all 0.3s ease; margin: 0px 0 0 0; display: table; position: absolute; left: 30px; bottom: 30px; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .projects-list .block:hover .inf .go {color: #36A9E1;} .content .projects-list .block .inf .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .projects-list .block:hover .inf .go:after {filter: brightness(200%);} .content .projects-list .block:nth-child(4), .content .projects-list .block:nth-child(5), .content .projects-list .block:nth-child(9), .content .projects-list .block:nth-child(10), .content .projects-list .block:nth-child(14), .content .projects-list .block:nth-child(15), .content .projects-list .block:nth-child(19), .content .projects-list .block:nth-child(20), .content .projects-list .block:nth-child(24), .content .projects-list .block:nth-child(25), .content .projects-list .block:nth-child(29), .content .projects-list .block:nth-child(30), .content .projects-list .block:nth-child(34), .content .projects-list .block:nth-child(35), .content .projects-list .block:nth-child(39), .content .projects-list .block:nth-child(40) {width: calc(50% - 20px);} .content .other-projects {font-size: 17px; line-height: 26px; color: #191919; counter-reset: num; margin: 0 0 80px; display: table; border: 0; width: 100%;} .content .other-projects .row {position: relative; display: table-row;} .content .other-projects .row:before {top: 50%; left: 0; margin-top: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; border-radius: 50%; background: #36A9E1; font-size: 12px; font-weight: bold; display: block; position: absolute; content: counter(num); counter-increment: num;} .content .other-projects .row > div {padding: 24px 0; border-top: 1px solid #EAEAEA; display: table-cell;} .content .other-projects .row > div.city {padding-left: 20px; background: url(img/addr-ic.svg) center left no-repeat;} .content .other-projects .row > div.title {font-weight: 500; padding-left: 32px;} .content .project-detail .info-block {margin: -16px 0 0 0;} .content .project-detail .info-block .top {display: flex; border-radius: 8px; background: #F5F5F7; margin: 0 0 24px; font-size: 17px; line-height: 26px; font-weight: 500; color: #191919; padding: 20px;} .content .project-detail .info-block .top .bl {display: flex; align-items: center;} .content .project-detail .info-block .top .bl .ic img {display: table; margin: 0 12px 0 0; max-height: 24px;} .content .project-detail .info-block .top .bl + .bl {margin-left: 64px;} .content .project-detail .proj-photo {border-radius: 8px; background: center center/cover; margin: 0 0 47px;} .content .project-detail .proj-photo:before {padding-top: 48%; content: ''; display: block;} .content .project-detail .info-block .bottom {margin: 0 0 40px; font-size: 17px; line-height: 26px; color: #191919; display: flex; justify-content: space-between;} .content .project-detail .info-block .bottom .cl {position: relative; padding-left: 46px; width: calc(25% - 20px); max-width: 292px;} .content .project-detail .info-block .bottom .cl .title {margin: 0 0 4px; font-size: 20px; line-height: 30px; font-weight: 500; color: #191919;} .content .project-detail .info-block .bottom .cl .title .ic {position: absolute; top: 0; left: 0;} .content .project-detail .proj-text {position: relative; color: #191919; padding: 67px 0 80px; margin: 0 0 67px; font-size: 17px; line-height: 26px;} .content .project-detail .proj-text p + p {padding-top: 10px;} .content .project-detail .proj-text > * {position: relative;} .content .project-detail .proj-text:before {z-index: -1; background: #F5F5F7; content: ''; display: block; position: absolute; top: 0; left: 50%; bottom: 0; width: 5000px; transform: translateX(-50%);} .content .project-detail .proj-text ul {padding: 0; margin: 0 0 30px; list-style-type: none;} .content .project-detail .proj-text ul:last-child {margin-bottom: 0;} .content .project-detail .proj-text ul li {position: relative; padding-left: 50px;} .content .project-detail .proj-text ul li + li {margin-top: 8px;} .content .project-detail .proj-text ul li:before {content: ''; display: block; position: absolute; width: 26px; top: 0px; left: 10px; height: 26px; background: url(img/pr-ul-bull.svg) center center no-repeat;} .content .project-detail .video-block {position: relative;} .content .project-detail .video-block:after {content: ''; display: block; position: absolute; width: 5000px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background: #EAEAEA;} .project-detail .video-block {padding: 0;} .project-detail .video-block:before {display: none;} .content .project-detail .proj-gallery {margin: 0 0 100px;} .content .project-detail .proj-gallery .owl-carousel {width: calc(100% - 110px); overflow: visible;} .content .project-detail .proj-gallery .owl-carousel .owl-stage-outer {overflow: visible;} .content .project-detail .proj-gallery .item {font-size: 15px; line-height: 22px; color: #191919;} .content .project-detail .proj-gallery .pic {margin: 0 0 16px; border-radius: 8px; background-position: center center; background-size: cover;} .content .project-detail .proj-gallery .pic:before {content: ''; display: block; padding-top: 63%;} .content .project-detail .proj-gallery .owl-carousel.owl-prgal {margin: 0 0 30px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav {display: flex; position: absolute; right: 0; top: -82px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button {position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #36A9E1;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button:after {transition: all 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) left 14px center no-repeat; filter: grayscale(100%) brightness(900%);} .content .project-detail .proj-gallery .owl-carousel .owl-nav button.owl-next {transform: scale(-1,1); margin-left: 16px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button.disabled {cursor: default; background: #D1D1D1;} .content .project-detail .proj-gallery .owl-carousel .owl-dots {display: none;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs {margin: 0 50px; width: calc(100% - 100px);} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-stage-outer {border-radius: 15px;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button {right: -50px; background: #DDE1E7;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button.owl-prev {left: -50px;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button.disabled {opacity: 1;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button:after {background-image: url(img/white-arr.svg);} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button:not(.disabled):hover {background: #36A9E1;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .owl-nav button:not(.disabled):hover:after {filter: none;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .item {cursor: pointer; margin: 0; border-radius: 15px; background-position: center center; background-size: cover;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs .item:before {content: ''; display: block; padding-top: 66%;} .content .search-results-page .search-materials {display: flex; flex-wrap: wrap; margin: 40px -40px 0 0; width: calc(100% + 40px);} .content .search-results-page .search-materials .block {position: relative; width: calc(25% - 40px); margin: 0 40px 40px 0; display: block; text-decoration: none; font-size: 17px; line-height: 26px; color: #191919;} .content .search-results-page .search-materials .block .pic {display: block; margin: 0 0 20px; background: center center/contain no-repeat;} .content .search-results-page .search-materials .block .pic:after {content: ''; display: block; padding-top: 72%;} .content .search-results-page .search-materials .block .title {font-weight: 500; color: inherit;} .content .search-results-page .search-materials .block .inf {padding: 0 0 110px;} .content .search-results-page .search-materials .block .price {position: absolute; bottom: 64px; left: 0px; display: flex; color: #191919; font-size: 22px; line-height: 26px; font-weight: bold;} .content .search-results-page .search-materials .block .price small {font-weight: normal; font-size: 15px;} .content .search-results-page .search-materials .block .price div + div {margin-left: 8px;} .content .search-results-page .search-materials .block .price .grey {color: #8D9091;} .content .search-results-page .search-materials .block .btns {position: absolute; left: 0px; width: 100%; bottom: 0px; display: flex; justify-content: space-between;} .content .search-results-page .search-materials .block .btn {width: calc(50% - 4px); transition: all 0.3s ease; display: table; line-height: 38px; height: 42px; border: 1px solid #EAEAEA; color: #191919; font-size: 17px; font-weight: 500; text-align: center; text-decoration: none; border-radius: 8px;} .content .search-results-page .search-materials .block .btn.buy {position: relative; margin-top: 0; border: 0; height: 42px; line-height: 40px; color: #fff; background: #006BCF;} .content .search-results-page .search-materials .block .btn.buy:hover {background: #36A9E1; color: #fff;} .content .search-results-page .search-materials .block .btn.buy span {padding-right: 22px; position: relative;} .content .search-results-page .search-materials .block .btn.buy span:after {content: ''; display: block; position: absolute; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat; right: 0; top: 50%; margin-top: -10px;} .content .search-results-page .search-materials .block .btn.buy .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .content .search-results-page .search-materials .block .btn.buy .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .content .search-results-page .search-materials .block .btn.buy:hover .tooltip {left: 50%; opacity: 1;} .content .search-results-page .search-materials .block .btn:hover {color: #36A9E1;} .content .search-results-page .articles {display: flex; flex-wrap: wrap; align-items: stretch; margin: 40px -20px 0 0; width: calc(100% + 20px);} .content .search-results-page .articles .block {font-size: 13px; line-height: 20px; color: #191919; width: calc(100% / 3 - 20px); margin: 0 20px 20px 0; padding: 30px 30px 70px; text-decoration: none; position: relative; background: #F7F8F9; border-radius: 15px;} .content .search-results-page .articles .block .date {display: block; font-size: 13px; line-height: 20px; color: #919699; margin: 0 0 15px;} .content .search-results-page .articles .block .title {transition: all 0.3s ease; font-weight: 600; font-size: 20px; line-height: 26px; color: #006BCF; margin: 0 0 15px;} .content .search-results-page .articles .block:hover .title {color: #36A9E1;} .content .search-results-page .articles .block .go {transition: all 0.3s ease; margin: 10px 0 0 0; display: table; position: absolute; left: 30px; bottom: 30px; font-weight: 600; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #006BCF;} .content .search-results-page .articles .block:hover .go {color: #36A9E1;} .content .search-results-page .articles .block .go:after {transition: all 0.3s ease; margin: 0 0 0 6px; display: inline-block; content: ''; width: 20px; height: 10px; background:url(img/blue-arr.svg) center center no-repeat;} .content .search-results-page .articles .block:hover .go:after {filter: brightness(200%);} .content .search-results-page .materials-page .into .left-col {width: 100%;} .content .search-results-page .materials-page .into .left-col .constr-list .block .inf {max-width: 1000px;} .content .search-results-page .materials-page .into {margin-top: 40px;} .content .search-results-page .other-list {padding: 0; margin: 40px 0 0 0; list-style-type: none;} .content .search-results-page .other-list li {position: relative; padding-left: 28px;} .content .search-results-page .other-list li:before {width: 8px; height: 8px; content: ''; display: block; position: absolute; left: 0; top: 4px; border-radius: 50%; background: #36A9E1;} .content .search-results-page .other-list li + li {margin-top: 25px;} .content .search-results-page .other-list li .title {display: block; font-weight: 600; font-size: 15px; line-height: 18px; color: #191919; margin: 0 0 8px;} .content .search-results-page .other-list li a {color: #006BCF; text-decoration: none;} .content .search-results-page .other-list li a:hover {color: #36A9E1;} .content .search-results-page .news-block {padding-top: 30px; margin-bottom: 0;} .content .search-results-page .news-page {margin: 0 0 20px;} .content .search-results-page .news-block .block {width: calc(100% / 3 - 20px);} .content .search-results-page .shops-page {padding: 40px 0 0 0;} .content .search-results-page .materials-page {padding: 40px 0 40px 0;} .content .search-results-page .other-list {margin-bottom: 40px;} .content .sonaspray-page .top-bg {margin: 0 0 70px; padding: 50px; display: flex; align-items: flex-end; min-height: 422px; position: relative; border-radius: 15px; background: url(img/sp-top-bg.webp) center left/cover no-repeat;} .content .sonaspray-page .top-bg .txt {color: #191919; font-size: 20px; font-weight: 600; max-width: 430px;} .content .sonaspray-page .top-bg .txt h2 {font-size: 32px; line-height: normal; margin: 0 0 30px; padding: 0;} .content .sonaspray-page .top-bg .txt .descr {margin: 0 0 30px;} .content .sonaspray-page .btn {display: table; line-height: 48px; padding: 0 30px; color: #fff; text-decoration: none; border-radius: 15px; background: #FF6B00; font-size: 15px; font-weight: 600;} .content .sonaspray-page .txt .btn:hover {filter: brightness(110%);} .content .sonaspray-page .center-txt {margin: 0 auto 70px; text-align: center; display: table; max-width: 900px; color: #191919; font-size: 20px; font-weight: 600; line-height: normal;} .content .sonaspray-page .pres-block {justify-content: flex-end; padding: 50px; margin: 0 0 70px; display: flex; align-items: flex-end; border-radius: 15px; background: url(img/sp-pres-bg.webp) center center/cover no-repeat; height: 600px;} .content .sonaspray-page .pres-block .txt {padding: 50px; max-width: 505px; background: #fff; border-radius: 15px; background: #FFF; color: #191919; font-size: 15px; line-height: 24px; } .content .sonaspray-page .pres-block .txt .btn {margin: 30px 0 0 0;} .content .sonaspray-page .grey-block {margin: 0 0 70px; border-radius: 15px; background: #F7F8F9; padding: 30px; display: flex; align-items: center;} .content .sonaspray-page .grey-block .pic {width: calc(100% - 515px); height: 447px; border-radius: 15px; background: url(img/sp-grey-bg.webp) center center/cover no-repeat;} .content .sonaspray-page .grey-block .pic.noradius {border-radius: 0;} .content .sonaspray-page .grey-block .txt {color: #575A5C; font-size: 15px; line-height: 24px; width: 515px; padding: 0 0 0 65px;} .content .sonaspray-page .grey-block.lefttxt .txt {width: 545px; padding: 0 65px 0 30px;} .content .sonaspray-page .grey-block.lefttxt .pic {width: calc(100% - 545px);} .content .sonaspray-page .grey-block .txt h2 {font-size: 28px; line-height: normal; margin: 0 0 20px;} .content .sonaspray-page .grey-block .txt ul {padding: 0; margin: 0 0 30px; list-style-type: none;} .content .sonaspray-page .grey-block .txt ul li {position: relative; padding-left: 50px; margin: 0 0 15px; } .content .sonaspray-page .grey-block .txt ul li + li {margin-top: 5px;} .content .sonaspray-page .grey-block .txt ul li:before {content: ''; display: block; position: absolute; width: 25px; top: 0px; left: 10px; height: 25px; background: url(img/check-ul-bullet-t.svg) center center/contain no-repeat;} .content .sonaspray-page .grey-block .txt .btn {margin-top: 20px;} .content .sonaspray-page .slider-block {display: flex; align-items: flex-start; position: relative; padding: 70px 0; margin: 0 0 70px;} .content .sonaspray-page .slider-block:before {content: ''; position: absolute; width:100vw; top: 0; bottom: 0; display: block; left: 50%; transform: translateX(-50%); background: url(img/bg03.jpg) bottom center/cover no-repeat;} .content .sonaspray-page .slider-block > * {position: relative;} .content .sonaspray-page .slider-block .slider {width: calc(100% - 515px);} .content .sonaspray-page .slider-block .slider .item {border-radius: 15px; height: 500px; background-position: center center; background-size: cover;} .content .sonaspray-page .slider-block .slider .owl-carousel .owl-nav, .content .sonaspray-page .slider-block .slider .owl-carousel .owl-dots {display: none;} .content .sonaspray-page .slider-block .txt {color: #fff; font-size: 15px; line-height: 24px; width: 515px; padding: 24px 65px 0 0;} .content .sonaspray-page .slider-block .txt h2 {color: #fff; font-size: 32px; line-height: normal; margin: 0 0 20px;} .content .sonaspray-page .slider-block .txt .nav {display: flex; margin: 40px 0 0 0;} .content .sonaspray-page .slider-block .txt .owl-nav button {background: none; position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 2px solid #fff;} .content .sonaspray-page .slider-block .txt .owl-nav button:after {opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/white-arr.svg) center center no-repeat} .content .sonaspray-page .slider-block .txt .owl-nav button:hover:after {opacity: 0;} .content .sonaspray-page .slider-block .txt .owl-nav button:before {opacity: 0; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/lblue-arr.svg) center center no-repeat} .content .sonaspray-page .slider-block .txt .owl-nav button:hover:before {opacity: 1;} .content .sonaspray-page .slider-block .txt .owl-nav button:hover {background: #fff; border-color: #fff;} .content .sonaspray-page .slider-block .txt .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .sonaspray-page .slider-block .txt .owl-nav button.owl-prev {transform: scale(-1,1);} .content .sonaspray-page .slider-block .txt .owl-nav button.disabled {cursor: default; border-color: #fff; filter: grayscale(100%); opacity: 0.3;} .content .sonaspray-page .slider-block .txt .owl-nav button.disabled:hover {background: none;} .content .sonaspray-page .slider-block .txt .owl-nav button.disabled:hover:after {opacity: 1;} .content .sonaspray-page .slider-block .txt .owl-nav button.disabled:hover:before {opacity: 0;} .content .sonaspray-page .projects-gallery{margin: 0 0 70px;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav {} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav button {width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background: #fff; position: absolute; top: 50%; margin-top: -20px; right: 15px;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav button:after {transition: all 0.3s ease; position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center center no-repeat;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav button:not(.disabled):hover:after {filter: brightness(50%);} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav button.owl-prev {transform: scale(-1,1); left: 15px; right: auto;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav button.disabled {cursor: default; opacity: 0.5;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-dots {display: none;} .content .sonaspray-page .projects-gallery .block {font-size: 15px; color: ##191919; line-height: normal;} .content .sonaspray-page .projects-gallery .item {background-position: center center; background-size: cover;} .content .sonaspray-page .projects-gallery .item:before {content: ''; display: block; padding-top: 55%;} .content .sonaspray-page .projects-gallery .block .title {text-align: center; margin: 20px 0 0 0;} .content .sonaspray-page .projects-gallery .thumbs-outer {position: relative; border-radius: 15px; overflow: hidden; margin: 30px 50px 0; width: calc(100% - 100px);} .content .sonaspray-page .projects-gallery .gal-thumbs {position: relative;} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; visibility: hidden; display: flex; align-items: center; justify-content: space-between;} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button {border: 0; background: #DDE1E7; visibility: visible; position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer;} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button:after {opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/white-arr.svg) center center no-repeat} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button:not(.disabled):hover {background: #36A9E1; border-color: #36A9E1;} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button.owl-prev {transform: scale(-1,1);} .content .sonaspray-page .projects-gallery .gal-thumbs .owl-nav button.disabled {cursor: default; opacity: 0.5;} .content .sonaspray-page .projects-gallery .thumbs-outer .item {transition: all 0.3s ease; opacity: 0.5; cursor: pointer; border-radius: 15px; width: 109px;} .content .sonaspray-page .projects-gallery .thumbs-outer .item:before {padding-top: 66%;} .content .sonaspray-page .projects-gallery .thumbs-outer .item.active {opacity: 1;} .content .sonaspray-page .dark-block {border-radius: 15px; padding: 35px; margin: 0 0 70px; background: #36A9E1 url(img/bg-btn-block.png) center center/cover no-repeat;} .content .sonaspray-page .dark-block .center-txt {margin-bottom: 0; color: #fff;} .content .sonaspray-blocks.owl-carousel {margin: 0 0 70px;} .content .sonaspray-blocks.owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .sonaspray-blocks.owl-carousel .owl-item {display: flex; align-items: stretch;} .content .sonaspray-blocks.owl-carousel .owl-dots {display: none;} .content .sonaspray-blocks.owl-carousel .owl-nav.disabled {display: none;} .content .sonaspray-blocks.owl-carousel .owl-nav {position: absolute; display: flex; top: -80px; right: 0;} .content .sonaspray-blocks.owl-carousel .owl-nav button {position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 2px solid #006BCF;} .content .sonaspray-blocks.owl-carousel .owl-nav button:after {opacity: 1; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/red-d-arr.svg) center center no-repeat} .content .sonaspray-blocks.owl-carousel .owl-nav button:hover:after {opacity: 0;} .content .sonaspray-blocks.owl-carousel .owl-nav button:before {opacity: 0; transition: opacity 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%; background: url(img/white-arr.svg) center center no-repeat} .content .sonaspray-blocks.owl-carousel .owl-nav button:hover:before {opacity: 1;} .content .sonaspray-blocks.owl-carousel .owl-nav button:hover {background: #36A9E1; border-color: #36A9E1;} .content .sonaspray-blocks.owl-carousel .owl-nav button.owl-next {margin: 0 0 0 20px;} .content .sonaspray-blocks.owl-carousel .owl-nav button.owl-prev {transform: scale(-1,1);} .content .sonaspray-blocks.owl-carousel .owl-nav button.disabled {cursor: default; border-color: #006BCF; filter: grayscale(100%); opacity: 0.2;} .content .sonaspray-blocks.owl-carousel .owl-nav button.disabled:hover {background: none;} .content .sonaspray-blocks.owl-carousel .owl-nav button.disabled:hover:after {opacity: 1;} .content .sonaspray-blocks.owl-carousel .owl-nav button.disabled:hover:before {opacity: 0;} .content .sonaspray-blocks.owl-carousel .block {color: #191919; font-size: 13px; line-height: 20px; width:100%; display: block; text-decoration: none; padding: 30px; border-radius: 15px; background: #F7F8F9;} .content .sonaspray-blocks.owl-carousel .block .pic {margin: 0 0 30px; border-radius: 15px; background-position: center center; background-size: cover;} .content .sonaspray-blocks.owl-carousel .block .pic:after {content: ''; display: block; padding-top: 68%;} .content .sonaspray-blocks.owl-carousel .block .title {transition: all 0.3s ease; font-weight: 500; color: #006BCF; display: block; font-size: 15px; line-height: 24px; margin: 0 0 10px;} .content .sonaspray-blocks.owl-carousel .block:hover .title {color: #36A9E1;} .content .sonaspray-page + .product-page.prob:last-child {margin-bottom: -120px;} .all > .promo-grey-bg.last-block, .promo-grey-bg.last-block {margin-bottom: -40px!important;} .all > .promo-grey-bg.last-block, .promo-grey-bg.last-block .pic-and-list:last-child {padding-bottom: 60px!important;} .promo-grey-bg {position: relative; padding: 67px 0 70px!important; margin-bottom: 72px!important;} .promo-page .promo-grey-bg:last-child {margin-bottom: -54px!important;} .promo-grey-bg:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .promo-grey-bg > * {position: relative;} .promo-page .projects-page + .promo-grey-bg, .promo-page .transfers-big-slider:not(.light) + .promo-grey-bg, .promo-page .promo-blue-bg + .promo-grey-bg {margin-top: -64px!important;} .promo-page .promo-grey-bg + .promo-blue-bg {margin-top: -74px!important;} .promo-blue-bg {position: relative; padding: 67px 0 70px!important;} .promo-blue-bg:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: #36A9E1 url(img/promo-projects-bg.svg) center center/cover;} .promo-blue-bg > * {position: relative;} .promo-blue-bg h2 {color: #fff!important;} .promo-blue-bg .key-counts-block {padding: 0;} .promo-page .table-block {font-weight: normal; margin: 0 0 70px; padding: 20px 0 0 0; width:100%;} .promo-page .table-block table {font-size: 17px; line-height: 140%;} .promo-page .table-block:last-child {margin-bottom: 0;} .promo-page .table-block td:first-child {min-width: 120px;} .promo-page {font-size: 17px; line-height: 26px; font-weight: 500; color: #191919;} .promo-page.text-page {font-weight: normal;} .promo-page .breadcrumbs {margin-top: 24px!important;} .promo-page > .all > div {margin-bottom: 64px;} .promo-page > .all > div.pic-and-list {margin-bottom: 0;} .promo-page .btn {display: table; border-radius: 8px; padding: 0 32px; line-height: 56px; color: #fff; font-size: 17px; text-decoration: none; font-weight: 500; background: #006BCF;} .promo-page .btn.center {margin-left: auto; margin-right: auto;} .promo-page .btn:hover {background: #36A9E1;} .promo-page .grey-block {max-width: 1132px; margin-left: auto; margin-right: auto; border-radius: 12px; padding: 40px 48px; background: #F5F5F7;} .promo-page .grey-block.fullwidth {max-width: 100%;} .promo-page .grey-block p + p {padding-top: 10px;} .promo-page .owl-carousel .owl-dots {left: 0; width:100%; bottom: 25px; display: flex; justify-content: center; position: absolute;} .promo-page .perforations-block .owl-carousel .owl-dots {display: none;} .promo-page .perforations-block .owl-carousel .owl-nav button.owl-next:not(.disabled) {background: #006BCF;} .promo-page .perforations-block .owl-carousel .owl-nav button.owl-prev:not(.disabled) {background: #006BCF;} .promo-page .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .promo-page .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .promo-page .owl-carousel .owl-nav {display: none;} .promo-page .video-block .owl-carousel .owl-nav:not(.disabled) {display: block;} .promo-page .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #006BCF; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .promo-page .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .promo-page .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #006BCF; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .promo-page .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .promo-page .owl-carousel .owl-nav button.owl-next.disabled, .promo-page .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .promo-page .go {text-decoration: none; margin: 12px 0 0 0; line-height: 24px; font-weight: 500; font-size: 16px; color: #36A9E1; position: relative; display: table;} .promo-page .go:after {transition: all 0.3s ease; content: ''; display: inline-block; position: absolute; width: 24px; height: 24px; background: url(img/lblue-go-arr.svg) center center no-repeat; margin: 0px 0 0 2px;} .promo-page .go:hover:after {transform: translateX(5px);} .promo-slider {margin: 0 -5px 64px; width: calc(100% + 10px);} .promo-slider .item {font-weight: 500; font-size: 20px; line-height: 30px; color: #fff; display: flex; align-items: center; height: 640px; background: center center/cover; position: relative;} .promo-slider .item h2 {color: #fff; font-size: 40px; line-height: 120%; font-weight: 500; margin: 0 0 40px; padding: 0;} .promo-slider .item:before {content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0));} .promo-slider .item .all {position: relative;} .promo-slider .item .txt {max-width: 610px;} .promo-slider .item .txt .btn {margin-top: 32px;} .promo-slider .owl-carousel .owl-nav {display: none;} .promo-slider.job .owl-carousel .owl-nav {display: block;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev {left: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next {right: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-dots {display: none;} .promo-page .promo-slider.job .item {height: 500px; padding-left: 56px; padding-right: 56px;} .promo-slider.job .item h2 {margin-bottom: 20px;} .promo-slider.job {border-radius: 8px; overflow: hidden; max-width: 1360px; margin-left: auto; margin-right: auto;} .key-counts-block {position: relative; padding: 67px 0 70px;} .key-counts-block > * {position: relative;} .key-counts-block .blocks {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-item {display: flex;} .key-counts-block .blocks.owl-carousel .owl-dots {bottom: -24px;} .key-counts-block .blocks.owl-carousel .owl-dots .owl-dot.active {background: #006BCF;} .key-counts-block .blocks .block {width: 100%; font-weight: normal; padding: 40px; display: flex; background: #fff; border-radius: 8px;} .key-counts-block .blocks .block .big:first-child {margin-top: 26px;} .key-counts-block .blocks .block .big {display: block; font-size: 72px; line-height: 100%; margin: 0 0 18px; font-weight: 500; color: #526172;} .key-counts-block .blocks .block .big span {line-height: 100%; font-size: 32px;} .key-counts-block .blocks.four-blocks .block .big span {display: block; line-height: 100%;} .key-counts-block .blocks .block small {display: block; font: inherit;} .promo-slider .owl-carousel .owl-nav {display: none;} .promo-slider.job .owl-carousel .owl-nav {display: block;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev {left: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next {right: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-dots {display: none;} .promo-page .promo-slider.job .item {height: 500px; padding-left: 56px; padding-right: 56px;} .promo-slider.job .item h2 {margin-bottom: 20px;} .promo-slider.job {border-radius: 8px; overflow: hidden; max-width: 1360px; margin-left: auto; margin-right: auto;} .key-counts-block {position: relative; padding: 67px 0 70px;} .key-counts-block > * {position: relative;} .key-counts-block .blocks {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-item {display: flex;} .key-counts-block .blocks.owl-carousel .owl-dots {bottom: -24px;} .key-counts-block .blocks.owl-carousel .owl-dots .owl-dot.active {background: #006BCF;} .key-counts-block .blocks .block {width: 100%; font-weight: normal; padding: 40px; display: flex; background: #fff; border-radius: 8px;} .key-counts-block .blocks .block .big:first-child {margin-top: 26px;} .key-counts-block .blocks .block .big {display: block; font-size: 72px; line-height: 100%; margin: 0 0 18px; font-weight: 500; color: #526172;} .key-counts-block .blocks .block .big span {line-height: 100%; font-size: 32px;} .key-counts-block .blocks.four-blocks .block .big span {display: block; line-height: 100%;} .key-counts-block .blocks .block small {display: block; font: inherit;} .doing-block {width: 100%; font-size: 15px; line-height: 22px; color: #7B7E80; font-weight: normal; border-radius: 8px; background: #F5F5F7; padding: 24px; display: flex; flex-direction: column;} .doing-block .ic {line-height: 40px; text-align: center; font-weight: 500; color: #fff; margin: 0 0 48px; width: 40px; height: 40px; border-radius: 8px; background: #36A9E1; display: flex; align-items: center; justify-content: center;} .doing-block .ic img {display: block; max-width: 24px; max-height: 24px;} .doing-block .t {margin: auto 0 0 0;} .doing-block .title {color: #191919; margin: 0 0 8px; font-size: 17px; line-height: 26px; font-weight: 500;} .job-specs-block {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 -10px;} .job-specs-block .item {width: calc(50% - 5px); margin: 0 0 10px; display: flex; align-items: center; padding: 24px; border-radius: 8px; background: #F5F5F7;} .job-specs-block .item:last-child:nth-child(odd) {width: 100%;} .job-specs-block .item .pic {width: 240px; height: 192px; background: top center/cover no-repeat; margin: 0 24px 0 0; border-radius: 8px;} .job-specs-block .item .inf {width: calc(100% - 264px);} .job-specs-block .item .inf .t {font-size: 15px; line-height: 22px; font-weight: normal;} .job-specs-block .item .inf .title {margin: 0 0 8px;} .job-specs-block .owl-carousel .owl-dots {display: none;} .job-specs-block .owl-carousel .owl-nav {display: block;} .job-specs-block .owl-carousel .owl-nav button.owl-prev {background: #36A9E1;} .job-specs-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #006BCF;} .job-specs-block .owl-carousel .owl-nav button.owl-next {background: #36A9E1;} .job-specs-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev, .promo-page .video-block .owl-carousel .owl-nav button.owl-next {top: 110px; margin: 0;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled), .promo-page .video-block .owl-carousel .owl-nav button.owl-next:not(.disabled) {background: #36A9E1;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .promo-page .video-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .ac-build-block {min-height: 84px; font-size: 15px; line-height: 22px; font-weight: normal; justify-content: space-between; display: flex; align-items: center; border-radius: 8px; background: #F5F5F7;} .ac-build-block .txt {padding: 20px 24px; max-width: 500px; width: calc(50% - 5px);} .ac-build-block .txt a {font-weight: 500; text-decoration: none;} .ac-build-block .logo {min-height: 84px; width: calc(50% - 5px); border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #36A9E1 url(img/ac-biuld-bg.webp) top left/auto 100% no-repeat;} .ac-build-block .logo img {display: block; max-height: 100%;} .command-block {display: flex; justify-content: space-between;} .command-block .text {display: flex; flex-direction: column; min-height: 500px; font-weight: normal; width: 332px; border-radius: 8px; background: #F5F5F7; padding: 24px;} .command-block .text h2 {font-size: 32px; line-height: 100%; margin: 0 0 20px;} .command-block .text .logo {width: 119px; margin: auto 0 0 0; } .command-block .pic {width: calc(100% - 342px); background: url(img/command-pic.webp) center center/cover no-repeat; border-radius: 8px;} .content h2 .count {display: inline-block; margin: 0 0 0 6px; font-weight: normal; position: absolute; text-align: center; border-radius: 50%; width: 24px; height: 24px; background: #36A9E1; font-size: 15px; color: #fff; line-height: 24px;} .transfers-slider {margin-bottom: 72px!important; position: relative;} .transfers-slider:after {opacity: 0.15; filter: grayscale(100%) brightness(200%); content: ''; display: block; position: absolute; width: 2050px; bottom: 0; top: 0; left: 50%; transform: translateX(-50%); pointer-events: none; z-index: 5; background: url(img/transfers-slider-bg.svg) top -60px center no-repeat;} .transfers-slider .owl-carousel {overflow: visible;} .transfers-slider .owl-carousel .owl-stage-outer {overflow: visible;} .transfers-slider .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .transfers-slider .owl-carousel .owl-item {display: flex;} .transfers-slider .owl-carousel .owl-dots {bottom: -32px;} .transfers-slider .owl-carousel .owl-nav.disabled {display: none!important;} .transfers-slider .item {width: 100%; border-radius: 8px; background: #36A9E1; padding: 43px; color: #fff; font-weight: normal;} .transfers-slider .item .num {display: block; width: 50px; height: 50px; margin: 0 0 20px; border: 1px solid #fff; line-height: 48px; border-radius: 50%; text-align: center; font-weight: 500;} .transfers-slider .item .num.long {width: auto; padding: 0 15px; border-radius: 8px; display: table;} .transfers-slider .item .ic {width: 72px; height: 72px; margin: 0 0 20px; display: flex; align-items: center; justify-content: center;} .transfers-slider .item .ic img {width: auto; max-width: 100%; max-height: 100%;} .transfers-slider .item .title {font-size: 20px; line-height: 30px; font-weight: 500; margin: 0 0 8px;} .promo-page .transfers-slider .owl-carousel .owl-nav {display: block;} .transfers-slider .item ul {padding: 0; margin: 0; list-style-type: none;} .transfers-slider .item ul li + li {margin-top: 4px;} .transfers-slider .item ul li {position: relative; padding-left: 22px;} .transfers-slider .item ul li:before {content:"\2014"; position: absolute; left: 0;} .promo-slider .owl-carousel .owl-nav {display: none;} .promo-slider.job .owl-carousel .owl-nav {display: block;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev {left: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-prev:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next {right: 24px; background: #36A9E1;} .promo-page .promo-slider.job .owl-carousel .owl-nav button.owl-next:hover {background: #006BCF;} .promo-page .promo-slider.job .owl-carousel .owl-dots {display: none;} .promo-page .promo-slider.job .item {height: 500px; padding-left: 56px; padding-right: 56px;} .promo-slider.job .item h2 {margin-bottom: 20px;} .promo-slider.job {border-radius: 8px; overflow: hidden; max-width: 1360px; margin-left: auto; margin-right: auto;} .key-counts-block {position: relative; padding: 67px 0 70px;} .key-counts-block > * {position: relative;} .key-counts-block .blocks {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .key-counts-block .blocks.owl-carousel .owl-item {display: flex;} .key-counts-block .blocks.owl-carousel .owl-dots {bottom: -24px;} .key-counts-block .blocks.owl-carousel .owl-dots .owl-dot.active {background: #006BCF;} .key-counts-block .blocks .block {width: 100%; font-weight: normal; padding: 40px; display: flex; background: #fff; border-radius: 8px;} .key-counts-block .blocks .block .big:first-child {margin-top: 26px;} .key-counts-block .blocks .block .big {display: block; font-size: 72px; line-height: 100%; margin: 0 0 18px; font-weight: 500; color: #526172;} .key-counts-block .blocks .block .big span {line-height: 100%; font-size: 32px;} .key-counts-block .blocks.four-blocks .block .big span {display: block; line-height: 100%;} .key-counts-block .blocks .block small {display: block; font: inherit;} .doing-block {width: 100%; font-size: 15px; line-height: 22px; color: #7B7E80; font-weight: normal; border-radius: 8px; background: #F5F5F7; padding: 24px; display: flex; flex-direction: column;} .doing-block .ic {line-height: 40px; text-align: center; font-weight: 500; color: #fff; margin: 0 0 48px; width: 40px; height: 40px; border-radius: 8px; background: #36A9E1; display: flex; align-items: center; justify-content: center;} .doing-block .ic img {display: block; max-width: 24px; max-height: 24px;} .doing-block .t {margin: auto 0 0 0;} .doing-block .title {color: #191919; margin: 0 0 8px; font-size: 17px; line-height: 26px; font-weight: 500;} .job-specs-block .item {display: flex; align-items: center; padding: 24px; border-radius: 8px; background: #F5F5F7;} .job-specs-block .item .pic {width: 240px; height: 192px; background: top center/cover no-repeat; margin: 0 24px 0 0; border-radius: 8px;} .job-specs-block .item .inf {width: calc(100% - 264px);} .job-specs-block .item .inf .t {font-size: 15px; line-height: 22px; font-weight: normal;} .job-specs-block .item .inf .title {margin: 0 0 8px;} .job-specs-block .owl-carousel .owl-dots {display: none;} .job-specs-block .owl-carousel .owl-nav {display: block;} .job-specs-block .owl-carousel .owl-nav button.owl-prev {background: #36A9E1;} .job-specs-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover {background: #006BCF;} .job-specs-block .owl-carousel .owl-nav button.owl-next {background: #36A9E1;} .job-specs-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev, .promo-page .video-block .owl-carousel .owl-nav button.owl-next {top: 110px; margin: 0;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled), .promo-page .video-block .owl-carousel .owl-nav button.owl-next:not(.disabled) {background: #36A9E1;} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .promo-page .video-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .ac-build-block {min-height: 84px; font-size: 15px; line-height: 22px; font-weight: normal; justify-content: space-between; display: flex; align-items: center; border-radius: 8px; background: #F5F5F7;} .ac-build-block .txt {padding: 20px 24px; max-width: 500px; width: calc(50% - 5px);} .ac-build-block .txt a {font-weight: 500; text-decoration: none;} .ac-build-block .logo {min-height: 84px; width: calc(50% - 5px); border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #36A9E1 url(img/ac-biuld-bg.webp) top left/auto 100% no-repeat;} .ac-build-block .logo img {display: block; max-height: 100%;} .command-block {display: flex; justify-content: space-between;} .command-block .text {display: flex; flex-direction: column; min-height: 500px; font-weight: normal; width: 332px; border-radius: 8px; background: #F5F5F7; padding: 24px;} .command-block .text h2 {font-size: 32px; line-height: 100%; margin: 0 0 20px;} .command-block .text .logo {width: 119px; margin: auto 0 0 0; } .command-block .pic {width: calc(100% - 342px); background: url(img/command-pic.webp) center center/cover no-repeat; border-radius: 8px;} .content h2 .count {display: inline-block; margin: 0 0 0 6px; font-weight: normal; position: absolute; text-align: center; border-radius: 50%; width: 24px; height: 24px; background: #36A9E1; font-size: 15px; color: #fff; line-height: 24px;} .transfers-slider {margin-bottom: 72px!important; position: relative;} .transfers-slider:after {opacity: 0.15; filter: grayscale(100%) brightness(200%); content: ''; display: block; position: absolute; width: 2050px; bottom: 0; top: 0; left: 50%; transform: translateX(-50%); pointer-events: none; z-index: 5; background: url(img/transfers-slider-bg.svg) top -60px center no-repeat;} .transfers-slider .owl-carousel {overflow: visible;} .transfers-slider .owl-carousel .owl-stage-outer {overflow: visible;} .transfers-slider .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .transfers-slider .owl-carousel .owl-item {display: flex;} .transfers-slider .owl-carousel .owl-dots {bottom: -32px;} .transfers-slider .owl-carousel .owl-nav.disabled {display: none!important;} .transfers-slider .item {width: 100%; border-radius: 8px; background: #36A9E1; padding: 43px; color: #fff; font-weight: normal;} .transfers-slider .item .num {display: block; width: 50px; height: 50px; margin: 0 0 20px; border: 1px solid #fff; line-height: 48px; border-radius: 50%; text-align: center; font-weight: 500;} .transfers-slider .item .num.long {width: auto; padding: 0 15px; border-radius: 8px; display: table;} .transfers-slider .item .ic {width: 72px; height: 72px; margin: 0 0 20px; display: flex; align-items: center; justify-content: center;} .transfers-slider .item .ic img {width: auto; max-width: 100%; max-height: 100%;} .transfers-slider .item .title {font-size: 20px; line-height: 30px; font-weight: 500; margin: 0 0 8px;} .promo-page .transfers-slider .owl-carousel .owl-nav {display: block;} .transfers-slider .item ul {padding: 0; margin: 0; list-style-type: none;} .transfers-slider .item ul li + li {margin-top: 4px;} .transfers-slider .item ul li {position: relative; padding-left: 22px;} .transfers-slider .item ul li:before {content:"\2014"; position: absolute; left: 0;} .transfers-slider.acoustic-is {margin-bottom: 10px!important;} .transfers-slider.acoustic-is .item {padding: 24px; font-size: 15px; line-height: 22px; min-height: 224px; display: flex; flex-direction: column;} .transfers-slider.acoustic-is .item p:nth-child(2):nth-last-child(2) {margin: auto 0;} .transfers-slider.acoustic-is .item p:first-child {font-weight: 500;} .transfers-slider.acoustic-is .item .big {font-size: 40px; font-weight: 500; line-height: 100%;} .promo-grey-bg .recom-block, .promo-grey-bg .transfers-slider {margin-bottom: 0px!important;} .recom-block {margin-bottom: 112px!important;} .recom-block .owl-carousel .owl-dots {bottom: -32px;} .recom-block .item {transition: all 0.3s ease; box-shadow: 0 0 10px 0 rgba(0,0,0,0.06); background: #fff; padding: 32px; color: #7B7E80;} .recom-block .item:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .recom-block .item .title {font-size: 17px; line-height: 26px; margin: 0 0 12px; font-weight: 500; color: #191919;} .recom-block .item .title a {color: inherit; text-decoration: none;} .recom-block .item .go {color: #006BCF;} .recom-block .item .go:after {filter: brightness(75%); margin-top: 1px;} .line-cons-txt {font-weight: normal; max-width: 1360px; font-size: 15px; line-height: 22px; color: #7B7E80;} .line-cons-txt hr {display: block; padding: 0; margin: 40px 0; height: 1px; width: 100%; background: #EAEAEA; border: 0;} .product-tabs-content .transfers-big-slider {margin-bottom: 64px;} .transfers-big-slider .item small {display: block; font-size: 14px; line-height: 125%;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav {display: flex;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-prev {width: 40px; height: 40px; background: #fff; border-radius: 50%; top: 50%; margin-right: 40px;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-prev:after {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-next {width: 40px; height: 40px; background: #fff; border-radius: 50%; top: 50%;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-next:after {transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-next.disabled, .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .hh-block {justify-content: center; color: inherit; text-decoration: none; font-weight: 500; font-size: 24px; line-height: 125%; display: flex; align-items: center; padding: 24px; border-radius: 8px; background: #F5F5F7; margin: 0 0 60px;} .hh-block b {color: #006BCF;} .hh-block .hh-logo {width: 100px; margin: 0 40px 0 0;} .hh-block .hh-logo img {display: block; width: 100%;} .hh-block .txt {max-width: calc(100% - 140px);} .transfers-big-slider iframe {max-height: 55vw;} .transfers-big-slider + .perforations-slider {padding-top: 60px;} .transfers-big-slider {padding: 67px 0 70px; position: relative;} .transfers-big-slider.light.promo-grey-bg:before {background: #F5F5F7;} .transfers-big-slider.light.promo-grey-bg {margin-top: 0;} .transfers-big-slider:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: #41454B url(img/transfers-big-slider-bg.png) bottom center/cover;} .transfers-big-slider > * {position: relative;} .transfers-big-slider h2, .content .product-page .product-tabs-content .transfers-big-slider h2 {color: #fff;} .transfers-big-slider.promo-blue-bg .owl-carousel {margin: 0;} .transfers-big-slider .owl-carousel:not(:last-child) {margin: 0 0 64px;} .transfers-big-slider .owl-carousel .owl-dots {width: calc(100% - 530px); bottom: -32px; position: absolute; left: 0; justify-content: center; display: flex;} .transfers-big-slider .owl-carousel .owl-dots .owl-dot.active {background: #fff; width: 30px;} .transfers-big-slider .owl-carousel .owl-dots .owl-dot {background: rgba(255,255,255,0.3); width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .transfers-big-slider .owl-carousel .owl-nav {display: flex; position: absolute; width: 488px; right: 0; bottom: 0;} .transfers-big-slider .owl-carousel .owl-nav button.owl-prev, .transfers-big-slider .owl-carousel .owl-nav button.owl-next {background: #fff; position: relative; top: auto; left: auto; right: auto; margin: 0 40px 0 0;} .transfers-big-slider .owl-carousel .owl-nav button.owl-next:after, .transfers-big-slider .owl-carousel .owl-nav button.owl-prev:after {filter: none;} .transfers-big-slider .owl-carousel .owl-nav button.owl-next.disabled, .transfers-big-slider .owl-carousel .owl-nav button.owl-prev.disabled {background: #fff; opacity: 0.4;} .transfers-big-slider .item {color: #fff; font-weight: normal; display: flex;} .transfers-big-slider .item h3 {color: #fff; font-size: 24px; margin: 0 0 24px; line-height: 32px; font-weight: 500; padding: 0;} .transfers-big-slider .item .photo {width: calc(100% - 530px); min-height: 520px; border-radius: 8px; background: center center/cover;} .transfers-big-slider .item .photo.video {position: relative; overflow: hidden;} .transfers-big-slider .item .photo.shadow {border: 1px solid #eee;} .transfers-big-slider .item .photo video {clip-path: inset(1px 1px); opacity: 0.99; position: absolute; width: 102%; height: 102%; top: 0; left: 0; z-index: 1; object-fit: cover;} .transfers-big-slider.contain-photos .item .photo {background: #fff center center/contain no-repeat;} .transfers-big-slider .item .txt {width: 530px; padding: 0 0 60px 48px;} .transfers-big-slider .item .txt ul {padding: 10px 0; margin: 0; list-style-type: none;} .transfers-big-slider .item .txt ul li {position: relative; padding-left: 10px;} .transfers-big-slider .item .txt ul li:before {content: ''; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #191919; left: 0px; top: 11px;} .transfers-big-slider .item.big-txt .txt {width: 630px;} .transfers-big-slider .item.big-txt .photo {width: calc(100% - 630px);} .transfers-big-slider.blue:before {background-image: url(img/transfers-big-slider-bg-blue.png);} .transfers-big-slider.blue {margin-bottom: 0!important;} .transfers-big-slider.light + .catalog-block {margin-top: 64px;} h1 + .transfers-big-slider.light {margin-top: 0;} .promo-grey-bg + .transfers-big-slider.light {margin-top: -74px;} .transfers-big-slider.light {margin-top: -64px; margin-bottom: 0!important;} .transfers-big-slider.light:before {background: url(img/transfers-light-bg.png) bottom center/cover;} .transfers-big-slider.light h2 {color: inherit;} .transfers-big-slider.light .item {color: inherit;} .transfers-big-slider.light .item .txt h3 {color: inherit;} .transfers-big-slider.light .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1;} .transfers-big-slider.light .owl-carousel .owl-dots .owl-dot {background: #D1D1D1;} .transfers-big-slider.light .owl-carousel .owl-nav button.owl-next:after, .transfers-big-slider.light .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(800%);} .transfers-big-slider.light .owl-carousel .owl-nav button.owl-prev:not(.disabled), .transfers-big-slider.light .owl-carousel .owl-nav button.owl-next:not(.disabled) {background: #36A9E1;} .transfers-big-slider.light .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .transfers-big-slider.light .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .transfers-big-slider.light .owl-carousel .owl-nav button.owl-prev.disabled, .transfers-big-slider.light .owl-carousel .owl-nav button.owl-next.disabled {background: #D1D1D1; opacity: 1;} .transfers-big-slider .bottom-links {display: flex; padding: 40px 0 0 0; border-top: 1px solid rgba(255,255,255,0.4); margin: 10px 0 0 0;} .transfers-big-slider .bottom-links a {margin: 0; color: #fff;} .transfers-big-slider .bottom-links a.go:after {margin-top: 1px; background-image: url(img/white-arr.svg);} .transfers-big-slider .bottom-links .bl {position: relative;} .transfers-big-slider .bottom-links .bl + .bl {margin-left: 73px;} .transfers-big-slider .bottom-links .bl:not(:last-child):after {height: 26px; right: -48px; content: ''; display: block; position: absolute; width: 1px; top: 50%; margin-top: -13px; background: rgba(255,255,255,0.3);} .promo-page .projects-page {padding: 0; margin: 0; position: relative; padding: 0px 0 70px;} .promo-page .projects-page .projects.list {padding-bottom: 0;} .promo-page .projects-page .go {filter: grayscale(100%) brightness(800%);} .promo-page .projects-page > * {position: relative;} .promo-page .projects-page .block .city {background: url(img/city-w.svg) center left no-repeat; padding-left: 19px; font-size: 17px; line-height: 26px; font-weight: normal; display: block; margin: 10px 0 0 0;} .promo-page .projects-page .projects.list .block {height: 411px;} .clients-block {margin-bottom: 112px!important;} .clients-block .owl-carousel .owl-nav {display: block;} .clients-block .owl-carousel .owl-dots {bottom: -32px;} .clients-block .block {display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0 0 10px 0 rgba(0,0,0,0.06); background: #fff; padding: 24px; height: 160px} .clients-block .block img {display: table; max-width: 100%; max-height: 100%; width: auto!important;} .clients-block .block:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .clients-block .owl-carousel {overflow: visible;} .clients-block .owl-carousel .owl-stage-outer {overflow: visible;} .teachers-blocks {display: flex; flex-wrap: wrap; justify-content: space-between;} .teachers-blocks .block {font-weight: normal; background: #F5F5F7; width: calc(50% - 30px); display: flex; align-items: center; padding: 40px; border-radius: 8px;} .teachers-blocks .block .photo {width: 220px; height: 220px; margin: 0 30px 0 0; border-radius: 50%;overflow: hidden;} .teachers-blocks .block .photo img {width: 100%; height: 100%; object-fit: cover;} .teachers-blocks .block .inf {width: calc(100% - 250px);} .teachers-blocks .block .name {line-height: 120%; font-weight: 500; margin: 0 0 20px; font-size: 24px;} .content .more-links {margin: 40px 0; } .content .more-links .title {font-weight: 500; font-size: 20px; line-height: 130%; padding: 0 0 20px; margin: 0 0 20px; position: relative;} .content .more-links .title:after {background: #F5F5F7; content: ''; display: block; height: 1px; position: absolute; bottom: 0; width: 5000px; left: 50%; transform: translateX(-50%);} .content .more-links .top-tabs {max-width: 100%; margin: 0 0 32px;} .content .more-links .top-tabs ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style-type: none;} .content .more-links .top-tabs ul li, .content.text-page .top-tabs ul li + li {padding: 0!important; margin: 0 8px 8px 0;} .content .more-links .top-tabs ul li:before {display: none!important;} .content .more-links .top-tabs ul li a {display: table; line-height: 32px; border-radius: 20px; padding: 0 16px; background: #F5F5F7; font-size: 15px; font-weight: 500; color: #191919; text-decoration: none;} .content .more-links .top-tabs ul li a:hover, .content .more-links .top-tabs ul li.active a {color: #fff; background: #006BCF;} .promo-page .product-page .form-block {margin-bottom: 0;} .promo-page .product-page .form-block:before {background-image: url(img/form-promo-bg.png);} .promo-page .product-page .form-block .form {max-width: 850px;} .promo-page .promo-grey-bg .consult-promo-blocks {padding: 0;} .promo-page .promo-grey-bg + .consult-promo-blocks, .promo-page .surfaces-block + .consult-promo-blocks {padding-top: 0;} .promo-page .consult-promo-blocks {padding: 67px 0 0;} .promo-page .consult-promo-blocks .descr {font-weight: normal; margin: -10px 0 40px;} .promo-page .consult-promo-blocks .blocks {display: flex; margin: 0 -10px 0 0; width: calc(100% + 10px);} .promo-page .promo-grey-bg .consult-promo-blocks .blocks .block {background: #fff;} .promo-page .consult-promo-blocks .blocks .block {font-weight: normal; box-shadow: 0 0 20px 0 rgba(0,0,0,0.06); border-radius: 8px; padding: 32px; width: calc(100% / 3 - 10px); margin: 0 10px 0 0;} .promo-page .consult-promo-blocks .blocks .block .top {display: flex; align-items: center; padding: 0 0 24px; margin: 0 0 24px; border-bottom: 1px solid #EAEAEA;} .promo-page .consult-promo-blocks .blocks .block .top .ic {margin: 0 24px 0 0; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;} .promo-page .consult-promo-blocks .blocks .block .top .ic img {display: block; max-width: 100%; max-height: 100%;} .promo-page .consult-promo-blocks .blocks .block .top .title {max-width: calc(100% - 80px); font-size: 20px; line-height: 30px; font-weight: 500;} .promo-page .consult-promo-blocks .blocks .block .tel {margin: 0 0 4px; color: inherit; text-decoration: none; display: table; font-size: 26px; line-height: 32px; font-weight: bold;} .promo-page .consult-promo-blocks .blocks .block small {display: block; font-size: 15px; line-height: 22px; } .promo-page .consult-promo-blocks .blocks .block .btn {margin-top: 24px;} .promo-page .consult-promo-blocks .blocks .block ul {padding: 0; margin: 0; list-style-type: none;} .promo-page .consult-promo-blocks .blocks .block a.go {color: #006BCF;} .promo-page .consult-promo-blocks .blocks .block a.go:after {background-image: url(img/blue-arr.svg);} .promo-page .consult-promo-blocks .blocks .block .txt a {color: #006BCF; text-decoration: none;} .promo-page .consult-promo-blocks .blocks .block .txt a:hover {color: #36A9E1;} .promo-page .text-block {font-weight: normal;} .promo-page .text-block h3 {font-weight: 500; font-size:20px; line-height: 125%; margin: 0 0 20px; padding: 0;} .promo-page .text-block .btn {margin: 20px 0 0 0;} .promo-page .text-block p + p {padding-top: 10px;} .promo-page .promo-grey-bg .promo-files-block + .text-block {margin: 40px 0 0 0;} .promo-page .promo-grey-bg .text-block:last-child {padding-bottom: 40px;} .promo-page .promo-grey-bg .promo-files-block {padding-bottom: 0;} .promo-page .text-block + .promo-files-block {padding-top: 40px;} .promo-page .promo-files-block {padding: 0px 0 70px; margin: 0!important; position: relative;} .promo-page .promo-files-block > * {position: relative;} .promo-page .promo-files-block .blocks {width: calc(100% + 10px); margin: 0 -10px 0 0; display: flex; flex-wrap: wrap;} .promo-page .promo-files-block .blocks .block {position: relative; font-weight: normal; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.06); padding: 24px 72px 24px 24px; background: #fff; display: flex; align-items: center; text-decoration: none; color: inherit; width: calc(50% - 10px); margin: 0 10px 10px 0;} .promo-page .promo-files-block .blocks .block:first-child:last-child {width: calc(100% - 10px);} .promo-page .promo-files-block .blocks .block:after {width: 24px; height: 24px; display: block; content: ''; position: absolute; top: 24px; right: 24px; background: url(img/download.svg) center center no-repeat;} .promo-page .promo-files-block .blocks.read .block:after {display: none;} .promo-page .promo-files-block .blocks .block:hover {color: #36A9E1; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);} .promo-page .promo-files-block .blocks .block .ic {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 24px 0 0;} .promo-page .promo-files-block .blocks .block .ic img {display: block; max-width: 100%; max-height: 100%; width: 40px;} .promo-page .promo-files-block .blocks .block .t {max-width: calc(100% - 76px);} .promo-page .promo-files-block .blocks .block small {display: block; font-size: 13px; line-height: 16px; color: #8D9091; margin: 8px 0 0 0;} .promo-page .promo-grey-bg .promo-advantages .owl-carousel {margin-bottom: 20px;} .promo-page .promo-advantages .descr {font-weight: normal; max-width: 1020px; margin: -10px 0 40px; font-weight: normal;} .promo-page .promo-advantages .owl-carousel {margin-bottom: 112px; overflow: visible;} .promo-page .promo-advantages .owl-carousel .owl-dots {bottom: -32px;} .promo-page .promo-advantages .owl-carousel .owl-stage-outer {overflow: visible;} .promo-page .promo-advantages .owl-carousel .owl-stage {display: flex; flex-rap: wrap;} .promo-page .promo-advantages .owl-carousel .owl-item {display: flex;} .promo-page .promo-advantages .owl-carousel .owl-nav {display: block;} .promo-page .promo-advantages .owl-carousel .owl-nav.disabled {display: none;} .promo-page .promo-advantages .owl-carousel .owl-nav button.owl-prev:not(.disabled), .promo-page .promo-advantages .owl-carousel .owl-nav button.owl-next:not(.disabled) {background-color: #36A9E1;} .promo-page .promo-advantages .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .promo-page .promo-advantages .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .promo-page .promo-advantages .item {box-shadow: 0 0 20px 0 rgba(0,0,0,0.06); color: inherit; font-weight: normal; text-decoration: none; display: block; border-radius: 8px; overflow: hidden; background: #fff; width: 100%;} .promo-page .promo-advantages .item .pic {height: 300px; background: center center/cover;} .promo-page .promo-advantages .item .inf {padding: 24px 32px;} .promo-page .promo-advantages .item .inf .title {margin: 0 0 10px; font-size: 24px; line-height: 32px; font-weight: 500;} .promo-page .transfers-slider.application {position: relative; padding: 67px 0 70px;} .promo-page .promo-grey-bg + .transfers-slider.application:not(.promo-grey-bg) {padding-top: 0;} .promo-page .transfers-slider.application:not(.promo-grey-bg) {margin-top: 0!important;} .promo-page .transfers-slider.application .descr {max-width: 1020px; margin: -10px 0 40px; font-weight: normal;} .promo-page .transfers-slider.application > * {position: relative;} .promo-page .catalog-block {border-radius: 8px; position: relative; background: center center/cover; height: 620px;} .promo-page .catalog-block .txt {max-width: 407px; font-weight: normal; border-radius: 8px; background: #fff; position: absolute; left: 40px; bottom: 40px; padding: 40px;} .promo-page .catalog-block .txt .title {font-weight: 500; font-size: 20px; line-height: 30px; margin: 0 0 8px;} .promo-page .catalog-block .txt .btn {position: relative; margin-top: 32px; padding-right: 64px;} .promo-page .catalog-block .txt .btn:after {content: ''; display: block; position: absolute; width: 24px; height: 24px; right: 32px; top: 50%; margin-top: -12px; background: url(img/download.svg) center center no-repeat; filter: grayscale(100%) brightness(800%);} .promo-page .promo-grey-bg + .surfaces-block.nobg {padding-top: 0;} .promo-page .surfaces-block + .product-page {margin-top: -64px;} .promo-page .promo-grey-bg h2 + .surfaces-block {padding-top: 0;} .promo-page .promo-grey-bg .surfaces-block:last-child {padding-bottom: 0;} .promo-page .surfaces-block {position: relative; padding: 67px 0 70px;} .tab .promo-page .surfaces-block:first-child {padding-top: 0;} .promo-page .surfaces-block .descr {max-width: 1020px; margin: -10px 0 40px; font-weight: normal;} .promo-page .surfaces-block.nobg:before {display: none;} .promo-page .surfaces-block.nobg .blocks .block {background: #F5F5F7;} .promo-page .surfaces-block:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .promo-page .surfaces-block > * {position: relative;} .promo-page .surfaces-block .blocks {padding: 0 0 30px; flex-wrap: wrap; display: flex; width: calc(100% + 10px); margin: 0 -10px 0 0;} .promo-page .surfaces-block .blocks .block {color: inherit; text-decoration: none; position: relative; transition: opacity 0.3s ease; background: #fff; font-weight: normal; width: calc(50% - 10px); margin: 0 10px 10px 0; border-radius: 8px; display: block; overflow: hidden;} .promo-page .surfaces-block .blocks .block.border {border: 1px solid #F5F5F7;} .promo-page .surfaces-block .blocks:not(.open,.three-cols) .block:nth-child(n + 5) {position: absolute; top: -999999999px; left: -99999px; opacity: 0;} .promo-page .surfaces-block .blocks .block .pic {display: block; height: 400px; background: center center/cover no-repeat;} .promo-page .surfaces-block .blocks .block .pic.contain {background-color: #fff; background-size: contain;} .promo-page .surfaces-block .blocks .block .inf {padding: 24px 32px 74px;} .promo-page .surfaces-block .blocks .block.cost-block .inf {padding-bottom: 114px;} .promo-page .surfaces-block .blocks .block.two-btns .inf {padding-bottom: 104px;} .promo-page .surfaces-block .blocks.no-btns .block .inf {padding-bottom: 24px;} .promo-page .surfaces-block .blocks .block .inf .title {display: block; color: inherit; text-decoration: none; font-weight: 500; font-size: 24px; line-height: 32px; margin: 0 0 8px;} .promo-page .surfaces-block .blocks .block .inf .price {font-weight: 500; font-size: 18px; line-height: 32px; margin: 10px 0 0 0px;} .promo-page .surfaces-block .blocks .block .inf .title .soundprint {position: absolute; height: 40px; margin: -9px 0 0 20px; display: inline-block;} .promo-page .surfaces-block .blocks .block .inf .btns {position: absolute; bottom: 24px; left: 32px;} .promo-page .surfaces-block .blocks .block .inf .btns a.go {padding-right: 20px; margin: 0; position: relative; bottom: auto; left: auto;} .promo-page .surfaces-block .blocks .block .inf .btns a.go + a {margin-top: 8px;} .promo-page .surfaces-block .blocks .block .inf a.go {position: absolute; bottom: 24px; left: 32px;} .promo-page .surfaces-block .blocks .block .inf a.go:after {margin-top: 1px;} .promo-page .surfaces-block .blocks .block .inf p + ul {padding-top: 12px;} .promo-page .surfaces-block .blocks .block .inf ul {padding: 0; margin: 0; list-style-type: none;} .promo-page .surfaces-block .blocks .block .inf ul li + li {margin-top: 4px;} .promo-page .surfaces-block .blocks .block .inf ul li {position: relative; padding-left: 22px;} .promo-page .surfaces-block .blocks .block .inf ul li:before {content:"\2014"; position: absolute; left: 0;} .promo-page .surfaces-block .blocks .block .t b {font-weight: 500;} .promo-page .surfaces-block .blocks .block .t p + p {padding-top: 10px;} .promo-page .surfaces-block .blocks .block .btn {position: absolute; left: 32px; bottom: 32px;} .promo-page .surfaces-block .blocks .block .go {position: absolute; bottom: 32px;} .promo-page .show-all span:last-child {display: none;} .promo-page .show-all.opened span:last-child {display: inline;} .promo-page .show-all.opened span {display: none;} @media (min-width: 701px) { .promo-page .surfaces-block .blocks:not(.three-cols) .block:nth-child(odd):last-child {width: 100%; display: flex;} .promo-page .surfaces-block .blocks:not(.three-cols) .block:nth-child(odd):last-child .pic {width: 50%;} .promo-page .surfaces-block .blocks:not(.three-cols) .block:nth-child(odd):last-child .inf {width: 50%; position: relative;} .promo-page .surfaces-block .blocks:not(.three-cols) .block:nth-child(odd):last-child .inf .btn {left: calc(50% + 32px);} } .promo-page .surfaces-block .blocks.three-cols .block {width: calc(100% / 3 - 10px);} .promo-page .full-pic {width: 100%;} .promo-page .full-pic img {width: 100%; display: block; border-radius: 8px;} .instructions-list .block {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #eee; padding: 10px 0; position: relative; text-decoration: none; color: inherit;} .instructions-list .block.zip .title a {display: table; position: relative; padding-left: 40px;} .instructions-list .block.zip .title a:before {position: absolute; content: ''; display: block; width: 24px; height: 24px; top: 0; left: 0; background: url(/data/img/zip-ic.svg) center center/contain no-repeat;} .instructions-list .block.zip .title small {font-size: 13px; font-weight: normal; color: #8D9091; margin-left: 5px;} .instructions-list .block .title a {font-weight: 500; font-size: 18px; color: inherit; text-decoration: none;} .instructions-list .block .title {max-width: calc(100% - 80px);} .instructions-list .block .manual_item {width: 100%; margin: 20px 0 0 0; display: none;} .instructions-list .block .manual_item .wrap .gray {color: rgba(0,0,0,0.4); margin: 10px 0; padding: 0;} .instructions-list .block .manual_item .wrap a {max-width: calc(100% - 50px); display: flex; align-items: center; text-decoration: none;} .instructions-list .block .manual_item .wrap a img {min-width: 23px; margin: 0 10px 0 0;} .instructions-list .block.open .manual_item {top: 0; left: 0; opacity: 1;} .instructions-list .block .manual_header {display: block; cursor: pointer; margin: 6px 0 0 0; color: #006BCF;} .instructions-list .block .manual_header span + span {display: none;} .instructions-list .block.open .manual_header span + span {display: inline;} .instructions-list .block.open .manual_header span {display: none;} .transfers-big-slider.light + .perforations-block {margin-top: 60px;} .perforations-block.promo-blue-bg .owl-carousel {margin-bottom: 0;} .perforations-block.promo-blue-bg {margin-bottom: 64px;} .perforations-block .descr {max-width: 1020px; margin: -10px 0 40px; font-weight: normal;} .perforations-block .owl-carousel {margin-bottom: 112px;} .perforations-block .owl-carousel .owl-nav {display: block;} .perforations-block .owl-carousel .owl-nav button.owl-prev:not(.disabled), .perforations-block .owl-carousel .owl-nav button.owl-next:not(.disabled) {background-color: #36A9E1;} .perforations-block .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .perforations-block .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .perforations-block .owl-carousel .owl-dots {bottom: -32px;} .perforations-block .owl-stage {display: flex; flex-wrap: wrap;} .perforations-block .owl-item {display: flex;} .perforations-block .item {display: block; text-decoration: none; color: inherit; width: 100%; font-size: 15px; line-height: 22px; font-weight: normal; border-radius: 8px; overflow: hidden; background: #F5F5F7;} .perforations-block .item .pic.contain {background-color: #fff; background-size: contain;} .perforations-block .item .pic.contain-smallbg {box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.05); background-color: #fff; background-size: auto 80%;} .perforations-block .item .pic.shadow-inset {box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.05);} .perforations-block .item .pic {height: 200px; background: center center/cover no-repeat;} .perforations-block.contain-photos .item .pic {height: auto; background: #fff center center/contain no-repeat;} .perforations-block.contain-photos .item .pic:before {display: block; content: ''; padding-top: 58%;} .perforations-block .item .inf {padding: 24px 30px;} .perforations-block .item .inf .title {font-size: 17px; line-height: 26px; font-weight: 500; margin: 0 0 12px;} .perforations-block .item .inf .title:last-child {margin: 0;} .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 40px; height: 40px; background: #006BCF; border-radius: 50%; top: 50%; margin-top: -20px; left: -20px;} .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-prev:after {filter: grayscale(100%) brightness(900%); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-next {position: absolute; width: 40px; height: 40px; background: #006BCF; border-radius: 50%; top: 50%; margin-top: -20px; right: -20px;} .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-next:after {filter: grayscale(100%) brightness(900%); transform: scale(-1,1); transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(img/lblue-arr.svg) center left 15px no-repeat;} .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-next.disabled, .product-tabs-content .perforations-block .owl-carousel .owl-nav button.owl-prev.disabled {background: #D1D1D1; cursor: default;} .promo-page .promo-grey-bg .pic-and-list:last-child {padding-bottom: 0;} .promo-page .promo-grey-bg .pic-and-list {padding: 0 0 40px;} .promo-page .promo-grey-bg + .pic-and-list {padding-top: 0;} .promo-page .pic-and-list {justify-content: space-between; display: flex; position: relative; padding: 67px 0 70px;} .promo-page .pic-and-list.nopadding {padding-top: 0;} .promo-page .pic-and-list.center {align-items: center;} .promo-page .pic-and-list > * {position: relative;} .promo-page .pic-and-list .pic {min-height: 400px; border-radius: 8px; width: calc(50% - 32px); background: center center/cover;} .promo-page .pic-and-list .pic.shadow {box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);} .promo-page .pic-and-list .pic iframe {border-radius: 8px; width: 100%; box-shadow: 0 0 20px 5px rgba(0,0,0,0.1); max-height: 100%;} .promo-page .pic-and-list .pic.small {width: 350px; min-height: 320px;} .promo-page .pic-and-list .pic.small + .txt {width: calc(100% - 382px);} .promo-page .pic-and-list .pic.contain {background-color: #fff; background-size: contain; background-repeat: no-repeat;} .promo-page .pic-and-list .txt {font-weight: normal; width: calc(50% - 32px);} .promo-page .pic-and-list .txt p b {font-weight: 500;} .promo-page .pic-and-list .txt p + ul.mdash {margin-top: 15px;} .promo-page .pic-and-list .txt ul.mdash li:before {content:"\2014"; height: auto; width: auto; border-radius: 0; background: none; left: 0; top: 0;} .promo-page .pic-and-list .txt ul.mdash li {padding-left: 22px;} .promo-page .pic-and-list .txt ul.mdash.smallmargin li + li {margin-top: 6px;} .promo-page .pic-and-list .txt ul.mdash {padding-bottom: 20px;} .promo-page .pic-and-list .txt ul.columns {columns: 2; margin-bottom: -12px;} .promo-page .pic-and-list .txt ul.columns li {padding-bottom: 12px; break-inside: avoid;} .promo-page .pic-and-list .txt ul.columns li + li {margin-top: 0px;} .promo-page .pic-and-list .txt ul {padding: 0; margin: 0; list-style-type: none;} .promo-page .pic-and-list .txt ul li {position: relative; padding-left: 36px;} .promo-page .pic-and-list .txt ul li:before {position: absolute; top: 2px; left: 0; content: ''; display: block; width: 24px; height: 24px; background: url(img/bullet.svg) center center/contain no-repeat;} .promo-page .pic-and-list .txt ul li b {display: block; margin: 0 0 4px; font-weight: 500;} .promo-page .pic-and-list .txt ul li + li {margin-top: 18px;} .promo-page .pic-and-list .txt p + p {padding-top: 10px;} .promo-page .pic-and-list .txt ul.btns {padding-top: 10px; padding-bottom: 30px;} .promo-page .pic-and-list .txt ul.btns:last-child {padding-bottom: 0;} .promo-page .pic-and-list .txt ul.btns li {padding-left: 0;} .promo-page .pic-and-list .txt ul.btns li:before {display: none;} .promo-page .pic-and-list .txt ul.btns li + li {margin-top: 12px;} .promo-page .pic-and-list .txt .btn {margin-top: 20px;} .promo-page .pic-and-list .txt .btn.long {line-height: 125%; padding-top: 14px; padding-bottom: 14px;} .promo-page .pic-and-list .txt a:not(.btn) {white-space: nowrap;} .promo-page .pic-and-list .txt a.doc-link {text-decoration: none; display: table; margin: 0 0 10px; color: #006BCF; padding: 0 0 0 33px; position: relative;} .promo-page .pic-and-list .txt a.doc-link small {display: block; margin: 4px 0 0 0; color: #8D9091;} .promo-page .pic-and-list .txt a.doc-link:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0px; left: 0; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat;} .promo-page .pic-and-list .txt a.doc-link:hover {color:#36A9E1;} .promo-page .materials-block .blocks .block {position: relative;} .promo-page .materials-block .blocks .block .inf {position: static; padding-left: 12px; padding-right: 12px;} .materials-block .blocks {padding: 0 0 5px; margin: 0 -10px 0 0; width: calc(100% + 10px); display: flex; flex-wrap: wrap;} .materials-block .blocks:not(.open) .block:nth-child(n + 9) {position: absolute; top: -999999999px; left: -99999px; opacity: 0;} .materials-block .blocks .block {font-weight: normal; width: calc(25% - 10px); margin: 0 10px 35px 0; border-radius: 8px; background: #F5F5F7; padding: 8px;} .materials-block .blocks .block h3 a {color: inherit; text-decoration: none;} .materials-block .blocks .block .pic {display: block; background: center center/cover no-repeat; height: 280px; border-radius: 8px;} .materials-block .blocks .block .pic.contain {background-size: contain; background-color: #fff;} .materials-block .blocks .block .inf {padding: 16px 20px 138px; position: relative;} .materials-block .blocks .block .inf > a {color: inherit; text-decoration: none;} .materials-block .blocks .block .price {position: absolute; left: 20px; bottom: 92px; font-size: 22px; line-height: 26px; color: #191919; font-weight: bold; display: flex;} .materials-block .blocks .block .descr {display: none;} .materials-block .blocks .block h3 {font: inherit; margin: 0; padding: 0;} .materials-block .blocks .block .price small {font-size: 15px; font-weight: normal;} .materials-block .blocks .block .price .grey {color: #8D9091; margin-left: 8px;} .materials-block .blocks .block .btns {position: absolute; display: flex; justify-content: space-between; left: 20px; bottom: 20px; width: calc(100% - 40px);} .materials-block .blocks .block .btns .btn {text-align: center; box-sizing: border-box; line-height: 48px; width: calc(50% - 4px);} .materials-block .blocks .block .btns .btn.buy {line-height: 48px; height: 48px; position: relative; display: flex; align-items: center; padding: 0; justify-content: center;} .materials-block .blocks .block .btns .btn.buy.disabled {pointer-events: none; background: #fff; color: #8D9091;} .materials-block .blocks .block .btns .btn.buy.disabled:after {filter: grayscale(100%) brightness(60%);} .materials-block .blocks .block .btns .btn.buy:after {margin: 2px 0 0 10px; content: ''; display: block; width: 14px; height: 24px; background: url(img/buy-ic.svg) center center no-repeat;} .materials-block .blocks .block .btns .btn.buy .tooltip {transform: translateX(-50%); bottom: calc(100% + 18px); background: #fff; z-index: 5; text-align: left; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease; color: #191919; font-weight: normal; font-size: 15px; line-height: 22px; padding: 16px 20px; width: 200px; border-radius: 8px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);} .materials-block .blocks .block .btns .btn.buy .tooltip:after {top: auto; right: auto; margin: 0; width: 38px; height: 14px; bottom: -8px; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; background: url(img/tooltip-corn.svg) bottom center no-repeat;} .materials-block .blocks .block .btns .btn.buy:hover .tooltip {left: 50%; opacity: 1;} .materials-block .blocks .block .btns .btn.white {padding: 0; color: #191919; line-height: 46px; height: 48px; border: 1px solid #EAEAEA; background: #fff;} .materials-block .blocks .block .btns .btn.white:hover {background: #EAEAEA;} .promo-page .promo-gallery {margin-bottom: 0!important; position: relative; padding: 67px 0 70px;} .promo-page .promo-gallery:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: 50%; transform: translateX(-50%); background: #F5F5F7;} .text-page.promo-page .promo-gallery:before {display: none;} .promo-page .promo-gallery > * {position: relative;} .promo-page .promo-gallery .item {font-weight: normal; text-align: center;} .promo-page .promo-gallery .item .pic {height: 750px; border-radius: 8px; background: center center/cover; margin: 0 0 40px;} .promo-page .promo-gallery .owl-carousel .owl-dots {bottom: auto; top: 770px;} .promo-page .promo-gallery .owl-carousel .owl-nav {display: block;} .promo-page .promo-gallery .owl-carousel .owl-nav button.owl-prev:not(.disabled), .promo-page .promo-gallery .owl-carousel .owl-nav button.owl-next:not(.disabled) {background: #36A9E1;} .promo-page .promo-gallery .owl-carousel .owl-nav button.owl-prev:not(.disabled):hover, .promo-page .promo-gallery .owl-carousel .owl-nav button.owl-next:not(.disabled):hover {background: #006BCF;} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} @media (max-width: 1400px) { .constructions-block .txt {width: 400px;} .constructions-block .blocks {width: calc(100% - 400px);} .constructions-block .blocks a {font-size: 18px; padding: 20px;} .brands-list .brands-item {width: 20%; min-width: 120px;} .content .shops-page .shops-filter .tumblers label {width: 100%; padding: 0 20px; font-size: 15px;} .content .shops-page .shops-filter .checkboxes {justify-content: space-between;} .content .shops-page .shops-filter .checkboxes label {margin: 0; font-size: 15px;} .content .project-detail .video-block {padding-top: 0;} .content .materials-page .into .left-col .block .list.tile .item .inf .price {position: absolute; bottom: 46px; left: 0; font-size: 17px; line-height: 22px;} .content .materials-page .into .left-col .block .list.tile .item .inf .price small {font-size: 13px;} .content .materials-page .into .left-col .block .list.tile .item .txt .btns a {width: calc(50% - 4px); height: 34px; line-height: 32px; font-size: 13px;} .content .materials-page .into .left-col .block .list.tile .item .txt .btn.buy span:after {margin-top: -8px; width: 10px; height: 18px; background-size: contain;} .content .materials-page .into .left-col .block .list.tile .item .txt .btn.buy span {padding-right: 16px;} .content .materials-page .into .left-col .block .list.tile .item .txt {position: relative; padding-bottom: 76px;} .content .materials-page .into .left-col .block .list.tile .item {padding-bottom: 0; margin-bottom: 32px; margin-right: 24px; width: calc(100% / 3 - 24px);} .content .materials-page .into .left-col .block .list.tile {margin-right: -24px; width: calc(100% + 24px);} .content .materials-page .into .left-col .block .list.tile .item .txt h3 {margin: 0; font-size: 13px; line-height: 18px;} .content .materials-page .into .left-col .block .list:not(.constr).tile .item .inf {width: 100%; padding: 0; position: static;} .content .materials-page .into .left-col .block .list.tile .item .pic:after {display: none;} .content .materials-page .into .left-col .block .list.tile .item .pic {margin-bottom: 12px; height: 155px;} .content .bg-btn-block.with-pic {padding: 32px;} .content .bg-btn-block.with-pic .pic {right: 40px;} .subscribe-block {padding-top: 60px; font-size: 16px; line-height: 24px;} .subscribe-block .wrap {max-width: 643px;} .subscribe-block .form .inp-text {height: 48px; font-size: 16px;} .subscribe-block .form .submit {line-height: 46px; height: 48px; font-size: 16px;} .subscribe-block .title {font-size: 30px;} .grey-text-block {padding: 57px 0 70px;} .content .news-block {margin-bottom: 70px;} .content .problems-block .blocks .block {font-size: 16px; line-height: 24px;} .content .problems-block {padding-bottom: 70px; margin-bottom: 57px;} .projects-block .blocks .block {height: 390px;} .projects-block {padding-bottom: 60px;} .content .video-block {padding-top: 57px; padding-bottom: 70px; margin-bottom: 57px;} .content .news-block .block .inf h3 {font-size: 16px; line-height: 24px;} .content {font-size: 16px; line-height: 24px;} .content .news-block .block .inf {padding: 25px 25px 70px;} .content .news-block .block .inf .go {font-size: 16px; line-height: 24px; left: 25px; bottom: 25px;} .content .news-block .block .inf .go:after {margin-top: 7px;} .top-blocks .right-blocks .block {height: 138px;} .top-blocks .right-blocks .block .ic {right: 25px;} .top-blocks .right-blocks .block .ic img {max-height: 70px;} .top-blocks .slider .item h2 {font-size: 54px;} .top-blocks .slider .item {font-size: 15px; line-height: 22px;} .top-blocks .slider .item .btn {line-height: 48px; font-size: 16px;} header .search {height: 48px;} header .search .submit, header.search-open .search .close {height: 48px;} header .search input[type=text] {line-height: 46px; height: 48px;} .top-blocks {margin-bottom: 70px;} .top-blocks .slider .item {height: 480px;} .top-blocks .right-blocks .block {padding: 25px;} .top-blocks .right-blocks .block h3 {font-size: 16px;} .top-blocks .right-blocks .block .go {line-height: 150%;} .top-blocks .right-blocks .block .go:after {margin-top: 5px;} .areas-of-activity {padding: 57px 0 70px; margin: 0 0 70px;} .areas-of-activity .item {font-size: 22px;} .areas-of-activity .item .inf {bottom: 25px; left: 25px; width: calc(100% - 50px);} header nav > ul > li > a {font-size: 14px;} .content h2, .content h1.h2 {font-size: 38px;} .constructions-block {margin-bottom: 70px;} .grey-text-block {font-size: 16px; line-height: 24px;} footer .cols ul li a {font-size: 16px;} footer .cols ul {line-height: 32px;} .content .product-page:not(.constr) .info-and-gallery .gallery {width: calc(50% + 40px);} .content .product-page:not(.constr) .info-and-gallery .info {padding: 20px 48px 0 0; width: 50%;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price {font-size: 16px; line-height: 20px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price div + div {margin-left: 8px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price small {font-size: 13px;} } @media (max-width: 1300px) { header .logo img {height: auto; width: 136px;} .top-blocks .right-blocks .block {height: 112px; padding: 20px;} .top-blocks .right-blocks .block .ic {right: 20px;} .top-blocks .right-blocks .block .ic img {max-height: 70px;} .top-blocks .right-blocks .block h3 {max-width: calc(100% - 60px); font-size: 14px; line-height: 130%; margin: 0 0 4px;} .top-blocks .right-blocks .block .go {max-width: calc(100% - 60px); font-size: 12px; line-height: 16px;} .top-blocks .right-blocks .block .go:after {margin: 2px 0 0 4px;} .content .product-page .product-tabs ul li {margin: 0 20px;} .content .product-page .product-tabs ul li a {font-size: 14px; line-height: 50px;} } @media (max-width: 1250px) { .content .product-page .estimate-tables .block .four-cols .item .inf {width: calc(100% - 657px);} .promo-page .video-block .owl-carousel .owl-nav button.owl-prev, .promo-page .video-block .owl-carousel .owl-nav button.owl-next {top: 80px;} .promo-page .breadcrumbs {margin-top: 16px!important;} .content .search-results-page .search-materials .block .title {font-size: 15px; line-height: 22px;} .content .search-results-page .search-materials .block .inf {padding-bottom: 80px;} .content .search-results-page .search-materials .block .btns .btn {height: 34px; line-height: 32px; font-size: 13px;} .content .search-results-page .search-materials .block .btns .btn.buy {height: 34px; line-height: 34px;} .content .search-results-page .search-materials .block .btns .btn.buy span:after {width: 10px; margin-top: -8px; height: 18px; background-size: contain;} .content .search-results-page .search-materials .block .btns .btn.buy span {padding-right: 18px;} .content .search-results-page .search-materials .block .price {font-size: 16px; line-height: 20px; bottom: 46px;} .content .search-results-page .search-materials .block .price small {font-size: 13px;} .content .shop-detail .shop-info .block .ic {width: 24px; height: 24px; margin: 0 0 8px;} .content .shop-detail .shop-info .block p.title {font-size: 15px; line-height: 20px; margin: 0 0 12px;} .content .shop-detail .shop-info .block {font-size: 13px; line-height: 18px;} .content .shop-detail .shop-info {margin-bottom: 40px;} .content .shop-detail .shop-map .into {height: 430px;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {padding: 16px; border-radius: 8px; } .content .shops-page .shops-map .ymaps-2-1-79-balloon {font-size: 13px; line-height: 18px;} .content .shops-page .shops-map .ymaps-2-1-79-balloon__content {font-size: 13px; line-height: 18px;} .content .shops-page .shops-map .ymaps-2-1-79-balloon .title {font-size: 13px; line-height: 18px; } .content .shops-page .shops-map .ymaps-2-1-79-balloon a.more {font-size: 13px; line-height: 18px; } .content .shops-page .shops-list .block .cl {width: 25%;} .content .shops-page .shops-list .block .cl p:not(:last-child) {padding: 0 0 12px;} .content .shops-page .shops-list .block {font-size: 13px; line-height: 18px;} .content .shops-page .shops-list .block .title .ic {width: 20px; margin: 0 8px 0 0;} .content .shops-page .shops-list .block .cl:nth-child(3) {width: 45%;} .content .shops-page .shops-map {margin: 0 0 32px;} .content .shops-page .shops-map .into {height: 430px;} .content .shops-page .shops-filter .checkboxes label .ic {margin-top: -10px; width: 20px; height: 20px;} .content .shops-page .shops-filter .checkboxes label input {width: 20px; height: 20px; margin: 0 8px 0 0;} .content .shops-page .shops-filter .checkboxes label {line-height: 20px; white-space: nowrap; font-size: 13px;} .content .shops-page .shops-filter .tumblers label {padding: 0 10px; height: 42px; font-size: 13px;} .content .shops-page .shops-filter .tumblers label .ic {width: 20px; margin: 0 8px 0 0;} .content .shops-page .shops-filter .drops .select-outer {width: 300px; height: 42px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select {height: 42px; padding: 0 16px; font-size: 14px;} .content .shops-page .shops-filter .drops .select-outer small {left: 16px; font-size: 14px; top: 9px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown {font-size: 14px; padding: 0 16px 16px;} .content .shops-page .shops-filter .drops .select-outer .changed + small {font-size: 10px; top: 2px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select {line-height: 55px;} .content .projects-page .descr {font-size: 13px; line-height: 18px; margin: 0 0 40px;} .content .projects-page .list {padding: 0 0 46px;} .projects-page .projects.list .block {padding: 20px; font-size: 18px; line-height: 23px; height: 237px;} .content .product-page.price .vars-and-prices {padding-bottom: 56px;} .content .product-page.price .price-top .right .title {font-size: 23px; line-height: 29px; margin: 0 0 8px;} .content .product-page.price .price-top .right:before {background-size: auto 105%;} .content .product-page.price .price-top .left .block small {left: 20px; bottom: 20px; font-size: 10px; line-height: 12px;} .content .product-page.price .price-top .left .block:after {width: 18px; height: 18px; top: 20px; right: 20px;} .content .product-page.price .table-block table td {padding-top: 12px; padding-bottom: 12px;} .content .product-page.price .spoiler-block h2:after {width: 24px; height: 24px; background-size: 8px auto;} .content .product-page.price .price-top .left .block {padding: 20px 20px 41px 20px;} .content .product-page.price .price-top .right .btn {font-size: 13px; line-height: 34px;} .content .product-page.price .price-top .right {font-size: 13px; line-height: 18px; width: 314px;} .content .product-page.price .price-top .left {width: calc(100% - 324px);} .content .product-page.price .price-top .left .block {font-size: 13px; line-height: 18px;} .content .news-detail-page .news-gallery.owl-carousel .owl-dots {margin: 16px 0 0 0;} .content .news-detail-page .news-gallery {margin: 0 0 40px;} .content .news-detail-page .back-block {padding: 24px 0 0 0;} .content .news-detail-page {max-width: 640px; font-size: 13px; line-height: 18px; padding-bottom: 56px;} .content .news-detail-page p:not(:last-child) {padding: 0 0 24px;} .content .news-detail-page .quote-block {margin: 0 0 24px 15px; padding: 0 0 0 16px;} .content .news-detail-page h1 {font-size: 28px; line-height: 36px; margin: 0 0 40px;} .content .news-detail-page .date {font-size: 12px; line-height: 16px; margin: 0 0 24px;} .content .news-page .news-block .block .pic {height: auto;} .content .news-page .news-block .block {font-size: 13px; line-height: 18px;} .content .news-page .news-block .block .inf h3 {margin-bottom: 8px;} .content .news-page .news-block {margin-bottom: 12px;} .content .news-page {margin-bottom: 56px;} .content .news-page .rightcol .slick-wrap {width: 233px;} .content .news-page .rightcol {width: 233px; margin: 0 0 0 48px;} .content .news-page .rightcol nav {font-size: 13px; line-height: 18px; padding: 20px;} .content .news-page .rightcol nav ul li:not(:last-child) {margin: 0 0 12px; padding: 0 0 12px;} .content .news-page .left-content {width: calc(100% - 281px);} .content .videos-page .detail .vid {margin-bottom: 24px;} .content .videos-page .detail .txt {font-size: 13px; line-height: 18px;} .content .videos-page {margin-bottom: 50px;} .content .back-link {margin-top: -4px; font-size: 13px; margin-bottom: 24px;} .content .videos-page .video-filter .slick-wrap {width: 204px;} .content .videos-page .video-filter {width: 204px; margin: 0 40px 0 0;} .content .videos-page .video-filter .left .search input[type=text] {height: 38px; font-size: 13px; padding-left: 15px;} .content .videos-page .video-filter .left .search .submit {width: 38px; height: 38px; background-size: 18px auto;} .content .videos-page .video-filter p {font-size: 13px; line-height: 18px; margin: 0 0 12px;} .content .videos-page .video-filter .right .checkboxes label input {width: 20px; height: 20px;} .content .videos-page .video-filter .right .checkboxes label {font-size: 12px; line-height: 16px;} .content .videos-page .video-filter .right .checkboxes label + label {margin-top: 8px;} .content .videos-page .video-filter .right .checkboxes label .i {margin-top: -9px; width: 20px; height: 20px;} .content .videos-page .list {width: calc(100% - 244px);} .content .videos-page .list .block .pic {width: 200px; min-height: 120px; margin: 0 24px 0 0;} .content .videos-page .list .block .inf {width: calc(100% - 224px);} .content .videos-page .list .block .inf h3 {font-size: 13px; line-height: 18px; margin: 0 0 12px;} .content .videos-page .list .block {font-size: 12px; line-height: 16px;} .content .videos-page .list .block .inf .descr {margin: 0 0 12px;} .content .videos-page .list .block .inf .type {font-size: 12px; line-height: 16px;} .content .videos-page .list .block .inf .time:before {width: 18px; height: 18px; background-size: contain;} .content .videos-page .list .block {padding: 24px 0 0 0; margin: 0 0 24px;} .content .videos-page .list .block .inf .time {font-size: 12px; line-height: 16px;} .content .videos-page .block + .show-more {margin-top: 32px; font-size: 13px; line-height: 40px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; top: 240px; left: -17px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; top: 240px; right: -17px;} .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-prev:after, .content .product-page .constr-video-block .owl-carousel .owl-nav button.owl-next:after {background-size: 6px auto; background-position: left 13px center;} .content .product-page .constr-video-block .block .pic {margin: 0 0 24px; height: 524px;} .content .product-page .constr-video-block .block .title {font-size: 15px; line-height: 20px; margin: 0 0 12px;} .content .product-page .constr-video-block {padding-bottom: 56px;} .content .video-block .block .time {top: 132px; left: 10px;} .content .bg-btn-block .btn {line-height: 34px; font-size: 13px; width: 140px;} .content .product-page.constr .instruction-list {margin-bottom: 44px;} .popup .into .form .text {height: 42px; line-height: 40px; font-size: 13px; padding: 0 16px; margin-bottom: 12px;} .popup .into .title {font-size: 18px; line-height: 23px; margin: 0 0 20px;} .popup .into .form textarea.text {height: 100px; padding: 12px 16px;} .popup .into .form .checkbox .txt {font-size: 10px; line-height: 12px;} .popup .into .form .checkbox input {width: 20px; height: 20px; margin: 0 6px 0 0;} .popup .into .form .checkbox .txt {width: calc(100% - 26px);} .popup .into .form .checkbox .ic {width: 20px; height: 20px;} .popup .into .form .checkbox input:checked + .ic {background-size: 10px auto;} .popup .into .form .checkbox {margin: 0 0 24px;} .popup .into .form .submit {line-height: 42px; font-size: 13px; padding: 0 20px;} .popup .into {max-width: 450px;} .content .product-page .partners-spoiler {padding-bottom: 56px;} .content .product-page .partners-spoiler .title {font-size: 23px; line-height: 29px;} .content .product-page .partners-spoiler .title .plus {margin-top: 6px;} .content .product-page .partners-spoiler .hidden-block {margin-top: 24px;} .content .product-page .partners-spoiler .hidden-block .form .btns {margin-top: 24px;} .content .product-page .partners-spoiler .hidden-block .form input.text {height: 42px; line-height: 40px; font-size: 13px;} .content .product-page .partners-spoiler .hidden-block .form .btns a {padding: 0 46px 0 20px; line-height: 42px; height: 42px; font-size: 13px;} .content .product-page .partners-spoiler .hidden-block .form .btns a span:after {width: 18px; height: 18px; background-size: contain; right: -22px; margin-top: -8px;} .content .product-page .estimate-tables {padding-bottom: 40px; margin-bottom: 46px;} .content .product-page .estimate-tables .grey-bottom a {height: 42px; line-height: 40px; font-size: 13px; padding: 0 20px;} .content .product-page .estimate-tables .grey-bottom a.shop, .content .product-page .estimate-tables .grey-bottom a.pdf {padding-right: 38px;} .content .product-page .estimate-tables .grey-bottom a.shop span:after {width: 11px; height: 18px; background-size: contain; right: -18px; margin-top: -8px;} .content .product-page .estimate-tables .grey-bottom a.pdf span:after {width: 18px; height: 18px; background-size: contain; right: -22px; margin-top: -8px;} .content .product-page .estimate-tables .app-block {margin-bottom: 32px;} .content .product-page .estimate-tables .summary-block {margin-bottom: 32px; padding: 20px 32px;} .content .product-page .estimate-tables .summary-block .count-inp input {width: 46px; height: 42px; line-height: 40px; font-size: 13px;} .content .product-page .estimate-tables .summary-block .count-inp {font-size: 13px; line-height: 18px;} .content .product-page .estimate-tables .summary-block .price {font-size: 15px; line-height: 20px;} .content .product-page .estimate-tables .block .item .col {width: 82px; margin: 0 24px 0 0;} .content .product-page .estimate-tables .block .list-head div:first-child {width: calc(100% - 478px);} .content .product-page .estimate-tables .block .item .inf {padding-right: 24px; width: calc(100% - 576px);} .content .product-page .estimate-tables .block .item .col .count-inp input {width: 46px; height: 42px; line-height: 40px; font-size: 13px;} .content .product-page .estimate-tables .block .item .col .count-inp.long input {width: 63px;} .content .product-page .estimate-tables .block .item .col .count-inp {font-size: 13px;} .content .product-page .estimate-tables .block .item .col label .i {width: 20px; height: 20px;} .content .product-page .estimate-tables .block .item .col label input:checked + .i {background-size: 10px auto;} .content .product-page .estimate-tables .app-block .go {font-size: 13px; line-height: 18px;} .content .product-page .estimate-tables .app-block .go:after {width: 11px; height: 8px; margin-top: 6px; margin-left: 8px; background-size: contain;} .content .product-page .estimate-tables .block .item .col:last-child {width: 54px;} .content .product-page .estimate-tables .grey-top b {font-size: 18px; line-height: 23px; margin: 0 12px 0 0;} .content .product-page .estimate-tables .grey-top input {width: 46px; height: 42px; line-height: 40px; font-size: 13px;} .content .product-page .estimate-tables .grey-top small {font-size: 13px; line-height: 18px;} .content .product-page .estimate-tables .grey-top {padding-bottom: 20px; margin-bottom: 32px;} .content .product-page .product-tabs-content:not(.constr) .estimate-tables h2 {font-size: 18px; line-height: 23px;} .content .product-page .estimate-tables .block h2 label .i {width: 20px; height: 20px;} .content .product-page .estimate-tables .block h2 label {width: 20px; margin: 0 12px 0 0;} .content .product-page .estimate-tables .block h2 label input:checked + .i {background-size: 10px auto;} .content .product-page .estimate-tables .block .list {padding: 24px;} .content .product-page .estimate-tables .block .list-head {margin: 0 0 12px;} .content .product-page .estimate-tables .block .item .pic {width: 80px; height: 50px;} .content .product-page .estimate-tables .block .item .title {font-size: 13px; line-height: 18px;} .content .product-page .estimate-tables .block .list-head div:last-child {width: 54px;} .content .product-page .estimate-tables .block .list-head div {width: 82px; margin: 0 24px 0 0;} .content .product-page .product-tabs-content .tab > p:first-child {margin-top: 32px;} .content .product-page .estimate-tables {margin-top: 32px; padding-top: 40px;} .content .product-page.constr .product-tabs {margin: 0 0 32px;} .content .product-page.constr .info-and-gallery .gallery {width: 364px; margin: 0 32px 0 0;} .content .product-page.constr .info-and-gallery .info {width: calc(100% - 396px);} .content .product-page.constr .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; margin-top: -17px; left: -17px;} .content .product-page.constr .info-and-gallery .gallery .owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; margin-top: -17px; right: -17px;} .content .product-page.constr .info-and-gallery .gallery .owl-carousel .owl-nav button:after {background-size: 6px auto; background-position: left 13px center;} .content .product-page.constr .info-and-gallery .info .right-col {width: 211px;} .content .product-page.constr .info-and-gallery .info .right-col .btn {line-height: 42px; margin: 0 0 12px; font-size: 13px;} .content .product-page.constr .info-and-gallery .info .downloads {padding: 20px;} .content .product-page.constr .info-and-gallery .info .downloads a {font-size: 12px; line-height: 16px;} .content .product-page.constr .info-and-gallery .info .downloads a small {margin-top: 4px;} .content .product-page.constr .info-and-gallery .info .txt {width: calc(100% - 211px); padding: 0 32px 0 0;} .content .product-page.constr .info-and-gallery .info .constr-chars-block {padding: 16px 20px; font-size: 13px; line-height: 18px;} .content .product-page.constr .info-and-gallery .info .constr-chars-block p + p {padding-left: 0;} .content .product-page.constr .info-and-gallery .info .constr-chars-block p {padding: 0 12px 4px 0;} .content .product-page.constr .info-and-gallery .info .constr-chars-block .price {font-size: 23px; line-height: 30px;} .content .product-page.constr .info-and-gallery .info .advantages .title {font-size: 13px; line-height: 18px;} .content .product-page.constr .info-and-gallery .info ul:not(.breadcrumbs) li:before {width: 18px; height: 18px; background-size:contain;} .content .product-page.constr .info-and-gallery .info ul:not(.breadcrumbs) li {padding-left: 26px;} .content .product-page.constr .info-and-gallery {padding-bottom: 52px; margin-bottom: 40px;} .content .product-page.constr .product-tabs-content .constr-descr {margin-bottom: 56px;} .content .product-page.constr .product-tabs-content .other-constr-block {padding: 46px 0 56px;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; margin-top: -17px; left: -17px;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; margin-top: -17px; right: -17px;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-nav button:after {background-size: 6px auto; background-position: left 13px center;} .content .product-page.constr .product-tabs-content .other-constr-block .block {padding: 8px 16px 98px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .pic {margin: 0 -8px 16px; width: calc(100% + 16px);} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns {left: 20px; width: calc(100% - 40px); bottom: 20px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn {height: 34px; line-height: 32px; font-size: 13px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn.buy {height: 34px; line-height: 34px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn.buy span:after {width: 10px; margin-top: -8px; height: 18px; background-size: contain;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn.buy span {padding-right: 18px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .price {font-size: 16px; line-height: 20px; bottom: 66px; left: 20px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .price small {font-size: 13px;} .content.text-page .files-list {padding-top: 0;} .content.text-page .fullwidth-pic {margin-bottom: 24px;} .content.text-page .files-block {margin-top: 44px; padding: 46px 0 56px;} .content.text-page .table-block {margin-bottom: 16px;} .content.text-page p {padding-bottom: 12px;} .content.text-page h3 {padding-top: 12px; font-size: 18px; line-height: 23px; padding-bottom: 16px; margin-bottom: 0;} .content.text-page ul:not(.breadcrumbs) {padding-bottom: 24px;} .content.text-page ul:not(.breadcrumbs) li {padding-left: 20px;} .content.text-page ul:not(.breadcrumbs) li:before {top: 6px; left: 4px;} .content.text-page ul:not(.breadcrumbs) ul li ul li:before {top: 8px;} .content.text-page {font-size: 13px; line-height: 18px;} .content.text-page h2 {font-size: 23px; line-height: 30px; margin-bottom: 16px;} .content.text-page h1 {margin-bottom: 24px;} .content.text-page h4 {font-size: 15px; line-height: 20px; padding: 0 0 16px;} .content .project-detail .proj-gallery {margin-bottom: 56px;} .content .project-detail .proj-gallery .owl-carousel {width: calc(100% - 80px);} .content .project-detail .proj-gallery .item {font-size: 12px; line-height: 16px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav {top: -66px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button.owl-next {margin-left: 12px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button.owl-next, .content .project-detail .proj-gallery .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px;} .content .project-detail .proj-gallery .owl-carousel .owl-nav button:after {background-size: 6px auto; background-position: left 13px center;} .content .project-detail .proj-text {padding: 46px 0 56px; margin-bottom: 46px; font-size: 13px; line-height: 18px;} .content .project-detail .proj-text ul li {padding-left: 38px;} .content .project-detail .proj-text ul li:before {width: 18px; height: 18px; background-size: contain;} .content .project-detail .proj-photo {margin-bottom: 32px;} .content .project-detail .info-block .bottom {margin-bottom: 32px; font-size: 13px; line-height: 18px;} .content .project-detail .info-block .bottom .cl .title {font-size: 15px; line-height: 20px; margin: 0 0 6px;} .content .project-detail .info-block .bottom .cl .title .ic {width: 24px;} .content .project-detail .info-block .bottom .cl .title .ic img {max-width: 100%;} .content .project-detail .info-block .bottom .cl {padding-left: 32px;} .content .project-detail .info-block {margin-top: 16px;} .content .project-detail .info-block .top .bl .ic img {max-height: 18px; margin-right: 8px;} .content .project-detail .info-block .top {margin-bottom: 20px; font-size: 13px; line-height: 18px;} .content .other-projects {margin-bottom: 56px; padding-top: 6px; font-size: 13px; line-height: 18px;} .content .other-projects .row > div {padding: 16px 0;} .content a.show-more {margin-bottom: 46px;} .content .projects-list {padding-top: 16px; padding-bottom: 24px;} .content .projects-list .block {width: calc(100% / 3 - 16px); margin: 0 16px 16px 0;} .content .projects-list .block .inf {padding: 20px 24px 24px;} .content .projects-list .block .inf .title {font-size: 15px; line-height: 20px; margin-top: 12px;} .content .projects-list .block .inf .city {padding-left: 15px; font-size: 14px;} .content .projects-list .block .inf .city:before {width: 9px; height: 16px;} .content .projects-list {margin-right: -16px; width: calc(100% + 16px);} .content .materials-page .into .left-col .block .list.tile {margin-bottom: 0px;} .content .materials-page .into .left-col .block:last-child .list.tile {margin-bottom: -32px;} .content .materials-page.prod-list .into .left-col .block .list:not(.tile) .item:last-child {padding-bottom: 24px;} .content .product-page.constr .info-and-gallery .gallery .item {height: 364px;} .content .materials-page.prod-list .into {margin-top: 0;} .content .materials-page .into .left-col .block {margin-bottom: 16px;} .content .materials-page .into .left-col {font-size: 12px; line-height: 16px;} .content .materials-page .left-col .catalog-list:not(.constr) {margin-top: 32px;} .content .materials-page.prod-list .into .left-col .block h2 {padding-right: 36px; font-size: 23px; line-height: 30px; margin-bottom: 20px;} .content .materials-page.prod-list .into .left-col .block h2:after {background-size: 8px auto; width: 24px; height: 24px; top: 5px;} .content a.show-more {margin-bottom: 56px; line-height: 40px; height: 42px; padding: 0 20px; font-size: 13px;} .content .materials-page .list .item .pic {width: 157px; height: 114px; margin: 0 24px 0 0;} .content .materials-page .list .item .txt .btns {width: 106px;} .content .materials-page .into .left-col .block .list:not(.constr) .item .inf {width: calc(100% - 106px); padding-right: 24px; padding-bottom: 30px;} .content .materials-page .list .item .price {font-size: 17px; line-height: 22px;} .content .materials-page .list .item .price small {font-size: 13px;} .content .materials-page .list .item .txt .btn.buy span:after {width: 10px; height: 18px; background-size: contain; margin-top: -8px;} .content .materials-page .list .item .txt .btn.buy span {padding-right: 16px;} .content .materials-page .list.constr .item:last-child {padding-bottom: 24px; margin-bottom: 24px;} .content .materials-page .list.constr .item .pic {width: 157px; margin: 0 24px 0 0; min-height: 157px;} .content .materials-page .list .item .txt {width: calc(100% - 181px);} .content .materials-page .list .item .txt h3 {font-size: 15px; line-height: 22px; margin: 0 0 12px;} .content .materials-page .list .item {padding-top: 24px; padding-bottom: 0; margin-bottom: 24px; font-size: 12px; line-height: 16px;} .content .materials-page .list.constr .item .txt .btns {width: 140px;} .content .materials-page .list .item .txt .btn.buy {height: 34px; line-height: 32px;} .content .materials-page .list .item .txt .btn.blue {height: 34px; line-height: 34px; font-size: 13px;} .content .materials-page .list .item .txt .btn {margin-top: 12px; height: 34px; line-height: 32px; font-size: 13px;} .content .materials-page .list .item .txt .btns .price {font-size: 17px; line-height: 22px;} .content .materials-page .list .item .txt .btns .price small {font-size: 13px;} .content .materials-page .list.constr .item .inf {width: calc(100% - 140px); padding-right: 24px;} .content .materials-page .list .item .params {font-size: 12px; line-height: 16px;} .content .materials-page .into .right-col .block h2 {padding: 12px 20px; font-size: 13px; line-height: 18px; letter-spacing: 0;} .content .materials-page .into .right-col .block .txt {font-size: 12px; line-height: 16px;} .content .materials-page .into .right-col .block .read-block {padding: 0 20px 20px;} .content .materials-page .into .right-col .block .read-block .block {font-size: 12px; line-height: 16px;} .content .materials-page .into .right-col .block .read-block .block .title .ic {width: 18px;} .content .materials-page .into .right-col .block .read-block .block .title .text {width: calc(100% - 24px); font-size: 13px; line-height: 18px;} .content .materials-page .into .right-col {width: 233px; margin: 0 0 0 40px;} .content .materials-page .into .right-col .right-banner {height: 284px;} .content .materials-page .into .right-col .right-banner .txt {bottom: 20px; left: 20px; font-size: 13px; line-height: 18px;} .content .materials-page .into .right-col .right-banner .txt .go {font-size: 13px; line-height: 18px; margin: 10px 0 0 0;} .content .materials-page .into .right-col .right-banner .txt .go:after {margin: 5px 0 0 8px; width: 12px; height: 8px; background-size: contain;} .content .materials-page .into .right-col .right-banner .txt .title {font-size: 20px; line-height: 25px; margin: 0 0 10px;} .content .materials-page .into .left-col {width: calc(100% - 273px);} .content > h1 {font-size: 28px; line-height: 36px; margin: 0 0 24px;} .content > h1 + .materials-page {margin-top: 0;} .content .materials-page .sort-block {font-size: 12px; line-height: 16px;} .content > .breadcrumbs {margin-top: 20px!important;} .content .product-page .questions-block .block.review .rating .star {width: 15px; height: 15px; background-size: contain;} .content .product-page .questions-block .block.review .rating {top: 24px; right: 24px;} .content .product-page .questions-block .block.review {margin-bottom: 24px; padding: 24px; margin-top: 24px;} .content .product-page .questions-block .block.review + .block:not(.review) {margin-top: 0; padding-top: 0;} .content .product-page .questions-block .show-more {margin: 24px 0 0 0; line-height: 42px; padding: 0 20px; font-size: 13px;} .content .product-page .questions-tab .rightcol .block {padding: 16px 20px 20px;} .content .product-page .questions-tab .rightcol .block .title .rate-block {font-size: 15px; line-height: 20px;} .content .product-page .questions-tab .rightcol .block .title .rate-block .stars .star {width: 15px; height: 15px; background-size: contain;} .content .product-page .questions-tab .rightcol .block .title {font-size: 16px;} .content .product-page .questions-tab .rightcol .block {font-size: 12px; line-height: 16px;} .content .product-page .questions-tab .rightcol .block .title:after {left: -20px; width: calc(100% + 40px);} .content .product-page .questions-tab .rightcol .block .rate-list .row {font-size: 12px; line-height: 16px;} .content .product-page .questions-tab .rightcol .block .rate-list .row .left {width: 62px;} .content .product-page .questions-tab .rightcol .block .rate-list .row .line {width: calc(100% - 98px);} .content .product-page .questions-tab .rightcol .block .btn {margin: 20px 0 0 0; line-height: 42px; font-size: 13px;} .content .product-page .questions-tab .rightcol {width: 233px; margin: 0 0 0 40px;} .content .product-page .questions-tab .rightcol .slick-wrap {width: 233px;} .content .product-page .questions-block {width: calc(100% - 273px);} .content .product-page .questions-block .block {font-size: 13px; line-height: 18px; padding-top: 24px; margin-top: 24px;} .content .product-page .questions-tab .list + h2 {padding-top: 40px;} .content .product-page .questions-block .block .user .name {font-size: 13px; line-height: 18px;} .content .product-page .questions-block .block .user {font-size: 12px; line-height: 16px;} .content .product-page .questions-tab {margin-bottom: 56px; margin-top: 46px;} .content .product-page .support-tab {padding-top: 46px; } .content .product-page .files-block {margin-top: 24px; margin-bottom: 40px;} .content .product-page .price-tab .table-block table th {min-width: 100px;} .content .where-buy-block {margin-bottom: 56px;} .content .product-page .questions-grey-block {padding: 46px 0 56px;} .content .product-page .vars-and-prices h2 {padding-top: 40px;} .content .where-buy-block .blocks {margin-top: 24px;} .content .where-buy-block .blocks .block {padding: 20px;} .content .where-buy-block .blocks .block .go {font-size: 13px; line-height: 18px;} .content .where-buy-block .blocks .block .go:after {width: 12px; height: 8px; margin-left: 8px; background-size: contain;} .content .bg-btn-block.small-padding .txt {font-size: 15px;} .content .product-page .price-tab {padding-top: 46px;} .content .product-page .price-tab .price-tab-cols {padding-top: 8px;} .content .product-page .price-tab .price-tab-cols .grey-block {padding: 12px 20px 20px; width: 233px; margin: 0 0 0 40px;} .content .product-page .price-tab .price-tab-cols .leftcol {width: calc(100% - 273px); padding-bottom: 56px;} .content .product-page .price-tab .price-tab-cols .grey-block .title {font-size: 13px; line-height: 18px; padding: 0 0 12px; margin: 0 0 4px;} .content .product-page .price-tab .price-tab-cols .grey-block .title:after {left: -20px; width: calc(100% + 40px);} .content .product-page .price-tab .table-block.vars-table table {font-size: 13px; line-height: 18px;} .content .product-page .vars-and-prices .go {font-size: 13px; line-height: 18px;} .content .product-page .vars-and-prices .go:after {width: 12px; height: 8px; background-size: contain;} .content .product-page .price-tab .price-tab-cols .grey-block {font-size: 12px; line-height: 16px;} .content .product-page .colors-section {padding: 46px 0 56px;} .content .product-page .edge-options {margin-bottom: 56px;} .content .product-page .edge-options .block {font-size: 13px; line-height: 18px; width: 128px;} .content .product-page .edge-options .block .pic {margin: 0 0 8px; height: 75px;} .content .product-page .edge-options .edge-big .pic {margin-top: 24px; width: 480px;} .content .product-page .edge-options .edge-big .inf {padding: 0 0 0 40px;} .content .product-page .edge-options .edge-big .inf .title {font-size: 18px; line-height: 24px; margin: 0 0 12px;} .content .product-page .edges-tab {padding-top: 46px;} .content .product-page .edge-options {margin-top: 24px;} .content .product-page .chars-tab .table-block {margin-bottom: 40px;} .content .product-page .ac-chars-block .pic {width: 480px; margin: 0 40px 0 0;} .content .product-page .ac-chars-block .right {max-width: 315px; width: calc(100% - 520px);} .content .product-page .ac-chars-block {margin: 56px 0 46px 0; padding: 46px 0 56px;} .content .product-page .product-tabs-content:not(.constr) .chars-tab h2 {font-size: 18px; line-height: 24px; margin: 0 0 16px;} .content .product-page .chars-tab {padding-top: 46px;} .content .product-page .chars-block .block + .block {margin-top: 12px;} .content .product-page .projects .into .block .city {font-size: 13px;} .content .product-page .projects {padding: 0 0 56px;} .content .product-page .projects .into.owl-carousel .block {width: 100%;} .content .product-page .projects .into .block .inf .title {font-size: 13px; line-height: 18px;} .content .product-page .projects .into .block .inf {padding: 24px;} .content .product-page .projects .into {margin: 32px 0;} .content .product-page .projects .btn.show-all {line-height: 42px; padding: 0 20px; font-size: 13px;} .content .product-page .grey-bg.constructions .block {padding: 24px;} .content .product-page .grey-bg.constructions .block .inf .descr li:before {top: 6px; width: 4px; height: 4px;} .content .product-page .grey-bg.constructions .block .pic {width: 126px; height: 113px; margin: 0 24px 0 0;} .content .product-page .grey-bg.constructions .block .inf {font-size: 12px; line-height: 16px; width: calc(100% - 150px);} .content .product-page .grey-bg.constructions .block .inf h3 {font-size: 13px; line-height: 18px; margin: 0 0 8px;} .content .product-page .grey-bg.constructions .block .inf .descr {margin-bottom: 10px;} .content .product-page .grey-bg.constructions .block .inf .descr li {padding-left: 22px;} .content .product-page .grey-bg.constructions .block .inf .price {font-size: 16px; line-height: 20px;} .content .product-page .grey-bg.constructions .block .inf .price small {font-size: 13px; line-height: 15px;} .content .product-page .grey-bg {margin-top: 0; padding: 46px 0 56px; margin-bottom: 40px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; left: -17px; margin-top: -17px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; right: -17px; margin-top: -17px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-prev:after {background-size: 8px auto; background-position: center left 12px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav button.owl-next:after {background-size: 8px auto; background-position: center left 12px;} .content .product-page .application-block {margin: 46px 0 56px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .pic {margin-bottom: 16px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block {padding: 8px 8px 98px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btns {bottom: 20px; left: 20px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .price {left: 20px; bottom: 66px;} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn, .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy {font-size: 13px; height: 34px; line-height: 32px; width: calc(50% - 2px);} .content .owl-carousel.owl-products .owl-stage .owl-item .block .btn.buy span:after {margin-top: -8px; width: 10px; height: 18px; margin-left: 6px;} .content .owl-carousel.owl-products .owl-nav button.owl-prev {width: 34px; height: 34px; left: -17px; margin-top: -17px;} .content .owl-carousel.owl-products .owl-nav button.owl-next {width: 34px; height: 34px; right: -17px; margin-top: -17px;} .content .owl-carousel.owl-products .owl-nav button.owl-prev:after {background-size: 8px auto; background-position: center left 12px;} .content .owl-carousel.owl-products .owl-nav button.owl-next:after {background-size: 8px auto; background-position: center left 12px;} .content .product-page .same-products {margin-top: 56px; padding: 46px 0 56px;} .content .product-page .same-products h2 {margin-bottom: 20px!important;} .content .product-page h3 {font-size: 15px; line-height: 20px; margin: 0 0 16px;} .content .product-page p + h3 {padding-top: 24px;} .content .product-page .table-block {margin-bottom: 56px;} .content .table-block table {font-size: 13px; line-height: 18px;} .content .table-block table th {padding: 0 5px 10px;} .content .table-block table td {padding: 10px 5px 10px;} .content .product-page .center-pic {margin: 40px 0 56px;} .content .product-page:not(.constr) .product-tabs-content h2 {font-size: 23px; margin-bottom: 16px;} .content .product-page .product-tabs-content:not(.constr) {font-size: 13px; line-height: 18px;} .content .bg-btn-block {padding: 24px 30px; margin: 0 0 40px;} .content p + .bg-btn-block {margin-top: 30px;} .content .bg-btn-block .txt {max-width: 725px; font-size: 15px; line-height: 20px; } .content .product-page:not(.constr) .bg-btn-block .btn {line-height: 42px; font-size: 13px; padding: 0 20px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel {margin-bottom: 40px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .block {padding: 20px;} .content .product-page .product-tabs-content .txt-pic .block .txt {font-size: 13px; line-height: 18px; padding: 0 0 0 32px; width: calc(100% - 438px);} .content .product-page .product-tabs-content .txt-pic .block .txt h3 {font-size: 17px; font-weight: bold; margin: 0 0 12px; line-height: 120%;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; left: -17px; margin-top: -17px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; right: -17px; margin-top: -17px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-prev:after {background-size: 8px auto; background-position: center left 12px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav button.owl-next:after {background-size: 8px auto; background-position: center left 12px;} .content .product-page .product-tabs-content .txt-pic .block .pic {width: 438px; height: 262px;} .content .product-page .product-tabs-content .txt-pic .block .pic.smallheight {height: 162px;} .content .product-page .prod-review-block .txt {font-size: 13px; line-height: 18px; max-width: 504px;} .content .product-page .prod-review-block .txt h2 {font-size: 23px; margin: 0 0 16px; letter-spacing: -0.4px;} .content .product-page .prod-review-block {min-height: 360px; padding: 40px 0;} .content .product-page .prod-review-block .pic {width: 350px; height: 310px;} .content .product-page .info-and-gallery .gallery .item {height: 520px;} .content .product-page .info-and-gallery .info .downloads a {padding-left: 26px; font-size: 13px; line-height: 18px; margin: 0 0 8px;} .content .product-page .info-and-gallery .info .downloads a:before {width: 18px; height: 18px; top: 0;} .content .product-page .info-and-gallery .info .go {font-size: 13px; line-height: 18px; margin: 0 0 16px;} .content .product-page .info-and-gallery .info .go:after {width: 12px; height: 8px; background-size: contain; margin: 6px 0 0 8px;} .content .product-page:not(.constr) .info-and-gallery .info .btns {margin: 24px 0;} .content .product-page:not(.constr) .info-and-gallery .info .btn {font-size: 13px; padding: 0 20px; height: 42px; line-height: 40px; border-radius: 6px;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop {margin-left: 16px; padding-right: 38px;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop span:after {width: 10px; height: 18px; margin: -8px 0 0 8px; background-size: contain; right: -18px;} .content .product-page:not(.constr) .info-and-gallery .info {font-size: 13px; line-height: 18px;} .content .breadcrumbs {font-size: 10px; line-height: 150%; margin: 0 0 20px;} .content .product-page h1 {font-size: 23px; line-height: 30px; margin: 0 0 20px;} .content .product-page .info-and-gallery .info .patent {background-size: 18px auto; background-position: center left 20px; font-size: 13px; line-height: 18px; padding: 8px 20px 8px 46px; margin: 0 0 20px;} footer .soc-block, footer .soc-block .block {font-size: 12px; line-height: 16px;} footer .soc-block .soc-links .ic {width: 26px; height: 26px; margin: 0 11px 0 0;} .all {padding: 0 30px;} .toppanel .all {height: 45px;} .toppanel .drop-block .flag {width: 16px; height: 16px; margin: 0 9px 0 0;} .toppanel .drop-block .active {font-size: 12px; line-height: 16px;} .toppanel .drop-block .active:after {width: 8px; height: 5px; background-position: center center; background-size: contain; background-repeat: no-repeat; margin-left: 4px;} .toppanel .left .city {margin-left: 28px;} .toppanel .drop-block .ic {width: 18px; height: 18px; background-size: contain; margin: 0 6px 0 0;} .toppanel .phone a.tel {font-size: 13px;} .toppanel .phone {font-size: 12px;} .toppanel .phone small {font-size: 10px; margin-top: 0;} .toppanel .right .btn {height: 24px; padding: 0 10px 0 12px; font-size: 12px;} .toppanel .right .btn:after {margin-left: 6px; width: 10px; height: 10px; background-size: contain;} .toppanel .right {font-size: 12px; line-height: 16px;} .toppanel .right .rev-link .arr {width: 9px; height: 6px; margin-left: 6px; background-size: contain;} .toppanel .right .rev-link .arr:after, .toppanel .right .rev-link .arr:before {background-size: contain;} .toppanel .right .rev-link .blue {margin-left: 9px;} .toppanel .right .rev-link .ic {margin-right: 9px; width: 18px; height: 18px;} .toppanel .right .rev-link .ic:before,.toppanel .right .rev-link .ic:after {background-size: contain;} .toppanel .right .rev-link {margin-left: 30px;} .toppanel .drop-block ul {top: calc(100% + 6px); min-width: 84px;} .toppanel .drop-block.open ul {left: -14px;} .toppanel .drop-block ul li a {padding: 12px 16px; font-size: 12px;} header {padding: 20px 0;} header .logo img {width: 100px;} header .search {width: 250px; height: 38px;} header .search input[type=text] {height: 38px; line-height: 36px; padding: 0 50px 0 15px; font-size: 13px;} header .search .submit, header.search-open .search .close {width: 38px; height: 38px; right: 0px; background-size: 18px auto;} header:after {width: 250px; height: 38px;} @media (min-width: 1001px) { header nav > ul > li > .drop .outer {padding: 30px 0;} header nav > ul > li > .drop ul li ul li {margin: 0;} header nav > ul > li > .drop ul {font-size: 13px; line-height: 18px;} header nav > ul > li > .drop ul li ul {font-size: 12px; line-height: 16px;} header nav > ul > li > .drop ul li.grey-block {margin-top: 16px; padding: 20px;} header nav > ul > li > .drop ul li.grey-block, header nav > ul > li > .drop ul li.shop a {font-size: 13px; line-height: 18px;} header nav > ul > li > .drop ul li.grey-block ul.btns li a {font-size: 12px; } header nav > ul > li > .drop ul li.grey-block ul.btns li {width: calc(50% - 2px);} header nav > ul > li > .drop ul li.grey-block ul:before {left: -20px; width: calc(100% + 40px);} header nav > ul > li > .drop ul li.shop small {font-size: 12px; line-height: 16px;} } .top-blocks .slider {margin: 0 0 20px;} .top-blocks .slider .item {line-height: 20px; padding: 40px 80px; height: 360px; border-radius: 6px;} .top-blocks .slider .item .txt {max-width: 440px;} .top-blocks .slider .item .btn {line-height: 38px; padding: 0 23px; font-size: 13px; margin-top: 16px;} .top-blocks .slider .item h2 {letter-spacing: -1px; font-size: 42px; line-height: 100%; margin: 0 0 16px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-prev {margin-top: -15px; left: 15px; width: 30px; height: 30px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-prev:after {background-size: auto 12px; background-position: center left 10px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-next {margin-top: -15px; right: 15px; width: 30px; height: 30px;} .top-blocks .slider .owl-carousel .owl-nav button.owl-next:after {background-size: auto 12px; background-position: center left 10px;} .top-blocks .right-blocks .block h3 {font-size: 13px; line-height: 18px;} .top-blocks {margin-bottom: 52px;} .areas-of-activity {padding-top: 43px; padding-bottom: 52px; margin-bottom: 52px;} .content h2, .content h1.h2 {font-size: 28px; margin: 0 0 26px; letter-spacing: -1px;} .areas-of-activity .item {font-size: 18px; letter-spacing: -0.4px; height: 283px;} .areas-of-activity .item .inf {left: 20px; bottom: 20px; width: calc(100% - 40px);} .areas-of-activity .item .inf .ic img {height: 32px; margin-bottom: 16px;} .areas-of-activity .owl-carousel .owl-nav button.owl-prev {width: 32px; height: 32px; left: -16px; margin-top: -16px;} .areas-of-activity .owl-carousel .owl-nav button.owl-next {width: 32px; height: 32px; right: -16px; margin-top: -16px;} .areas-of-activity .owl-carousel .owl-nav button.owl-prev:after, .areas-of-activity .owl-carousel .owl-nav button.owl-next:after {background-size: auto 12px; background-position: center left 11px;} .constructions-block .txt {width: 325px; padding: 0 20px 0 0;} .constructions-block .blocks {width: calc(100% - 325px);} .constructions-block .txt h2 {margin: 0 0 20px; font-size: 28px; letter-spacing: -1px; line-height: 110%;} .constructions-block .txt .go {font-size: 13px; line-height: 18px;} .constructions-block .txt .go:after {width: 11px; height: 8px; margin-left: 7px; margin-top: 6px; background-size: contain;} .constructions-block .blocks a {border-radius: 6px; min-height: 160px; padding: 17px 18px 12px; font-size: 15px; line-height: 20px;} .constructions-block {margin-bottom: 52px;} .content .problems-block {margin: 0 0 43px; padding: 43px 0 52px;} .content .problems-block .blocks .block {font-size: 13px; line-height: 18px; padding: 15px 18px;} .content .problems-block .blocks .block .ic {width: 32px; margin: 0 0 7px;} .content .problems-block .blocks .block .txt {min-height: 1px;} .content .flex-title {margin-bottom: 26px;} .content .flex-title .go {font-size: 13px; line-height: 18px;} .content .flex-title .go:after {width: 11px; height: 8px; margin-top: 6px; background-size: contain;} .projects-block {padding: 0 0 42px;} .projects-block .blocks .block {font-size: 13px; line-height: 18px; height: 293px;} .projects-block .blocks .block .inf .title {font-size: 18px; margin: 0 0 8px; letter-spacing: -0.4px; line-height: 130%;} .projects-block .blocks .block .inf {position: absolute; bottom: 20px; left: 20px; width: calc(100% - 50px);} .projects-block .blocks .block .arr {width: 24px; height: 24px; bottom: 20px; right: 20px;} .content .video-block {margin-bottom: 43px; padding: 43px 0 52px;} .content .video-block .block .pic {height: 174px; margin-bottom: 15px;} .video-block .owl-carousel .owl-nav button.owl-prev {width: 32px; height: 32px; left: -16px; top: 75px;} .video-block .owl-carousel .owl-nav button.owl-next {width: 32px; height: 32px; right: -16px; top: 75px;} .video-block .owl-carousel .owl-nav button.owl-prev:after, .video-block .owl-carousel .owl-nav button.owl-next:after {background-size: auto 12px; background-position: center left 11px;} .content .video-block .block .pic .play {width: 38px; height: 38px; margin: -19px 0 0 -19px; background-size: auto 16px; background-position: center left 15px;} .content .video-block .block .time {font-size: 10px; margin: 0 0 7px;} .content .video-block .block h3 {font-size: 13px; line-height: 18px;} .content .news-block .block .pic {height: auto;} .content .news-block .block .pic:before {padding-top: 60%; content: ''; display: block;} .content .news-block .block .inf {padding: 20px 20px 49px;} .content .news-block .block .inf .date {font-size: 10px; margin: 0 0 7px;} .content .news-block .block .inf h3 {font-size: 13px; line-height: 18px;} .content .news-block .block .inf .go {left: 20px; bottom: 20px; font-size: 13px; line-height: 18px;} .content .news-block .block .inf .go:after {width: 11px; height: 8px; margin-left: 7px; margin-top: 6px; background-size: contain;} .content .news-block {margin-bottom: 52px;} .grey-text-block {padding: 43px 0 52px;} .grey-text-block {font-size: 13px; line-height: 18px;} .subscribe-block:after {background-size: auto 204px;} .subscribe-block {font-size: 13px; line-height: 18px; padding: 45px 0 63px;} .subscribe-block .title {font-size: 23px; margin: 0 0 23px;} .subscribe-block .wrap {max-width:482px;} .subscribe-block .form .inp-text {width: calc(100% - 127px); height: 38px; font-size: 13px;} .subscribe-block .form .submit {line-height: 36px; height: 38px; font-size: 13px; width: 117px;} footer {padding: 30px 0;} footer .cols ul li a {font-size: 13px;} footer .cols ul {line-height: 24px;} footer .cols .col {padding-right: 10px;} .materials-block .blocks .block .price {font-size: 16px;} .materials-block .blocks .block .price small {font-size: 13px;} .content.text-page .top-tabs ul li {padding: 0;} } @media (max-width: 1200px) { .promo-page .surfaces-block .blocks .block .go {bottom: 20px;} .content .product-page .product-tabs-content:last-child .video-block + .form-block {margin-top: -40px;} .promo-page .surfaces-block .blocks .block:nth-child(odd):last-child .inf .btn {left: calc(50% + 24px);} .promo-slider .item .txt {max-width: 400px;} .promo-page .promo-slider.job .item {height: 35vw;} .doing-block {padding: 20px; font-size: 12px; line-height: 16px;} .doing-block .ic {margin: 0 0 32px;} .doing-block .title {font-size: 13px; line-height: 18px; margin: 0 0 8px;} .transfers-slider {margin-bottom: 50px!important;} .transfers-slider.acoustic-is .item {padding: 20px; min-height: 173px;} .transfers-slider.acoustic-is .item {font-size: 12px; line-height: 120%;} .transfers-slider.acoustic-is .item .big {font-size: 28px;} .ac-build-block {font-size: 12px; line-height: 120%;} .ac-build-block .txt {max-width: 360px;} .ac-build-block .logo img {max-height: 64px;} .command-block .text {min-height: 360px;} .job-specs-block .item {padding: 20px;} .job-specs-block .item .pic {width: 150px; height: 150px; margin: 0 20px 0 0;} .job-specs-block .item .inf {width: calc(100% - 170px);} .job-specs-block .item .inf .t {font: inherit; font-weight: normal;} .job-list .list .spoiler-block {padding: 20px;} .job-list .list .spoiler-block .title {padding-right: 64px;} .job-list .list .spoiler-block .title:after {width: 32px; height: 32px;} .job-list .list .spoiler-block .title .top {font-size: 15px; line-height: 20px; margin: 0 0 16px;} .job-list .list .spoiler-block .title .salary small {font-size: 12px; line-height: 16px;} .job-list .list .spoiler-block .title .char {font-size: 12px; line-height: 16px;} .job-list .list .spoiler-block .hidden-content ul li + li {margin-top: 4px;} .job-list .list .spoiler-block .hidden-content ul li:before {top: 6px;} .content.promo-page.job .product-page .form-block {padding: 20px;} .content.promo-page.job .product-page .form-block h2 {font-size: 23px; margin: 0 0 8px;} .job .product-page .form-block .left {font-size: 18px; line-height: 120%;} .content.job .product-page .form-block .form .outer input.text {width: 100%;} .form-block .file-inp {right: 16px; top: 10px;} .form-block .filename {font-size: 12px; line-height: 16px;} .popup.job-popup .into {max-width: 450px;} .popup.job-popup .form-block input.text, .popup.job-popup .form-block textarea {font-size: 13px;} .content.job .product-page .form-block .form .outer:not(.long), .popup.job-popup .form-block .outer:not(.long) {width: calc(50% - 6px);} .popup.job-popup .form-block input.text {margin-bottom: 12px;} .content .files-list.l-grid {margin-right: -24px; width: calc(100% + 24px);} .content .files-list.l-grid .files-list-item {width: calc(25% - 24px); margin: 0 24px 40px 0; font-size: 12px; line-height: 100%;} .content .files-list.l-grid .files-list-item .files-list-item-desc span {margin-bottom: 8px; line-height: 24px;} .content .files-list.l-grid .files-list-item .files-list-item-img {margin: 0 0 12px;} .content .files-list.l-grid .files-list-item .files-list-item-img img {top: 20px; max-width: 80%;} .brands-list {padding: 20px 20px 0;} .clients-list a {width: calc(20% - 10px);} .teachers-blocks .block {width: calc(50% - 20px); display: block;} .teachers-blocks .block .photo {margin: 0 auto 20px;} .teachers-blocks .block .inf {text-align: center; width: 100%;} .transfers-big-slider .item .txt ul li:before {top: 6px;} .materials-block .blocks .block .price .grey {display: none;} .promo-page .promo-gallery {padding: 46px 0 56px;} .promo-page .promo-gallery .item .pic {height: 533px;} .promo-page .promo-gallery .owl-carousel .owl-dots {top: 550px;} .materials-block .blocks .block .btns .btn.buy {border-radius: 6px; height: 34px; line-height: 34px;} .materials-block .blocks .block .btns .btn.white {border-radius: 6px; height: 34px; line-height: 32px;} .materials-block .blocks .block .btns .btn.buy:after {background-size: 10px auto; margin-left: 4px;} .materials-block .blocks .block .inf {padding: 16px 20px 98px;} .materials-block .blocks .block .btns {left: 20px; bottom: 20px; width: calc(100% - 40px);} .materials-block .blocks .block .price {left: 20px; width: calc(100% - 40px); bottom: 60px;} .materials-block .blocks .block {margin-bottom: 10px;} .materials-block .blocks .block .pic {height: 190px;} .perforations-block .descr {margin-bottom: 32px;} .perforations-block .item .inf {padding: 20px;} .perforations-block .item .pic {height: 140px;} .perforations-block .item {font-size: 12px; line-height: 16px;} .perforations-block .item .inf .title {font-size: 13px; line-height: 18px; margin: 0 0 4px;} .perforations-block .owl-carousel .owl-dots {bottom: -24px;} .perforations-block .owl-carousel {margin-bottom: 84px;} .promo-page .pic-and-list .pic {width: calc(50% - 25px);} .promo-page .pic-and-list .txt {width: calc(50% - 25px);} .promo-page .pic-and-list .txt ul li + li {margin-top: 20px;} .promo-page .pic-and-list {padding: 46px 0 56px;} .promo-page .surfaces-block .blocks .block.cost-block .inf {padding-bottom: 84px;} .promo-page .surfaces-block .blocks .block.cost-block .inf .btn {left: 24px; bottom: 24px; max-width: calc(100% - 48px);} .promo-page .surfaces-block {padding: 46px 0 56px;} .promo-page .surfaces-block .descr {margin-bottom: 32px;} .promo-page .surfaces-block .blocks .block .pic {height: 285px;} .promo-page .surfaces-block .blocks .block .inf {padding: 20px 24px 44px;} .promo-page .surfaces-block .blocks .block.two-btns .inf {padding-bottom: 94px;} .promo-page .surfaces-block .blocks.no-btns .block .inf {padding-bottom: 20px;} .promo-page .surfaces-block .blocks .block .inf a.go, .promo-page .surfaces-block .blocks .block .inf .btns {left: 24px; bottom: 20px;} .promo-page .surfaces-block .blocks .block .inf a.go:after {margin-top: -2px;} .promo-page .surfaces-block .blocks {padding-bottom: 22px;} .promo-page .catalog-block .txt .btn {margin-top: 24px; padding-right: 46px;} .promo-page .catalog-block .txt .btn:after {width: 18px; height: 18px; right: 20px; margin-top: -9px; background-size: contain;} .promo-page .catalog-block {height: 440px;} .promo-page .catalog-block .txt {padding: 32px; bottom: 32px; left: 32px; max-width: 283px;} .promo-page .catalog-block .txt .title {font-size: 15px; line-height: 20px;} .promo-page .promo-advantages .item .pic {height: 212px;} .promo-page .promo-advantages .item .inf {padding: 20px;} .promo-page .promo-advantages .owl-carousel {margin-bottom: 84px;} .promo-page .transfers-slider.application {padding: 46px 0 60px;} .promo-page .transfers-slider.application .descr {margin: 0 0 32px;} .transfers-slider .item .ic {width: 50px; height: 50px; margin: 0 0 20px;} .transfers-slider .item .title {font-size: 15px; line-height: 20px;} .promo-page .promo-files-block {padding: 46px 0 56px;} .promo-grey-bg {padding: 46px 0 56px!important;} .promo-blue-bg {padding: 46px 0 56px!important;} .promo-page .promo-files-block .blocks .block {padding: 20px 64px 20px 20px;} .promo-page .promo-files-block .blocks .block .ic {width: 38px; height: 38px; margin: 0 16px 0 0;} .promo-page .promo-files-block .blocks .block .t {max-width: calc(100% - 52px);} .promo-page .promo-files-block .blocks .block:after {top: 20px; right: 20px;} .promo-page .promo-files-block .blocks .block small {font-size: 10px; line-height: 12px;} .content.promo-page .product-page .form-block {padding: 46px 0 56px;} .content.promo-page .product-page .form-block h2 {font-size: 28px; line-height: 36px; margin: 0 0 32px;} .content.promo-page .product-page .form-block .form input.text {margin: 0 0 12px; font-size: 13px; width: calc(50% - 6px); height: 42px; line-height: 42px;} .promo-page .consult-promo-blocks {padding: 46px 0 0px;} .promo-page .consult-promo-blocks .descr {margin-bottom: 32px;} .promo-page .consult-promo-blocks .blocks .block {padding: 24px;} .promo-page .consult-promo-blocks .blocks .block .top {padding: 0 0 16px; margin: 0 0 24px;} .promo-page .consult-promo-blocks .blocks .block .btn {margin-top: 16px;} .promo-page .consult-promo-blocks .blocks .block .top .ic {width: 40px; height: 40px; margin: 0 16px 0 0;} .promo-page .consult-promo-blocks .blocks .block .top .title {font-size: 15px; line-height: 20px; max-width: calc(100% - 56px);} .promo-page .consult-promo-blocks .blocks .block .tel {font-size: 16px; line-height: 20px;} .promo-page .consult-promo-blocks .blocks .block small {font-size: 12px; line-height: 16px;} .promo-page .consult-promo-blocks .blocks .block a.go {margin-top: 8px;} .content .product-page .form-block .form textarea {font-size: 13px;} .content .product-page .form-block .form .submit {font-size: 13px; line-height: 42px;} .promo-page .product-page .form-block .form {max-width: 640px;} .promo-page .projects-page {padding: 46px 0 56px;} .promo-page .projects-page .projects.list .block {height: 293px;} .clients-block .block {height: 112px; padding: 16px;} .clients-block {margin-bottom: 84px!important;} .promo-page .owl-carousel .owl-nav button.owl-prev {width: 34px; height: 34px; margin-top: -17px; left: -17px;} .promo-page .owl-carousel .owl-nav button.owl-prev:after {background-size: 7px auto; background-position: center left 12px;} .promo-page .owl-carousel .owl-nav button.owl-next {width: 34px; height: 34px; margin-top: -17px; right: -17px;} .promo-page .owl-carousel .owl-nav button.owl-next:after {background-size: 7px auto; background-position: center left 12px;} .transfers-big-slider .owl-carousel .owl-nav button.owl-prev, .transfers-big-slider .owl-carousel .owl-nav button.owl-next {left: auto; right: auto; margin: 0 32px 0 0;} .recom-block {margin-bottom: 84px!important;} .promo-page .go {font-size: 13px; line-height: 18px;} .promo-page .go:after, .recom-block .item .go:after {margin-top: -3px;} .recom-block .item .title {font: inherit; font-weight: 500; margin: 0 0 12px;} .recom-block .transfers-slider .item {padding: 24px;} .transfers-big-slider .bottom-links a.go:after {margin-top: -4px;} .transfers-big-slider .owl-carousel {margin-bottom: 56px;} .transfers-big-slider .bottom-links {margin: 0; padding: 32px 0 0 0;} .transfers-big-slider .owl-carousel .owl-nav {width: 100%;} .transfers-big-slider .owl-carousel .owl-dots {width: calc(100% - 384px); right: 0; left: auto;} .transfers-big-slider {padding: 46px 0 56px;} .transfers-big-slider .item h3 {font-size: 20px; line-height: 30px;} .transfers-big-slider .item .photo, .transfers-big-slider .item.big-txt .photo {min-height: 367px; order: 2; width: calc(100% - 384px);} .transfers-big-slider .item .txt, .transfers-big-slider .item.big-txt .txt {width: 384px; padding: 0 30px 60px 0; order: 1;} .line-cons-txt {font-size: 13px; line-height: 18px;} .line-cons-txt hr {margin: 24px 0;} .transfers-slider .item {padding: 32px;} .transfers-slider .item .num {width: 36px; line-height: 36px; height: 36px; margin: 0 0 16px;} .key-counts-block .blocks .block {padding: 32px;} .key-counts-block .blocks .block .big {margin-bottom: 12px;} .key-counts-block .blocks .block .big:first-child {margin-top: 18px;} .key-counts-block .blocks .block .big span {font-size: 23px;} .key-counts-block {padding: 46px 0 56px;} .key-counts-block .blocks .block .big {font-size: 51px;} .promo-page .grey-block {max-width: 802px; padding: 32px; margin-bottom: 38px!important;} .promo-page {font-size: 13px; line-height: 18px;} .promo-slider {margin-bottom: 40px;} .promo-page > .all > div {margin-bottom: 46px;} .promo-page > .all > div.pic-and-list {margin-bottom: 0;} .promo-page > .all > div.surfaces-block + .promo-files-block {padding-top: 0;} .promo-slider .item {height: 460px;} .promo-slider .item {font-size: 15px; line-height: 20px;} .promo-slider .item h2 {font-size: 28px; line-height: 36px; margin: 0 0 32px;} .promo-page .btn {line-height: 42px; font-size: 13px; padding: 0 20px;} .promo-slider .item .txt .btn {margin-top: 24px;} header nav > ul > li > ul > li > ul {width: 200px;} .content .videos-page .detail .vid iframe {height:50vw;} header nav ul li {margin: 0 10px; padding: 0;} header nav ul li a {font-size: 13px;} .content .materials-page .into .left-col .constr-list .block .inf .btns {display: block;} .content .materials-page .into .left-col .constr-list .block .inf .btns a + a {margin: 10px 0 0 0;} .content .materials-page .into .left-col .constr-list .block .pic {width: 200px; height: 200px;} .content .materials-page .into .left-col .constr-list .block .inf {width: calc(100% - 230px);} header nav > ul > li > .drop ul li a {font-size: 13px;} header nav ul li a {font-size: 11px;} header nav > ul > li.menu-parent > a:after {width: 9px; height: 5px; margin-left: 4px; background-size: contain;} } @media (max-width: 1100px) { .content .product-page .product-tabs-content .txt-pic .block.white-bg .pic.video:before {display: none;} .content .prob-grey-bg iframe {height: 50vw;} .content .files-block .block {width: calc(25% - 40px);} .content .consult-blocks .blocks .block .ic {position: relative; margin: 0 0 30px; height: 50px; width: auto;} .content .consult-blocks .blocks .block .ic img {max-height: 50px;} .content .consult-blocks .blocks .block {padding-left: 30px;} .content .problems-counts .blocks .block {width: calc(25% - 20px);} .content .problems-pic-txt .pic {margin: 0 0 40px; width:100%; max-width: 630px;} .content .problems-pic-txt {flex-wrap: wrap;} .content .problems-pic-txt .txt {width:100%;} .content .product-page .projects .into {padding-right: 0;} .content .product-page .projects .into .block {width: calc(100% / 3 - 20px);} .content .product-page .projects .into .block .pic {height: auto!important;} .content .product-page .projects .block:nth-child(n+6) {display: block;} .content .product-page .grey-bg.constructions .block .pic {width: 175px; height: 120px;} .content .product-page .grey-bg.constructions .block .inf {width: calc(100% - 205px);} .content .bg-btn-block .btn {width: 180px;} .content .bg-btn-block .txt {width: calc(100% - 210px);} .content .product-page .product-tabs-content .txt-pic .block:nth-child(even) .txt {padding: 0 40px 0 0; margin: 0;} .content .product-page .product-tabs-content .txt-pic .block .pic {width: calc(50% - 10px); height: auto;} .content .product-page .product-tabs-content .txt-pic .block .pic:before {padding-top: 65%; display: block; content: '';} .content .product-page .product-tabs-content .txt-pic .block .pic.smallheight:before {padding-top: 30%;} .content .product-page .product-tabs-content .txt-pic .block .txt {padding: 0 0 0 40px; width: calc(50% + 10px); margin: 0;} .content .product-page .info-and-gallery .gallery .item {min-height: 1px;} .content .product-page .info-and-gallery .gallery .item:before {content: ''; display: block; padding-top: 60%;} .content .product-page .info-and-gallery .gallery .owl-carousel .owl-nav {display: none;} .content .product-page .info-and-gallery {flex-wrap: wrap;} .content .product-page .info-and-gallery .info {width:100%; padding-right: 0; padding-bottom: 40px;} .content .product-page .info-and-gallery .gallery {width:100%; } } @media (max-width: 1050px) { .content .sonaspray-page .top-bg {padding: 40px;} .content .sonaspray-page .dark-block .center-txt {max-width: 900px;} .content .sonaspray-page .projects-gallery {margin-bottom: 95px;} .content .sonaspray-page .projects-gallery .block .title {position: absolute; width:100%; text-align: center; padding: 40px 0 0 0; margin: 0;} .content .sonaspray-page .projects-gallery .gal-thumbs {display: none;} .content .sonaspray-page .projects-gallery .owl-carousel {margin-bottom: 0;} .content .sonaspray-page .projects-gallery .owl-carousel .block {padding-bottom: 105px;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-nav {display: none;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-dots {position: relative; z-index: 10; display: flex; width: 100%; justify-content: center; margin: -95px 0 0 0;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-dots .owl-dot {transition: all 0.3s ease; width: 8px; height: 8px; margin: 0 6px; border-radius: 4px; background: #DDE1E7;} .content .sonaspray-page .projects-gallery .owl-carousel .owl-dots .owl-dot.active {width: 30px; background: #006BCF;} .content .sonaspray-page .grey-block.lefttxt .txt {padding: 0 50px 0 10px; width: 364px;} .content .sonaspray-page .grey-block.lefttxt .pic {height: 318px; width: calc(100% - 364px);} .content .sonaspray-page .slider-block .txt {padding-top: 10px; width: 390px;} .content .sonaspray-page .slider-block .slider {width: calc(100% - 390px);} .content .sonaspray-page .slider-block .slider .item {height: 353px;} .content .sonaspray-page .grey-block .txt {width: 462px; padding-left: 50px;} .content .sonaspray-page .grey-block .pic {width: calc(100% - 462px);} .content .sonaspray-page .pres-block .txt {max-width: 425px; padding: 40px;} .content .sonaspray-page .pres-block {height: 521px; padding: 40px;} .content .sonaspray-page .center-txt {max-width: 800px;} .content .search-results-page .search-materials .block {width: calc(50% - 20px); margin-right: 20px;} .content .project-detail .info-block {display: block;} .content .project-detail .info-block > div {display: flex; flex-wrap: wrap;} .content .project-detail .info-block .cl {width: 50%;} .content .projects-page .projects .into .block .inf {padding: 20px;} .content .shop-detail .shop-info {columns: 1;} .content .files-list {columns: 2;} .content .product-page .estimate-tables .grey-bottom.fix .in {padding: 0 30px;} .content .product-page.constr .info-and-gallery .info {display: flex; align-items: flex-start; justify-content: space-between;} .content .product-page.constr .info-and-gallery .info > div {width: calc(50% - 20px);} * {max-height: 999999px; -webkit-appearance: none!important;} .all {padding: 0 30px;} .content .sonaspray-page .slider-block {padding: 60px 0;} } @media (max-width: 1000px) { .content .product-page .ac-chars-block .pic.mini img {max-width: 100%;} .content .product-page .ac-chars-block .pic.mini {margin-right: 0; max-width: 100%; width: 100%;} .content .product-page .ac-chars-block .pic.mini + .right {width: 100%; max-width: 100%;} .instructions-list .block .title a {font-size: 16px;} .content .more-links .title {font-size: 16px;} .content .product-page .product-tabs-content .txt-pic .block.white-bg {width: 100%;} .content .montage-instr-block .block {width: 100%!important; display: block;} .content .montage-instr-block .block .pics {padding: 0; margin: 0 0 20px; display: flex; justify-content: space-between;} .content .montage-instr-block .block .pics img {margin: 0; width: calc(50% - 5px); min-width: calc(50% - 5px); } .content .montage-instr-block .block .pics img + img {margin-left: 0;} .content .montage-instr-block .block .pics img:nth-child(odd):last-child {width: 100%; min-width: 100%;} .content .product-page .estimate-tables .block .four-cols .item .col:last-child {width: auto;} .content .product-page .estimate-tables .block .four-cols .item .inf {width: 100%;} .content .product-page .product-tabs-content .txt-pic.nobg .block {width: 100%; display: block;} .content .product-page .product-tabs-content .txt-pic.nobg .block .pic {border-radius: 8px; height: auto; width: 100%; margin: 0 0 30px;} .content .product-page .product-tabs-content .txt-pic.nobg .block .txt {padding: 0; width: 100%;} .job-specs-block .item {width: 100%;} .job-list .list .spoiler-block .title .top {display: block; font-size: 16px; line-height: 23px; padding-right: 50px;} .job-list .list .spoiler-block .title .char {font-size: 14px; line-height: 19px;} .job-list .list .spoiler-block .title .salary {margin-top: 16px;} .job-list .list .spoiler-block .title .salary small {font-size: 14px; line-height: 19px;} .job-list .list .spoiler-block .title:after {width: 40px; height: 40px;} .job-list .list .spoiler-block .title {padding-right: 0;} .content.job .videos-page .video-filter .right .spoiler-block:not(.open) .checkboxes {max-height: 99999px; opacity: 1; margin-top: 16px;} .content.job .videos-page .video-filter .apply {margin-top: 24px;} .job-list .videos-page .video-filter .right .spoiler-block .title:after {display: none;} .content h2 .count {font-size: 14px;} .content.job .videos-page .video-filter .mobile-filter-btn {border: 1px solid #EAEAEA; width: 40px; height: 40px; border-radius: 6px; top: -100px; margin-top: 0;} .promo-page.job {padding-bottom: 56px;} .content.promo-page.job .product-page .form-block {padding: 32px 20px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .job .product-page .form-block .left {font-size: 20px; width: 100%;} .content.promo-page.job .product-page .form-block h2 {font-size: 22px; margin: 0 0 4px; line-height: 120%;} .job .product-page .form-block .left .btn {background: #fff; color: #006BCF; display: table; padding: 0 32px; width: auto; margin-top: 32px;} .content.promo-page.job .product-page .form-block form {display: none;} .content.job .flex-title {margin-bottom: 28px;} .content.job .flex-title .btn {width: auto; font-size: 15px; padding: 0; line-height: 22px; background: none; color: #006BCF; border-radius: 0; margin: 20px 0 0 0;} .command-block .text {padding: 20px;} .command-block .text h2 {font-size: 22px; line-height: 120%; margin: 0 0 12px;} .command-block .text .logo {width: 78px;} .ac-build-block {display: block;} .ac-build-block .txt {max-width: 100%; line-height: 120%; width: 100%; font-size: 14px;} .ac-build-block .logo {background: #36A9E1; width: 100%;} .transfers-slider.acoustic-is .item {margin-bottom: 10px; font-size: 14px; line-height: 19px; min-height: 157px;} .transfers-slider.acoustic-is .item .big {font-size: 24px;} .transfers-slider.acoustic-is .item {min-height: 157px;} .doing-block .title {font-size: 15px; line-height: 22px;} .doing-block {font-size: 14px; line-height: 19px;} .promo-page.job .transfers-slider .owl-carousel .owl-dots {display: none;} .promo-page .promo-slider.job .item {height: 480px; border-radius: 0; padding: 40px 0px; align-items: flex-end;} .promo-slider.job .item:before {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.25%, #000000 100%);} .promo-slider.job .item .txt .btn {width: auto; padding: 0 20px;} .promo-slider.job .owl-carousel .owl-nav {display: none;} .promo-page .promo-slider.job .owl-carousel .owl-dots {display: flex; position: relative; bottom: auto; margin-top: 16px;} .promo-slider.job {overflow: visible; border-radius: 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .content .files-list.l-grid .files-list-item {width: calc(50% - 24px);} .brands-list .brands-item {width: 50%;} .brands-list .brands-item .brands-item-header {font-size: 32px;} .perforations-block .item .inf .title {font-size: 18px; line-height: 120%;} .content .work-steps {-ms-overflow-style: none; overflow: -moz-scrollbars-none; margin: 0 -20px; width: calc(100% + 40px); padding: 0 20px; overflow: auto;} .content .work-steps::-webkit-scrollbar { width: 0; } .content .work-steps .arr {margin: 50px 10px 0; min-width: 60px;} .content .work-steps .block {min-width: 160px;} .foreign-partners .block {width: calc(50% - 20px);} .clients-list a {width: calc(25% - 10px); height: 15vw;} .transfers-big-slider .item .txt ul li:before {top: 8px;} .content.text-page .txt-page-cols {flex-wrap: wrap;} .content.text-page .txt-page-cols .rightcol {width: 100%; order: 1;} .content.text-page .txt-page-cols .rightcol nav.fix,.content.text-page .txt-page-cols .rightcol nav.bottom {position: relative; top: auto; bottom: auto; width: 100%;} .content.text-page .txt-page-cols .rightcol nav { -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: auto; padding: 22px 22px 6px; border-radius: 0; margin-left: -22px; margin-right: -22px; width: calc(100% + 44px); max-width: calc(100% + 44px);} .content.text-page .txt-page-cols .rightcol nav::-webkit-scrollbar { width: 0; } .content.text-page .txt-page-cols .rightcol nav ul {padding: 0; display: flex; flex-wrap: nowrap;} .content.text-page .txt-page-cols .rightcol nav ul:after {content: ''; display: block; min-width: 20px; height: 10px;} .content.text-page .txt-page-cols .rightcol nav ul li {margin: 0; padding: 0 20px 0 0; border: 0; white-space: nowrap;} .content.text-page .txt-page-cols .rightcol nav ul li + li {margin: 0;} .content.text-page .txt-page-cols .leftcol {order: 2; width: 100%; padding: 30px 0 0 0;} .content.text-page .top-tabs {margin: 0 0 10px; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: auto; padding: 0 22px; margin-left: -22px; margin-right: -22px; width: calc(100% + 44px); max-width: calc(100% + 44px);} .content.text-page .top-tabs ul {padding: 0; flex-wrap: nowrap;} .content.text-page .top-tabs ul li {padding: 0; margin: 0 8px 0 0; white-space: nowrap;} .content.text-page .top-tabs::-webkit-scrollbar { width: 0; } .promo-page .materials-block .blocks .block .inf {padding-left: 6px; padding-right: 6px;} .promo-page .areas-of-activity .owl-carousel .owl-nav:not(.disabled) {display: none;} .transfers-big-slider .owl-carousel .owl-dots {bottom: auto; top: calc((100vw - 40px) * 0.83); width: 100%;} .product-tabs-content .transfers-big-slider .owl-carousel .owl-nav {display: none;} .promo-page .surfaces-block {padding: 37px 0 46px;} .promo-page .promo-advantages .owl-carousel .owl-nav {display: none;} .promo-page .promo-advantages .owl-carousel {width: calc(100% - 50px);} .promo-page .promo-advantages .owl-carousel .owl-dots {width: calc(100% + 50px);} .promo-page .promo-grey-bg .promo-files-block:first-child {padding-top: 0;} .promo-page .promo-files-block {padding: 37px 0 47px;} .promo-page .promo-files-block .blocks {display: block; width: 100%; margin: 0;} .promo-page .promo-files-block .blocks .block, .promo-page .promo-files-block .blocks .block:first-child:last-child {width: 100%; margin: 0 0 10px;} .promo-page .consult-promo-blocks .blocks {width: 100%; margin: 0; display: block;} .promo-page .consult-promo-blocks .blocks .block {margin: 0 0 10px; width: 100%;} .promo-page .consult-promo-blocks .blocks .block small {font-size: 14px; line-height: 19px;} .promo-page .consult-promo-blocks .blocks .block .tel {font-size: 22px; line-height: 26px;} .promo-page .consult-promo-blocks .blocks .block .btn {width: 100%;} .clients-block .block {min-width: 152px; padding: 20px; width: 152px; } .content.promo-page .product-page .form-block {margin-bottom: 0; padding: 37px 0 47px;} .content.promo-page .product-page .form-block h2 {font-size: 24px; line-height: 30px; margin: 0 0 20px;} .content.promo-page .product-page .form-block .form input.text {height: 48px; margin: 0 0 12px; width: 100%; line-height: 48px; font-size: 15px; padding: 0 16px; } .content .product-page .form-block .form textarea {padding: 16px; font-size: 15px;} .content .product-page .form-block .form .checkbox .txt {font-size: 12px; line-height: 15px;} .content .product-page .form-block .form .submit {width: 100%; line-height: 48px; font-size: 15px; text-align: center;} .clients-block .owl-carousel .owl-nav {display: none;} .promo-page .projects-page .projects.list {display: block;} .promo-page .projects-page .projects.list .block {box-sizing: border-box; max-height: 100vw; height: 391px;} .promo-page .projects-page .block .city {font-size: 15px;} .promo-page .projects-page .projects.list.owl-carousel {width: calc(100% - 30px); overflow: visible;} .promo-page .projects-page .projects.list.owl-carousel .owl-stage-outer {overflow: visible;} .promo-page .projects-page .projects.list.owl-carousel .owl-dots {width: calc(100% + 30px); bottom: -20px;} .promo-page .projects.list.owl-carousel .owl-dots .owl-dot.active {background: #006BCF;} .recom-block {margin-bottom: 70px!important;} .transfers-big-slider {margin-bottom: 37px!important;} .transfers-big-slider .bottom-links {display: block; padding: 20px 0 0 0;} .transfers-big-slider .owl-carousel {margin-bottom: 20px;} .transfers-big-slider .bottom-links .bl + .bl {margin: 8px 0 0 0;} .transfers-big-slider .bottom-links a.go:after, .promo-page .go:after, .recom-block .item .go:after {margin-top: -1px;} .promo-page .go {font-size: 15px; line-height: 22px;} .transfers-big-slider {padding: 37px 0 45px;} .transfers-big-slider .item {display: block;} .transfers-big-slider .item .txt, .transfers-big-slider .item.big-txt .txt {padding: 0; width: 100%;} .transfers-big-slider .item .photo, .transfers-big-slider .item.big-txt .photo {margin: 0 0 44px; min-height: 1px; width: 100%;} .transfers-big-slider .item .photo:before {padding-top: 70vw; content: ''; display: block;} .transfers-big-slider .owl-carousel .owl-nav {display: none;} .line-cons-txt {font-size: 15px; line-height: 24px;} .line-cons-txt .btn {margin-top: 20px;} .transfers-slider {margin-bottom: 44px!important;} .line-cons-txt hr {display: none;} .transfers-slider .item {padding: 20px;} .promo-page .transfers-slider .owl-carousel .owl-dots {width: calc(100% + 50px);} .promo-page .transfers-slider .owl-carousel .owl-nav {display: none;} .promo-page .transfers-slider .owl-carousel {width: calc(100% - 50px);} .key-counts-block .blocks .block {padding: 20px;} .key-counts-block .blocks.owl-carousel {width: calc(100% - 50px); overflow: visible;} .key-counts-block .blocks.owl-carousel .owl-stage-outer {overflow: visible;} .key-counts-block {padding: 37px 0 70px;} .key-counts-block .blocks.owl-carousel .owl-dots {width: calc(100% + 50px);} .promo-page .grey-block {marginb-ottom: 38px!important; padding: 20px;} .promo-page .breadcrumbs {margin-top: 20px!important;} .promo-page .owl-carousel .owl-dots {bottom: -24px;} .promo-slider {margin-bottom: 64px;} .promo-slider .item {height: 460px;} .promo-slider .item:before {background: linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0.4));} .promo-slider .item h2 {font-size: 24px; line-height: 30px; margin: 0 0 24px;} .promo-page .btn {text-align: center; line-height: 48px; font-size: 15px; padding: 0 32px;} .promo-slider .item .txt .btn {width: 100%;} .content .search-results-page .search-materials {margin-right: -20px; width: calc(100% + 20px);} .content .search-results-page .search-materials .block .btns .btn {height: 40px; line-height: 38px; font-size: 15px; margin: 0; width: calc(50% - 6px);} .content .search-results-page .search-materials .block .btns .btn.buy {height: 40px; line-height: 38px; font-size: 15px; margin: 0; width: calc(50% - 6px);} .content .search-results-page .search-materials .block .inf {padding-bottom: 100px;} .content .search-results-page .search-materials .block .price {bottom: 60px;} .content .search-results-page .news-block .block {width: calc(50% - 10px);} .content .search-results-page .search-materials, .content p + .projects-list, .content .search-results-page .shops-page, .content .search-results-page .materials-page, .content .search-results-page .other-list {margin-top: 32px; padding-top: 0;} .content .shop-detail .shop-map .into {height: 390px;} .content .shop-detail .shop-info {margin-bottom: 4px;} .content .shop-detail .shop-info .block {margin-bottom: 24px; font-size: 15px; line-height: 24px; display: flex; flex-wrap: wrap;} .content .shop-detail .shop-info .block p + p {margin-top: 8px;} .content .shop-detail .shop-info .block p {width: 100%;} .content .shop-detail .shop-info .block p.title {font-size: 17px; line-height: 23px; margin: 0; padding: 0; width: auto;} .content .shop-detail .shop-info .block .ic {margin: 0 8px 0 0;} .content .shops-page .shops-map {margin-bottom: 20px;} .content .shops-page .shops-list .block .cl {width: 100%!important;} .content .shops-page .shops-list .block .title .ic {width: 24px; height: 24px; margin: 0 12px 0 0;} .content .shops-page .shops-list .block .cl .branded {margin-left: 0;} .content .shops-page .shops-list .block .cl:last-child {text-align: left;} .content .shops-page .shops-list .block small {display: inline;} .content .shops-page .shops-map .into {height: 390px;} .content .shops-page .shops-filter .checkboxes label {font-size: 15px;} .content .shops-page .shops-filter .checkboxes label + label {margin-top: 12px;} .content .shops-page .shops-filter .checkboxes label input {width: 22px; height: 22px;} .content .shops-page .shops-filter .checkboxes label .ic {width: 22px; height: 22px; margin-top: -11px;} .content .shops-page .shops-filter .checkboxes .apply {display: table; text-decoration: none; color: #fff; line-height: 48px; width: 100%; text-align: center; background: #006BCF; border-radius: 6px; font-size: 15px; font-weight: 500; margin: 24px 0 0 0;} .content .shops-page .shops-filter .checkboxes .mob-title {margin: 0 0 16px; align-items: flex-end; color: #191919; font-size: 17px; line-height: 23px; font-weight: 500; display: flex;} .content .shops-page .shops-filter .checkboxes .mob-title .reset {margin: 0px 0 -1px 16px; text-decoration: none; font-size: 14px; color: #006BCF; font-weight: 500;} .content .shops-page .shops-filter .mob-checkboxes-btn {display: block; font-size: 15px; line-height: 24px; color: #191919; display: flex; align-items: center;} .content .shops-page .shops-filter .mob-checkboxes-btn:before {content: ''; display: block; width: 24px; height: 24px; margin: 0 12px 0 0; background: url(img/filter-ic.svg) center center no-repeat;} .content .shops-page .shops-filter .checkboxes {display: block; z-index: 55; left: 0; width: 100%; transition: all 0.3s ease; border-radius: 16px 16px 0 0; background: #fff; padding: 20px; position: fixed; bottom: -150dvh;} .content .shops-page .shops-filter.open .checkboxes {bottom: 0;} .content .shops-page .shops-filter:before {content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; z-index: -2; transition: all 0.3s ease;} .content .shops-page .shops-filter.open:before {opacity: 1; visibility: visible; z-index: 50;} .content .shops-page .shops-filter .checkboxes .close {width: 24px; height: 24px; top: 10px; right: 10px; background: url(img/close.svg) center center no-repeat; display: block; position: absolute;} .content .shops-page .shops-filter .drops {display: block; margin: 0 0 16px;} .content .shops-page .shops-filter .drops .select-outer {width: 100%; height: 48px;} .content .shops-page .shops-filter .drops .select-outer + .select-outer {margin:16px 0 0 0;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select {height: 48px;} .content .shops-page .shops-filter .drops .select-outer small {font-size: 15px; top: 13px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__dropdown {font-size: 15px;} .content .shops-page .shops-filter .drops .select-outer .changed + small {font-size: 12px; top: 3px;} .content .shops-page .shops-filter .drops .select-outer .jq-selectbox__select {line-height: 62px;} .content .shops-page .shops-filter .tumblers.owl-carousel {overflow: visible; width: 100%; display: block;} .content .shops-page .shops-filter .tumblers.owl-carousel .owl-stage-outer {overflow: visible;} .content .shops-page .shops-filter .tumblers.owl-carousel .owl-dots {display: none;} .content .shops-page .shops-filter .tumblers.owl-carousel .owl-nav button.disabled {display: none;} .content .shops-page .shops-filter .tumblers.owl-carousel .owl-nav button.owl-next {position: absolute; top: 50%; right: -10px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.09); border-radius: 50%; background: #fff url(img/lblue-arr.svg) center left 48% no-repeat; transform: scale(-1,1); background-size: 6px auto; width: 34px; height: 34px; margin-top: -17px;} .content .shops-page .shops-filter .tumblers.owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; left: -10px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.09); border-radius: 50%; background: #fff url(img/lblue-arr.svg) center left 48% no-repeat; background-size: 6px auto; width: 34px; height: 34px; margin-top: -17px;} .content .shops-page .shops-filter .tumblers label {padding: 0 20px;} .content .shops-page .shops-filter .tumblers label:first-child {width: auto;} .content .projects-page .descr {font-size: 15px; line-height: 24px;} .projects-page .projects.list {margin: 0; width: 100%;} .projects-page .projects.list .block {font-size: 20px; line-height: 25px; height: auto; width: 100%!important; margin: 0 0 10px;} .projects-page .projects.list .block .inf {position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px);} .projects-page .projects.list .block:before {content: ''; display: block; padding-top: 69%;} .content .product-page.price .spoiler-block .price-tab-cols {padding-right: 0; padding-left: 0px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .content .product-page.price .spoiler-block .price-tab-cols .table-block {padding-left: 20px; padding-right: 20px;} .content .product-page.price .price-tab .table-block.vars-table table {font-size: 15px; line-height: 22px;} .content .product-page:not(.constr) .product-tabs-content h2 {justify-content: space-between;} .content .product-page.price .spoiler-block h2:after {width: 32px; height: 32px; background-size: 10px auto;} .content .product-page.price .product-tabs ul {min-width: 400px;} .content .product-page.price .product-tabs ul li {margin-right: 20px;} .content .product-page.price .price-top .cols {display: block;} .content .product-page.price .price-top .left .block:after {width: 24px; height: 24px;} .content .product-page.price .price-top .left {width: 100%;} .content .product-page.price .price-top .left .block {padding: 20px; width: 100%; font-size: 15px; line-height: 24px;} .content .product-page.price .price-top .left .block small {margin: 8px 0 0 0; position: relative; bottom: auto; left: auto;} .content .product-page.price .price-top .right {padding: 20px; font-size: 15px; line-height: 24px; width: 100%; margin: 10px 0 0 0;} .content .product-page.price .price-top .right .btn {width: 100%; line-height: 40px; padding: 0; font-size: 15px; text-align: center;} .content .news-detail-page .back-block .back-link {font-size: 17px;} .content .news-detail-page .news-gallery.owl-carousel .owl-nav {display: none;} .content .news-detail-page h1 {font-size: 24px; line-height: 30px; margin: 0 0 32px;} .content .news-detail-page .date {font-size: 14px; line-height: 19px; margin: 0 0 20px;} .content .news-detail-page {font-size: 15px; line-height: 24px;} .content .news-page .rightcol nav ul li {position: relative;} .content .news-page .rightcol nav ul li:before {content: ''; display: block; position: absolute; width: 22px; height: 22px; box-sizing: border-box; border-radius: 50%; border: 1px solid #EAEAEA; right: 0; top: 50%; margin-top: -17px;} .content .news-page .rightcol nav ul li.active:before {border: 5px solid #36A9E1;} .content .news-page .rightcol nav ul li a, .content .news-page .rightcol nav ul li a:hover {max-width: calc(100% - 30px); color: #191919; font-weight: normal;} .content .news-page .rightcol nav ul li.active a {color: #36A9E1; font-weight: 500;} .content .news-page .rightcol nav ul li:last-child {padding-bottom: 12px; border-bottom: 1px solid rgba(141, 144, 145, 0.2);} .content .news-page .rightcol nav ul {font-size: 15px; line-height: 24px;} .news-page .mob-newsfilter {display: flex; align-items: flex-start; border-bottom: 1px solid #EAEAEA; padding: 0 0 12px; margin: 0 0 32px;} .news-page .mob-newsfilter:after {width: 12px; height: 8px; content: ''; display: block; background: url(img//newsfilter-arr.svg) center center/contain no-repeat; margin: 9px 0 0 8px;} .news-page .mob-newsfilter a {max-width: calc(100% - 22px); display: table; text-decoration: none; font-weight: 500; color: #006BCF; font-size: 15px; line-height: 22px;} .content .news-page .rightcol {opacity: 0; background: none; visibility: hidden; margin: 0; display: flex; align-items: flex-end; height: 100dvh; transition: all 0.3s ease; position: fixed; top: 0; left: 0; z-index: 90; width: 100%;} .content .news-page .rightcol.open {background: rgba(0,0,0,0.35); opacity: 1; visibility: visible;} .content .news-page .rightcol nav {transform: translateY(150dvh); transition: all 0.3s ease; position: relative; padding: 24px 20px 20px; background: #fff; border-radius: 16px 16px 0 0;} .content .news-page .rightcol nav .close {width: 24px; height: 24px; top: 10px; right: 10px; background: url(img/close.svg) center center no-repeat; display: block; position: absolute;} .content .news-page .rightcol.open nav {transform: none;} .content .news-page .rightcol .mob-title {display: block; margin: 0 0 20px; font-size: 17px; line-height: 23px; font-weight: 500; color: #191919;} .content .news-page .news-block .block .pic:before {padding-top: 61%;} .content .news-page {display: block;} .content .news-page .left-content {width: 100%;} .content .news-page .rightcol .slick-wrap {width: 100%;} .content .news-page .rightcol .slick-wrap.fix, .content .news-page .rightcol .slick-wrap.fix.bottom {position: relative; top: auto; bottom: auto;} .content .back-link {margin-bottom: 20px;} .content .videos-page .detail .txt {font-size: 15px; line-height: 24px;} .content .videos-page .video-filter .apply {display: table; text-decoration: none; color: #fff; line-height: 48px; width: 100%; text-align: center; background: #006BCF; border-radius: 6px; font-size: 15px; font-weight: 500; margin: 12px 0 0 0;} .content .videos-page .list {width: 100%;} .content .videos-page .video-filter .right .checkboxes label {font-size: 15px;} .content .videos-page .video-filter .right .checkboxes label input {width: 22px; height: 22px;} .content .videos-page .video-filter .right .checkboxes label + label {margin-top: 12px;} .content .videos-page .video-filter p {font-size: 15px; line-height: 22px;} .content .videos-page .video-filter .right .close {width: 24px; height: 24px; top: 10px; right: 10px; background: url(img/close.svg) center center no-repeat; display: block; position: absolute;} .content .videos-page .video-filter .mob-filter-title {display: flex; margin: 0 0 16px; align-items: center;} .content .videos-page .video-filter .mob-filter-title p {padding: 0; margin: 0; font-size: 17px; line-height: 23px;} .content .videos-page .video-filter .mob-filter-title a {margin: 2px 0 0 16px; font-size: 14px; font-weight: 500; text-decoration: none; color: #006BCF;} .content .videos-page .video-filter .mobile-filter-btn {width: 24px; height: 24px; background: url(img/filter-ic.svg) center center no-repeat; top: 50%; margin-top: -12px; display: block; position: absolute; right: 0;} .content .videos-page .video-filter .right {z-index: 999; position: fixed; padding: 24px 20px 20px; border-radius: 16px 16px 0 0; width: 100%; max-width: 100%; transition: all 0.3s ease; bottom: -150dvh; top: auto; background: #fff; left: 0;} .content .videos-page .video-filter.open .right {bottom: 0;} .content .videos-page .video-filter:before {z-index: 5; transition: all 0.3s ease; visibility: hidden; content: ''; display: block; position: fixed; top: 0; height: 100dvh; left: 0; width: 100%; background: rgba(0,0,0,0.3);} .content .videos-page .video-filter.open:before {visibility: visible;} .content .videos-page .video-filter .left .search input[type=text] {width: calc(100% - 36px); height: 48px; font-size: 15px; padding: 0 20px 0 52px;} .content .videos-page .video-filter .left .search .submit {width: 48px; height: 48px; background-size: 24px auto; left: 0; right: auto;} .content .videos-page .video-filter.mobile-filter .left > p {display: none;} .content .videos-page .video-filter {width: 100%; margin: 0 0 24px;} .content .videos-page .video-filter .slick-wrap {width: 100%;} .content .videos-page {display: block;} .content .videos-page .video-filter .slick-wrap.fix, .content .videos-page .video-filter .slick-wrap.fix.bottom {position: relative; top: auto;} .content .product-page .constr-video-block .block .title {font-size: 17px; line-height: 23px; margin: 0 0 12px;} .content .product-page .constr-video-block .owl-carousel .owl-nav {display: none;} .content .product-page .constr-video-block .owl-carousel .owl-dots {display: flex; position: absolute; top: calc((100vw - 40px) * 0.58); left: 0; width: 100%; justify-content: center;} .content .product-page .constr-video-block .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .product-page .constr-video-block .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .product-page .constr-video-block .block .pic {height: auto; margin: 0 0 48px;} .content .product-page .constr-video-block .block .pic:before {content: ''; display: block; padding-top: 55%;} .content .bg-btn-block .btn {width: 100%; text-align: center; line-height: 48px; font-size: 15px;} .content .bg-btn-block {padding: 20px;} .content .product-page.constr .instruction-list {margin-top: 37px; margin-bottom: 28px;} .content .product-page.constr .instruction-list h2 {letter-spacing: 0; padding: 0 0 8px; font-size: 15px; line-height: 22px;} .content .product-page.constr .instruction-list p + h2 {padding-top: 8px;} .popup.thanks-popup img {max-width: 52px; margin: 0 auto 20px;} .popup.thanks-popup .into {max-width: 100%; padding: 24px 20px;} .popup.thanks-popup .btn.close {margin-top: 32px; width: 100%; line-height: 48px; text-align: center; font-size: 15px;} .popup.thanks-popup .into .title {font-size: 20px; line-height: 25px; margin: 0 0 12px;} .popup.thanks-popup {font-size: 15px; line-height: 24px;} .popup .into .form .text {height: 48px; font-size: 15px;} .popup .into .form .checkbox .txt {font-size: 12px; line-height: 15px;} .popup .into .form .submit {width: 100%; line-height: 48px; font-size: 15px;} .content .product-page .estimate-tables .grey-bottom.fix, .content .product-page .estimate-tables .grey-bottom {padding: 0; display: block;} .content .product-page .estimate-tables .grey-bottom.fix .in, .content .product-page .estimate-tables .grey-bottom .in {padding: 0;} .content .product-page .partners-spoiler .hidden-block .form .btns {margin-top: 12px; display: block;} .content .product-page .partners-spoiler .hidden-block .form .btns a {text-align: center; white-space: nowrap; padding: 0; display: flex; justify-content: center; width: 100%;height: 48px; line-height: 46px; font-size: 15px;} .content .product-page .partners-spoiler .hidden-block .form .btns a span {display: none;} .content .product-page .partners-spoiler .hidden-block .form .btns a:after {margin: 12px 0 0 8px; content: ''; display: block; width: 24px; height: 24px; background: url(img/download.svg) center center no-repeat; filter: grayscale(100%) brightness(900%);} .content .product-page .partners-spoiler .hidden-block .form .btns a:before {content: attr('data-mob-txt');} .content .product-page .partners-spoiler .hidden-block {margin-top: 24px;} .content .product-page .partners-spoiler .hidden-block .form {display: block;} .content .product-page .partners-spoiler .hidden-block .form input.text {width: 100%; margin: 0 0 12px; height: 48px; line-height: 46px; font-size: 15px;} .content .product-page .partners-spoiler {padding-bottom: 42px;} .content .product-page .estimate-tables {margin-bottom: 42px;} .content .product-page .estimate-tables .grey-bottom .in {display: block;} .content .product-page .estimate-tables .grey-bottom a {white-space: nowrap; padding: 0 10px; font-size: 15px; width: 100%; text-align: center; height: 48px; line-height: 46px;} .content .product-page .estimate-tables .grey-bottom a.shop span:after {width: 14px; height: 24px; margin-top: -10px;} .content .product-page .estimate-tables .grey-bottom a.shop {padding-right: 20px; line-height: 48px;} .content .product-page .estimate-tables .grey-bottom a + a {margin-top: 12px;} .content .product-page .estimate-tables .summary-block {padding: 16px 20px; flex-wrap: wrap;} .content .product-page .estimate-tables .summary-block small {display: block; margin-top: 8px; width: 100%;} .content .product-page .estimate-tables .app-block {margin-bottom: 32px; line-height: 22px; padding: 16px 20px; display: block;} .content .product-page .estimate-tables .app-block .go {display: table; margin: 12px 0 0 0; font-size: 15px; line-height: 22px;} .content .product-page .estimate-tables .app-block .go:after {width: 14px; height: 10px; margin-top: 6px;} .content .product-page .estimate-tables .block .list {padding: 20px;} .content .product-page .estimate-tables .block .list-head + .item {border: 0; padding-top: 0;} .content .product-page .estimate-tables .block .list-head + .item .col label {top: 0;} .content .product-page .estimate-tables .block .list-head + .item .pic {top: 0;} .content .product-page .estimate-tables .block .item .pic {margin: 0; width: 50px; height: 31px; position: absolute; top: 20px; right: 0;} .content .product-page .estimate-tables .block .item .col label {position: absolute; top: 20px; left: 0;} .content .product-page .estimate-tables .block .item .col {width: 100%;} .content .product-page .estimate-tables .block .item .col[data-label] {padding-top: 32px; position: relative; width: auto; max-width: calc(100% / 3); margin: 0;} .content .product-page .estimate-tables .block .item .col[data-label] b {display: block; line-height: 42px;} .content .product-page .estimate-tables .block .item .col[data-label]:before {content: attr(data-label); position: absolute; top: 12px; left: 0; font-size: 13px; line-height: 16px; color: #8D9091;} .content .product-page .estimate-tables .block .item .col:last-child {width: 0;} .content .product-page .estimate-tables .block .item {align-items: flex-start; position: relative; flex-wrap: wrap; justify-content: space-between;} .content .product-page .estimate-tables .block .item .inf {padding: 0 62px 0 0; width: 100%;} .content .product-page .estimate-tables .block .item .inf + .col {padding-top: 8px; font-weight: 500;} .content .product-page .estimate-tables .block .item .title {font-size: 15px; line-height: 24px;} .content .product-page .estimate-tables .grey-top small {margin-top: 20px; font-size: 15px; line-height: 24px; margin-left: 0;} .content .product-page .estimate-tables .block .list-head {display: none;} .content .product-page .estimate-tables {padding-top: 32px;} .content .product-page.constr .product-tabs-content .other-constr-block {padding: 37px 0 45px;} .content .product-page.constr .info-and-gallery {padding-bottom: 45px; margin-bottom: 37px;} .content .product-page.constr .info-and-gallery .info .right-col .btn {line-height: 48px; font-size: 15px; margin: 0 0 16px;} .content .product-page.constr .info-and-gallery .info .downloads a {font-size: 14px; line-height: 19px;} .content .product-page.constr .info-and-gallery .info .downloads a {margin-bottom: 16px;} .content .product-page.constr .info-and-gallery .info .downloads a:last-child {margin: 0;} .content .product-page.constr .info-and-gallery .info .right-col {width: 100%;} .content .product-page.constr .product-tabs {margin-bottom: 24px;} .content .product-page.constr .info-and-gallery {display: block; padding-top: 0;} .content .product-page.constr .info-and-gallery .gallery {width: 100%; margin: 0 0 60px;} .content .product-page.constr .info-and-gallery .gallery .item:before {padding-top: 100%;} .content .product-page.constr .info-and-gallery .info {width: 100%; display: block; padding-bottom: 0;} .content .product-page.constr .info-and-gallery .info .txt {width: 100%; padding: 0 0 24px;} .content .product-page.constr .info-and-gallery .info .constr-chars-block {font-size: 15px; line-height: 22px;} .content .product-page.constr .info-and-gallery .info .advantages .title {font-size: 15px; line-height: 22px;} .content .product-page.constr .info-and-gallery .info ul:not(.breadcrumbs) {margin: 0;} .content .product-page.constr .info-and-gallery .info ul:not(.breadcrumbs) li:before {width: 24px; height: 24px;} .content .product-page.constr .info-and-gallery .info ul:not(.breadcrumbs) li {padding-left: 36px;} .content .project-detail .proj-gallery .pic {margin-bottom: 40px;} .content .project-detail .proj-gallery .item {font-size: 14px; line-height: 19px;} .content .project-detail .proj-gallery .owl-carousel {width: 100%;} .content .project-detail .video-block {padding-bottom: 45px;} .content .project-detail .video-block .owl-carousel .owl-dots {display: none;} .content .project-detail .proj-text {padding: 37px 0 45px; margin: 0 0 37px; font-size: 15px; line-height: 24px;} .content .project-detail .proj-text ul li:before {top: 4px;} .content .project-detail .proj-photo {margin-bottom: 24px;} .content .project-detail .info-block .bottom {display: block; margin-bottom: 48px;} .content .project-detail .info-block .bottom .cl + .cl {margin-top: 16px;} .content .project-detail .info-block .bottom .cl {width: 100%; max-width: 100%;} .content .project-detail .info-block .top {font-size: 16px; line-height: 24px; display: block; padding: 20px;} .content .project-detail .info-block .top .bl .ic img {max-height: 24px; margin: 0 8px 0 0;} .content .project-detail .info-block .top .bl + .bl {margin: 20px 0 0 0;} .content .other-projects .row:before {top: 24px; margin-top: 0;} .content .other-projects {font-size: 15px; line-height: 22px;} .content .other-projects .row {display: block; padding-bottom: 22px;} .content .other-projects .row > div.title {padding-top: 22px; padding-bottom: 8px; display: block; width: 100%;} .content .other-projects .row > div.city {display: table; border: 0; margin: 0 0 0 32px; padding: 0 0 0 20px;} .content .cat-text {margin-top: -4px; font-size: 15px; line-height: 24px; padding: 0 0 32px;} .content .cat-text p + p {padding-top: 8px;} .content .materials-page .into .left-col .tumbls {display: none;} .content .materials-page .sort-block .options .drop {position: fixed; z-index: -1;opacity: 0; visibility: hidden; border-radius: 0; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.3); transition: all 0.3s ease;} .content .materials-page .sort-block .options .drop .drop-wrap {transition: bottom 0.6s ease; position: fixed; bottom: -200%; left: 0; width: 100%; background: #fff; padding: 24px 20px 20px; border-radius: 16px 16px 0 0;} .content .materials-page .sort-block .options .drop.visible .drop-wrap {bottom: 0;} .content .materials-page .sort-block .options .drop .close { width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; background: url(img/close.svg) center center no-repeat; display: block; } .content .materials-page .sort-block .options .drop .mob-title {display: block; font-size: 18px; line-height: 24px; font-weight: 500;} .content .materials-page .sort-block .options.open .drop {left: 0; opacity: 1; visibility: visible; z-index: 9999;} .content .materials-page .sort-block .options .drop .row {position: relative; border-bottom: 1px solid #EAEAEA; padding: 16px 0;} .content .materials-page .sort-block .options .row + .row {margin-top: 0;} .content .materials-page .sort-block .options .row:after {content: ''; display: block; position: absolute; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #EAEAEA; top: 50%; right: 0; margin-top: -11px; border-radius: 50%;} .content .materials-page .sort-block .options .row.selected:after {border: 5px solid #36A9E1;} .content .materials-page .sort-block {font-size: 15px;} .content .materials-page .into .right-col .right-banner {margin-bottom: 24px; height: 250px;} .content .materials-page .into .right-col .right-banner .txt {bottom: 16px; left: 16px;} .content .materials-page .into .right-col .block .read-wrap {display: none;} .content .materials-page .into .right-col .block h2 {margin: 0; position: relative; padding-left: 52px; font-size: 15px; line-height: 22px; letter-spacing: 0; background: url(img/read-ic.svg) center left 20px no-repeat;} .content .materials-page .into .right-col .block:not(.open) h2 {border-color: transparent;} .content .materials-page .into .right-col .block h2:after {content: ''; display: block; position: absolute; right: 12px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: #fff url(img/read-arr.svg) center center no-repeat; border-radius: 6px;} .content .materials-page .into .right-col .block.open h2:after {transform: rotate(-180deg);} .content .materials-page .into .right-col .block .read-block .block .title .ic {width: 24px; height: 24px; margin: 0 8px 0 0;} .content .materials-page .into .right-col .block .read-block .block .title .text {width: calc(100% - 32px); font-size: 15px; line-height: 22px;} .content .materials-page .into .right-col .block .read-block .block {font-size: 14px; line-height: 19px;} .content .product-page .price-tab {padding-top: 37px;} .content .product-page .questions-block .show-more {width: 100%; line-height: 48px; font-size: 15px; text-align: center;} .content .product-page .product-tabs-content:not(.constr) .questions-tab .list + h2 {padding-top: 24px;} .content .product-page .questions-block .block {margin-top: 20px; padding-top: 20px;} .content .product-page .questions-block .block .answer {padding-left: 12px; border-left: 1px solid #EAEAEA;} .content .product-page .questions-block .block .user .inf {width: calc(100% - 58px); display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 22px;} .content .product-page .questions-block .block .user .inf .name {font-size: 15px; line-height: 22px;} .content .product-page .questions-tab .rightcol .block .btn {line-height: 48px; font-size: 15px;} .content .product-page .questions-tab .rightcol .block {font-size: 14px; line-height: 19px;} .content .product-page .questions-tab .rightcol .block .title .rate-block .stars .star, .content .product-page .questions-block .block.review .rating .star {width: 20px; height: 20px;} .content .product-page .questions-tab .rightcol .block .title .rate-block {font-size: 18px; line-height: 24px;} .content .product-page .questions-tab .rightcol .block .rate-list .row {font-size: 14px; line-height: 19px;} .content .product-page .questions-tab {margin: 37px 0 45px; flex-wrap: wrap;} .content .product-page .questions-block {width: 100%; order: 2;} .content .product-page .questions-tab .rightcol {margin: 0 0 36px; width: 100%; order: 1;} .content .product-page .questions-tab .rightcol .slick-wrap {width: 100%!important; position: relative!important; top: auto!important; bottom: auto!important;} .content .product-page .support-tab {padding-top: 37px;} .content .product-page .product-tabs-content:not(.constr) .questions-grey-block p + h2 {padding-top: 40px;} .content .product-page .questions-grey-block{padding: 37px 0 45px;} .content .product-page .where-buy-block {padding-top: 0;} .content .product-page .price-tab-cols .table-block {margin-bottom: -30px;} .content .product-page .price-tab .price-tab-cols .leftcol {width: 100%; padding: 0; margin: 0 0 32px;} .content .product-page .price-tab .price-tab-cols .grey-block {margin: 0 0 45px; width: 100%;} .content .product-page .price-tab .price-tab-cols {display: block;} .content .product-page .colors-block {margin-top: 0;} .content .product-page .colors-block .block {width: calc(50% - 14px);} .content .product-page .colors-section {padding: 37px 0 45px;} .content .product-page .edge-options .edge-big {display: block;} .content .product-page .edge-options .block {min-width: 124px;} .content .product-page .edge-options .edge-big .pic {margin-top: 0; width: 100%; margin: 0 0 20px;} .content .product-page .edge-options .edge-big .inf {width: 100%; padding: 0;} .content .product-page .edge-options .edge-big .inf .title {font-size: 20px; line-height: 25px; margin: 0 0 8px;} .content .product-page .edge-options {margin-bottom: 45px;} .content .product-page .edge-options .blocks {padding: 0 20px; margin: 0 -20px; width: calc(100% + 40px); flex-wrap: nowrap; overflow: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none;} .content .product-page .edge-options .blocks::-webkit-scrollbar { width: 0; } .popup .into small {padding: 0; margin: 0; border: 0; font-size: 14px; line-height: 19px;} .popup .into {padding: 24px 20px 20px; border-radius: 16px 16px 0 0; width: 100%; max-width: 100%; position: fixed; transition: all 0.3s ease; bottom: -100%; top: auto;} .popup .into .title {font-size: 18px; line-height: 24px; margin: 0 0 20px;} .popup .into .close {top: 10px; right: 10px;} .popup .into ul li a {font-size: 15px; line-height: 24px;} .popup .into ul li {position: relative; border-bottom: 1px solid #EAEAEA; padding: 0 0 16px; margin: 0 0 16px;} .popup .into ul li + li {margin-top: 0;} .popup .into ul li:after {content: ''; display: block; position: absolute; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #EAEAEA; top: 50%; right: 0; margin-top: -19px; border-radius: 50%;} .popup .into ul li.active:after {border: 5px solid #36A9E1;} .popup .into ul li.active a {background: none;} .popup.visible .into {bottom: 0;} .content .product-page .ac-chars-block .right {width: 100%; max-width: 100%;} .content .product-page .ac-chars-block .pic {width: 100%; margin: 0 0 40px;} .content .product-page .ac-chars-block .pic img {max-width: 500px;} .content .product-page .info-and-gallery .info .go {margin-bottom: 24px; font-size: 15px; line-height: 22px;} .content .product-page .info-and-gallery .info .go + .downloads {margin-top: 0;} .content .product-page .projects .into .block .city {font-size: 14px;} .content .product-page .projects .into .block .inf .title {font-size: 15px; line-height: 22px;} .content .product-page .projects .into.owl-carousel .block {width: 290px; min-width: 290px;} .content .product-page .projects .into.owl-carousel .owl-nav {display: none;} .content .product-page .projects .into.owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .content .product-page .projects .into.owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .product-page .projects .into.owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .product-page .projects .into.owl-carousel {width: 100%; overflow: visible;} .content .product-page .projects .into.owl-carousel .owl-stage-outer {overflow: visible;} .content .product-page .grey-bg.constructions .block {min-width: 290px; width: 290px; padding: 20px; display: block;} .content .product-page .grey-bg.constructions .block .pic {width: 167px; height: 150px; margin: 0 auto 24px;} .content .product-page .grey-bg.constructions .block .inf {padding: 0; width:100%;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav {display: none;} .content .product-page .grey-bg.constructions .owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .content .product-page .grey-bg.constructions .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .flex-title {display: block; margin: 0 0 20px;} .content .flex-title .go {margin-top: 10px; font-size: 15px; line-height: 22px; max-width: 100%;} .content .flex-title .go:after {margin-top: 8px;} .content .product-page .same-products {padding: 37px 0 45px;} .content .bg-btn-block.with-pic {margin-bottom: 37px; padding: 20px 20px 132px;} .content .bg-btn-block.with-pic .pic {width: 190px; height: 112px; left: 20px; bottom: 0; right: auto;} .content .bg-btn-block.with-pic .txt {width: 100%; max-width: 100%;} .content .product-page .video-block .owl-carousel .owl-dots {display: none;} .content .product-page .video-block {padding-bottom: 45px;} .content .product-page .product-tabs-content:not(.constr) h2 {padding-top: 0;} .content .video-block {padding: 37px 0 45px;} .content .product-page .center-pic {border-radius: 8px; border: 1px solid #EAEAEA; padding: 12px; min-height: 260px; align-items: center; justify-content: center; display: flex; margin-bottom: 45px;} .content .product-page .product-tabs-content:not(.constr) {font-size: 15px; line-height: 24px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel {padding: 45px 0 70px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel {width: 100%; overflow: visible;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-stage-outer {overflow: visible;} .content .product-page .product-tabs-content .prod-review-block h2 {padding-top: 0;} .content .product-page .prod-review-block .pic {width: 280px; height: 244px; right: auto; left: 50%; transform: translateX(-50%);} .content .product-page .prod-review-block .txt {font-size: 15px; line-height: 24px; max-width: 100%;} .content .product-page:not(.constr) .info-and-gallery .info {padding: 0 0 45px; font-size: 15px; line-height: 24px; width: 100%;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop {padding-left: 16px;} .content .product-page .info-and-gallery .info .patent {font-size: 15px; line-height: 24px;} .content .product-page .info-and-gallery .info .patent {background-size: 24px auto; padding-left: 52px;} .content .product-page:not(.constr) .info-and-gallery .gallery {width: calc(100% + 40px); margin: 0 -20px 56px;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-dots {bottom: -24px;} .content .product-page:not(.constr) .info-and-gallery .gallery .owl-carousel .owl-dots .owl-dot:not(.active) {background: #EAEAEA;} footer {padding: 30px 0;} .subscribe-block {font-size: 15px; line-height: 24px; padding: 140px 0 45px; position: relative;} .subscribe-block .form .inp-text {border-radius: 6px; height: 48px; font-size: 15px; width: calc(100% - 68px);} .subscribe-block .form .submit {background: #fff url(img/subs-submit-ic.svg) center center no-repeat; border-radius: 6px; display: block; text-indent: 999999px; overflow: hidden; height: 48px; width: 58px;} .subscribe-block:after {position: absolute; width: 100%; height: 90px; top: 30px; left: 0; right: auto; background-position: left top; background-size: auto 90px;} .subscribe-block .title {font-size: 22px; line-height: 28px; margin: 0 0 20px;} .grey-text-block {padding: 37px 0 45px; font-size: 15px; line-height: 24px;} .content .news-block {margin-bottom: 68px;} .content .news-block .block .inf .date {font-size: 12px; margin: 0 0 10px;} .content .news-block .block .inf h3 {font-size: 15px; line-height: 22px;} .content .news-block .block .inf .go {margin-top: 10px; font-size: 15px; line-height: 24px; position: relative; left: auto; bottom: auto;} .content .news-block .block .inf .go:after {margin-top: 8px;} .content .news-block .block .inf {padding: 20px;} .content .news-block .block .pic {height: 188px;} .content .news-block .block .pic:before {padding: 0;} .content .news-block .block {width: 315px; min-width: 315px;} .content .news-block .owl-carousel .owl-nav {display: none;} .content .news-block .owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .content .news-block .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .news-block .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .news-block .owl-carousel {width: 100%; overflow: visible;} .content .news-block .owl-carousel .owl-stage-outer {overflow: visible;} .content .news-block .owl-carousel .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;} .content .news-block .owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch} .content .video-block .block .time {font-size: 12px;} .content .video-block .block h3 {font-size: 15px; line-height: 22px;} .content {font-size: 15px; line-height: 22px;} .content .video-block {padding-bottom: 67px; margin-bottom: 37px;} .content .video-block .block {width: 315px; min-width: 315px;} .content .video-block .owl-carousel {width: 100%;overflow: visible;} .content .video-block .owl-carousel .owl-stage-outer {overflow: visible;} .content .video-block .owl-carousel .owl-nav {display: none;} .content .video-block .owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .content .video-block .owl-carousel .owl-dots.disabled {display: none;} .content .video-block .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .video-block .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .projects-block .blocks .block .arr {width: 34px; height: 34px;} .projects-block .blocks .block .arr:after { background-position: center left 12px; background-size: auto auto;} .projects-block {padding-bottom: 68px;} .projects-block .blocks .block {width: 315px; height: 390px; min-width: 315px; margin: 0;} .projects-block .blocks.owl-carousel {overflow: visible;} .projects-block .blocks.owl-carousel .owl-stage-outer {overflow: visible;} .projects-block .blocks.owl-carousel .owl-nav {display: none;} .projects-block .blocks.owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .projects-block .blocks.owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .projects-block .blocks.owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .problems-block {padding: 37px 0 35px; margin: 0 0 37px;} .content .problems-block .blocks {margin-right: 0; width: 100%; justify-content: space-between;} .content .problems-block .blocks .block {font-size: 15px; line-height: 24px; min-height: 114px; width: calc(50% - 5px)!important; margin: 0 0 10px; overflow: hidden; transition: all 0.3s ease;} .content .problems-block .blocks .block .ic {margin-bottom: 10px;} .content .problems-block.open .blocks .block.hidden {margin-bottom: 10px; min-height: 80px; opacity: 1;} .content .problems-block .mob-more {display: block; margin: 10px auto 0; width: 30px; height: 30px; position: relative; background: #fff; border-radius: 50%;} .content .problems-block .mob-more:before {content: ''; background: #006BCF; border-radius: 1px; width: 12px; height: 2px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; transition: opacity 0.3s ease;} .content .problems-block .mob-more:after {content: ''; background: #006BCF; border-radius: 1px; width: 2px; height: 12px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; transition: opacity 0.3s ease;} .content .problems-block.open .mob-more:after {opacity: 0;} .constructions-block {display: block;} .constructions-block .txt h2 {font-size: 24px; line-height: 30px; margin: 0 0 10px;} .constructions-block .blocks {width: calc(100% + 10px);} .constructions-block .txt {width: 100%; padding: 0 0 20px;} .constructions-block .txt .go {margin-top: 10px; font-size: 15px; line-height: 22px; max-width: calc(100% - 10px);} .constructions-block .txt .go:after {margin-top: 8px;} .areas-of-activity .item {width: 315px; height: 320px; min-width: 315px; font-size: 20px; line-height: 25px;} .areas-of-activity .item .inf .ic img {height: 40px;} .areas-of-activity .owl-carousel .owl-nav {display: none;} .areas-of-activity .owl-carousel .owl-dots {display: flex; position: absolute; bottom: -23px; left: 0; width: 100%; justify-content: center;} .areas-of-activity .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .areas-of-activity .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .areas-of-activity {padding: 37px 0 68px; margin: 0 0 37px;} .content h2, .content h1.h2 {font-size: 24px; line-height: 30px; margin: 0 0 20px;} body.menu-open {overflow: hidden; height: 100dvh!important;} header .search-icon {display: block; width: 24px; height: 24px; background: url(img/loop.svg) center center no-repeat;} .toppanel {display: none;} .content .where-buy-block {padding: 40px 0; margin: 0 0 40px;} .content .product-page .product-tabs-content h2 {padding-top: 40px;} .content .product-page .vars-and-prices .table-block td:first-child {min-width: 200px;} .content .bg-btn-block.small-padding .txt {font-size: 18px;} .content .where-buy-block .blocks {display: block; margin: 0 0 -10px; width: 100%;} .content .where-buy-block .blocks .block {width: 100%; margin: 0 0 10px;} .content .where-buy-block .blocks .block .t {max-width: 160px;} .content .product-page .table-block.vars-table table {font-size: 13px; line-height: 150%;} .content .product-page .table-block.vars-table table a .new {margin-left: 0;} .content .product-page .vars-and-prices .table-block table {min-width: 1px;} .top-blocks .right-blocks .block h3 {max-width: calc(100% - 120px);} .top-blocks .right-blocks .block .go {max-width: calc(100% - 120px);} .top-blocks .right-blocks .block {width: 315px; min-width: 315px;} .top-blocks .right-blocks .block h3 {font-size: 15px; line-height: 20px; margin-bottom: 5px;} .top-blocks .right-blocks .block .go {font-size: 14px; line-height: 19px;} .top-blocks .right-blocks .owl-carousel, .top-blocks .right-blocks .owl-stage-outer {overflow: visible;} .top-blocks .right-blocks .owl-carousel .owl-nav, .top-blocks .right-blocks .owl-carousel .owl-dots {display: none;} .top-blocks .slider {width: calc(100% + 40px); margin: 0 -20px 43px;} .top-blocks .slider .owl-carousel .owl-dots {bottom: -23px;} .top-blocks .slider .item {border-radius: 0; height: 480px; padding: 40px 20px;} .top-blocks .slider .item h2 {font-size: 40px; line-height: 42px; margin: 0 0 20px;} .content .sonaspray-page + .product-page.prob:last-child {margin-bottom: -60px;} .content .sonaspray-blocks.owl-carousel {margin-bottom: 60px; overflow: visible; width: 140%;} .content .sonaspray-blocks.owl-carousel .owl-nav {display: none;} .content .sonaspray-page .grey-block.lefttxt .pic {order: 1; width:100%; height: 394px; margin: 0 0 30px;} .content .sonaspray-page .grey-block.lefttxt .txt {padding: 0; width:100%; order: 2;} .content .sonaspray-page .slider-block {margin-bottom: 60px; padding: 30px 0; flex-wrap: wrap;} .content .sonaspray-page .slider-block .slider {margin: 0 0 20px; width: 100%; order: 1;} .content .sonaspray-page .slider-block .txt {padding: 0; display: flex; flex-wrap: wrap; width: 100%; order: 2;} .content .sonaspray-page .slider-block .txt .t {max-width: 708px;} .content .sonaspray-page .slider-block .txt > * {width: 100%; order: 2;} .content .sonaspray-page .slider-block .txt .owl-nav {order: 1; margin: 0 0 30px;} .content .sonaspray-page .grey-block .txt {padding: 0; width:100%;} .content .sonaspray-page .grey-block {margin-bottom: 60px; flex-wrap: wrap; padding: 30px;} .content .sonaspray-page .grey-block .pic {width:100%; height: 274px; margin: 0 0 30px;} .content .sonaspray-page .pres-block {margin-bottom: 60px; height: 431px; padding: 30px;} .content .sonaspray-page .pres-block .txt {padding: 30px; max-width: 346px;} .content .sonaspray-page .top-bg .txt .descr {margin: 0 0 20px;} .content .sonaspray-page .top-bg .txt h2 {margin: 0 0 20px;} .content .sonaspray-page .top-bg {margin-bottom: 60px; min-height: 360px; padding: 30px;} .content .sonaspray-page .top-bg .txt {max-width: 390px;} .content .sonaspray-page .center-txt {margin-bottom: 60px;} .content .videos-page .video-filter .left {width: 100%; margin: 0 0 23px; position: relative;} .content .videos-page .video-filter .right {width:100%;} header nav li.menu-parent .str {position: absolute; display: block; right: 0; top: 0; height: 100%; width: 60px; cursor: pointer;} header nav li.menu-parent > a {position: relative;} .content .search-results-page .search-materials .block {width: calc(50% - 20px);} .content .search-results-page .articles .block {width: calc(50% - 20px);} .content .project-detail .proj-gallery .owl-carousel.owl-prgal .owl-nav {display: none;} .content .project-detail .proj-gallery .owl-carousel.owl-prgal .owl-dots {left: 0; width:100%; top: calc((100vw - 40px) * 0.67); display: flex; justify-content: center; position: absolute;} .content .project-detail .proj-gallery .owl-carousel.owl-prgal .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .project-detail .proj-gallery .owl-carousel.owl-prgal .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .project-detail .proj-gallery .owl-carousel.owl-thumbs {display: none;} .content .projects-list .block {width: calc(50% - 20px);} .content .projects-page .descr {margin-bottom: 30px;} .content .projects-page .projects .into {padding: 0; margin: 0 -20px 0 0; width: calc(100% + 20px);} .content .projects-page .projects .into .block {width: calc(100% / 3 - 20px); margin: 0 20px 20px 0; font-size: 18px; line-height: 23px;} .content .projects-page .projects .into .block:nth-child(4), .content .projects-page .projects .into .block:nth-child(5) {width: calc(50% - 20px);} .content .shops-page .shops-list {display: block;} .content .shops-page .shops-list .block {display: block; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #EAEAEA;} .content .shops-page .shops-list .block:first-child {padding-top: 0;} .content .shops-page .shops-list .block:last-child {padding-bottom: 0;} .content .shops-page .shops-list .block .cl {display: block; border: 0; padding: 0;} .content .shops-page .shops-list .block .cl + .cl {padding-top: 12px;} .content .shops-page .shops-filter {margin-bottom: 20px;} .content .files-block .block {width: calc(100% / 3 - 40px);} .content .consult-blocks {padding-bottom: 40px; margin-bottom: 60px;} .content .consult-blocks .blocks {flex-wrap: wrap; margin: 0; width:100%;} .content .consult-blocks .blocks .block {padding-left: 103px; margin: 0 0 20px; width:100%;} .content .consult-blocks .blocks .block .ic {position: absolute; top: 30px; left: 0; width: 103px;} .content .partners-slider .owl-carousel .owl-nav {display: none;} .content .partners-slider .owl-carousel {overflow: visible; width: 130%;} .content .partners-slider .owl-carousel .owl-stage-outer {overflow: visible;} .content .examples-block .owl-carousel .owl-nav {display: none;} .content .examples-block .owl-carousel {overflow: visible; width: 140%;} .content .examples-block .owl-carousel .owl-stage-outer {overflow: visible;} .content .recomendations-block.owl-carousel .owl-nav {display: none;} .content .recomendations-block.owl-carousel {overflow: visible; width: 140%;} .content .recomendations-block.owl-carousel .owl-stage-outer {overflow: visible;} .content .prob-grey-bg .btns a {margin: 0 7px; padding: 0 20px;} .content .problems-counts .blocks {flex-wrap: wrap;} .content .problems-counts .blocks .block {width: calc(50% - 40px); margin-bottom: 40px;} .content .problems-counts {padding: 60px 0 30px; margin-top: 50px;} .content .product-page .estimate-tables .grey-bottom.fix .in {padding: 0 20px;} .content .product-page .partners-spoiler .hidden-block .form .btns {display: block;} .content .product-page .partners-spoiler .hidden-block .form .btns a {margin: 0;} .content .product-page .partners-spoiler .hidden-block .form .btns a + a {margin: 10px 0 0 0;} .content .product-page .estimate-tables .grey-top {flex-wrap: wrap;} .content .product-page.constr .info-and-gallery .info {display: block;} .content .product-page.constr .info-and-gallery .info > div {width: 100%;} .content .product-page.constr .info-and-gallery .gallery {order: 3;} .content .product-page .product-tabs-content .other-constr-block .block {font-size: 14px; line-height: 20px; padding: 20px 20px 60px;} .content .product-page .product-tabs-content .other-constr-block .block .price {bottom: 20px;} .content .product-page .product-tabs-content .other-constr-block {overflow: visible;} .content .product-page .product-tabs-content .other-constr-block .owl-stage-outer {overflow: visible;} .content .materials-page.constr .into .right-col {display: none;} .content .materials-page .into .right-col .block + .block {margin-top: 15px;} .content .materials-page .into {flex-wrap: wrap;} .content .materials-page .into .left-col {width:100%; margin: 0; order: 2;} .content .materials-page .into .right-col {order: 1; width: 100%; margin: 0 0 24px;} .content .product-page .files-block {display: block;} .content .product-page .files-block .col {width: 100%;} .content .product-page .files-block .col + .col {margin-top: 20px;} .content .product-page .chars-block {padding-top: 0;} .content .product-page .chars-block .into {padding-bottom: 10px; columns: 1; width: 100%; margin-right: 0;} .content .product-page .chars-block .long-txt {font-size: 14px; line-height: 20px;} .content .product-page .chars-block .into .block {align-items: flex-start; margin-right: 0; font-size: 12px; line-height: 20px;} .content .product-page .chars-block .into .block:before {bottom: auto; top: 13px;} .content .product-page .chars-block .into .block .val {padding-left: 4px;} .content .product-page .chars-block .into .block .opt .txt {background: #fff; padding-right: 4px; display: block;} .content .product-page .projects .into {margin-right: -20px; width: calc(100% + 20px);} .content .product-page .projects .into .block .inf {padding: 0 20px;} .content .product-page .projects .into .block .pic {margin-bottom: 20px;} .content .product-page .projects .into .block {padding-bottom: 20px;} .content .product-page .grey-bg.constructions .owl-carousel .owl-nav {display: none;} .content .product-page h1 {font-size: 24px; line-height: 31px;} .content .owl-carousel.owl-products .owl-nav {display: none;} .content .owl-carousel.owl-products {width: 140%;} .content .product-page .table-block {width: calc(100% + 25px); overflow: auto; padding-right: 25px; clip-path: inset(0 0 30px 0); padding-bottom: 30px;} .content .product-page .table-block {margin-bottom: 20px;} .content .product-page .table-block:not(.small) table {min-width: 1000px;} .content .bg-btn-block {display: block;} .content .bg-btn-block .txt {width: 100%;} .content .bg-btn-block .btn {display: table; width: auto; padding: 0 25px; margin-top: 25px;} .content .product-page .product-tabs ul li {margin: 0;} .content .product-page .product-tabs ul {justify-content: space-between;} .content .product-page .info-and-gallery {padding-top: 20px;} .content .product-page .info-and-gallery .gallery {order: 1;} .content .product-page .info-and-gallery .info {order: 2; padding-top: 25px;} .content .product-page .info-and-gallery .breadcrumbs {width: 100%; padding-top: 12px;} .content .product-page .info-and-gallery h1 {width:100%;} .content .product-page .info-and-gallery .info .btn {margin-top: 40px;} .content .product-page .info-and-gallery .info .btn.tour {display: none;} .content .product-page .info-and-gallery .info .downloads {margin-top: 40px;} header.search-open .search {width: 100%; transform: none; left: 0; right: 0; z-index: 5;} header .search {height: 65px; background: #fff; z-index: 5; width: 100%; left: calc(100% + 100px); display: flex; align-items: center;} header .search form {width: calc(100% - 64px); height: auto; position: relative;} header.search-open .search .close {font-size: 14px; line-height: 18px; font-weight: 500; color: #006BCF; text-align: right; width: 64px; height: auto; background: none; position: relative; margin: 0;} header .search input[type=text] {border-radius: 6px; font-size: 15px; padding-right: 20px;} header.search-open .search .submit {left: 8px;} header .logo img {width: auto; height: 35px;} header:after {display: none;} header .menu-icon {background-position: center center; display: block; position: relative; width: 24px; height: 24px; background: url(img/menu-ic.svg) center center no-repeat;} header nav {overflow-y: scroll; overflow-x: hidden; height: calc(100dvh - 65px); position: absolute; right: calc(-100% - 84px); transition: right 0.3s ease; top: 100%; width:calc(100% + 44px); z-index: 100; background: #FFFFFF;} header.menu-open nav.slide-left > ul {transform: translateX(-100%);} header.menu-open nav {right: -22px;} header nav:before {content: ''; display: block; position: absolute; top: -8px; width:200%; left: 0;height: 8px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04); z-index: 5;} header.menu-open .menu-icon {border-color: transparent; background: url(img/menu-back.svg) center center no-repeat;} header.menu-open .menu-icon:after {opacity: 0;} header nav.slide-left {top: 0; height: 100dvh;} header nav.slide-left .mobile-contacts-menu {display: none;} header nav > ul { padding: 12px 0 0 0; margin: 0; list-style-type: none; transition: all 0.3s ease;} header nav > ul > li {margin: 0;} header nav > ul > li > a {background: url(img/menu-arr.svg) center right 16px no-repeat; text-decoration: none; display: block; width: 100%; line-height: 22px; padding: 12px 50px 12px 22px; font-weight: bold; font-size: 15px; text-transform: uppercase; color: #191919;} header nav > ul > li > .drop {z-index: 2; display: none; padding: 0; margin: 0; list-style-type: none; top: 0; position: absolute; width:100%; background: #fff; left: 100%;} header nav > ul > li.open > .drop {display: block;} header nav ul li {margin: 0;} header nav .menu-parent>a,header nav .menu-parent>span {padding-right: 26px;} header nav > ul > li > .drop ul li.grey-block {font-size: 15px; line-height: 24px;} header nav > ul > li > .drop ul {padding: 0 20px 0px; margin: 0; list-style-type: none;} header nav > ul > li > .drop > .outer > ul:last-child {padding-bottom: 20px;} header nav > ul > li > .drop ul + ul {margin-top: 20px;} header nav > ul > li > .drop ul li a, header nav > ul > li > .drop ul li span {position: relative; width: 100%; display: block; font-size: 15px; line-height: 22px; color: #191919; font-weight: 500; text-decoration: none;} header nav > ul > li > .drop ul li .str {width: 24px; height: 24px; display: block; position: absolute; top: 50%; margin-top: -12px; right: 0; background: url(img/menu-arr.svg) center center no-repeat; transform: rotate(90deg);} header nav > ul > li > .drop ul li {position: relative;} header nav > ul > li > .drop ul li ul {padding: 0; margin: 0; max-height: 0; transition: all 0.3s ease; overflow: hidden;} header nav > ul > li > .drop ul li.grey-block ul {max-height: 9999px;} header nav > ul > li > .drop ul li.open > ul {max-height: 999px;} header nav > ul > li > .drop ul li + li {margin-top: 20px;} header nav > ul > li > .drop ul li.arr > a {width: auto; position: relative; display: table;} header nav > ul > li > .drop ul li.arr > a:after {filter: grayscale(100%) brightness(20%); width: 14px; height: 14px; margin: 0 0 0 8px; background: url(img/blue-arr.svg) center center no-repeat; content: ''; display: block; position: absolute; left: 100%; top: 50%; margin-top: -7px;} header nav > ul > li > .drop ul li ul li a {font-weight: normal;} header nav > ul > li > .drop ul li ul {padding: 8px 0 0;} header nav > ul > li > .drop ul li ul li + li {margin-top: 8px;} header .mob-title {width: 100%; margin: 0 0 24px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09); font-weight: 500; background: url(img/menu-back.svg) center left 20px no-repeat; display: flex; height: 65px; align-items: center; text-align:center; font-weight: bold; font-size: 18px; line-height: 24px; color: #191919; justify-content: center;} header nav ul li ul li ul .mob-title {display: none;} header nav > ul > li:nth-child(4) > ul {list-style-type: none; padding-bottom: 30px;} header nav > ul > li:nth-child(4) > ul > li {line-height: 20px; width: 100%; margin: 0 0 12px;} header nav > ul > li:nth-child(4) > ul > li:last-child {margin: 0;} header nav > ul > li:nth-child(4) > ul > li > a {font-size: 15px; text-decoration: none; color: #575A5C; font-weight: normal; text-transform: none; font-family: inherit; } header nav > ul > li:nth-child(4) > ul > li > a:hover {color: #006BCF;} header {padding: 15px 0; margin: 0; } header .mobile-contacts-menu {padding: 20px 0 0 0; border-top: 1px solid #EAEAEA; display: block; margin: 12px auto 0; width: calc(100% - 40px);} header .mobile-contacts-menu .lang {margin: 0 0 20px; font-size: 15px; line-height: 22px; color: #006BCF; display: flex; align-items: center;} header .mobile-contacts-menu .lang .flag {width: 21px; height: 21px; border-radius: 50%; background: center center/cover; margin: 0 11px 0 0;} header .mobile-contacts-menu .lang .drop {z-index: -1; position: fixed; top: 0; bottom: 0; width: 100%; left: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease; background: rgba(0,0,0,0.5);} header .mobile-contacts-menu .lang .drop ul {margin: 0; list-style-type: none; padding: 24px 20px; border-radius: 16px 16px 0 0; transition: all 0.3s ease; position: absolute; bottom: -100%; left: 0; width: 100%; background: #fff;} header .mobile-contacts-menu .lang .drop ul .title {font-size: 18px; line-height: 24px; font-weight: 500; margin: 0 0 4px; color: #191919;} header .mobile-contacts-menu .lang .drop ul li {position: relative; border-bottom: 1px solid #EAEAEA;} header .mobile-contacts-menu .lang .drop ul li:after {content: ''; display: block; position: absolute; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #EAEAEA; top: 50%; right: 0; margin-top: -11px; border-radius: 50%;} header .mobile-contacts-menu .lang .drop ul li.selected:after {border: 5px solid #36A9E1;} header .mobile-contacts-menu .lang .drop ul li a {font-size: 15px; line-height: 24px; color: #191919; text-decoration: none; padding: 16px 0; display: flex; align-items: center;} header .mobile-contacts-menu .lang .drop ul li.selected a {font-weight: 500; color: #36A9E1;} header .mobile-contacts-menu .lang.open .drop {z-index: 999; visibility: visible; opacity: 1;} header .mobile-contacts-menu .lang.open .drop ul.open {bottom: 0;} header .mobile-contacts-menu .lang.open .drop .close {width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; background: url(img/close.svg) center center no-repeat; display: block;} header .mobile-contacts-menu .city.pop-link {margin: 0 0 20px; display: flex; align-items: center; font-size: 15px; line-height: 24px; color: #006BCF; text-decoration: none;} header .mobile-contacts-menu .city.pop-link .ic {display: block; width: 24px; height: 24px; margin: 0 8px 0 0; background: center center no-repeat;} header .mobile-contacts-menu .number {margin: 0 0 20px; display: flex; flex-wrap: wrap;} header .mobile-contacts-menu .number > * {order: 1;} header .mobile-contacts-menu .number .city {width: 100%; order: 3; position: relative; font-size: 15px; line-height: 24px; color: #006BCF; text-decoration: none; display: table; padding-left: 32px;} header .mobile-contacts-menu .number .city:before {width: 24px; height: 24px; content: ''; display: block; position: absolute; left: 0; top: 0; background: url(img/office-ic.svg) center center no-repeat;} header .mobile-contacts-menu .number .tel {position: relative; font-size: 15px; line-height: 24px; color: #006BCF; text-decoration: none; display: table; padding-left: 32px;} header .mobile-contacts-menu .number .tel:before {width: 24px; height: 24px; content: ''; display: block; position: absolute; left: 0; top: 0; background: url(img/phone.svg) center center no-repeat;} header .mobile-contacts-menu .number small {width: 100%; display: block; padding: 0 0 20px 32px; color: #7B7E80; font-size: 13px; line-height: 130%;} header .mobile-contacts-menu .number .slash {display: none;} header .mobile-contacts-menu .btn.shop {margin: 0 0 20px; font-weight: normal; width: auto; background: none; position: relative; padding: 0 0 0 32px; border-radius: 0; line-height: 24px; font-size: 15px; color: #006BCF;} header .mobile-contacts-menu .btn.shop:before {width: 24px; height: 24px; content: ''; display: block; position: absolute; left: 0; top: 0; background: url(img/shop.svg) center center no-repeat;} header .mobile-contacts-menu .rev-link span:nth-child(2) {display: none;} header .mobile-contacts-menu .rev-link {display: table; margin: 0 0 20px; text-decoration: none; font-weight: normal; width: auto; background: none; position: relative; padding: 0 0 0 32px; border-radius: 0; line-height: 24px; font-size: 15px; color: #006BCF;} header .mobile-contacts-menu .rev-link .ic {width: 24px; height: 24px; content: ''; display: block; position: absolute; left: 0; top: 0; background: url(img/rev-ic.svg) center center no-repeat;} header .mobile-contacts-menu ul {border-top: 1px solid #EAEAEA; list-style-type: none; padding: 20px 0 20px; } header .mobile-contacts-menu ul li + li {margin-top: 16px;} header .mobile-contacts-menu ul li a {text-decoration: none; font-size: 15px; line-height: 24px; color: #191919;} .top-blocks {display: block; margin: 0 0 50px;} .top-blocks .slider .owl-carousel .owl-nav {display: none;} .top-blocks .right-blocks {width:100%; margin: 0;} .all {padding: 0 22px;} .content .video-block .block .pic .time {bottom: 25px; left: 25px; line-height: 23px; font-size: 13px;} .content .video-block .block .pic .play {width: 50px; height: 50px; background-size: auto 22px; background-position: center left 19px; margin: -25px 0 0 -25px;} footer .cols {flex-wrap: wrap;} footer .cols .col:last-child {margin: 0 0 40px; order: 1; width:100%; display: flex; max-width:100%; justify-content: space-between; align-items: flex-start;} footer .cols .col:last-child>a {width: calc(100% / 3);} footer .cols .phone {margin: 0; width: calc(100% / 3);} footer .cols .im {margin: 0; width: calc(100% / 3);} footer .cols .col {order: 2; width: calc(100% / 3); padding: 0;} footer .cols li {max-width: 213px;} footer .soc-block {align-items: flex-start;} footer .soc-block .soc-links {flex-wrap: wrap; margin: 0 0 -28px 0;} footer .soc-block .soc-links .block {width: 50%; margin: 0 0 28px;} footer .copy .left {max-width: 314px;} .perforations-block .descr {margin-bottom: 20px;} .perforations-block .owl-carousel .owl-nav {display: none;} .perforations-block .owl-carousel {overflow: visible; width: calc(100% - 50px);} .perforations-block .owl-carousel .owl-stage-outer {overflow: visible;} .perforations-block .owl-carousel .owl-dots {width: calc(100% + 50px);} .perforations-block .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .perforations-block .owl-carousel .owl-item {display: flex;} .promo-page .pic-and-list {padding: 36px 0 46px; display: block;} .promo-page .pic-and-list .pic {height: 70vw; width: 100%; margin: 0 0 34px; min-height: 70vw;} .promo-page .pic-and-list .pic.small {width: 400px; min-height: 0px; margin-left: auto; margin-right: auto; max-width: 100%;} .promo-page .pic-and-list .pic.small:before {content: ''; display: block; padding-top: 90%;} .promo-page .pic-and-list .pic.small + .txt {width: 100%;} .promo-page .pic-and-list .txt {width: 100%; padding: 0;} .materials-block .blocks .block {width: calc(50% - 10px); padding: 4px;} .materials-block .blocks .block .pic {height: auto;} .materials-block .blocks .block .pic:before {content: ''; display: block; padding-top: 70%;} .materials-block .blocks .block .inf {padding: 12px 12px 153px;} .materials-block .blocks .block .btns {display: block; left: 12px; bottom: 12px; width: calc(100% - 24px);} .materials-block .blocks .block .btns .btn.buy {height: 42px; width: 100%;} .materials-block .blocks .block .btns .btn.white {height: 42px; line-height: 40px; width: 100%; margin: 12px 0 0 0;} .materials-block .blocks .block .price {left: 12px; bottom: 118px; width: calc(100% - 24px);} .promo-page .promo-gallery .item .pic {height: 70vw;} .promo-page .promo-gallery .owl-carousel .owl-dots {top: calc(70vw + 16px);} .promo-page .promo-gallery .owl-carousel .owl-nav {display: none;} .popup.job-popup .form-block input.text, .popup.job-popup .form-block textarea {font-size: 15px;} .content.job .product-page .form-block .form .outer:not(.long), .popup.job-popup .form-block .outer:not(.long) {width: 100%;} } @media (max-width: 700px) { .hh-block {display: block; text-align: center;} .hh-block .hh-logo {font-size: 18px; width: 60px; margin: 0 auto 20px auto;} .hh-block .txt {max-width: 100%;} .instructions-list .block.zip .title small {display: block; margin: 0;} .content .product-page:not(.constr) .info-and-gallery .info .btn.shop {padding: 0 16px 0 0;} .content .product-page:not(.constr) .info-and-gallery .info .btn {padding: 0;} .content .product-page .product-tabs-content .txt-pic .block.white-bg .txt {padding: 16px 0 0 0;} .content .product-page .product-tabs-content .txt-pic .block.white-bg, .content .product-page .product-tabs-content .txt-pic {margin-bottom: 0!important;} .content .montage-instr-block .block .pics {display: block;} .content .montage-instr-block .block .pics img {width: 100%; min-width: 100%; margin: 0;} .content .montage-instr-block .block .pics img + img {margin-top: 10px;} .promo-page .surfaces-block .blocks .block:nth-child(odd):last-child .inf .btn {left: 24px;} .popup.job-popup .into {max-height: calc(100dvh - 20px); overflow: auto;} .job .transfers-slider:after {background-size: 3000px auto; background-position: top -40px left -1000px;} .content.job .video-block {padding-bottom: 46px;} .promo-page.job .video-block .owl-carousel .owl-nav:not(.disabled) {display: none;} .promo-page.job .video-block .owl-carousel .owl-dots {display: none;} .job-specs-block .item {display: block;} .job-specs-block .item .pic {min-height: 55vw; height: 160px; width: 100%; margin: 0 0 20px;} .job-specs-block .item .inf {width: 100%;} .job-specs-block .owl-carousel, .job-specs-block .owl-stage-outer {overflow: visible;} .job-specs-block .owl-carousel .owl-nav {display: none;} .command-block {display: block;} .command-block .text {width: 100%; min-height: 1px;} .command-block .text .logo {margin-top: 55px;} .command-block .pic {width: 100%; height: 90vw; margin: 10px 0 0 0;} .content .files-list.l-grid .files-list-item {font-size: 14px; line-height: 125%; margin: 0 0 32px; width: 100%;} .content .files-list.l-grid {margin-right: 0; width: 100%;} .content .files-list.l-grid .files-list-item .files-list-item-img {margin: 0 0 18px; height: 200px;} .promo-page .surfaces-block .blocks .block.two-btns .inf {padding-bottom: 24px;} .promo-page .surfaces-block .blocks .block.two-btns .inf .btns {margin-top: 15px; position: relative; bottom: auto; left: auto; width: 100%;} .promo-page .pic-and-list .txt ul.columns {columns: 1;} .promo-grey-bg {margin-bottom: 46px!important;} .promo-page .promo-grey-bg .pic-and-list {padding-bottom: 0;} .promo-page .pic-and-list .txt .btn {line-height: 125%; padding-top: 12px; padding-bottom: 12px;} .foreign-partners .block {width: calc(100% - 20px);} .foreign-partners .block .inf .title {font-size: 18px;} .foreign-partners .block .pic {max-height: 50vw;} .clients-list a {width: calc(50% - 10px); height: 25vw;} .promo-page .pic-and-list .pic.video {height: 50vw;} .teachers-blocks {display: block;} .teachers-blocks .block .name {font-size: 18px; margin: 0 0 10px;} .teachers-blocks .block {padding: 20px; width: 100%;} .teachers-blocks .block + .block {margin-top: 20px;} .teachers-blocks .block .photo {width: 160px; height: 160px;} .promo-page .promo-advantages .item .inf .title {font-size: 20px; line-height: 25px;} .perforations-block .item .pic {height: auto;} .perforations-block .item .pic:before {content: ''; display: block; padding-top: 75%;} .content .product-page .form-block .form .outer {width: 100%;} .materials-block .blocks .block .price {font-size: 14px; white-space: nowrap;} .promo-page .btn {width: 100%; margin-top: 0px;} .promo-page .surfaces-block .blocks {padding-bottom: 10px;} .promo-page .surfaces-block .blocks .block .inf .title {font-size: 20px; line-height: 25px;} .promo-page .surfaces-block .blocks .block .inf {padding-bottom: 54px;} .promo-page .surfaces-block .blocks.no-btns .block .inf {padding-bottom: 20px;} .promo-page .surfaces-block .blocks .block .inf a.go:after {margin-top: 0;} .promo-page .surfaces-block .blocks .block .pic {height: auto;} .promo-page .surfaces-block .blocks .block .pic:before {padding-top: 70%; content: ''; display: block;} .promo-page .surfaces-block .blocks .block, .promo-page .surfaces-block .blocks.three-cols .block {width: calc(100% - 10px);} .promo-page .catalog-block .txt .title {font-size: 17px; line-height: 23px;} .promo-page .catalog-block .txt .btn {margin-top: 16px; text-align: center; width: 100%;} .promo-page .catalog-block .txt .btn:after {position: relative; display: inline-block; top: auto; right: auto; margin: 0 0 0 4px; transform: translateY(4px);} .promo-page .catalog-block .txt {padding: 20px; left: 10px; bottom: 10px; width: calc(100% - 20px); max-width: calc(100% - 20px);} .promo-page .promo-advantages .item .pic {height: 196px;} .content .news-page .news-block .block {margin: 0 0 10px; width: 100%;} .content .news-page .news-block .block .inf .go {font-size: 13px;} .content .videos-page .block + .show-more {font-size: 13px; line-height: 40px; height: 42px;} .content .videos-page {margin-bottom: 45px;} .content .videos-page .list .block .inf h3 {font-size: 15px; line-height: 22px;} .content .videos-page .list .block .inf .descr {font-size: 14px; line-height: 19px;} .content .videos-page .list .block .inf {width: 100%;} .content .videos-page .list .block .inf .type {font-size: 14px; line-height: 18px;} .content .videos-page .list .block .inf .time:before {width: 24px; height: 24px;} .content .videos-page .list .block .inf .time {font-size: 14px;} .content .videos-page .list .block {display: block; margin-bottom: 20px; padding-top: 20px;} .content .videos-page .list .block .pic {height: auto; width: 100%; margin: 0 0 16px;} .content .videos-page .list .block .pic:before {content: ''; display: block; padding-top: 60%;} .content .product-page .partners-spoiler .title {justify-content: space-between; position: relative; font-size: 22px; line-height: 28px; width: 100%;} .content .product-page .partners-spoiler .title .plus {width: 32px; height: 32px; left: auto; right: 0;} .content .product-page .partners-spoiler .title .plus:after {background-size: auto auto;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-nav {display: none;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-dots {display: flex; width: 100%; justify-content: center; margin: 16px 0 0 0;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .product-page.constr .product-tabs-content .other-constr-block .owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .product-page.constr .product-tabs-content .other-constr-block .block {padding: 4px 12px 114px; width: 335px; max-width: calc(100vw - 40px);} .content .product-page.constr .product-tabs-content .other-constr-block .block .price {left: 12px; bottom: 76px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns {left: 12px; width: calc(100% - 24px);} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn {height: 40px; line-height: 38px; font-size: 15px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn.buy {height: 40px; line-height: 40px;} .content .product-page.constr .product-tabs-content .other-constr-block .block .btns .btn.buy span:after {width: 14px; height: 24px; margin-top: -10px;} .content.text-page .files-block {margin-top: 45px; padding: 37px 0 45px; width: 100%; margin-right: 0;} .content.text-page h3 {font-size: 22px; line-height: 25px;} .content.text-page ul:not(.breadcrumbs) li:before {top: 7px;} .content.text-page ul:not(.breadcrumbs) ul li ul li:before {top: 10px;} .content.text-page {font-size: 15px; line-height: 22px;} .content.text-page h2 {font-size: 22px; line-height: 28px; padding: 0 0 12px; margin: 0;} .content.text-page h4 {font-size: 17px; line-height: 23px; padding: 0 0 12px;} .content .other-projects {margin-bottom: 24px;} .content h2, .content h1.h2 {font-size: 22px; line-height: 28px;} .content a.show-more {margin-bottom: 38px;} .content .projects-list .block .inf .title {font-size: 17px; line-height: 23px;} .content .projects-list .block {width: 100%!important; margin: 0 0 16px!important;} .content .projects-list {padding-bottom: 8px; width: 100%; margin-right: 0; padding-top: 12px;} .content .materials-page.prod-list .into .left-col .block .list:not(.tile) .item:last-child {padding-bottom: 0; border-bottom: 0;} .content .materials-page .into .right-col .block h2 {padding-right: 44px; background-position: left 20px top 12px;} .content .materials-page .into .right-col .block.rec h2 {background-image: url(img//rec-icon.svg);} .content .materials-page .into .right-col .block.rec .read-wrap {padding-top: 12px;} .content .materials-page .into .left-col .block:not(.open) + .block {padding-top: 8px;} .content .materials-page .into .left-col .block.open + .block {padding-top: 12px;} .content .materials-page.prod-list .into .left-col .block h2:after {width: 32px; height: 32px; top: 50%; margin-top: 0; right: 0; transform: translateY(-50%); background-size: auto auto; } .content .materials-page.prod-list .into .left-col .block h2 {width: 100%;} .content .materials-page.prod-list .into .left-col .block .list .item .descr {margin-bottom: 16px;} .content .materials-page.prod-list .into .left-col .block .list .item .txt .btn {height: 40px; line-height: 38px; font-size: 15px; margin: 0; width: calc(50% - 6px);} .content .materials-page .into .left-col .block .list:not(.constr) .item .inf {min-height: 64px; padding-bottom: 48px; padding-right: 0;} .content .materials-page.prod-list .into .left-col .block .list .item .txt .btns {bottom: 0; position: absolute; width: 100%; left: 0; display: flex; justify-content: space-between;} .content .materials-page.prod-list .into .left-col .block .list .item .inf .price {display: block; position: relative;left: auto; bottom: auto;} .content .materials-page.prod-list .into .left-col .block .list .item .price div + div {margin: 0;} .content .materials-page.prod-list .into .left-col .block .list .item .pic {width: 88px; height: 64px; margin: 0 16px 0 0;} .content .materials-page .into .left-col .block .list:not(.constr) .item .inf {width: 100%;} .content a.show-more {line-height: 46px; height: 48px; width: 100%; text-align: center; font-size: 15px;} .content .materials-page .list .item {font-size: 14px; line-height: 19px;} .content .materials-page .list .item .descr {margin: 0 0 12px;} .content .materials-page .list .item .params {padding: 0 0 8px; position: relative; left: auto; bottom: auto; font-size: 14px; line-height: 19px; flex-wrap: wrap;} .content .materials-page .list .item .txt .btns .price {font-size: 18px; line-height: 24px;} .content .materials-page .list .item .txt .btns .price small {font-size: 15px;} .content .materials-page .list .item .params p + p {padding-left: 0;} .content .materials-page .list .item .params p {padding-right: 12px; padding-bottom: 8px;} .content .materials-page .list.constr .item .pic {width: 88px; min-height: 88px; height: 88px; margin: 0 16px 0 0;} .content .materials-page .list.constr .item .inf {min-height: 108px; width: 100%; padding: 0;} .content .materials-page .list .item .txt {display: block; width: calc(100% - 104px);} .content .materials-page .list.constr .item .txt .btns {flex-wrap: wrap; display: flex; justify-content: space-between; width: calc(100% + 104px); margin-left: -104px;} .content .materials-page .list.constr .item .txt .btns .price {width: 100%; padding: 0 0 0 104px;} .content .materials-page .list.constr .item .txt .btns .btn {margin: 0; width: calc(50% - 6px); height: 40px; line-height: 38px; font-size: 15px;} .content .materials-page .list.constr .item .txt .btns .btn.blue {line-height: 40px;} .content .bg-btn-block + .video-block {margin-top: 45px;} .content .where-buy-block .blocks .block .t {max-width: 100%;} .content .where-buy-block .blocks .block .t br {display: none;} .content .where-buy-block .blocks .block .go {margin-top: 12px; font-size: 15px; line-height: 22px;} .content .product-page .where-buy-block {padding-top: 37px; padding-bottom: 45px; margin-bottom: 0;} .content .product-page .colors-block .block .inf {padding: 16px 20px;} .content .product-page .colors-block .block:nth-child(n + 5) {position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease;} .content .product-page .colors-block.open .block:nth-child(n + 5) {position: relative; opacity: 1; left: auto;} .content .product-page .colors-block .block {margin: 0 0 10px; width: calc(50% - 5px);} .content .product-page .colors-block {margin-right: 0; width: 100%; justify-content: space-between;} .content .product-page .colors-block .show-more {line-height: 48px; border-radius: 6px; margin: 20px 0 0 0; width: 100%; text-align: center; color: #fff; background: #006BCF; font-size: 15px; font-weight: 500; display: table;} .content .product-page .colors-block .show-more span:last-child {display: none;} .content .product-page .colors-block.open .show-more span {display: none;} .content .product-page .colors-block.open .show-more span:last-child {display: inline;} .content .product-page .edge-options .block {min-width: 128px;} .content .product-page .edges-tab {padding-top: 37px;} .content .product-page .edge-options {margin-top: 20px;} .content .product-page .chars-tab .table-block {margin-bottom: 20px;} .content .product-page .ac-chars-block .pic {margin: 0 0 16px;} .content .product-page .ac-chars-block .pic img {display: block;} .content .product-page .chars-tab .table-block {padding-top: 0;} .content .product-page .ac-chars-block .right {font-size: 12px; line-height: 18px;} .content .product-page .ac-chars-block {margin: 45px 0 37px; padding: 37px 0 45px;} .content .product-page .chars-block .into .block {font-size: 14px; line-height: 19px; border-bottom: 1px solid #EAEAEA; padding: 0 0 12px; margin: 0 0 12px;} .content .product-page .chars-block .into .block:last-child {margin-bottom: 0;} .content .product-page .chars-block {margin-bottom: 24px;} .content .product-page .chars-block .block .opt {padding-right: 12px; background: none;} .content .product-page .chars-tab {padding-top: 37px;} .content .product-page .product-tabs-content:not(.constr) .chars-tab h2 {font-size: 20px; line-height: 25px; margin: 0 0 16px;} .content .product-page .grey-bg.constructions .owl-carousel {margin-bottom: 30px;} .content .product-page .grey-bg.constructions .block .inf h3 {font-size: 15px; margin: 0 0 12px;} .content .product-page .grey-bg.constructions .block .inf {font-size: 14px; line-height: 20px;} .content .product-page .grey-bg.constructions .block .inf .descr li:before {top: 8px;} .content .product-page .grey-bg.constructions .block .inf .descr {margin-bottom: 12px;} .content .product-page .grey-bg.constructions .block .inf .price {font-size: 18px; line-height: 22px;} .content .product-page .grey-bg.constructions .block .inf .price small {font-size: 13px;} .content .product-page .projects .btn.show-all {width: 100%; line-height: 48px; font-size: 15px; text-align: center;} .content .product-page .projects .into.owl-carousel {margin-bottom: 56px;} .content .product-page .grey-bg.constructions .owl-carousel {margin-top: 0;} .content .product-page .application-block {margin: 37px 0 45px;} .content .product-page .product-tabs-content:not(.constr) .bg-btn-block + h2 {margin-top: 37px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .block {margin: 0; width: 100%; display: block; padding: 0; border-radius: 8px; overflow: hidden; width: 335px; min-width: 335px;} .content .product-page .product-tabs-content .txt-pic .block .pic {margin: 0 0 20px; border-radius: 0; width: 100%; height: 200px;} .content .product-page .product-tabs-content .txt-pic .block .pic.smallheight {height: 100px;} .content .product-page .product-tabs-content .txt-pic .block .txt {padding: 0 20px 20px; width: 100%; max-width: 100%; font-size: 15px; line-height: 24px;} .content .product-page .product-tabs-content .txt-pic .block .txt h3 {margin: 0 0 4px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel {padding-bottom: 70px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-nav {display: none;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-dots {display: flex; position: absolute; bottom: 45px; left: 0; width: 100%; justify-content: center;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .product-page .product-tabs-content .txt-pic.owl-carousel .owl-dots .owl-dot.active {background: #36A9E1; width: 30px;} .content .product-page .prod-review-block {min-height: 1px; padding: 40px 0 265px; align-items: flex-start;} .content .product-page:not(.constr) .info-and-gallery .info .btn {width: calc(50% - 8px); text-align: center;} .content .product-page .info-and-gallery .gallery .item {height: 375px;} footer .soc-block, footer .soc-block .block {font-size: 14px; line-height: 19px;} .constructions-block {margin-bottom: 35px;} .constructions-block .blocks {flex-wrap: wrap; justify-content: space-between;} .constructions-block .blocks a {font-size: 15px; line-height: 22px; padding: 20px; width: calc(50% - 5px); margin: 0 0 10px;} .content .sonaspray-page .grey-block .txt ul li:before {left: 0; top: -2px;} .content .sonaspray-page .grey-block .txt ul li {padding-left: 35px;} .content .sonaspray-blocks.owl-carousel {margin-bottom: 50px; width: 120%;} .content .sonaspray-blocks.owl-carousel .block {padding: 15px;} .content .sonaspray-page h2 {font-size: 20px; margin-bottom: 20px;} .content .sonaspray-page .dark-block {padding: 20px; margin-bottom: 50px;} .content .sonaspray-page .projects-gallery .block .title {font-size: 14px; padding-top: 35px;} .content .sonaspray-page .projects-gallery {margin-bottom: 80px;} .content .sonaspray-page .grey-block.lefttxt .pic {height: auto;} .content .sonaspray-page .grey-block.lefttxt .pic:before {padding-top: 75%; content: ''; display: block;} .content .sonaspray-page .slider-block .txt h2 {font-size: 20px; margin: 0 0 10px;} .content .sonaspray-page .slider-block .txt .owl-nav {display: none;} .content .sonaspray-page .slider-block .txt {font-size: 14px; line-height: 20px;} .content .sonaspray-page .slider-block .slider .owl-carousel .owl-dots {width: 100%; padding: 10px 0 0 0; display: flex; justify-content: center;} .content .sonaspray-page .slider-block .slider .owl-carousel .owl-dots .owl-dot {background: #DDE1E7; width: 8px; height: 8px; border-radius: 15px; margin: 0 6px;} .content .sonaspray-page .slider-block .slider .owl-carousel .owl-dots .owl-dot.active {background: #FF6B00; width: 30px;} .content .sonaspray-page .slider-block .slider .item {height: auto;} .content .sonaspray-page .slider-block .slider .item:before {padding-top: 62.5%; content: ''; display: block;} .content .sonaspray-page .slider-block .slider {margin-bottom: 20px;} .content .sonaspray-page .slider-block {margin-bottom: 50px; padding: 20px 0;} .content .sonaspray-page .grey-block {margin-bottom: 50px; padding: 20px;} .content .sonaspray-page .grey-block .pic {height: 220px; margin-bottom: 20px;} .content .sonaspray-page .grey-block .txt {font-size: 14px; line-height: 20px;} .content .sonaspray-page .grey-block .txt ul li + li {margin-top: 0;} .content .sonaspray-page .grey-block .txt h2 {font-size: 20px; margin: 0 0 15px;} .content .sonaspray-page .pres-block:before {width:100%; height: 240px; content: ''; display: block; border-radius: 15px; background: url(img/sp-pres-bg.webp) center center/cover no-repeat;} .content .sonaspray-page .pres-block {margin-bottom: 50px; background: none; display: block; height: auto; padding: 0;} .content .sonaspray-page .pres-block .txt {border-radius: 0; padding: 20px 0 0 0; font-size: 14px; line-height: 20px; max-width:100%;} .content .sonaspray-page .pres-block .txt .btn {margin-top: 20px;} .content .sonaspray-page .center-txt { margin-bottom: 50px; font-size: 14px; font-weight: 600; line-height: 20px;} .content .sonaspray-page .top-bg {padding: 20px; font-size: 14px; line-height: 20px; margin-bottom: 50px;} .content .sonaspray-page .top-bg .txt { font-size: 14px; line-height: 20px; color: #191919;} .content .sonaspray-page .top-bg .txt h2 { font-size: 20px; margin: 0 0 10px; color: #191919;} .popup .into .top {padding: 0 40px 0 20px; font-size: 18px; line-height: 60px;} .content .search-results-page .other-list li .title {margin: 0 0 5px;} .content .search-results-page .other-list li + li {margin-top: 15px;} .content .search-results-page .articles .block .go {bottom: 20px; left: 20px;} .content .search-results-page .search-materials .block {width: calc(100% - 20px);} .content .search-results-page .articles .block .title {font-size: 16px; line-height: 20px;} .content .search-results-page .articles .block {padding: 20px 20px 60px; width: calc(100% - 20px);} .content .project-detail .proj-text {font-size: 14px; line-height: 20px;} .content .project-detail .proj-text ul li {padding-left: 40px;} .content .project-detail .proj-text ul li:before {top: -2px; left: 0;} .content .project-detail .proj-text ul li + li {margin-top: 15px;} .content .project-detail .video-block .owl-carousel {width:100%;} .content .project-detail .info-block > div {display: block;} .content .project-detail .info-block .cl {display: block; padding: 20px; width:100%;} .content .project-detail .info-block .top { font-size: 14px; line-height: 16px;} .content .project-detail .info-block .bottom .title { font-size: 14px; line-height: 20px;} .content .project-detail .info-block .bottom {font-size: 14px; line-height: 20px;} .content .project-detail .info-block .cl + .cl {padding-top: 0;} .content .projects-page .projects .into .block {width: calc(100% - 20px)!important; font-size: 14px; line-height: 20px;} .content .shops-page .shops-list .block {font-size: 14px; line-height: 20px; padding-left: 0;} .content .shops-page .shops-list .block .title {position: relative; max-width: 100%; top: auto; left: auto;} .content .shops-page .shops-list .block .city {position: relative; max-width:100%; top: auto;} .content .shops-page .shops-list .block .city.cl + .cl {padding-top: 10px;} .content .product-page .form-block .select-outer small {top: 18px;} .content .files-list a {font-size: 14px; line-height: 20px;} .content.text-page .table-block {padding-left: 25px; margin-bottom: 0px; margin-right: -25px; margin-left: -25px; max-width: calc(100% + 50px); width: calc(100% + 50px); overflow: auto; padding-right: 25px; clip-path: inset(0 0 30px 0); padding-bottom: 30px;} .content.text-page .table-block table {min-width: 1000px;} .content.text-page ol {padding-top: 15px;} .content .files-list {columns: 1;} .content .consult-blocks .blocks .block ul.links li a {padding-right: 30px;} .content .files-block .block .download {margin-top: 10px;} .content .files-block .block .pic {max-width: 60%; height: auto;} .content .files-block .block .pic:before {content: ''; display: block; padding-top: 140%;} .content .files-block {margin-bottom: -30px; margin-right: -20px; width: calc(100% + 20px);} .content .files-block .block {font-size: 14px; line-height: 20px; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 30px;} .content .consult-blocks .blocks .block ul.links li a {font-size: 13px; line-height: 17px;} .content .consult-blocks .blocks .block ul.links li + li {margin-top: 10px;} .content .consult-blocks .blocks .block {padding: 20px;} .content .consult-blocks .blocks .block .ic {margin: 0 0 20px; text-align: left; position: relative; top: auto; left: auto; width: auto;} .content .consult-blocks h2 {margin: 0 0 30px;} .content .consult-blocks {padding: 50px 0; margin-bottom: 50px;} .content .partners-slider {margin: 0 0 50px;} .content .partners-slider .block {padding:10px 20px; height: 73px;} .content .examples-block .block .title {font-size: 18px; line-height: 23px;} .content .examples-block .block .go {font-size: 13px; left: 20px; bottom: 20px;} .content .examples-block .owl-carousel {width: 180%;} .content .examples-block .block .inf {padding: 20px 20px 40px;} .content .examples-block h2 {margin: 0 0 30px;} .content .examples-block {padding: 50px 0; margin: 0 0 50px;} .content .recomendations-block .block .title {font-size: 14px; line-height: 20px;} .content .recomendations-block .block {padding: 20px; font-size: 14px; line-height: 20px;} .content .recomendations-block.owl-carousel {margin-bottom: 50px; width: 180%;} .content .prob-grey-bg .btns {margin: 20px 0 0 0; display: block;} .content .prob-grey-bg .btns a {margin: 0; font-size: 14px;} .content .prob-grey-bg .btns a + a {margin: 10px 0 0 0;} .content .prob-grey-bg {margin: 50px 0; padding: 50px 0;} .content .problems-pic-txt {margin-bottom: 50px;} .content .problems-pic-txt .txt {font-size: 14px; line-height: 20px;} .content .problems-pic-txt .txt ul li:before {left: 0; top: 0;} .content .problems-pic-txt .txt ul li {padding-left: 38px;} .content .problems-counts:before {background-size: contain;} .content .problems-counts .blocks.owl-carousel .owl-nav {display: none;} .content .problems-counts .blocks.owl-carousel .owl-dots {display: none;} .content .problems-counts .blocks.owl-carousel .block {margin: 0; width: 100%;} .content .problems-counts .blocks.owl-carousel {overflow: visible; width: 160%;} .content .problems-counts .blocks.owl-carousel .owl-stage-outer {overflow: visible; width: 160%;} .content .product-page .video-block:first-child {margin-top: -30px;} .content .product-page .instruction-list {margin-top: 10px; font-size: 14px; line-height: 20px;} .content .product-page .instruction-list ul li:before {top: 5px;} .content .product-page.constr .product-tabs {margin-bottom: 24px!important;} .content .product-page .product-tabs-content .tab > p:first-child {margin-top: 0;} .content .product-page.search-results-page .product-tabs-content .tab > p:first-child {margin-top: 32px;} .content .product-page.constr .info-and-gallery {margin-bottom: 40px;} .content .product-page .product-tabs-content .constr-descr {margin-bottom: 50px;} .content .product-page .info-and-gallery .info .dark-blue-chars {width:100%; margin-bottom: 20px;} .content .product-page .info-and-gallery .info .btn.long {margin-bottom: 35px; line-height: 16px; padding: 15px 25px; font-size: 14px;} .content .product-page .info-and-gallery .info .btn.long span {display: none;} .content .product-page.constr .info-and-gallery .info {padding-top: 0;} .content .materials-page .sort-block .options .q:hover .text {left: -9999px;opacity: 0;} .content .materials-page .sort-block .options .q.open .text {left: -20px; transform: none; opacity: 1;} .content .materials-page .sort-block .options .q .text:after {margin-left: 0; left: 18px;} body.sort-open {height: 100vh; overflow: hidden;} body.sort-open:after {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.4);} body.sort-open .content .materials-page .sort-block.fix {bottom: 0;} .content .materials-page .sort-block + .into {margin-top: 0;} .content .materials-page .sort-block:not(.fix) .options ul li {font-size: 14px;} .content .materials-page .sort-block:not(.fix) .txt {white-space: nowrap; margin-right: 5px; font-size: 14px;} .content .materials-page .sort-block:not(.fix) .options ul li {display: none;} .content .materials-page .sort-block:not(.fix) .options ul li.active {color: #006BCF; display: flex;} .content .materials-page .sort-block.fix .options ul li .q i {filter: none; opacity: 1;} .content .materials-page .sort-block.fix .options ul li {width:100%; color: #191919;} .content .materials-page .sort-block.fix .options ul li.active {background: url(img/red-check-s.svg) center right no-repeat; color: #006BCF; font-weight: 600;} .content .materials-page .sort-block.fix .options ul {flex-wrap: wrap; } .content .materials-page .sort-block.fix .options ul li {padding: 12px 0; margin: 0; border-bottom: 1px solid #DDE1E7;} .content .materials-page .sort-block.fix .options ul li:last-child {border: 0; padding-bottom: 0;} .content .materials-page .sort-block.fix {bottom: -100%; transition: bottom 0.3s ease; height: auto; display: block; position: fixed; z-index: 100; left: 0; width: 100%; margin: 0; background: #fff; border-radius: 20px 20px 0 0; padding: 23px 20px;} .content .materials-page .sort-block.fix .txt { font-weight: 600; font-size: 20px; line-height: 26px; color: #191919; margin: 0 0 30px;} .content > h1 {font-size: 24px; line-height: 30px; margin: 0 0 20px;} .content > h1.small {font-size: 20px; line-height: 26px; margin: 0 0 20px;} .content .materials-page .attention {border-radius: 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); padding: 20px; margin-bottom: 40px;} .content .materials-page .into .left-col .constr-list .block {position: relative; display: block; border-radius: 0; padding: 25px 20px; margin: 0 -20px -1px; width: calc(100% + 40px); border-left: 0; border-right: 0;} .content .materials-page .into .left-col .constr-list .block .pic {width: 95px; height: 95px; position: absolute; top: 25px; left: 20px;} .content .materials-page .into .left-col .constr-list .block .inf {width: 100%;} .content .materials-page .into .left-col .constr-list .block .inf a.title {font-size: 14px; line-height: 20px; margin: 0 0 20px; min-height: 95px; padding-left: 110px;} .content .materials-page .into .left-col .constr-list .block .inf .btns a:first-child {display: none;} .content .materials-page .into .left-col .constr-list .block .inf .descr {display: none;} .content .materials-page .into .right-col .block .read-block {padding: 10px 20px 20px;} .content .materials-page .into .right-col .block .txt {padding: 0 20px 20px; font-size: 14px; line-height: 20px;} .content .materials-page .into .left-col .block .list.tile .item {width: calc(100% - 20px); border: 1px solid #DDE1E7; } .content .materials-page .into .left-col .block h2 {max-width:100%; font-size: 18px; margin: 0 0 20px; line-height: 23px;} .content .materials-page .into .left-col .block h2:after {top: 50%; margin-top: -10px;} .content .materials-page .into .left-col .tumbls {position: relative; right: auto; top: auto; margin: 0 0 20px;} .content .materials-page .into .right-col .block + .block {margin-top: 10px;} .content .product-page .questions-block .block.review {padding: 20px; display: block; position: relative;} .content .product-page .questions-block .block.review .rating {width: 90px; margin: 0; position: absolute; top: 40px; right: 20px;} .content .product-page .questions-block .block.review .txt {width: 100%;} .content .product-page .questions-block .block.review .user .inf {width: calc(100% - 150px);} .content .product-page .questions-block .block .user .name {line-height: 20px; font-size: 14px;} .content .product-page .questions-block .block .user .inf {font-size: 12px;} .content .product-page .questions-block {margin-top: 20px;} .content .product-page .questions-block .descr {margin-bottom: 30px;} .content .product-page .ask-your-question .btns a {width:100%; padding: 0; max-width: 200px; text-align: center; white-space: nowrap;} .content .product-page .ask-your-question .btns a + a {margin-left: 10px;} .content .product-page .ask-your-question {margin: 50px -20px; padding: 30px 20px; border-radius: 0; width: calc(100% + 40px);} .content .product-page .questions-block .block .user {margin: 0 0 10px;} .content .product-page .questions-block .block {font-size: 14px; line-height: 20px;} .content .product-page .form-block .form input.text {width: 100%; margin: 0 0 10px; font-size: 14px;} .content .product-page .form-block {margin-bottom: -60px; padding: 50px 0;} .content .product-page .form-block h2 {text-align: left; font-size: 24px; line-height: 31px; margin: 0 0 30px;} .content .product-page .projects .go {font-size: 13px; line-height: 17px;} .content .product-page .projects .into {margin-right: 0; width: 180%;} .content .product-page .projects .into.owl-carousel .owl-stage {display: flex; align-items: stretch;} .content .product-page .projects .into.owl-carousel .owl-item {display: flex; align-items: stretch;} .content .product-page .projects .into .block {margin: 0; width:100%;} .content .product-page .grey-bg {padding: 37px 0 45px; margin: 0 0 37px;} .content .product-page .product-tabs-content .txt-pic .block.white-bg {border-radius: 8px; display: block; margin: 0; width: 100%;} .content .owl-carousel.owl-products {width: 180%;} .content .product-page .same-products h2 {margin: 0 0 20px;} .content .product-page .same-products {margin-top: 40px; padding-top: 40px;} .content .product-page h2 + h3 {padding-top: 0;} .content .product-page h3 {font-size: 18px; line-height: 24px; margin: 0 0 12px;} .content .bg-btn-block .txt {padding: 0; font-size: 15px; line-height: 22px;} .content .product-page:not(.constr) .bg-btn-block .btn {width: 100%; text-align: center; padding: 0 10px; line-height: 40px; font-size: 15px;} .content .product-page .product-tabs-content .txt-pic .block:nth-child(even) {padding: 0 20px;} .content .product-page .product-tabs-content .txt-pic .block .pic {margin: 0 0 20px;} .content .product-page .product-tabs-content .txt-pic .block .txt h3 {font-size: 18px; line-height: 23px; margin: 0 0 10px;} .content .product-page .product-tabs-content .txt-pic .block .txt {font-size: 14px; line-height: 20px;} .content .product-page .product-tabs-content .txt-pic .block + .block {margin-top: 30px;} .content .product-page .product-tabs-content .txt-pic .block {border-radius: 0; padding: 20px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .content .product-page .product-tabs-content .txt-pic {margin: 40px 0;} .content .product-page .product-tabs-content h2 {font-size: 20px; line-height: 26px;} .content .product-page .product-tabs:before {display: none;} .content .product-page .product-tabs {height: 56px; overflow: -moz-scrollbars-none; -ms-overflow-style: none; background: #F7F8F9; overflow: auto; overflow-y: hidden; width: calc(100% + 25px); padding: 0 20px 0px; margin: 0 -20px 0px!important; width: calc(100% + 40px);} .content .product-page .product-tabs::-webkit-scrollbar { width: 0; } .content .product-page .product-tabs ul {padding: 0 20px 0 0; min-width: 600px; white-space: nowrap;} .content .product-page .product-tabs ul:after {content:''; display: block; min-width: 10px; height: 40px;} .content .product-page .product-tabs ul li {margin: 0 15px 0 0; white-space: nowrap;} .content .product-page .info-and-gallery .info {padding-bottom: 35px;} .content .product-page .info-and-gallery .info .btn {margin-top: 25px;} .content .product-page .info-and-gallery .info .downloads {margin-top: 30px;} header .phone {position: relative; padding: 0 22px 36px; display: block; font-size: 15px; line-height: 24px; color: #006BCF;} header .phone small {display: block; font-size: 13px; margin: px 0 0 0; line-height: 15px; color: #919699;} header .phone a.tel {color: #191919; font-size: 16px; text-decoration: none; font-weight: bold;} header .phone span.slash {display: none;} header .phone a.city {text-decoration: none; color: #006BCF; position: absolute; bottom: 0; display: block;} header nav > ul > li > ul > li:last-child > ul {padding-bottom: 70px;} header nav .btn {margin-bottom: 70px;} header nav > ul.links {margin: 0 -22px 30px; padding: 30px 22px; width: calc(100% + 44px); border-bottom: 1px solid #DDE1E7;} header nav > ul.links > li > a { background: none; line-height: 110%; height: auto; border: 0; display: table; text-transform: none; font-size: 15px; } header nav > ul.links > li:nth-child(2) {margin: 15px 0 0 0;} header nav > ul.links > li:nth-child(2) > a {font-weight: normal;} .content .video-block .block .pic .time {bottom: 10px;} .top-blocks .right-blocks h2 {display: none;} .top-blocks .right-blocks {padding-top: 0;} .toppanel .phone .number {display: none;} .toppanel .right {display: none;} .toppanel {z-index: 20; background: none; height: 80px;} .toppanel .all {height: 80px;} header nav {position: fixed; top: 65px; display: block; width:100%; } header.menu-open nav {right: 0;} header nav > ul > li > ul {overflow: auto; height: calc(100vh + 30px); padding-bottom: 30px;} header nav:before {width:100%;} .toppanel .logo {position: absolute; left: 50%; transform: translateX(calc(-50% - 8px));} .toppanel .logo img {height: 40px;} .toppanel .drop-block {margin: 0 25px 0 0;} .toppanel .drop-block .active .flag {margin: 0;} .toppanel .drop-block .active .flag + span {display: none;} .toppanel .city span {display: none; margin: 0;} .toppanel .city:after {display: none;} .toppanel .city img {margin: 0;} .toppanel .search-icon {display: block; width: 24px; height: 24px; right: 55px; background: url(img/loop.svg) center center no-repeat; position: absolute;} .toppanel .search {z-index: 10; left: auto; transform: none; right: -120%; width:calc(100% - 40px); transition: right 0.3s ease;} .toppanel.search-open .search {right: 20px; width:calc(100% - 40px);} .toppanel .menu-icon {display: block; position: relative; width: 24px; height: 16px; border: 2px solid #000; border-left: 0; border-right: 0;} .toppanel .menu-icon:after {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #000; margin-top: -1px;} header nav ul li ul li ul .close {display: none;} header nav ul li ul .close {position: absolute; top: 0; right: 0;} header nav > ul > li > .drop ul li.grey-block ul.btns {display: block;} header nav > ul > li > .drop ul li.grey-block ul.btns li {width: 100%;} header nav > ul > li > .drop ul li.grey-block ul.btns li + li {margin-top: 10px;} .toppanel .search {transition: all 0.3s ease; height: 47px; width: 100%; position: absolute;} .toppanel .search form {transition: all 0.3s ease; height: 47px; position: absolute; width:100%; right: 0;} .toppanel .search input[type=text] {transition: all 0.3s ease; font-family: inherit; display: block; width:100%; border: 0; height: 47px; line-height: 47px; padding: 0 52px 0 52px; background: #F7F8F9; border-radius: 8px; font-size: 15px; color: #191919;} .toppanel .search input[type=text]::-moz-placeholder {opacity: 0.6; color: #8F96A4;} .toppanel .search input[type=text]::-webkit-input-placeholder {opacity: 0.6; color: #8F96A4;} .toppanel .search input[type=text]:focus::-moz-placeholder {opacity: 0;} .toppanel .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} .toppanel .search .submit {border: 0; display: block; position: absolute; top: 0; left: 0; width: 52px; height: 47px; cursor: pointer; background:url(img/loop-r.svg) center center no-repeat; filter: grayscale(100%);} .toppanel .search .close {display: block; position: absolute; top: 0; right: 0; width: 47px; height: 47px; cursor: pointer; background: url(img/close.svg) center center no-repeat;} .top-blocks .slider .item {text-align: center; align-items: flex-start; padding: 40px 20px 40px; height: 480px; font-size: 14px; line-height: 20px;} .top-blocks .slider .item .txt {position: static; max-width: 100%; width: 100%;} .top-blocks .slider .item .btn {line-height: 48px; font-size: 16px; position: absolute; bottom: 30px; left: 20px; width: calc(100% - 40px);} .top-blocks .slider .owl-carousel .owl-dots {bottom: -22px;} .top-blocks .slider .item h2 {font-size: 40px; line-height: 42px; margin: 0 0 20px; letter-spacing: 0;} .top-blocks .slider {margin-bottom: 50px;} .top-blocks .right-blocks .owl-carousel {overflow: visible; width: calc(100% - 50px);} .top-blocks .right-blocks .owl-carousel .owl-stage-outer {overflow: visible;} .top-blocks .right-blocks .owl-carousel .owl-nav, .top-blocks .right-blocks .owl-carousel .owl-dots {display: none;} .all {padding: 0 20px;} footer .cols .col:last-child {margin: 0; display: block;} footer .cols .col:last-child>a {width: auto; margin: 0 0 12px;} footer .cols .phone a {font-size: 15px;} footer .cols .phone small {font-size: 12px; margin-top: 0;} footer .cols .phone {margin: 12px 0; width: auto; max-width: 190px; } footer .cols a {font-size: 15px;} footer .cols .col {display: none;} footer .cols {padding-bottom: 25px; margin-bottom: 25px;} footer .soc-block {display: block; padding: 0 0 10px; margin: 0 0 30px;} footer .soc-block .soc-links {margin: 20px 0 0 0; width: auto; max-width: 400px;} footer .soc-block .soc-links .block {margin-bottom: 20px; display: block; width: 50%;} footer .soc-block .soc-links .ic {width: 35px; height: 35px; margin: 0 0 5px;} footer .soc-block .soc-links .block:nth-child(even) {width: 50%;} footer .soc-block {padding-bottom: 10px; margin-bottom: 20px;} footer .copy small, footer .copy {font-size: 14px; line-height: 19px;} footer .copy {display: block;} footer .copy .left {max-width:100%; width: 100%; margin: 0;} footer {padding: 30px 0;} } @media (max-width: 360px) { .content .materials-page .sort-block:not(.fix) {padding: 0 10px;} .content .materials-page .sort-block:not(.fix) .options ul li {font-size: 13px;} .content .materials-page .sort-block:not(.fix) .txt {font-size: 13px;} } @media print { @page { size: landscape; } html, body { height: auto!important; margin: 0 !important; padding: 0 !important; overflow: hidden!important; } input {max-width: 5px!important; display: inline!important; border: 0!important; padding: 0!important; width: auto!important; margin-right: 0px!important;} .grey-top, .grey-bottom, .app-block {display: none!important;} h2 label {display: none!important;} h2 {margin-bottom: 25px!important;} .list {width: 100%!important; display: table!important;} .list .list-head, .list .item {display: table-row!important;} .list .list-head {font-weight: bold!important;} .list .list-head > *, .list .item > * {display: table-cell!important; padding: 10px 20px!important; border-top: 1px solid #eee!important;} .list .list-head > *:first-child, .list .item .inf {padding-left: 0!important;} .list .list-head > *:last-child {padding-right: 0!important;} .list .item .pic {display: none!important;} .list .item .col:last-child, .list .list-head > div:last-child {display: none!important;} .block { margin-top: 30px!important; margin-bottom: 0!important;} b {white-space: nowrap!important;} a.title {text-decoration: none!important; display: block!important; margin-bottom: 5px!important;} .summary-block {display: flex!important; align-items: center!important; justify-content: flex-start!important;} .count-inp {display: inline!important; white-space: nowrap!important;} .summary-block {margin-bottom: 0!important; font-weight: bold!important; color: rgba(0,0,0,0.8)!important; margin-top: 20px!important; text-transform: uppercase!important; font-size: 20px!important;} .summary-block .price {font-weight: bold;} .summary-block input {font: inherit!important; font-weight: bold!important; margin: 0 5px!important;} .summary-block span {font: inherit!important; font-weight: bold!important; margin: 0 10px!important;} .summary-bottom-txt {text-align: right!important; margin-top: 15px!important; color: rgba(0,0,0,0.8)!important; text-transform: uppercase;} .summary-bottom-txt b {color: #000!important;} .estimate-tables {padding-bottom: 0!important; margin-bottom: 0!important;} }