@import "normalize.css"; @import "../fonts/stylesheet.css"; @import "plugins.css" all; @import "styles_all.css" all; @-ms-viewport{width:device-width;} @viewport{width:device-width;} html,body{margin:0;padding:0;} body{margin:0 auto;} .forprint{display:none;} .donotprint{} .hidden{} .visuallyhidden{} .invisible{} .clearfix{} .clearfix:before{width:100%;} .clearfix:after{} .borderbox, .borderbox:before, .borderbox:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .tac{text-align:center;} .tal{text-align:left;} .tar{text-align:right;} .vam{vertical-align:middle;} .vat{vertical-align:top;} .vab{vertical-align:bottom;} @media print{a:after{content:"";display:none;} a{border:0;color:black;} *{-webkit-print-color-adjust:exact;print-color-adjust:exact;} .donotprint{display:none !important;} .forprint{display:block;} } .new_img{float:left;margin-right:0.75rem;padding:0.1rem;border:0.05rem solid #ddd;} .dvbold{font-weight:bold;} html {font-size: 20px;} body {font-family: Arial, Helvetica, sans-serif!important; color: #251e12;font-size: 0.8rem;line-height: 1rem;background: white;max-width: 1920px;} h1, .likeh1, h2, .likeh2, h3, .likeh3, h4, .likeh4, h5, .likeh5, h6, .likeh6 {margin: 0 0 1rem 0; padding: 0; font-weight: bold; color: #251e12; /*font-family: Arial, Helvetica, sans-serif;*/} h1, .likeh1 {font-size: 1.8rem; line-height: 1.8rem; color: #a4310c; text-transform: uppercase; font-weight: normal;} h2, .likeh2 {font-size: 1.4rem; line-height: 2.1rem;} h3, .likeh3 {font-size: 1.2rem; line-height: 1.5rem;} h4, .likeh4 {font-size: 0.9rem; line-height: 1.2rem;} h5, .likeh5 {font-size: 0.8rem; line-height: 1rem;} h6, .likeh6 {font-size: 0.8rem; line-height: 1rem;} p {margin: 0 0 1rem 0; padding: 0;} b, strong {font-weight: bold;} ul, ol {margin: 0 0 1rem 0;} ul li, ol li {margin-bottom: 10px;} table {} tr {} td, th {} td {vertical-align: top;} a {color: #251e12; text-decoration: underline; cursor: pointer;} a:hover {color: #a34509; text-decoration: none;} a:focus {} a:active, .active > a, a.active {} a:visited {} a:focus, input:focus, textarea:focus, button:focus, select:focus {outline: none; outline:0;} img {max-width: 100%;} a img {border: 0;} input[type=text], input[type=password], textarea, input[type=submit], select {border: 0.05rem solid rgba(37,30,18,0.3);color: #251e12;font-size: 0.8rem;line-height: 1rem;padding: 0.25rem 0.25rem;font-weight: bold;border-radius: 0.25rem;box-sizing: border-box;font-family: inherit;} input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=submit]:hover, select:hover {border: 0.05rem solid rgba(37,30,18,1);} input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type=submit]:focus, select:focus {border: 0.05rem solid rgba(37,30,18,1);} input[type=text], input[type=password], textarea {} input[type=submit], button {cursor: pointer;} select {cursor: pointer;} select:hover {} select:focus {} textarea {resize: vertical;} ::-webkit-input-placeholder {color: #a56309; opacity: 1;} :-moz-placeholder {color: #a56309; opacity: 1;} ::-moz-placeholder {color: #a56309; opacity: 1;} :-ms-input-placeholder {color: #a56309; opacity: 1;} /* ################## */ .sprite {background-image: url(../images/sprite.png); } .vcomp {position: relative; display: inline-block; height: 100%; width: 0.05rem; margin: 0 0 0 -0.05rem; font-size: 0; vertical-align: middle;line-height: 0;} .holder {position: relative; width: 100%; min-height: 20rem;} .wrapper {position: relative; margin: 0 auto; width: 60rem;border: 0.05rem solid transparent;} header {} header.front {position: relative;} header.front .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top;background-image: url(../images/bg_front101010.jpg);} header.front .logo {position: absolute;left: 0;top: 0.5rem;} header.front .logo a {} header.front .logo a img {} header.front .phones {position: absolute;right: 0;top: 1rem;font-size: 1.8rem;font-weight: bold;line-height: 1.8rem;text-shadow: 1px 1px 0px white;font-family: Arial, Helvetica, sans-serif;} header.front .phones a {position: relative;display: block;text-decoration: none;} header.front .phones a:hover {} header.front .phones a span {color: #533514;} header.front .phones a:hover span {color: #a56309;} header.front .phones2 {position: absolute;right: 0;top: 4rem;font-size: 1.5rem;font-weight: bold;line-height: 1.8rem;text-shadow: 1px 1px 0px white;font-family: Arial, Helvetica, sans-serif;} header.front .phones2 a {position: relative;display: block;text-decoration: none;} header.front .phones2 a:hover {} header.front .phones2 a span {color: #533514;} header.front .phones2 a:hover span {color: #a56309;} .phones2 {visibility:hidden;} header.front .slogan {position: absolute;left: 0;top: 6.5rem;font-size: 1.5rem;line-height: 1.75rem;color: white;text-shadow: 1px 1px 0px rgba(0,0,0,1);font-family: Arial, Helvetica, sans-serif;} header.front .slogan div {} header.front .slogan div:nth-child(1) {} header.front .slogan div:nth-child(2) {margin-left: 9.25rem;} header.front .slogan div:nth-child(3) {margin-left: 11.75rem;} header.front .slogan span {position: relative;display: inline-block;background: rgba(0,0,0,0.50);padding: 0 0.5rem 0.15rem 0.5rem;line-height: 1.5rem;;} header.front .slogan b, header.front .slogan .b {font-weight: inherit; display: inline-block; position: relative;} header.front .slogan b:before, header.front .slogan .b:before {content: ""; width: 80%; height: 0.1rem; background: white;position: absolute;left: 0;top: 65%;} header.front nav {position: relative;width: 100%;margin-top: 13rem;font-family: Arial, Helvetica, sans-serif;} header.front nav ul {position: relative;display: block;padding: 0;margin: 0 -1.5rem;background: rgba(0,0,0,0.7);height: 1.8rem;color: white;text-align: center;} header.front nav ul li {position: relative;display: inline-block;margin: 0 0.45rem;padding: 0;} header.front nav ul li a {position: relative;display: block;color: white;text-decoration: none;white-space: nowrap;line-height: 1.5rem;text-transform: uppercase;box-sizing: border-box;border-top: 0.15rem solid transparent;border-bottom: 0.15rem solid transparent;} header.front nav ul li a:hover {color: #F00b0e;} header.front nav ul li.active a {color: #ffffff;border-color: #777;} .serviceList {position: relative;text-align:center;font-family: Arial, Helvetica, sans-serif;} .serviceItem {position: relative;display: inline-block;vertical-align: top;margin: 0 1.7rem 1.5rem 0; transition: all 0.2s ease-out;box-shadow: 0.5rem 0.5rem 1.25rem rgba(37,30,18,0.5);} .serviceItem:nth-child(3n) {margin-right: 0;} .serviceItem:hover {box-shadow: 0.85rem 0.85rem 2rem rgba(37,30,18,0.8);} .serviceItem .ramka {position: relative;display: block;width: 15.05rem;height: 10.75rem;background-position: 0px -11rem;padding: 0.4rem 0.45rem;box-sizing: border-box;} .serviceItem .ramka2 {position: relative;display: block;width: 15.05rem;height: 20.38rem;background-position: 0px -28.9rem;padding: 0.4rem 0.45rem;box-sizing: border-box;} .serviceItem .img {position: relative;width: 100%;height: 100%;} .serviceItem .img img {width: 100%;height: 100%;} .serviceItem a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 0.4rem 0.45rem;color: white;text-transform: uppercase;letter-spacing: -0rem;text-align: center;line-height: 1rem;font-size: 0.9rem;} .serviceItem a .title {position: relative;display: block;height: 100%;} .serviceItem a .title > span {position: absolute;bottom: 0;left: 0;width: 100%;display: block;background: rgba(37,30,18,0.9);padding: 0.25rem 0;height: 2rem;} .serviceItem a .title > span b {} .serviceItem:hover a .title > span {background: rgba(195,14,12,0.9);} .serviceItem a .title .text {position: relative; display: inline-block; vertical-align: middle;} header.front .serviceList {margin: 2rem 0 0 0;} header.front .serviceItem {} header.front .serviceItem:hover {box-shadow: 0.75rem 0.75rem 2rem rgba(37,30,18,0.8);} .frontFilter {position: relative;height: 15.85rem;background: url(../images/bg_filter.jpg) no-repeat top;font-family: Arial, Helvetica, sans-serif;} .frontFilter .wrapper {} .frontFilter h2 {} .frontFilter span {display:block; max-width:610px; position: relative;margin: 2.5rem auto 0 auto;text-align: center; background: rgba(37,30,18,0.9);text-shadow: 1px 1px 0px rgba(0,0,0,1);color: white;line-height: 2.35rem;padding: 0 0.5rem;text-transform: uppercase; font-size: 1.6rem;line-height: 2.1rem;} .frontFilter form {position: relative;margin: 2rem auto 0;text-align: center;} .frontFilter .input {position: relative;display: inline-block;vertical-align: top;margin: 0 0.5rem;} .frontFilter .input:nth-child(1) {margin-left: 0;} .frontFilter .input:nth-child(4) {margin-right: 0;} .frontFilter select {position: relative;padding: 0.65rem;width: 10.7rem;} .frontFilter select:hover {} .frontFilter select:focus {} .frontFilter .button {margin: 2rem 0 0 0;} .frontFilter .button input[type=submit] {} .dv-photo-flex { display: flex; align-items: center; justify-content: space-between; } .dv-photo-container { display: flex; justify-content: center; margin: 20px 0; } .dv-photo-flex img { max-height: 175px; } .dv-image{text-align:center;} .filterForm .jq-selectbox {text-align: left;} .filterForm .jq-selectbox.opened {} .filterForm .jq-selectbox.dropup {} .filterForm .jq-selectbox.dropdown {} .filterForm .jq-selectbox.changed {} .filterForm .jq-selectbox__select {border: 0.05rem solid rgba(37,30,18,0.3);color: #251e12;font-size: 0.8rem;line-height: 1rem;font-weight: bold;border-radius: 0.25rem;box-sizing: border-box;padding: 0.5rem 1.75rem 0.5rem 0.5rem;height: 2.1rem;background: white;width: 10.7rem;box-shadow: none;overflow: hidden;font-family: inherit;} .filterForm .jq-selectbox:hover .jq-selectbox__select, .filterForm .jq-selectbox.focused .jq-selectbox__select, .filterForm .jq-selectbox.opened .jq-selectbox__select {border: 0.05rem solid rgba(37,30,18,1);} .filterForm .jq-selectbox.disabled .jq-selectbox__select {} .filterForm .jq-selectbox__select-text {} .filterForm .jq-selectbox .placeholder {color: #302921;} .filterForm .jq-selectbox__trigger {border-left: 0;width: 1.7rem;} .filterForm .jq-selectbox__trigger-arrow {top: 0.95rem;left: 0.6rem;border-top: 0.25rem solid #302921;border-right: 0.25rem solid transparent;border-left: 0.25rem solid transparent;} .filterForm .jq-selectbox:hover .jq-selectbox__trigger, .filterForm .jq-selectbox.focused .jq-selectbox__trigger, .filterForm .jq-selectbox.opened .jq-selectbox__trigger {background-color: #eaeaea; border-left: 0.05rem solid #aaaaaa; box-shadow: inset 0.05rem 0rem 0.05rem 0rem white;} .filterForm .jq-selectbox:hover .jq-selectbox__trigger-arrow, .filterForm .jq-selectbox.focused .jq-selectbox__trigger-arrow, .filterForm .jq-selectbox.opened .jq-selectbox__trigger-arrow {border-top-color: #A4010c;} .filterForm .jq-selectbox__dropdown {border: 0.05rem solid rgba(37,30,18,1);color: #251e12;font-size: 0.8rem;line-height: 1rem;overflow: hidden;} .filterForm .jq-selectbox__search {} .filterForm .jq-selectbox__search input {} .filterForm .jq-selectbox__not-found {} .filterForm .jq-selectbox ul {} .filterForm .jq-selectbox li {margin: 0;} .filterForm .jq-selectbox li.selected {} .filterForm .jq-selectbox li.disabled {} .filterForm .jq-selectbox li.optgroup {} .filterForm .jq-selectbox li.option {} .frontFilter .filterForm .jq-selectbox__select {width: 9rem;} .fullFilter {position: relative;background: url(../images/bg_filter.jpg) no-repeat top;color: white;background-size: cover;margin: 0 0 1.5rem 0;} .fullFilter .wrapper {padding: 0.8rem;box-sizing: border-box;border: none;} .fullFilter .wrapper:before {content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%);} .fullFilter h2 {position: relative;margin: 2.5rem 0 0 0;text-align: center;} .fullFilter h2 span {background: rgba(37,30,18,0.9);text-shadow: 1px 1px 0px rgba(0,0,0,1);color: white;line-height: 2.35rem;padding: 0 0.5rem;text-transform: uppercase;} .fullFilter form {position: relative;margin: 0;text-align: left;} .fullFilter .label {position: relative;display: inline-block;width: 5rem;text-align: right;margin: 0 0.75rem 0 0;font-weight: bold;vertical-align: middle; text-shadow: 1px 1px 0px black;} .fullFilter .input_contents {display: inline-block;vertical-align: middle;width: 10rem;} .fullFilter .input {position: relative;display: inline-block;vertical-align: top;margin: 0 1% 0.4rem;width: 30%;text-align: left;} .fullFilter .input.gab {} .fullFilter .input.rooms {} .fullFilter select {position: relative;padding: 0.65rem;width: 10.7rem;} .fullFilter select:hover {} .fullFilter select:focus {} .fullFilter .button {margin: 0.4rem 0 0 0;text-align: center;} .fullFilter .button input[type=submit] {} .fullFilter .gab_sep {position: relative;display: inline-block;vertical-align: middle;margin: 0 0.25rem;} .fullFilter input[type=text] {padding: 0.5rem 0.5rem;vertical-align: middle;width: 8rem;} .fullFilter label {position: relative;display: inline-block;margin: 0 1rem 0 0;cursor: pointer;line-height: 1rem;} .fullFilter input[type=checkbox] {width: 0.9rem;height: 0.9rem;display: inline-block;margin: 0 0.25rem 0 0;vertical-align: middle;cursor: pointer;} .fullFilter input[type=checkbox] + i {} .fullFilter input[type=checkbox]:checked + i {} .fullFilter label span {position: relative;display: inline-block;vertical-align: middle; text-shadow: 1px 1px 0px black;} .fullFilter .filterForm .jq-selectbox__select {width: 8rem;} .fullFilter .filterForm .input.gab input {width: 3.45rem;} input.grad_but, button.grad_but, a.grad_but, .grad_but {color: white;text-transform: uppercase;font-weight: normal;font-size: 1.5rem;line-height: 2.5rem;white-space: nowrap;padding: 0 2rem;border: 0.05rem solid #8daa20;text-decoration: none;display: inline-block;cursor: pointer;/* Permalink - use to edit and share this gradient: http:///gradient-editor/#92ab1b+0,638109+100 */background: rgb(146,171,27); /* Old browsers */background: -moz-linear-gradient(top, rgba(146,171,27,1) 0%, rgba(99,129,9,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(146,171,27,1) 0%,rgba(99,129,9,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(146,171,27,1) 0%,rgba(99,129,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2ab1b', endColorstr='#A38109',GradientType=0 ); /* IE6-9 */box-shadow: inset 0px 0px 5px rgba(249,247,197,0.3);text-shadow: 1px 1px 0px rgba(65,82,10,1);border-radius: 0;text-align: center;font-family: Arial, Helvetica, sans-serif;} input.grad_but:hover, button.grad_but:hover, a.grad_but:hover, .grad_but:hover {border: 0.05rem solid #8daa20; /* Permalink - use to edit and share this gradient: http:///gradient-editor/#afd306+0,658309+100 */ background: rgb(175,211,6); /* Old browsers */ background: -moz-linear-gradient(top, rgba(175,211,6,1) 0%, rgba(101,131,9,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(175,211,6,1) 0%,rgba(101,131,9,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(175,211,6,1) 0%,rgba(101,131,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#Ff0306', endColorstr='#A50309',GradientType=0 ); /* IE6-9 */ } .frontHits {} .frontHits .wrapper {margin: 2.5rem auto;} .frontHits h2 {font-weight: normal;color: #A4010c;text-transform: uppercase;text-align: center;} .projectSlider {position: relative;margin: 0 3rem;} .projectSlider .slick-prev, .projectSlider .slick-next {width: 1rem;height: 1.9rem;margin-top: -0.95rem;background: url(../images/sprite.png);} .projectSlider .slick-prev, .projectSlider .slick-prev:focus {background-position: -20rem -16rem;left: -2rem; opacity: 0.8;} .projectSlider .slick-prev:hover {opacity: 1;background-position: -22rem -16rem;} .projectSlider .slick-next, .projectSlider .slick-next:focus {background-position: -21rem -16rem;right: -2rem; opacity: 0.8;} .projectSlider .slick-next:hover {opacity: 1;background-position: -23rem -16rem;} .projectSlider .slick-prev:before, .projectSlider .slick-next:before {content: "";display: none;} .comparebut {position: relative;display: inline-block;background: #f0f0f0;font-size: 0.6rem;line-height: 0.65rem;text-transform: uppercase;padding: 0.45rem 0.35rem;cursor: pointer;box-sizing: border-box;text-align: center;} .comparebut i {width: 0.6rem;height: 0.6rem;display: inline-block;background-position: -16rem 0rem;margin: 0 0.25rem 0 0;vertical-align: top;;} .comparebut .text {position: relative;display: inline-block;vertical-align: top;} .comparebut:hover {background-color: white;} .comparebut:hover i {background-position: -17rem 0rem;} .comparebut:hover .text {} .comparebut.active {} .comparebut.active i {} .comparebut.active .text {} .comparebut.active:hover {} .comparebut.active:hover i {} .comparebut.active:hover .text {} .comparedelbut {display: none;} .comparedelbut i {background-position: -19rem -1rem;} .comparedelbut .text {} .comparedelbut:hover {} .comparedelbut:hover i {background-position: -17rem -1rem;} .comparedelbut:hover .text {} .catalog_section_h1 {position: relative;} .catalog_section_h1 h1 {} .projectList {text-align: center;} .projectItem {position: relative;width: 10.45rem;text-align: center;display: inline-block;vertical-align: top;border: 0.05rem solid #e3e3e3;box-sizing: border-box;margin: 0.15rem 0.15rem 1.5rem;background: url(../images/pattern.png) repeat;} .projectItem a {position: relative;text-decoration: none;font-size: 0.8rem;line-height: 0.9rem;display: block;overflow: hidden;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: bold;} .projectItem a.img {} .projectItem a.img img {position: relative; display: block; z-index: 1;height: auto;width: auto;min-width: 100%;} .projectItem a.img span {position: absolute; z-index: 2; width: 100%; height: 100%;left: 0;top: 0;} .projectItem a.title {padding-bottom: 3.5rem;z-index: 2;padding-top: 10px;} .projectItem a.title span {position: relative;display: block;margin: 0rem 0.25rem;min-height: 1.8rem;} .projectItem .buttons {position: relative;z-index: 3;display: block;margin: 1.35rem 0 0 0;} .projectItem .buttons .comparebut {display: none;opacity: 0;position: absolute;top: -0.85rem;width: 100%;left: 0;padding: 0.1rem;} .projectItem:hover .buttons .comparebut {opacity: 1;} .projectItem .buttons .comparebut.active {display: block;} .projectItem .buttons .comparebut i {} .projectItem .buttons .comparebut .text {} .projectItem .buttons .orderbut {font-size: 1.2rem;width: 100%;box-sizing: border-box;line-height: 1.6rem;position: relative;left: 0;top: 0rem;padding: 0;} .projectItem .buttons .orderbut .text {} .projectItem .info {position: relative;display: block;font-size: 0.7rem;line-height: 0.9rem;z-index: 1;margin-top: -3.5rem;} .projectItem .info .chars {position: relative;display: block;margin: 0.5rem;} .projectItem .info .chars .char {display: block;white-space: nowrap;overflow: hidden;} .projectItem .info .chars .char em {display: inline-block;margin: 0 0.25rem 0 0;} .projectItem .info .chars .char span {} .projectItem .info .price {position: relative;display: block;margin: 0.5rem 0.25rem;/*font-weight: bold;*/} .projectItem .info .price .text {} .projectItem .info .price .text b {font-size: 0.9rem;} .projectItem a:hover {} .projectItem:hover {border-color: #A50309;box-shadow: 0px 0px 0px 2px #658309;} .projectItem:hover a {color: #A50309;} .projectItem:hover a.img {} .projectItem:hover a.img img {} .projectItem:hover a.img span {} .projectItem:hover a.title {} .projectItem:hover a.title span {} .projectItem:hover .buttons {} .projectItem:hover .buttons .comparebut {} .projectItem:hover .buttons .comparebut i {} .projectItem:hover .buttons .comparebut .text {} .projectItem:hover .buttons .orderbut {} .projectItem:hover .buttons .orderbut .text {} .projectItem:hover .info {} .projectItem:hover .info .chars {} .projectItem:hover .info .chars .char {} .projectItem:hover .info .chars .char em {} .projectItem:hover .info .chars .char span {} .projectItem:hover .info .price {} .projectItem:hover .info .price .text {} .projectItem:hover .info .price .text b {} .image-preview-container{min-height:155px;} .intro {position: relative;background: url(../images/bg_intro.jpg) no-repeat top;min-height: 340px;/*margin: 2.5rem 0 0 0;*/} .intro .wrapper {margin: 0rem auto;} .intro .plashka {position: relative;background: white url(../images/pattern.png) repeat;padding: 1rem 1.5rem;/*border: 0.05rem solid #251e12;*/} .intro .plashka h2 {position: relative;display: inline-block;vertical-align: middle;font-weight: normal;text-transform: uppercase;margin: 0 5% 1rem 0;} .intro .plashka .teaser {position: relative;display: inline-block;vertical-align: middle;} .intro .plashka .teaser > *:last-child {margin-bottom:0;} .intro .plashka .detail {display: none; margin-top: 1rem;} .benefits {position: relative;} .benefits .wrapper {margin: 1rem auto;} .benefitItem {position: relative;display: inline-block;vertical-align: top;width: 24%;margin: 0 4% 2.5rem;text-align: center;} .benefitItem .icon {position: relative;width: 4rem;height: 3.5rem;margin: 0 auto;;} .benefitItem .title {position: relative;margin: 0.5rem 0;font-size: 1.2rem;line-height: 1.2rem;font-weight: bold;font-family: Arial, Helvetica, sans-serif;} .benefitItem .desc {} .benefitItem.ben_01 .icon {background-position: -400px -110px;} .benefitItem.ben_02 .icon {background-position: -400px -180px;} .benefitItem.ben_03 .icon {background-position: -400px -250px;} .benefitItem.ben_04 .icon {background-position: -480px -110px;} .benefitItem.ben_05 .icon {background-position: -480px -180px;} .benefitItem.ben_06 .icon {background-position: -480px -250px;} .preimitem1,.preimitem2,.preimitem3,.preimitem4,.preimitem5,.preimitem6 {width:16%; float: left;} .preimitem1 .icon, .preimitem2 .icon, .preimitem3 .icon, .preimitem4 .icon, .preimitem5 .icon, .preimitem6 .icon {position: relative;width: 4rem;height: 3.5rem;margin: 0 auto;;} .preimitem1 .title, .preimitem2 .title, .preimitem3 .title, .preimitem4 .title, .preimitem5 .title, .preimitem6 .title {position: relative;margin: 0.5rem 0;font-size: 0.8rem;line-height: 1.2rem;text-align: center;} .benefitItem .desc {} .preimitem1 .icon {background-position: -400px -110px;} .preimitem2 .icon {background-position: -400px -180px;} .preimitem3 .icon {background-position: -400px -250px;} .preimitem4 .icon {background-position: -480px -110px;} .preimitem5 .icon {background-position: -480px -180px;} .preimitem6 .icon {background-position: -480px -250px;} @media (max-width: 860px) { .preimitem1,.preimitem2,.preimitem3,.preimitem4,.preimitem5,.preimitem6 {width:100%; float: none;}} .announcements {position: relative;background: url(../images/pattern.png) repeat; text-align: center;} .announcements .wrapper {margin: 1.5rem auto;} .announcements .col {width: 30%;display: inline-block;vertical-align: top; text-align: left;padding: 0 0 1.5rem;box-sizing: border-box;} .announcements .col h2 {font-weight: normal;text-transform: uppercase;margin: 0 0 1.5rem 0;} .announcements .col p {} .announcements .col.about {width:100%;} .announcements .col.about h2 {} .announcements .col.about p {} .announcements .col.actions {width: 36%;padding: 1.5rem;border: 0.15rem solid #74910c;margin: 0 2% 0; height: 410px;} .announcements .col.actions h2,.announcements .col.actions .typeh2s {color: #A4010c;text-align: center;font-family: Arial, Helvetica, sans-serif;} .catalogItemCart .typeh2s {color: #A4010c; text-align: center;font-size: 1.4rem;line-height: 2.1rem;font-weight: normal; text-transform: uppercase; margin: 2rem 0; } .announcements .col.actions img {position: relative;margin: 0 0 1rem 0;} .announcements .col.actions p:last-child {margin: 0;} .announcements .col.news { width:36%; padding: 1.5rem; border: 0.15rem solid #74910c; height: 410px;} .announcements .col.news h2 {margin-left: 2rem;} .newsList {position: relative;} .newsItem {position: relative;margin: 0 0 0.75rem 2rem;} .newsItem .date {position: absolute;left: -2rem;font-size: 12px;color: #A4010c;top: 0.05rem;} .newsItem a {position: relative;display: block;font-weight: bold;text-decoration: none;margin: 0 0 0.25rem 0;} .newsItem .desc {} .frontPortfolio {position: relative;background: #251e12;color: white;} .frontPortfolio .bg {position: absolute;left: 0;top: 0;z-index: 1;background: url(../images/bg_works.jpg) no-repeat bottom;opacity: 0.4;width: 100%;height: 100%;/* background-size: cover; */} .frontPortfolio .wrapper {z-index: 2;} .frontPortfolio h2,.frontPortfolio .typeh2s {font-size: 1.4rem;line-height: 2.1rem;font-weight: normal;text-transform: uppercase;margin: 2rem 0;text-align: center;color: #fff;} .innerPortfolio {position: relative;background: #ffffff;color: inherit;} .innerPortfolio .bg {position: absolute; left: 0; top: 0; z-index: 1;width: 100%;height: 100%;opacity: 1;background: url(../images/pattern.png) repeat top;} .innerPortfolio .wrapper {z-index: 2;} .innerPortfolio h2 {font-weight: normal; text-transform: uppercase; margin: 2rem 0; text-align: center; color: #A4020C;} .portfolioList {position: relative;text-align: center;} .portfolioItem {position: relative;display: inline-block;vertical-align: top;margin: 0 1.9rem 1.5rem 0; transition: all 0.2s ease-out;} .portfolioItem:nth-child(3n) {margin-right: 0;} .portfolioItem .ramka {position: relative;display: block;width: 15.05rem;height: 10.75rem;background-position: 0 0;padding: 1.1rem 1.1rem 1rem 1.1rem;box-sizing: border-box;} .portfolioItem .img {position: relative;width: 100%;height: 100%; background: white;} .portfolioItem .img img {width: 100%; height: 100%;} .portfolioItem a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 1.1rem 1.1rem 1rem 1.1rem;color: white;text-transform: uppercase;text-align: center;line-height: 1rem;font-size: 0.9rem;letter-spacing: -0rem;} .portfolioItem a:hover {} .portfolioItem a .content {position: relative;display: block; opacity: 0; height: 100%;background: rgba(37,30,18,0.8); transition: all 0.2s ease-out;} .portfolioItem a .content .text {position: relative; display: inline-block; vertical-align: middle;width: 100%;} .portfolioItem a .title {position: relative;display: block;margin: 0 1rem 1rem 1rem;font-size: 0.7rem;line-height: 0.7rem;} .portfolioItem a .readmore {text-transform: lowercase;font-size: 0.7rem;line-height: 1.25rem;border: 0.05rem solid white;display: inline-block;padding: 0 0.5rem;white-space: nowrap;border-radius: 0.1rem;color: inherit;} .portfolioItem:hover a {} .portfolioItem:hover a .content {opacity: 1;} .portfolioItem:hover a .title {} .portfolioItem:hover a .readmore:hover {background: rgba(255,255,255,0.15);} .portfolioItem .img a {padding: 0;} .portfolioFooter {position: relative; margin: 0rem 0 1.5rem; text-align: center;} .portfolioList.intworows {} .portfolioList.intworows .portfolioItem {margin: 0 1.25rem 1rem 0;} .portfolioList.intworows .portfolioItem:nth-child(3n) {margin: 0 1.25rem 1rem 0;} .portfolioList.intworows .portfolioItem:nth-child(2n) {margin-right: 0;} footer {position: relative;margin: 0 0 0 0;background: #251e12;color: white;font-family: Arial, Helvetica, sans-serif;} /*footer {position: relative;margin: -12.5rem 0 0 0;background: #251e12;color: white;font-family: Arial, Helvetica, sans-serif;}*/ footer .wrapper {position: relative;} footer nav {background: rgba(0,0,0,0.3);} footer nav ul {position: relative;display: flex;flex-flow: row nowrap;margin: 0;text-align: center;justify-content: space-between;padding: 0;} footer nav ul li {position: relative;flex: 0 1 auto;padding: 0;margin: 0;} footer nav ul li a {position: relative;display: block;color: white;text-decoration: none;white-space: nowrap;line-height: 2rem;text-transform: uppercase;box-sizing: border-box;} footer nav ul li a:hover {color: #Fb000e;} footer nav ul li.active a {color: #Fb000e;} footer .footer_blocks {position: relative;padding: 30px 0 50px 0;height: 11rem;} footer .logo {position: absolute;left: 0;top: 0;z-index: 2;width: 28%;text-align: center;} footer .logo a {display: inline-block;} footer .logo a i {position: relative;display: block;width: 8.5rem;height: 4rem;background-position: -20rem -1.5rem;font-size: 0;} footer .logo a:hover {opacity: 0.6;} footer .logo a:hover i {} footer .copyright_links {position: absolute;left: 0;top: 5.5rem;width: 28%;text-align: center;} footer .copyright_links a {color: white;line-height: 1rem;margin: 0.25rem 0;display: inline-block;} footer .copyright_links a:hover {color: #Fb000e;} footer .footer_address {position: absolute;left: 55%;top: 0;/*display: flex;*/flex-flow: row nowrap;align-items: center;font-size: 0.9rem;width: 45%;text-transform: uppercase;} footer .footer_address i {flex: none;width: 2rem;height: 2rem;margin: 0 0.5rem 0 0;} footer .footer_address i svg{display: block;width: 100%;height: 100%;} footer .footer_address i svg use {fill: white;} footer .footer_address i + div {flex: 1;} footer .footer_worksheet {position: absolute;left: 77%;top: 3rem;display: flex;flex-flow: row nowrap;align-items: flex-start;width: 23%;} footer .footer_worksheet i {flex: none;width: 1.5rem;height: 1.5rem;margin: 0 0.5rem 0 0;} footer .footer_worksheet i svg{display: block;width: 100%;height: 100%;} footer .footer_worksheet i svg use {fill: white;} footer .footer_worksheet i + div {} footer .footer_worksheet i + div p {margin: 0;line-height: 1.4em;} footer .footer_worksheet i + div p:nth-child(1) {font-size: 1rem;/* line-height: 1.2em; */} footer .footer_worksheet i + div p:nth-child(2) {font-size: 0.8rem;} footer .footer_worksheet i + div p:nth-child(3) {font-size: 0.65rem;} footer .footer_phones {position: absolute;left: 55%;top: 3rem;display: flex;flex-flow: row nowrap;align-items: flex-start;width: 20%;} footer .footer_phones i {flex: none;width: 2rem;height: 1.5rem;margin: 0 0.5rem 0 0;} footer .footer_phones i svg{display: block;width: 100%;height: 100%;} footer .footer_phones i svg use {fill: white;} footer .footer_phones i + div {} footer .footer_phones i + div a {color: white;display: inline-block;text-decoration: none;line-height: 1.4em;font-size: 0.95rem;margin: 0 0 0.25rem 0;} footer .footer_phones i + div a span {} footer .footer_phones i + div a:hover {color: #Fb000e;} footer .footer_phones i + div a:hover span {} footer .footer_callback {position: absolute;left: 55%;top: 10.6rem;width: 20%;} footer .footer_callback div {} footer .footer_callback div a {display: block;width: 11.7rem;line-height: 2rem;color: white;font-size: 0.9rem;border: 0.1rem solid;border-radius: 0.5rem;text-align: center;text-decoration: none !important;} footer .footer_callback div a:hover {color: #Fb000e;} footer .footer_feedback {position: absolute;left: 77%;top: 8.5rem;display: flex;flex-flow: row nowrap;align-items: center;width: 15%;} footer .footer_feedback i {flex: none;width: 1.5rem;height: 1.5rem;margin: 0 0.5rem 0 0;} footer .footer_feedback i svg{display: block;width: 100%;height: 100%;} footer .footer_feedback i svg use {fill: white;} footer .footer_feedback i + div {} footer .footer_feedback i + div a {color: white;font-size: 0.9rem;} footer .footer_feedback i + div a:hover {color: #Fb000e;} footer .footer_social {position: absolute;left: 92%;top: 8.5rem;width: 8%;} footer .footer_social ul {position: relative;display: flex;flex-flow: row nowrap;padding: 0;margin: 0;justify-content: flex-end;list-style: none;} footer .footer_social ul li {flex: 0 1 auto;} footer .footer_social ul li a {position: relative;display: block;margin: 0 0 0 0.25rem;} footer .footer_social ul li a i {display: block;width: 1.2rem;height: 1.2rem;} footer .footer_social ul li a i svg{display: block;width: 100%;height: 100%;} footer .footer_social ul li a i svg use {fill: white;} footer .footer_social ul li a:hover {} footer .footer_social ul li a:hover i {} footer .footer_social ul li a:hover i svg {} footer .footer_social ul li a:hover i svg use {fill: #abd00e;} footer .copyright_text {position: relative;background: rgba(0,0,0,0.3);padding: 0.75rem 0;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 0.65rem;line-height: 1.4em;color: hsla(38, 25%, 21%, 1);} footer .copyright_text a {color: inherit;} footer .copyright_text a:hover {} .readmore {position: relative; display: inline-block; font-size: 0.7rem; line-height: 0.7rem; color: #A4010c; text-decoration: none;cursor: pointer;} .readmore i {position: relative; display: inline-block; width: 0.6rem; height: 0.6rem; background-position: -16rem -2rem; vertical-align: middle;margin: 0 0.4rem 0 0;} .readmore:hover i {background-position: -17rem -2rem;} .readmore.active i {background-position: -17rem -3rem;} .readmore .text {position: relative; display: inline-block; vertical-align: middle; color: inherit;} .readmore:hover .text, .readmore.active .text {color:#302921;} .readmore.dashed .text {border-bottom: 0.05rem dashed #74910c;} .readmore.dashed:hover .text {border-bottom: 0.05rem dashed #302921;} .readmore.dashed.active .text {border-bottom: 0.05rem dashed #302921;} .readmore.np i {background-position: -16rem -4rem;} .readmore.np:hover i {background-position: -17rem -4rem;} .readmore.pp i {background-position: -16rem -5rem;} .readmore.pp:hover i {background-position: -17rem -5rem;} .readmore.del i {background-position: -16rem -1rem;} .readmore.del:hover i {background-position: -19rem -1rem;} .readmore.del:hover .text {color: #A24043;border-color: #A20a43;} .mapItemContent {} .mapItemContent h3 {margin: 0 0 0.5rem 0;} .mapItemContent p {margin: 0 0 0.5rem 0;} #consultForm .likeh4{text-align:center;width: 14rem;} header.inner {position: relative;} header.inner .bg {position: absolute;left: 0;bottom: 1px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom;background-image: url(../images/bg_inner_head.jpg);} header.inner .logo {position: absolute;left: 0;top: 0.5rem;} header.inner .logo a {} header.inner .logo a img {} header.inner .phones {position: absolute;right: 0;top: 2.5rem;font-size: 1.2rem;font-weight: bold;line-height: 1.2rem;text-shadow: 1px 1px 0px white;font-family: Arial, Helvetica, sans-serif;text-align: right;} header.inner .phones a {position: relative;display: block;text-decoration: none;} header.inner .phones a:hover {} header.inner .phones a span {color: #533514;} header.inner .phones a:hover span {color: #A50309;} header.inner .slogan {position: absolute;top: 1rem;font-size: 0.7rem;line-height: 0.7rem;color: #251E12;text-shadow: 1px 1px 0px rgba(255,255,255,1);right: 0;font-family: Arial, Helvetica, sans-serif;} header.inner .slogan div {position: relative;display: inline-block;} header.inner .slogan div:nth-child(1) {} header.inner .slogan div:nth-child(2) {} header.inner .slogan div:nth-child(3) {} header.inner .slogan span {} header.inner .slogan b {position: relative; font-weight: normal;} header.inner .slogan b:before {content: ""; width: 80%; height: 0.05rem; background: #251E12;position: absolute;left: 0;top: 60%;} header.inner nav {position: relative;width: 100%;margin-top: 10.5rem;font-family: Arial, Helvetica, sans-serif;} header.inner nav ul {position: relative;display: block;padding: 0;margin: 0 -1.5rem;background: rgba(37,30,18,0.9);height: 1.8rem;color: white;text-align: center;} header.inner nav ul li {position: relative;display: inline-block;margin: 0 0.45rem;padding: 0;} header.inner nav ul li a {position: relative;display: block;color: white;text-decoration: none;white-space: nowrap;line-height: 1.5rem;text-transform: uppercase;box-sizing: border-box;border-top: 0.15rem solid transparent;border-bottom: 0.15rem solid transparent;} header.inner nav ul li a:hover {color: #Fb000e;} header.inner nav ul li.active a {color: #Fb000e;border-color: #A3010c;} .breadcrumbs {position: relative; font-size: 0.6rem;} .breadcrumbs .wrapper {padding: 0.5rem 0;} .breadcrumbs a {} .breadcrumbs i {width: 0.4rem;height: 0.35rem;position: relative;display: inline-block;background-position: -16rem -9rem;margin: 0 0.25rem;} .breadcrumbs span {} .page {} .page .wrapper {} .content {position: relative;margin: 0 0 1.5rem 0;} .secondColumn {position: relative; margin: 0 0 1.5rem 0;width: 15rem;z-index: 1;} .showMoreText {} .moreText {display: none; overflow: hidden;} .pageText {margin: 0 0 2rem 0;} div + .pageText {margin-top: 2rem;} .pageText h2 {font-size: 1.2rem; line-height: 1.5rem;} .leftcol {position: relative;width: 15rem;float: left;z-index: 2;} .innerFilter {background: url(../images/bg_inner_filter.jpg) no-repeat top; padding: 1.5rem 2.15rem 3.5rem;position: relative;margin: 0 0 1.5rem 0;box-sizing: border-box;} .innerFilter .input {margin: 0 0 0.5rem 0;text-align: center;} .innerFilter .button {position: absolute;bottom: 0;left: 0;width: 100%;} .innerFilter .button input {display: block;width: 100%;} .leftcol + .maincol {margin-left: 16.75rem;overflow: hidden;} .portfolioSlider {position: relative; background: url(../images/pattern.png) repeat; padding: 1.25rem;margin: 0 0 1.5rem 0;} .portfolioSlider h2, .portfolioSlider .typeh2s{font-weight: normal;text-transform: uppercase;font-size: 1.3rem;line-height: 1.5rem;text-align: center;color: #F4010C;margin-bottom:15px;font-family: Arial, Helvetica, sans-serif;} .portfolioSlider h2 span,.portfolioSlider .typeh2s span {font-size: 1.6rem;} .portfolioSliderWrapper {margin: 0;z-index: 2;} .portfolioSlider .portfolioItem {margin:0;} .portfolioSlider .portfolioItem:nth-child(3n) {margin:0;} .portfolioSlider .portfolioItem .ramka {padding: 0.9rem 0.9rem 0.8rem;width: 12.1rem;height: 8.65rem;background-position: -1.5rem -1.1rem;} .portfolioSlider .portfolioItem .img {} .portfolioSlider .portfolioItem .img img {} .portfolioSlider .portfolioItem a {padding: 0.9rem 0.9rem 0.8rem;} .portfolioSlider .portfolioItem a:hover {} .portfolioSlider .portfolioItem a .content {} .portfolioSlider .portfolioItem a .content .text {} .portfolioSlider .portfolioItem a .title {} .portfolioSlider .portfolioItem a .readmore {} .portfolioSlider .portfolioItem:hover a {} .portfolioSlider .portfolioItem:hover a .content {} .portfolioSlider .portfolioItem:hover a .title {} .portfolioSlider .portfolioItem:hover a .readmore:hover {} .portfolioSlider ul.slick-dots {text-align: left;position: absolute;bottom: auto;margin: 0.5rem 0 0 0;width: 50%;} ul.slick-dots li {margin: 0 0.15rem;} ul.slick-dots li button {} ul.slick-dots li button:hover {} ul.slick-dots li.slick-active button {} ul.slick-dots li button:before {font-size: 0.4rem;color: #F303d3;opacity: 1;} ul.slick-dots li button:hover:before {color: #666666;opacity: 1;} ul.slick-dots li.slick-active button:before {color: #F4020c;opacity: 1;} .portfolioSliderFooter {position: relative; text-align: right;margin: 0.65rem 0.35rem 0 0;} .portfolioSliderFooter a {} .borderedText {position: relative;padding: 1.25rem;border: 0.15rem solid #74910c; margin: 0; color: #F4010c; background: url(../images/pattern.png) repeat; font-weight: bold;} .colAction {position: relative;padding: 1.25rem;border: 0.15rem solid #74910c; margin: 0 0 1.5rem 0;} .colAction h2,.colAction .typeh2s {font-weight: normal; text-transform: uppercase; font-size: 1.6rem;line-height: 1.6rem;text-align: center;color: #F4010C;margin-bottom:15px;} .colAction img {margin: 0 0 1rem 0;} .colAction p {} .colAction p:last-child {margin: 0;} .colNews {position: relative; padding: 1.25rem; background: url(../images/pattern.png) repeat;margin: 0 0 1.5rem 0;} .colNews h2,.colNews .typeh2s {font-weight: normal; text-transform: uppercase; font-size: 1.6rem;line-height: 1.6rem;text-align: center;color: #F4010C;margin-bottom:15px;} .colNews .newsList {} .colNews .newsItem {margin-left: 0;} .colNews .newsItem .date {position: relative;left: auto;top: auto;font-size: 0.7rem;margin: 0 0 0.25rem 0;} .colNews .newsItem .title {} .colNews .newsItem .desc {} .catalogItemCart {position: relative;max-width: 49rem;margin: 0 auto;} .catalogItemCart h1 {margin: 0 0 0.5rem 0;} .catalogItemCart .zeroline {margin: 0 0 1rem 0;position: relative;} .catalogItemCart .firstline {margin: 0 0 0rem 0;position: relative;} .catalogItemCart .secondline {margin: 0 0 1.5rem 0;position: relative;} .catalogItemCart .thirdline {position: relative;margin: 1.5rem 0;clear: left;} .catalogItemCart .zeroline a {font-size: 0.8rem;} .catalogItemCart .zeroline a i {background-position: -16rem -5rem;} .catalogItemCart .zeroline a:hover i {background-position: -17rem -5rem;} .catalogItemCart .pics {position: relative;display: inline-block;vertical-align: top;width: 21.5rem;} .catalogItemCart .bigpics {position: relative;display: block;width: 100%;overflow: hidden;margin: 0 0 0.5rem 0;height: 16.15rem;} .catalogItemCart .bigpics a {position: relative;display: block;width: 100%;height: 100%;text-align: center;} .catalogItemCart .bigpics a img {position: relative;display: inline-block;width: auto;max-height: 100%;} .catalogItemCart .bigpics a:hover {} .catalogItemCart .bigpics a:hover img {} .catalogItemCart .bigpics a.active {} .catalogItemCart .bigpics a.active img {} .catalogItemCart .smallpics {position: relative;display: block;margin: 0 -0.05rem 1rem;} .catalogItemCart .smallpics a {position: relative;display: inline-block;width: 4rem;height: 3rem;overflow: hidden;margin: 0.05rem 0.05rem;box-sizing: border-box;border: 0.05rem solid #ddd;} .catalogItemCart .smallpics a img {} .catalogItemCart .smallpics a:hover {} .catalogItemCart .smallpics a:hover img {} .catalogItemCart .smallpics a.active {border-color: #443e34;} .catalogItemCart .smallpics a.active img {} .catalogItemCart .info {position: relative;display: inline-block;vertical-align: top;margin: 0 0 0 2.5rem;width: 25rem;} .catalogItemCart .chars {position: relative;margin: 0px 0px 20px 0px;} .catalogItemCart .char {position: relative;display: block;margin: 0.25rem 0;} .catalogItemCart .char b {position: relative;display: inline-block;width: 10rem;} .catalogItemCart .char span {} .catalogItemCart .buttons {margin: 0.5rem 0;} .catalogItemCart .comparebut {display: none;width: 10.5rem;margin: 0 0 0rem 0;} .catalogItemCart .comparebut.active {display: block;} .catalogItemCart .orderbut {font-size: 1.4rem;line-height: 2.4rem;display: block;margin: 0 0 10px 0;} .catalogItemCart .calculatorbut {position: relative;margin: 0 0 1rem 0;display: block;padding: 0.6rem 0.8rem;line-height: 1.2rem;text-align: center;text-transform: uppercase;text-decoration: none;font-weight: bold;background: white;border: 1px solid #74920c;box-sizing: border-box;font-family: Arial, Helvetica, sans-serif;} .catalogItemCart .prices {position: relative;margin: 5px 0px 0px 0px;} .catalogItemCart .priceItem {position: relative;display: inline-block;border: 0.05rem solid #ddd;padding: 0.25rem 0.75rem;line-height: 1.5rem;margin: 0 0.5rem 0.5rem 0;vertical-align: top;/*width: 10rem;*/} .catalogItemCart .priceItem .pre {/*font-size: 0.65rem;*/line-height: 0.8rem;margin: 0.25rem 0;} .catalogItemCart .priceItem .priceval {white-space: nowrap;} .catalogItemCart .priceItem .priceval b {font-size: 1.5rem;} .catalogItemCart .cart_motivation {font-size: 0.7rem;line-height: 0.8rem;margin: 0 0 1rem 0;} .catalogItemCart .cart_motivation p {margin: 0;} .catalogItemCart .cart_motivation a {} .catalogItemCart .cart_motivation a:hover {} .catalogItemCart .schemas {display: inline-block;vertical-align: top;position: relative;width: 21.5rem;} .catalogItemCart .schemas h2 {font-size: 1.2rem;font-weight: normal;text-transform: uppercase;text-align: center;} .catalogItemCart .schemasSlider {margin: 0;padding: 0rem 0 0 0;} .catalogItemCart .schemaItem {position: relative;margin: 0 0 1.5rem 0;} .catalogItemCart .schemaItem .desc {text-align: left;margin: 0 0 0.75rem;} .catalogItemCart .schemaItem .img {position: relative;} .catalogItemCart .schemaItem .img a {} .catalogItemCart .schemaItem .img a img {} .catalogItemCart .schemaItem .img a.editinplneditor {position: absolute; right: 0; top: -1.7rem;font-size: 0.8rem;} .catalogItemCart .schemaItem .img a.editinplneditor i {background-position: -16rem -7rem;} .catalogItemCart .schemaItem .img a.editinplneditor span {} .catalogItemCart .schemaItem .img a.editinplneditor:hover {} .catalogItemCart .schemaItem .img a.editinplneditor:hover i {background-position: -17rem -7rem;} .catalogItemCart .schemaItem .img a.editinplneditor:hover span {} .catalogItemCart .schemasSlider ul.slick-dots {position: absolute;top: 0;bottom: auto;} .catalogItemCart .schemasSlider ul.slick-dots li {width: 2.4rem;height: 2.4rem;} .catalogItemCart .schemasSlider ul.slick-dots li button {width: 100%;height: 100%;padding: 0;font-size: 1.8rem;line-height: 2.4rem;color: inherit;background: #f0f0f0;border-radius: 50%;font-family: Arial, Helvetica, sans-serif;font-weight: bold} .catalogItemCart .schemasSlider ul.slick-dots li button:hover {background-color: #ddd;} .catalogItemCart .schemasSlider ul.slick-dots li.slick-active button {background: #74920c; color: #fff;} .catalogItemCart .schemasSlider ul.slick-dots li button:before {display:none;} .catalogItemCart .schemasSlider ul.slick-dots li button:hover:before {} .catalogItemCart .schemasSlider ul.slick-dots li.slick-active button:before {} .catalogItemCart .complects {position: relative; display: inline-block; width: 25rem; vertical-align: top; margin: 0 0 0 2.5rem;} .catalogItemCart .complects h2 {font-size: 1.2rem;font-weight: normal;text-transform: uppercase;text-align: center;} .catalogItemCart .complecttabs {position: relative; } .catalogItemCart .complecttabs .tabtitles {position: relative;} .catalogItemCart .complecttabs .tabtitles a {position: relative; display: inline-block; font-size: 0.7rem; line-height: 0.8rem; text-transform: uppercase; padding: 0.35rem 1rem; text-align: center; width: 7rem; text-decoration: none;} .catalogItemCart .complecttabs .tabtitles a:hover {} .catalogItemCart .complecttabs .tabtitles a.active {background-color: #f0f0f0; font-weight: bold; color: #F4020c;} .catalogItemCart .complecttabs .tabvalues {background: #f0f0f0;overflow: hidden;padding: 1rem;} .catalogItemCart .complecttabs .tabvalue {position: relative; display: none;} .catalogItemCart .complecttabs .tabvalue p {font-weight: bold;margin: 0 0 1rem 1.5rem;} .catalogItemCart .complecttabs .tabvalue ul {padding: 0;position: relative;display: block;list-style: none;} .catalogItemCart .complecttabs .tabvalue ul li {position: relative;display: block;margin: 0 0 0.5rem 0;padding: 0 0 0 1.5rem;} .catalogItemCart .complecttabs .tabvalue ul li:before {content:"";display:block;position: absolute;left: 0.05rem; top: 0.25rem; width: 0.6rem; height: 0.6rem; background: url(../images/sprite.png) no-repeat; background-position: -16rem -6rem;} .catalogItemCart .complecttabs .tabvalue small {font-weight: normal;line-height: 0.7rem;display: block;font-size: 0.6rem;} .catalogItemCart .complecttabs .tabvaluesFooter {position: absolute;z-index: 100;bottom: 0;left: 0;width: 100%;height: 2rem;background: #f0f0f0;} .catalogItemCart .complecttabs .tabvaluesFooter .grad {position: absolute;left: 0;top: -5rem;width: 100%;height: 5rem; /* Permalink - use to edit and share this gradient: http:///gradient-editor/#f0f0f0+0,f0f0f0+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ } .catalogItemCart .complecttabs .tabvaluesFooter.active .grad {display: none;} .catalogItemCart .complecttabs .tabvaluesFooter .readmore {margin: 0.65rem 0 0 1rem;} .catalogItemCart .moreinfo {position: relative;border: 0.15rem solid #74920c;padding: 1rem 1.25rem;} .catalogItemCart .moreinfo i {position: absolute;left: 6.75rem;top: 50%;width: 3.85rem; height: 4.85rem; background-position: -16rem -9.75rem;margin-top: -2.4rem;} .catalogItemCart .moreinfo .text {margin: 0 0 0 15.5rem;} .catalogItemCart .moreinfo .text p {} .catalogItemCart .moreinfo .phones {font-size: 1.2rem;font-weight: bold;line-height: 1.2rem;text-shadow: 1px 1px 0px white;margin: 0 0 1rem 0;} .catalogItemCart .moreinfo .phones a {position: relative;display: block;text-decoration: none;} .catalogItemCart .moreinfo .phones a span {color: #533514;} .catalogItemCart .moreinfo .phones a:hover {} .catalogItemCart .moreinfo .phones a:hover span {color: #F50309;} .catalogItemCart .moreinfo .writeusbut {line-height: 2rem;font-size: 1.2rem;padding: 0 1.5rem;} .innerServices {position: relative;text-align: center;font-family: Arial, Helvetica, sans-serif;} .innerServices .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom; background-image: url(../images/bg_front.jpg);} .innerServices .wrapper {padding: 1.5rem 0;} .portfolioMap {position: relative; margin: 2rem 0; height: 18.75rem; background: #ddd;} .portfolioItemPage {} .portfolioItemPageInfo {} .portfolioItemPageInfo .leftcol {width: 17rem; float: left;} .portfolioItemPageInfo .leftcol .portfolioItem { } .portfolioItemPageInfo .rightcol {position: relative; margin: 0 0 0 17rem;} .portfolioItemPageInfo .rightcol .pageText {margin-top: 0; margin-bottom: 0;} .portfolioItemPageInfo .rightcol .pageText big {font-weight: bold;font-size: 1.2rem;} .portfolioItemPageVideo { position: relative; width: 100%; margin: 1rem auto 2rem 0; border: 0.15rem solid #74920c; padding: 0.5rem 0.5rem; height: 21rem; box-sizing: border-box; } .portfolioItemPageVideo iframe { display: block; width: 100%; height: 100%; position: relative; } .portfolioItemPageGallery {position: relative;margin: 1rem 0;} .portfolioItemPageGallery h3 {color: #F4020C;} .portfolioGalleryItem {position: relative; display: inline-block; vertical-align: top; width: 9rem; height: 6.75rem;margin: 0 0.8rem 1rem 0;} .portfolioGalleryItem:nth-child(6n) {margin-right:0;} .portfolioGalleryItem .ramka {position: relative; box-sizing: border-box; background-position: -1.5rem -12.5rem; width: 100%;height: 100%;padding: 0.4rem;} .portfolioGalleryItem .img {position: relative;width: 100%;height: 100%;overflow: hidden;} .portfolioGalleryItem .img img {width: 100%;height: 100%;;} .portfolioGalleryItem a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 0.4rem;color: white;} .portfolioGalleryItem a .content {position: relative;display: block; opacity: 0; height: 100%;background: rgba(37,30,18,0.5); transition: all 0.2s ease-out;text-align: center;} .portfolioGalleryItem a .vcomp {} .portfolioGalleryItem a .text {position: relative; display: inline-block; vertical-align: middle;width: 90%;} .portfolioGalleryItem a .text i {width: 2.4rem;height: 2.4rem;display: block;position: relative;background-position: -16rem -16rem;margin: 0.5rem auto 0.75rem;} .portfolioGalleryItem a .text .title {position: relative;display: block;height: 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;;} .portfolioGalleryItem:hover a {} .portfolioGalleryItem:hover a .content {opacity: 1;} .portfolioGalleryItem:hover a .vcomp {} .portfolioGalleryItem:hover a .text {} .portfolioGalleryItem:hover a .text i {} .portfolioGalleryItem:hover a .text .title {} .portfolioItemPageFooter {position: relative; margin: 1rem 0 3rem;} .compareTable {position: relative;margin: 0 0 1rem 0;} .compareTable .defscol {position: relative;width: 11.4rem;float: left;} .compareTable .defscol .vertline {position: absolute; top:0;right: 1rem;width: 0.05rem; background-color: #ddd; height: 100%;} .compareTable .itemscol {margin: 0 0 0 11.4rem;width: 37.6rem;position: relative;} .compareTable .itemscol .bg {position: absolute; z-index: 1; width: 100%;} .compareTable .itemscol .compareSlider {position: relative; z-index: 2;} .compareTable .cb {position: relative;} .compareTable .cb.cb_project {height: 8.25rem;} .compareTable .cb.cb_project_plans {height: 3rem; overflow: hidden;} .compareTable .cb.cb_prices {} .compareTable .cb.cb_chars {} .compareTable .cb.cb_buttons {padding-top: 1.25rem;height: 4.25rem;} .compareTable .cb_title {font-size: 0.8rem;line-height: 1.75rem;font-weight: bold;text-align: center;margin-right: 1rem;} .compareTable .cb_strings {position: relative;} .compareTable .cb_strings .cb_string {position: relative;line-height: 1.75rem;font-size: 0.7rem;height: 1.75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 0.5rem;} .compareTable .cb_strings .cb_string:nth-child(odd) {background: #f0f0f0;} .compareTable .cb_strings .cb_string:nth-child(even) {background: #fafafa;} .compareItem {width: 9.4rem;outline: none;overflow: hidden; cursor: url("../images/cursor-openhand.png"), pointer;} .compareItem_name {line-height: 1.75rem;font-size: 0.9rem;} .compareItem_picture {width: 90%;height: 6.5rem;} .compareItem_picture img {max-height: 100%; max-width: 100%;border: 0.05rem solid #ddd;} .compareItem_plans {padding-top: 0.4rem;} .compareItem_plans a {display: inline-block; vertical-align: top; width: 2.5rem; height: 2.5rem; border: 0.05rem solid #ddd; margin: 0 0.2rem 0 0; text-align: center;} .compareItem_plans a img {max-height: 100%; max-width: 100%;} .compareTable .cb_strings .cb_string.compareItem_price {font-size: 0.8rem; } .compareTable .cb_strings .cb_string.compareItem_price b {font-size: 1rem;} .compareTable .cb_strings .cb_string.compareItem_char {font-size: 0.8rem;} .compareTable .compareItem_buttons {} .compareTable .compareItem_buttons .orderbut {line-height: 1.6rem;font-size: 1.2rem;width: 8.5rem;padding: 0;} .compareTable .compareItem_buttons .compare_delete_but {margin-top: 0.75rem; margin-bottom: 1rem} .searchline {position: relative;margin: 0 0 30px 0;} .searchline form {} .searchline input[type=submit] {background-position: -18.5rem -16rem;width: 1.1rem;height: 1.1rem;position: absolute;right: 0.5rem;top: 0.65rem;border: 0;background-color: transparent;font-size: 0;} .searchline input[type=text] {padding: 0.7rem 1.5rem 0.7rem 0.5rem;width: 100%;} .searchline form:hover {} .searchline form:hover input[type=submit] {} .searchline form:hover input[type=text], .searchline form input[type=text]:focus {} .projectList + .pagination {margin: 1.5rem 0;} .pagination {position: relative;text-align: center;} .pagination .firstline {position: relative;margin: 0 0 0.5rem 0;font-size: 0.6rem;} .pagination .thirdline {position: relative;} .pagination .thirdline span, .pagination .thirdline b, .pagination .thirdline a {position: relative; display: inline-block; vertical-align: middle;line-height: 1.2rem;padding: 0 0.5rem;background: #f0f0f0;margin: 0 0.15rem 0.5rem;border: 0.05rem solid #e3e3e3; border-radius: 2px;} .pagination .thirdline span {background-color: white;} .pagination .thirdline b,.pagination .thirdline .page_nav_active {background-color: #F50309;color: white;border-color: #F50309;} .pagination .thirdline a {} .pagination .thirdline a:hover {border-color: #F50309; } .dom-left {float: left;width: 33%;} .innerMenu {font-family: Arial, Helvetica, sans-serif;} .innerMenu ul {position: relative; list-style: none; display: block; font-size: 0.7rem; line-height: 0.8rem; padding: 0;margin: 0;} .innerMenu ul li {position: relative; display: block; margin: 0rem 0; padding: 0;} .innerMenu ul li a {display: block;padding: 0.5rem 1rem; text-decoration: none;} .innerMenu ul li.current {} .innerMenu ul li.current > a {background: rgba(37,30,18,0.9);color: white;} .innerMenu ul li.current > a:hover {} .innerMenu ul li ul {} .innerMenu a.readmore {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 2rem;padding: 0.65rem 1rem;box-sizing: border-box;background: #eee;} html.mobile .innerMenu a.readmore {display: none;} .innerMenu a.readmore i {} .innerMenu a.readmore:hover i {background-position: -17rem -2rem;} .innerMenu a.readmore .text.inactive {display: inline-block;} .innerMenu a.readmore .text.active {display: none;} .innerMenu a.readmore.active {} .innerMenu a.readmore.active i {background-position: -17rem -3rem;} .innerMenu a.readmore.active:hover i {background-position: -17rem -3rem;} .innerMenu a.readmore.active .text.inactive {display: none;} .innerMenu a.readmore.active .text.active {display: inline-block;} .innerMenu > ul {background: url(../images/pattern.png) repeat; margin: 0 0 1.5rem 0; padding: 0.5rem 0; position: relative;overflow: hidden; box-sizing: border-box;} .innerMenu > ul > li {position: relative;} .innerMenu > ul > li.sep {} .innerMenu > ul > li.sep hr {margin: 0.5rem 0; border-color: #e3e3e3;} .innerMenu > ul > li > a {text-transform: uppercase; font-weight: bold;} .innerMenu > ul > li > a:hover {} .innerMenu > ul > li.active {} .innerMenu > ul > li.active > a {} .innerMenu > ul > li.active > a:hover {} .innerMenu > ul > li > ul {display: none;} .innerMenu > ul > li.active > ul {display: block;} .innerMenu > ul > li > ul > li {} .innerMenu > ul > li > ul > li a {padding: 0.4rem 1rem 0.4rem 1.75rem;} .innerMenu > ul > li > ul > li a:hover {} .innerMenu > ul > li > ul > li.active {} .innerMenu > ul > li > ul > li.active a {} .innerMenu > ul > li > ul > li.active a:hover {} .innerMenu > ul > li > ul > li > ul {display: block; position: relative;} .innerMenu > ul > li > ul > li:hover a + ul, .innerMenu > ul > li > ul > li a + ul:hover {display: block;} .innerMenu > ul > li > ul > li > ul > li {} .innerMenu > ul > li > ul > li > ul > li a {padding: 0.4rem 1rem 0.4rem 2.5rem;} .innerMenu > ul > li > ul > li > ul > li a:hover {} .innerMenu > ul > li > ul > li > ul > li.active {} .innerMenu > ul > li > ul > li > ul > li.active a {} .innerMenu > ul > li > ul > li > ul > li.active a:hover {} body.modal {width: 14.5rem;} .projectInfo {position: relative; margin: 0 0 1rem 0; padding: 0 0 1rem 0; border-bottom: 1px solid #eee;} .prjImg {float: left; width: 5rem;} .prjImg img {width: 100%; height: auto; border: 1px solid #eee;} .prjText {position: relative; margin-left: 120px;} .prjName {font-weight: bold; font-size: 0.9rem; margin: 0 0 0.25rem 0; text-transform: uppercase;} .prjPrice {font-size: 0.7rem;} .prjPrice b {font-size: 0.9rem;} .prjChars {position: relative; font-size: 0.7rem; line-height: 0.9rem; margin: 0 0 0.25rem 0;} .prjChar {position: relative;} .prjChar em {margin-right: 0.25rem;} .prjChar span {} .compareFixedBlock {display: none;position: fixed;top: 45%;z-index: 1001;right: 0;} .compareFixedBlock a {background: #f0f0f0;padding: 0.5rem 0 0.5rem 0.5rem;text-decoration: none;border-radius: 0.1rem 0 0 0.1rem;display: block;text-transform: uppercase;font-size: 12px;line-height: 14px;color: #F4010c;font-weight: bold;} .compareFixedBlock a i {width: 1.4rem;height: 1.2rem;background-position: -16rem -19rem;display: inline-block;vertical-align: middle;margin: 0 0.6rem 0 0;} .compareFixedBlock a .col {position: absolute;left: 27px;top: 0.35rem;font-size: 0.55rem;color: white;background: #F4020c;border-radius: 50%;display: block;min-width: 16px;line-height: 16px;white-space: nowrap;text-align: center;;} .compareFixedBlock a .text {position: relative;display: inline-block;width: 0px;vertical-align: middle; padding-right: 0rem; overflow: hidden; transition: all 0.2s ease-out;height: 1.4rem;} .compareFixedBlock a:hover {background: #e0e0e0;padding-right: 0.5rem; } .compareFixedBlock a:hover i {} .compareFixedBlock a:hover .col {} .compareFixedBlock a:hover .text {width: 4.5rem;} .compareFixedBlock.active {display: block;} .consultant {position: fixed;z-index: 1002;right: 0;top: 52%;} .consultant a {background: rgba(37,30,18,0.9);color: white;display: block;padding: 0.6rem 0.75rem 0.4rem 0.75rem;height: 1.4rem;font-weight: bold;text-transform: uppercase;font-size: 0.6rem;line-height: 0.7rem;border-radius: 0.15rem 0rem 0rem 0.15rem;;;;} .consultant a i {display: inline-block;position: relative;width: 1.15rem;height: 1rem;vertical-align: top;background: url(../images/consultant.png) no-repeat right top; margin-top: 0.2rem;} .consultant a span {position: relative;display: inline-block;vertical-align: middle;margin: 0 0 0.25rem 0rem;width: 0rem; overflow: hidden;transition: all 0.2s ease-out;} .consultForm {} .consultForm h2 {width: 14rem;} .consultant a:hover {background: #533514;} .consultant a:hover span {width: 5rem;margin: 0 0.25rem 0rem 0.5rem;} .footerMoreInfoBlock {margin: 1.5rem 0;} .pageNav {display: none;position: relative;padding: 20px 0 0;border-top: 1px solid #eeeeee;margin-top: 1rem;} .pageNav.active {display: block;} .pageNav div {position: relative;max-width: 47%;display: none;} .pageNav div.active {display: block;} .pageNav div a {position: relative;display: inline-block;padding: 10px;border-radius: 3px;border: 0.05rem solid transparent;} .pageNav div a i {position: absolute;top: 0.75rem;width: 0.6rem;height: 0.6rem;} .pageNav div a .text {} .pageNav div a:hover {/*border: 0.05rem solid #658309;background: #f0f0f0;*/text-decoration: none;} .pageNav .pagePrev {float: left;} .pageNav .pagePrev a {padding-left: 40px;} .pageNav .pagePrev a i {background-position: -17rem -5rem;left: 0.75rem;} .pageNav .pagePrev a i .text{} .pageNav .pagePrev a:hover {} .pageNav .pagePrev a:hover i {background-position: -16rem -5rem;} .pageNav .pagePrev a:hover i .text{} .pageNav .pageNext {float: right;} .pageNav .pageNext a {padding-right: 40px;text-align: right;} .pageNav .pageNext a i {background-position: -17rem -4rem;right: 0.75rem;} .pageNav .pageNext a i .text{} .pageNav .pageNext a:hover {} .pageNav .pageNext a:hover i {background-position: -16rem -4rem;} .pageNav .pageNext a:hover i .text{} .priceListCat {margin: 0 0 2.5rem 0;} .priceListCatTitle {} .priceListCatTitle h3 {} .priceListCatBody {} .priceListCatBody .textBlock {} .priceListCatBody .moreText {overflow: visible;} .priceListCatBody .grad_but {line-height: 1.3rem;font-size: 0.8rem;padding: 0 0.75rem;} .textBlock table {position: relative;margin: 0 0 1rem 0;width: 100%;} .textBlock table tr {} .textBlock table th, .textBlock table td {padding: 5px 10px;border-top: 1px solid #dadada;} .textBlock table th {} .textBlock table td {} .textBlock table tr:nth-child(odd) td {background: #f5f5f5;} .textBlock table tr:nth-child(even) td {background: white;} .moreText table th, .moreText table td {border: 1px solid #dadada;} .moreText table tr:nth-child(odd) td {background: white;} .moreText table tr:nth-child(even) td {background: white;} .uslugi_menu {position: relative;display: block;padding: 1.5rem;margin: 0 0 1.5rem 0;list-style: none;background: url(../images/pattern.png);} .uslugi_menu li {} .uslugi_menu li a {position: relative;} .uslugi_menu li a:hover {} .uslugi_menu li ul {position: relative;display: block;list-style: none;padding: 0 0 0 0rem;margin: 1.5rem 0;;} .uslugi_menu li.level1 {position: relative;display: inline-block;vertical-align: top;width: 48%;margin: 0 0 1.5rem 0;} .uslugi_menu li.level1 > a {;text-decoration: none;;font-size: 22px;;text-transform: uppercase;;font-weight: bold;;line-height: 26px;} .uslugi_menu li.level1 > a:hover {} .uslugi_menu li.level2 {;} .uslugi_menu li.level2 > a {padding: 5px 0;display: inline-block;} .uslugi_menu li.level2 > a:hover {} .uslugi_menu li .img {position: relative;display: inline-block;vertical-align: middle;margin: 0 0.75rem 0 0;} .uslugi_menu li .img .ramka {position: relative; box-sizing: border-box; background-position: -1.5rem -12.5rem; width: 180px;height: 135px;padding: 0.4rem;display: block;background-image: url(../images/sprite.png);;} .uslugi_menu li .img .ramka .image {position: relative;width: 100%;height: 100%;display: block;background-size: cover;} .uslugi_menu li .text {display: inline-block;vertical-align: middle;width: 220px;word-break: break-word;} .projects_map {text-align: center;margin: 2rem 0 0 0;} .projects_map_all {position: relative;margin: 0 0 1rem 0;} .projects_map_all a.grad_but {line-height: 2.4rem;font-size: 1.6rem;padding: 0 2.5rem;} .projects_map_all a.grad_but:hover {} .projects_map_bybm {} .projects_map_bybm ul {position: relative;padding: 0;list-style: none;margin: 0 3rem;} .projects_map_bybm ul li {display: inline-block;vertical-align: top;width: auto;margin: 0 0.25rem 0.5rem;} .projects_map_bybm ul li a {position: relative;display: block;background: #f0f0f0;border: 0.05rem solid #e3e3e3;padding: 0 0.75rem;line-height: 1.2rem;border-radius: 0.15rem;;} .projects_map_bybm ul li a:hover {border-color: #F50309;} .goup {position: fixed;display: none;z-index: 1002;bottom: 10%;right: 7%;padding: 0rem;background: transparent;text-decoration: none;} .goup i {width: 2rem;height: 2rem;display: inline-block;margin: 0;vertical-align: top;background-position: -15.5rem -22.5rem;} .goup span {display: none;} .goup:hover {} .goup:hover i {background-position: -17.5rem -22.5rem;} .goup:hover span {} .sticker {position: absolute; right: -5px; top: -5px; width: 4.6rem; height: 4.6rem;} .sticker.new {background-position: -24rem -18rem} .sticker2 {position: absolute; right: -5px; top: -5px; width: 3.6rem; height: 3.4rem;} .sticker2.action {background-position: -19.9rem -17.9rem} .sticker2.hot {background-position: -19.9rem -21.5rem} .fullfilterpagelink {position: relative;margin: 0 0 1rem 0;text-align: center;} .fullfilterpagelink a {display: inline-block;width: 15rem;height: 2rem;background-position: 0rem -25rem;line-height: 1rem;font-size: 0.9rem;color: white;text-decoration: none;text-transform: uppercase;text-shadow: 0px 1px 0px black;padding: 0.5rem 0;;} .fullfilterpagelink a i{position: relative;display: inline-block;vertical-align: top;background-position: -18.5rem -17.1rem;width: 1rem;height: 1.05rem;margin: 0 0.5rem 0 0;} .fullfilterpagelink a span{position: relative; display: inline-block; vertical-align: top;text-align: left;} .fullfilterpagelink a:hover {background-position: -15rem -25rem;} .fullfilterpagelink a:hover i{} .fullfilterpagelink a:hover span{} .scrollMenu{width:20px;height:20px;background:url('/local/spriteMenu.png');display:block;position: absolute;top: 8px;cursor:pointer;right: 7px;transition:all .2s;transform: rotate(180deg);} .actScr{transform: rotate(0deg);} .announcements .col .typeh2s{font-weight: normal;text-transform: uppercase;margin: 0 0 2rem 0;font-size: 1.4rem;line-height: 2.1rem;font-family: Arial, Helvetica, sans-serif;} .tsaf {position: relative;} .tsaf-params {position: relative; display: none;} .tsaf-status {position: relative;text-shadow: 0px 1px 0px white;} .tsaf-status > * {margin: 0 0 10px 0; padding: 10px; box-sizing: border-box;} .tsaf-success {color: #F50b2f; background: #dcedc8;} .tsaf-error {color: #c62828; background: #ffcdd2;} .tsaf-field {margin: 0 0 10px 0;} .tsaf-field.tsaf-submitted {margin: 0;} .tsaf-field input[type=text], .tsaf-field textarea, .tsaf-field select {width: 100%;} .tsaf-field input[type=text] {} .tsaf-field textarea {height:80px; resize: none;} .tsaf-field select {} .tsaf-field input[type=text]:hover, .tsaf-field textarea:hover, .tsaf-field select:hover {} .tsaf-field input[type=text]:hover {} .tsaf-field textarea:hover {} .tsaf-field select:hover {} .tsaf-field input[type=text]:focus, .tsaf-field textarea:focus, .tsaf-field select:focus {} .tsaf-field input[type=text]:focus {} .tsaf-field textarea:focus {} .tsaf-field select:focus {} .tsaf-field input[type=submit] {width: 100%;} .tsaf-field input.tsaf-errorfield, .tsaf-field textarea.tsaf-errorfield, .tsaf-field select.tsaf-errorfield {border: 1px solid #c62828; color: #c62828;} .tsaf-field .tsaf-errorfieldmessage {position: relative; margin: 5px 0; font-size: 12px; color: #c62828;} .navicon {position: relative; display: none;background: #010B24; overflow: hidden; padding: 1px 0; box-sizing: border-box; cursor: pointer;border-radius: 4px;margin: 0;width: 40px;;} .navicon span {position: relative; display: block; height: 5px; background: #fff; margin: 5px 5px; border-radius: 5px;} .navicon.active {background: #eee;} .navicon.active span {background: #73910C;} .leftcoltabs {display: none;text-align: center;margin: 0 0 1rem 0;} html.mobile .comparebut, html.mobile .compareFixedBlock {display: none !important;} .innerFilter_navicon {display: none;margin: 0 1rem;padding: 0.45rem 0;} .innerFilter_navicon i {width: 1.1rem;height: 1.1rem;display: inline-block;background-position: -18.5rem -16rem;vertical-align: middle;} .innerFilter_navicon em {font-style: normal;font-weight: bold;text-transform: uppercase;display: inline-block;vertical-align: middle;margin: 0 0 0 0.5rem;} .innerFilter_navicon.active i {} .innerFilter_navicon.active em {} .fullFilter_navicon {display: none;margin: 0 1rem;padding: 0.45rem 0;} .fullFilter_navicon i {width: 1.1rem;height: 1.1rem;display: inline-block;background-position: -18.5rem -16rem;vertical-align: middle;} .fullFilter_navicon em {font-style: normal;font-weight: bold;text-transform: uppercase;display: inline-block;vertical-align: middle;margin: 0 0 0 0.5rem;} .fullFilter_navicon.active i {} .fullFilter_navicon.active em {} .innerMenu_navicon {display: none;margin: 0 1rem;padding: 0.45rem 0;} .innerMenu_navicon i {width: 1.1rem;height: 1.1rem;display: inline-block;vertical-align: middle;} .innerMenu_navicon i span {display: block;height: 0.2rem;background: black;margin: 0.15rem 0;} .innerMenu_navicon em {font-style: normal;font-weight: bold;text-transform: uppercase;display: inline-block;vertical-align: middle;margin: 0 0 0 0.5rem;} .innerMenu_navicon.active i {} .innerMenu_navicon.active i span {} .innerMenu_navicon.active em {} .maincol .tac{margin-left: 0;} .calculator_pretext {position: relative; background: url(../images/pattern.png) repeat; padding: 0.75rem;margin: 0 0 0.75rem 0;border: 0.05rem solid #e3e3e3;} .calculator_pretext p, .calculator_pretext ul {margin: 0 0 10px 0;} .contacts__top__information{width: 60%;float: left;} .contacts__top__requisites{width: 40%;float: left;} .contacts__map >ymaps{width: 100% !important;} .footer__location__link{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; color: #fff;text-decoration: none; -ms-align-items: center;align-items: center; } .footer__location__link:hover{text-decoration: underline; color: #fff;} @media (max-width: 1200px) { header.front nav ul {margin: 0 -0.65rem;} } @media (max-width: 1158px) { /* 768 */ .form_indesx .input{margin-right:0 !important;vertical-align:top;} #ind_form_sub input.grad_but, button.grad_but, a.grad_but, .grad_but{padding:0 10px;} .footer-section-list{display:none;} body .product__detail__similar .projectItem{width: 33%;} .contacts__top__requisites{float: none;width: auto;} .contacts__top__information{float: none;width: auto;} .wrapper {width: 37.5rem;border: none;} .navicon {display: inline-block;width: 60px;} .navicon span {height: 7px;margin: 8px;} header.front {background: url(../images/bg_front_loop.jpg) repeat;} header.inner {height: 5rem;} header.front nav ul, header.inner nav ul {display: none;position: absolute; right: 0; top: 100%; text-align: right; z-index: 1000; background: #251E12;border-radius: 3px;padding: 10px 0;height: auto;} header.front nav ul li, header.inner nav ul li {display: block;margin: 0;border: 0;} header.front nav ul li a, header.inner nav ul li a {display: block;padding: 0 20px;} header.front nav ul li.active a, header.inner nav ul li.active a {color: white;background: #73910C;border-color: transparent;} header.front nav, header.inner nav {margin: auto;z-index: 1004;text-align: right;position: absolute;top: 1rem;width: auto;right: 0.5rem;} header.front nav ul, header.inner nav ul, .serviceList {margin:0; text-align: center;} header.front .logo, header.inner .logo {left: 0.5rem; z-index: 1005;width: 8.5rem;} header.front .phones, header.inner .phones {position: relative;text-align: center;margin: 0rem 4rem 0 9.5rem;top: auto;right: auto;padding-top: 1rem;font-size: 1.6rem;line-height: 1.6rem;} header.front .slogan {position: relative;left: auto;top: auto;padding: 1rem 0 0.5rem 1rem;} header.inner .slogan {display: none;} header.front .serviceItem {margin: 0 0.95rem 1.5rem;} header.inner .bg {background-position: bottom; /*background-image: url(../images/bg_inner_head_mobile.jpg);*/ opacity: 0.3;} .frontFilter h2 {} .frontFilter form {} .frontFilter .input, .frontFilter .input:nth-child(1), .frontFilter .input:nth-child(4) {margin: 0 0.25rem 0rem;} .frontFilter .filterForm .jq-selectbox__select {width: 8.5rem;} .frontHits .wrapper {margin: 1.5rem auto;} .intro .plashka h2 {width: 100%;text-align: center;margin: 0 0 1rem 0;} .intro .plashka .teaser {width: 100%;display: block; word-wrap:break-word;} .announcements .col {width: auto;display: block;padding: 0;margin: 0 0 1.5rem 0;} .announcements .col.actions {width: auto;margin: 0 0 1.5rem 0;padding: 1rem;text-align: center;} .announcements .col.news {width: auto;margin: 0 0 1.5rem 0;padding: 1rem;text-align: center;} .announcements .col h2,.announcements .col .typeh2s {margin: 0 0 1rem 0;text-align: center;} .announcements .col.news h2 {margin-left: 0;} .holder {padding-bottom: 8.5rem;} footer {margin: -8.5rem 0 0 0;} footer nav {display: none;} footer .footer_blocks {height: 8.5rem;} footer .copyright_links {width: 100%;text-align: center;} footer .footer_address {display: none;left: 30%;width: 70%;font-size: 0.85rem;} footer .footer_worksheet {display: none;left: 60%;width: 40%;} footer .footer_phones {left: 33%;width: 30%;top: 1rem;align-items: center;} footer .footer_callback {left: 70%;width: 30%;top: 1.5rem;} footer .footer_callback div a {/* font-size: 0.8rem; *//* line-height: 1.6rem; */width: 100%;box-sizing: border-box;} footer .footer_feedback {display: none;left: 60%;width: 25%;} footer .footer_social {display: none;left: 85%;width: 15%;} .leftcoltabs {display: block;} .leftcol .secondColumn {display: none;} .leftcol {float: none;width: auto;;} .leftcol + .maincol {margin: 0;} .innerFilterHolder {display: none;} .fullFilterHolder {display: none;} .innerFilter {background-image: url(../images/bg_filter.jpg);text-align: center; } .searchline {} .innerMenu {display: none;text-align: center;} .innerFilter_navicon {display: inline-block;} .fullFilter_navicon {display: inline-block;} .innerMenu_navicon {display: inline-block;} .catalogItemCart .bigpics {height: auto;} .catalogItemCart .moreinfo i {left: 2.5rem;} .catalogItemCart .moreinfo .text {margin: 0 0 0 7rem;} .serviceItem, .serviceItem:nth-child(3n) {margin: 0 0.95rem 1.5rem; } .innerServices .bg {background: url(../images/bg_front_loop.jpg) repeat;} .colAction {margin: 1.5rem 0;text-align: center;} .colNews {margin: 0;} .colNews h2,.colNews .typeh2s {text-align: center;} .catalogItemCart .pics {display: block;margin: 0 auto;width: auto;text-align: center;} .catalogItemCart .info {display: block;margin: 0 auto;width: auto;text-align: center;} .catalogItemCart .chars {text-align: left;width: 20rem;margin: 1rem auto;} .catalogItemCart .schemas {display: block;margin: 0 auto;width: auto;text-align: center;} .catalogItemCart .complects {width: auto;margin: 0;} .portfolioItemPageVideo {} .portfolioItemPageVideo iframe {} .portfolioItemPageGallery {text-align: center;margin: 1rem -0.5rem;} .portfolioItem, .portfolioItem:nth-child(3n) {margin: 0 0.95rem 1.5rem;} .portfolioItemPageInfo .leftcol {float: none;margin: 0 auto;width: auto;text-align: center;} .portfolioItemPageInfo .rightcol {margin-left: 0;} .portfolioGalleryItem, .portfolioGalleryItem:nth-child(5n) {margin: 0 0.4rem 1rem;} .uslugi_menu li .text {display: block;width: auto;margin: 0.5rem 0 0 0;} .uslugi_menu li.level1 {position: relative;display: inline-block;vertical-align: top;width: 45%;margin: 0 3% 1.5rem 0;} .consultant {top: auto; bottom: 16%;} .fullFilter .label {display: block;width: auto;text-align: left;margin: 0.5rem 0;} .portfolioSlider {display: none;} footer .copyright_links{display:none;} } @media (max-width: 767px) { /* 640 */ .right-block{display:none;} .form_indesx .titile_form_indesx{font-size:18px !important;font-weight:bold !important;text-align:center !important;} .wrapper {width: 31rem;} header.front .serviceList {margin: 0 -0.5rem;} header.front .serviceItem {margin: 0 0.35rem 1rem;} header.front .logo, header.inner .logo {width: 5rem;} header.front .phones, header.inner .phones {margin: 0 2.5rem 0 5rem;font-size: 1.2rem;line-height: 1.2rem;padding-top: 0.5rem;} header.front nav, header.inner nav {top: 0.75rem;} .navicon {width: 40px;} .navicon span {height: 5px; margin: 5px;} header.front .bg {background-position: 50% -0rem;background-size: 300%;} .frontFilter h2 {font-size: 1.4rem;line-height: 1.4rem;margin-top: 1.5rem;} .frontFilter h2 span {line-height: inherit;} .frontFilter form {margin-top: 1.5rem;} .frontFilter {background-size: auto 100%;height: auto;} .frontFilter .input, .frontFilter .input:nth-child(1), .frontFilter .input:nth-child(4) {display: block;margin: 0 0 0.5rem 0;} .frontFilter .filterForm .jq-selectbox__select {width: 15rem;} .frontFilter .button {margin: 1.5rem 0;} .benefitItem {width: 41%;} header.inner {height: 3.25rem;} .projectItem {width: 10rem;} .serviceList {margin: 0 -0.5rem;} .serviceItem, .serviceItem:nth-child(3n) {margin: 0 0.35rem 1rem;} .textBlock table {font-size: 0.7rem;line-height: 0.8rem;} .priceListCatBody .grad_but {display: block;white-space: normal;line-height: 1rem;padding: 0.15rem 0.5rem;} .portfolioList {margin: 0 -0.5rem;} .portfolioItem, .portfolioItem:nth-child(3n) {margin: 0 0.35rem 1rem;} .portfolioItemPageVideo { height: 10rem; margin: 0rem auto 1rem; } .portfolioItemPageVideo iframe {} .portfolioItemPageInfo .leftcol .portfolioItem {} .section_sort_and_view .left_sorts,.section_sort_and_view .right_views{float:none !important;text-align:center;} header .wrapper nav ul .level1 ul{display:none !important;} footer {margin: -8.5rem 0 0 0;} footer .logo {display: none;} footer .footer_blocks {height: 10rem;padding: 0.75rem 0;} footer .copyright_links {top: 7rem;} footer .footer_phones {left: 50%;top: 0;width: 10.5rem;margin: 0 0 0 -5.25rem;} footer .footer_callback {left: 50%;top: 4rem;margin: 0 0 0 -5.25rem;width: 10.5rem;display:none;} footer .footer_callback div a {} } @media (max-width: 639px) { /* 480 */ body .product__detail__similar .projectItem{width: 49%;} .wrapper {width: 23rem;} .frontFilter h2 {line-height: 1.6rem;} .frontFilter h2 span {display: block;padding: 0.25rem 0;} .projects_map_bybm ul li {display: block;} .holder {padding-bottom: 10.5rem;} header.front .slogan {padding: 7.5rem 0 3.5rem 2rem;} .uslugi_menu li.level1 {width: 100%; margin: 0 0 1.5rem 0;} .fullFilter .input {width: 48%;} .line_views_sg .projectItem .img{float:none !Important;margin-left: auto !important;margin-right: auto;} .line_views_sg .sg_correct_line{float:none !important;margin-right:0 !important;} footer {margin: -10.5rem 0 0 0;} } @media (max-width: 479px) { /* 375 */ .form_indesx .pot_titile_form_indesx{display:none;} .form_indesx .input{padding-bottom:22px !important;} body .product__detail__similar .projectItem{width: 100%;} .wrapper {width: 17.75rem;} header.front .phones, header.inner .phones {font-size: 0.9rem;line-height: 0.9rem;padding-top: 0.75rem;} h1, .likeh1, h2, .likeh2 {font-size: 1.4rem;line-height: 1.4rem;} .catalogItemCart .chars {width: auto;} .catalogItemCart .priceItem {margin: 0 0.5rem 0.5rem;} .catalogItemCart .complecttabs .tabtitles a {width: 6.5rem;padding: 0.35rem 0.5rem;; } .catalogItemCart .moreinfo i {display: block;position: relative;left: auto;top: auto;margin: 0 auto 1rem;} .catalogItemCart .moreinfo .text {margin: 0;text-align: center;} .projects_map_bybm ul {margin:0;} .projectItem {width: 100%;margin: 0.4rem 0;} .projectItem a.img img {} .projectItem .buttons {/* top: 12rem; */} .product__detail__similar .projectItem .buttons{top: 10px;} header.front .slogan div:nth-child(2) {margin-left: 0;} header.front .slogan div:nth-child(3) {margin-left: 0;} header.front .slogan {text-align: center;} .benefitItem {width: 100%; margin-left: 0; margin-right: 0;} header.front .slogan {padding: 4rem 0 3.5rem 0rem;} .fullFilter .input {width: 98%;} .fullFilter input[type=text], .fullFilter .filterForm .jq-selectbox__select {width: 290px;} .filterSections div{float:none !important;width:100%;} } @media (max-width: 374px) { /* 320 */ .wrapper {width: 15rem;} header.front .slogan {padding: 2.5rem 0 2.5rem 0rem;} header.front .serviceItem {margin: 0 0 1rem;} header.front .phones, header.inner .phones {visibility:hidden;} .phones2 {visibility:visible;} .projectSlider {margin: 0 2rem;} .fullFilter .wrapper {padding: 1rem;} .fullFilter .input {width: 98%;} .fullFilter input[type=text], .fullFilter .filterForm .jq-selectbox__select {width: 255px;} .projectItem .buttons {top: 0;} } .innerMenu a.readmore.active{position:relative} header .wrapper nav ul .level1 ul{display:none;position: absolute;left: 20px;width: 400px;height: auto;z-index: 999;} header .wrapper nav ul .level1 ul li{display:block;width:100%;margin-left:0;text-align: left;padding-left: 10px;} header .wrapper nav ul .level1 ul li a{border:none;white-space:inherit;color:#fff;} header .wrapper nav ul .level1 ul .active a{color:#Fb000e;} header .wrapper nav ul .level1 ul li a:hover{color:#Fb000e;} header .wrapper nav ul .level1:hover ul{display:block;} .filterSections div{float:left;} .right_secs{width:35%;} .left_secs{width:63%;} .filterSections{text-align:center;border:1px solid #abd00e;padding-top:10px;margin-bottom:10px;} .filterSections p{color:#888;} .filterSections ul {padding-left:0;} .filterSections ul li{list-style:none;width:47%;display:inline-block;} .filterSections ul li a{text-decoration:none;padding: 3px 6px;} .filterSections:after{content:'';display:block;clear:both;} .active_links{background:#658309;color:#fff;} .active_links:hover{color:#fff;} .fixed_prop_plans{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(34, 34, 34, 0.43);z-index: 9999;display:none;} .fixed_prop_plans_block{width: 1154px;background: #fff;height: 90%;margin-left: auto;margin-right: auto;margin-top:50px;position:relative;padding-bottom:30px;} .fixed_prop_plans iframe{width:100%;height:100%;} .clode_fixed_prop_plans{padding: 5px;background-image: url(/bitrix/templates/unix/images/fancybox_sprite.png);width: 24px;height: 24px;color: #fff;border-radius: 50%;text-align: center;background-color: #000;background-position: 1px 1px;position:absolute;right: -40px;top: -27px;cursor:pointer;} .section_sort_and_view{margin-bottom:10px;margin-top:20px;} .section_sort_and_view .left_sorts{float:left;} .section_sort_and_view .right_views{float:right;margin-top:5px;} .section_sort_and_view .right_views div{display:inline-block;margin-left:5px;cursor:pointer;} .section_sort_and_view .right_views .view_plitka{width: 24px;height: 21px;background:url(/bitrix/templates/unix/images/view_plitka.png)no-repeat;background-size: contain;} .section_sort_and_view .right_views .view_line{width: 24px;height: 23px;background:url(/bitrix/templates/unix/images/view_line.png)no-repeat;} .section_sort_and_view .right_views .view_line.act_in{background:url(/bitrix/templates/unix/images/view_line_act.png)no-repeat;} .section_sort_and_view .right_views .view_plitka.act_in{background:url(/bitrix/templates/unix/images/view_plitka_act.png)no-repeat;background-size: contain;} .section_sort_and_view:after{content:'';display:block;clear:both;} .line_views_sg .projectItem{width:99%;margin-bottom: 20px;} .line_views_sg .projectItem .img{float:left;width:200px;margin-top:19px;margin-left:10px;} .line_views_sg .sg_correct_line{float:right;margin-bottom:10px;margin-right:10px;} .line_views_sg .sg_correct_line .title{padding-top:0;padding-bottom:0;} .line_views_sg .sg_correct_line .title span{min-height:auto;} .line_views_sg .sg_correct_line .info{margin-top:0;} .line_views_sg .sg_correct_line .buttons,.line_views_sg .sg_correct_line .buttons .orderbut,.line_views_sg .sg_correct_line .buttons .comparebut{position:inherit;top:0;} .left_sorts .jq-selectbox li:hover{background:#658309;} #FormHead{display:none;} .title__FormHead{text-align: center;font-size: 31px;margin-top: 15px;font-family: Arial, Helvetica, sans-serif;} #FormHead .tsaf-status{text-align:center;margin-bottom:5px;} .zak_heads { font-size: 14px; text-decoration: underline !important; margin-bottom: 5px; text-align: right; background: #3a3429; width: 190px; height: 35px; line-height: 35px; float: right; text-align: center; color: white; font-weight: normal; text-shadow: none; border-bottom: 0; text-decoration: none !important; margin-top: 5px; font-size: 20px; border-radius: 4px; } /*.ind_zak_heads{background: rgba(255, 255, 255, 0.57);text-align: center;margin-top: 7px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}*/ .form_indesx .titile_form_indesx{color: #fff;font-size: 26px;text-transform: uppercase;text-align: left;font-family: Arial, Helvetica, sans-serif;} .form_indesx .pot_titile_form_indesx{color: #fff;text-align: left;} @media (min-width: 768px){ .form_indesx .input{display:inline-block;margin-right: 30px;width: 27%;} .form_indesx{clear:both;padding: 36px 47px;background: url(../images/bg_filter.jpg) no-repeat -600px -71px;text-align:left;} #phormKons input{width:30%;margin-right:10px;} } @media (max-width: 768px){ .form_indesx .input{display:inline-block;margin-right: 30px;width: 100%;padding-bottom:15px;} .form_indesx{clear: both;padding: 36px 47px;background: url(../images/bg_filter.jpg) no-repeat -600px 10px;text-align: left;height: 254px;} #phormKons input{width: 100%;margin-bottom:5px;margin-right:10px;} } .form_indesx .grad_but{font-size: 1rem;line-height: 1.85rem;width: 100%;} .form_indesx input[type="text"]{line-height: 1.3rem;border-radius:0px;width:100%;} .form_indesx .tsaf-success{text-align: center;padding: 7px;border-radius: 3px;max-width: 90%;margin: 10px auto;display:none;} .catalogItemCart .buttons .comparebut{float:left;} .catalogItemCart .buttons .stm_prg{float:right;} .stm_prg{position: relative;display: inline-block;font-size: 0.6rem;line-height: 0.65rem;text-transform: uppercase;padding: 0.45rem 0.35rem;cursor: pointer;box-sizing: border-box;text-align: center;} .stm_prg a{text-decoration:none !Important;} .stm_prg i{width: 0.6rem;height: 0.6rem;display: inline-block;background-position: -16rem -2rem;margin: 0 0.25rem 0 0;vertical-align: top;} .stm_prg:hover i{background-position: -17rem -2rem;} .listtris{display: inline-block;width: 190px;vertical-align: top; margin-right:15px;} .blockVideo94 .videoblock{width: 47%;display: inline-block;vertical-align: top;margin-right:15px;} .blockVideo94 .videoblock:last:child{margin-right:0;} @media (max-width: 500px) { .stm_prg{margin-bottom:20px;float: left !important;margin-left: 10px;} .blockVideo94 .videoblock{width:100%;} } .newServFootetBlock{margin-bottom:20px;} .newServFootetBlock .maincol{background: url(/bitrix/templates/unix/images/footerCOnt.jpg) no-repeat top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;} .newServFootetBlock .maincol{color:#fff;} .newServFootetBlock .maincol .title_mn{text-transform:uppercase;font-size: 25px;font-family: "PT Serif","Times New Roman", serif;} .newServFootetBlock .maincol .desc_mn{text-transform:uppercase;font-size: 14px;} .backGo3{background:rgba(34, 34, 34, 0.8);padding: 20px 30px;} .backGo3 .block_phrom_foots2 {margin: 0 0 0.5rem 0;} .backGo3 p:last-child {margin: 0;} #phormKons .grad_but{padding:0;line-height:30px;font-size:0.85rem;margin-right:0;} .ok_phorms_mes{text-align: center;margin-top: 10px;margin-bottom: 0;display:none;} .ok_phorms_mes.actsPh{display:block;} .typeh3{font-size: 1.2rem;line-height: 1.5rem;margin: 0 0 1rem 0;padding: 0;font-weight: bold;color: #251e12;} .typeh4{font-size: 0.9rem;line-height: 1.2rem;margin: 0 0 1rem 0;padding: 0;font-weight: bold;color: #251e12;} .review__item { margin-bottom: 20px; padding: 15px; border-radius: 4px; box-shadow: 0 0 6px 4px rgb(230, 230, 230); } .review__name{font-style: italic;padding-top: 5px;padding-bottom: 5px;font-weight: bold; } .statistik span{color: #F50309;text-transform: uppercase;font-size: 35px;font-weight: bold;font-family: tahoma;font-family: Arial, Helvetica, sans-serif;} .statistik .benefitItem {text-align: left;} .statistik .img{width: 81px;text-align: center;float:left;} .statistik{padding-top:20px;} @media (min-width: 640px){ .shema span{color: #F50309;text-transform: uppercase;font-size: 18px;font-weight: bold;font-family: tahoma;} .shema{display:inline-block;text-align: center;} .shema_1, .shema_3, .shema_5{width: 30%;float: left;text-align: left;margin: 0 1.6%;} .shema_2{width: 30%;float: left;text-align: left;margin: 0 5% 0 15%;} .shema_4{width: 30%;float: left;text-align: left;margin: 0 15% 0 5%;} .podl{padding-bottom: 25px;} .shema2{display:none;padding-top:20px;} .shema{display:block;padding-top:20px;}} @media (max-width: 639px){ .shema{display:none;padding-top:20px;} .shema2{display:block;padding-top:20px;} .shema2 span{color: #F50309;text-transform: uppercase;font-size: 18px;font-weight: bold;font-family: tahoma;} .shema2{text-align: left;} .shema_1, .shema_3, .shema_5{width: 75%;text-align: left;padding: 0 0 25px 25%;} .shema_1{background: url('/bitrix/images/main/5005869_11.png kopiya 2_4560131.png');background-repeat: no-repeat;background-position: 0 0;} .shema_2{background: url('/bitrix/images/main/5005868_21.png kopiya 2_4560131.png');background-repeat: no-repeat;background-position: 0 0;} .shema_3{background: url('/bitrix/images/main/5005871_31.png kopiya 2_4560131.png');background-repeat: no-repeat;background-position: 0 0;} .shema_4{background: url('/bitrix/images/main/5005872_41.png kopiya 2_4560131.png');background-repeat: no-repeat;background-position: 0 0;} .shema_5{background: url('/bitrix/images/main/5005873_51.png kopiya 2_4560131.png');background-repeat: no-repeat;background-position: 0 0;} .shema_2{width: 75%;text-align: left;padding: 0 0 25px 25%;} .shema_4{width: 75%;text-align: left;padding: 0 0 25px 25%;} .shema2 ul, .shema2 ol{padding:0;} } /*.statistik div{width: 240px;float:left;}*/ .imgbox-01-main img{height:260px; padding:5px; } .calcs-button-container{color: white;text-align: center;height: 49px;line-height: 49px;font-size:20px;cursor: pointer;background: linear-gradient(to bottom, rgba(146,171,27,1) 0%,rgba(99,129,9,1) 100%);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.55);position: relative;font-family: Arial, Helvetica, sans-serif;margin-bottom: 5px;} .calcs-button-container span{position:relative;padding-left:30px;} .calcs-button-container:hover{top:1px;box-shadow:none;} .calcs-button-container span:before {position: absolute;width: 32px;height: 32px;left: -4px;top: -4px;background-image: url(/bitrix/images/element/calc.png);background-size: 32px;content: " ";} .calcs-button-container img{width:100%;cursor:pointer;} @media(max-width: 375px){ .imgbox-01-main img{height:auto; } .calcs-button-container span:before {width: 20px;height: 20px;left: -4px;top: 2px;background-size: 20px;} } .calc-list{width:100%;} .calc-list a{display:block;color: white;padding: 5px;} .calc-list{border: 1px solid rgba(99, 122, 3, 0.37);box-sizing: border-box;background: #3a3429;display:none;} .add__comment__input__wrap {margin-bottom: 15px;} .add__comment__input__wrap label{display: block;margin-bottom: 5px;} .add__comment__input__wrap input[type="text"]{width: 100%;max-width: 300px;} .add__comment__input__wrap textarea{width: 100%;height: 120px;} .btn__green{font-size: 16px;text-transform: uppercase;width: 185px;} .add__comment__buttons .add__comment__send__form{font-size: 16px;line-height: 40px;} .product__card__add__comment__form{margin-bottom: 30px;} .add__comment__agreeement{margin-top: 20px;} .product__comment__form__title{font-size: 20px;margin-bottom: 25px;} .product__card__add__comment__form__answer{text-align: center;} .product__card__add__comment__form__answer__text{margin-bottom: 15px;} .product__card__add__comment__form__answer__text__thx{font-size: 18px;font-weight: 700;} .product__comments__list__title{font-size: 20px;margin-bottom: 25px;} .product__list__comment__element{margin-bottom: 25px;} .product__comment__body{margin-top: 15px;} .add__comment__captcha{margin-bottom: 20px;} .product__detail__similar .info{width: auto;display: block;margin: 0;margin-top: -3.5rem;} .product__detail__similar .projectItem{width: 24%;} .product__detail__similar__title{font-size: 28px;line-height: 1;margin-bottom: 30px;} .product__detail__similar .projectList .buttons{margin-bottom: 0;margin-top: 16px;} .product__detail__similar .projectList .buttons .orderbut{margin-bottom: 0;} footer .footer-sections {position: absolute;left: 30%;width: 22%;} footer .footer-section-list{padding-left:18px;line-height: 15px;} footer .footer-section-list a {color: white;} .textprice-container ul{margin:0;padding:0;list-style:none;margin-bottom:20px;} .textprice-container {background-color: #f1f1f1;padding: 15px;} .tr-engage td:last-child{width:15%;} header.front .phones .head-adr-time p, header.inner .phones .head-adr-time p{font-size: 15px;margin-bottom: 0;line-height: 1.5em;} @media (max-width: 1199px){header.inner .phones .head-adr-time{display: none;} } .dvbold{font-weight:bold;} .nubering{font-size: 1.5rem;} .landos_free_project {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 1.4rem;line-height: 1.2em;font-weight: bold;color: #F4010c;} .landos_project_sliders {position: relative;display: flex;flex-flow: row wrap;justify-content: space-between;margin: 0 0 1rem 0;align-items: flex-start;} .landos_project_sliders .item {width: 33.333%;} .landos_project_sliders .item .pictures {width: 13.4rem;height: 8rem;margin: 0 auto 1.25rem 0;background: url(/upload/landos/r01.png) no-repeat left top;padding: 0.4rem 0.45rem;box-sizing: border-box;box-shadow: 0rem 0.5rem 0.75rem rgba(0,0,0,0.2);} .landos_project_sliders .item .pictures > div {} .landos_project_sliders .item .pictures a {width: 12.5rem;height: 7.2rem;display: block;} .landos_project_sliders .item .pictures a img {} .landos_project_sliders .item .pictures a:hover {} .landos_project_sliders .item .pictures a:hover img {} .landos_project_sliders .item .pictures .slick-dots {bottom: 0;left: 0;margin: 0 0 0.5rem 0;} .landos_project_sliders .item .texts {width: 13.4rem;} .landos_project_sliders .item .texts .h {font-weight: bold;margin: 0 0 1rem 0;} .landos_project_sliders .item .texts .b {} .landos_project_sliders .item .texts .b ul {padding: 0 0 0 0.9rem;} .landos_project_sliders .item .texts .b ul li {} .landos_engproject {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;margin: 2rem 0;} .landos_engproject .item {padding: 0 0.8rem;} .landos_engproject .item .picture {position: relative;margin: 0 auto 1.5rem;width: 8.5rem;} .landos_engproject .item .picture img {} .landos_engproject .item .h {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 1rem;line-height: 1.3em;margin: 0 0 1rem 0;min-height: 3.9em;} .landos_engproject .item .h span {color: #F4010c;text-transform: uppercase;font-weight: bold;display: block;} .landos_engproject .item .sh {text-align: center;font-weight: bold;margin: 0 auto 1rem;} .landos_engproject .item .b {} .landos_engproject .item .b ul {padding: 0 0 0 1rem;margin: 0;} .landos_engproject .item .b ul li {} .landos_tac {margin: 2rem 0 0;text-align: center;} .landos_tal {} h2.landos_tal {line-height: 1.1em;margin: 0 0 1.5rem 0;} .landos_benefits {position: relative;display: flex;flex-flow: row wrap;justify-content: space-around;margin: 2rem 0 0rem;background: url(../images/logo.png) no-repeat 50% 15rem;background-size: 9rem auto;} .landos_benefits .item {width: 12.7rem;} .landos_benefits .item:nth-child(1) {transform: translateY(3.3rem);} .landos_benefits .item:nth-child(2) {} .landos_benefits .item:nth-child(3) {transform: translateY(3.3rem);} .landos_benefits .item:nth-child(4) {} .landos_benefits .item:nth-child(5) {transform: translateY(3.3rem);} .landos_benefits .item:nth-child(6) {} .landos_benefits .item .picture {width: 100%;height: 9.9rem;padding: 1.2rem 1.1rem 1.1rem;position: relative;display: block;box-sizing: border-box;background: url(/upload/landos/r02.png);box-shadow: 0rem 0.5rem 0.75rem rgba(0,0,0,0.2);} .landos_benefits .item .picture img {display: block;position: relative;width: 10.5rem;height: 7.6rem;object-fit: cover;} .landos_benefits .item .picture::after {content:"";display: block;position: absolute;width: 10.5rem;height: 7.6rem;object-fit: cover;box-shadow: inset 0rem 0.5rem 0.75rem rgba(0,0,0,0.2);left: 1.1rem;top: 1.2rem;} .landos_benefits .item .descrip {text-align: center;font-size: 0.76rem;line-height: 1.3em;display: block;position: relative;padding: 0.7rem 0 2rem;min-height: 8.5rem;box-sizing: border-box;} .patterned_block {background: url(../images/pattern.png) repeat;padding: 1.5rem;} .landos_patterned_block {margin: 0rem 0 2rem;} .landos_patterned_block h2 {margin: 0 0 1rem 0;} .landos_patterned_block > *:last-child {margin: 0;} .landos_scheme {position: relative;display: flex;flex-flow: row wrap;justify-content: space-between;margin: 0 0 1rem 0;align-items: flex-start;} .landos_scheme .item {width: 33.333%;margin: 0 0 2rem 0;} .landos_scheme .item .picture {width: 13.4rem;height: 8rem;margin: 0 auto 1.25rem 0;background: url(/upload/landos/r01.png) no-repeat left top;padding: 0.4rem 0.45rem;box-sizing: border-box;box-shadow: 0rem 0.5rem 0.75rem rgba(0,0,0,0.2);position: relative;} .landos_scheme .item .picture::after {content:""; display: block;position: absolute;width: 12.5rem;height: 7.2rem;object-fit: cover;box-shadow: inset 0rem 0.5rem 0.75rem rgba(0,0,0,0.2);left: 0.45rem;top: 0.4rem;} .landos_scheme .item .picture img {display: block;width: 12.5rem;height: 7.2rem;object-fit: cover;} .landos_scheme .item .texts {font-family: Arial, Helvetica, sans-serif;font-weight: bold;position: relative;} .landos_scheme .item .texts .i {font-size: 1.4rem;height: 2.2rem;width: 2.2rem;text-align: center;line-height: 2rem;border: 0.1rem solid #d9d9d9;box-sizing: border-box;border-radius: 50%;color: #F4010c;position: absolute;top: 0.1em;left: 0;} .landos_scheme .item .texts .h {font-size: 1rem;line-height: 1.2em;margin: 0 0 0 3.2rem;} @media (max-width: 1158px) { /* 768 */ .landos_project_sliders {justify-content: space-around;} .landos_project_sliders .item {width: 36%;} .landos_benefits {background: none;} .landos_benefits .item {transform: none !important;} .landos_benefits .item .descrip {min-height: initial;} .landos_scheme {justify-content: space-around;} .landos_scheme .item {width: 36%;} header .zak_heads{display:none !important;} } @media (max-width: 767px) { /* 768 */ .landos_project_sliders {/* flex-flow: column nowrap; *//* align-items: center; */} .landos_project_sliders .item {width: auto;} .landos_engproject {flex-flow: column nowrap; align-items: center;} .landos_engproject .item {margin: 0 0 2rem 0;} .landos_scheme .item {width: 13.5rem;} } input[name="phone"]::placeholder, input[name="name"]::placeholder, input[name="email"]::placeholder, textarea[name="comment"]::placeholder { font-weight: normal; }