* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}
a{cursor: pointer;}
body,html {margin: 0;padding: 0;font-family: 'Montserrat',Helvetica,Arial,sans-serif;font-size:14px;font-weight: 500;}
body{
    overflow-x: hidden;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(242,242,242,1) 0%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(242,242,242,1) 0%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn {float:left;border:2px solid transparent;font-size: 20px;font-weight:800;border-radius: 50px;padding: 12px 30px;box-shadow: 2px 3px 8px rgba(0,0,0,.3);}
.btn-blue {background: #0285d3;color:#fff;border-color:#0285d3;}
.btn-green {background: #04911f;color:#fff;border-color:#04911f;}
.btn-orange {background: #d36902;color:#fff;border-color:#d36902;}
.btn-sm {font-size:16px;padding: 8px 20px;font-weight: 700 }
.btn-xs {font-size:13px;padding: 5px 15px;font-weight: 500}
.header {padding: 30px 0}
.wrapper {float:left;width: 100%;}
.container {margin:0 auto;width: 100%;max-width: 1280px}
.align-left{float:left;}
.align-right{float:right;}
.logo {float:left;width: 100%;max-width: 300px;white-space: nowrap;}
.logo img {float:left;height: 40px;}
.logo span {float:left;width: calc(100% - 74px);white-space: nowrap;color:#222;line-height: 40px;margin-left: 10px;font-size:32px;font-weight: 900}
.logo span em {color:#999;font-style: normal;font-weight: 300}
.nav {float:left;width: calc(100% - 600px);}
.nav ul {float:left;width: 100%;margin:0;padding:0;list-style: none;display: table;}
.nav ul li {display: table-cell;}
.nav ul li a{float:left;width: 100%;text-align: center;text-decoration: none;color:#555;line-height: 40px;font-size: 15px}
.right-phone {float:right;width: 100%;max-width: 300px;white-space: nowrap;}
.right-phone a:first-child{color:#111;text-decoration: none;font-weight: 800;font-size: 30px;margin-bottom: 5px;margin-top: -15px}
.right-phone a:first-child em{font-style: normal;font-weight: 500;font-size: 24px}
.right-phone a {float:left;clear: both;position: relative;left:50%;transform: translateX(-50%);}
.banner-content {display: table;}
.banner-content > div {display: table-cell;vertical-align: middle;}
.main-banner {padding: 50px 0 50px 0}
.main-banner__left {width:65%;}
.main-banner__right {width: 35%;}
.main-banner__right img {float:left;width: 100%;}
.main-banner__left * {float:left;}
.main-banner__left h1,.main-banner__left p {padding: 0;margin:0;width: 100%}
.main-banner__left h1 {font-size:58px;font-weight: 900;}
.main-banner__left p {font-size:28px;font-weight:300;color:#666;padding: 40px 0}
.main-banner__left a i{padding-right: 10px}
.main-banner__left a:last-child{margin-left:20px;}
.advantages {background: #0285d3;padding: 55px 0}
.main-banner__advantages {float:left;width: 100%;display: table;table-layout: fixed;}
.main-banner__advantages > div {display: table-cell;}
.main-banner__advantages >div > i {float:left;width: 50px;line-height: 50px;text-align: center;font-size: 40px;color:rgba(255,255,255,.8);}
.main-banner__advantages > div> div{float:left;position: relative;width: calc(100% - 70px);margin-left:10px;height: 50px;}
.main-banner__advantages > div> div span{position: absolute;left:0;top:50%;transform: translateY(-50%);width: 100%;font-size:17px;color:#fff;font-weight: 400}
.wrapper__head,.wrapper__body {float:left;width: 100%;position: relative;}
.banner-1 {background: #fff;padding: 70px 0 0 0}
.banner-1 .container {display: table;}
.banner-1 .container > * {width: 50%}
.banner1-image {display: table-cell;vertical-align: bottom;}
.banner1-image img{float:left;max-width: 100%}
.banner1-content {display: table-cell;padding: 20px 20px 50px 20px;vertical-align: middle;}
.banner1-content div{background: #dfdfdf;float:left;border-radius: 30px;width: 100%;padding: 0 20px}
.banner1-content h4,.banner1-content p {float:left;clear:both;margin:0;padding: 0;width: 100%}
.banner1-content h4 {font-weight: 900;font-size:42px;margin-top:20px;}
.banner1-content p {margin:0 0 20px 0;font-size: 18px;font-weight: 300}
.banner1-content input {float:left;padding: 15px 20px;margin-right: 10px;border:none;font-family: 'Montserrat',Helvetica,Arial,sans-serif;font-size: 16px;border-radius: 50px;outline: none}
.banner1-content a{clear:both;margin-top: 20px;margin-bottom: 20px;position: relative;left:50%;transform: translateX(-50%);min-width: 50%;text-align: center}

.wrapper__body {margin-top:50px;}
.profil-block {padding: 100px 0}
.wrapper__head h2 {float:left;clear: both;padding: 0 0 20px 0;margin:0 0 25px 0;position: relative;font-size:52px;font-weight: 900;}
.wrapper__head h2:after{content:'';position: absolute;bottom:-5px;height: 5px;width: 100%;background: #0285d3;left:0;}
.wrapper__head p {float:left;clear: both;padding: 0;margin:0;font-size: 26px;font-weight: 300;color:#666;}
.profils__item {float:left;width: 32%;margin:10px 0;padding: 20px 20px;background: #fff;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.profils__item:nth-child(3n - 1) {margin-left:2%;margin-right: 2%}
.profils__title,.profils__description,.profils__image,.profils__options {float:left;width: 100%}
.profils__image {position: relative;margin:30px 0;}
.profils__image:after{content:'';float:left;width: 100%;padding-bottom: 100%}
.profils__image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain;}
.profils__title {font-weight: 800;color:#111;font-size:24px;}
.profils__description {padding: 10px 0 0 0;margin:0;font-size:12px;color:#666;font-weight: 500}
.profils__description span {float:left;width: 60%;position: relative;}
.profils__description span:last-child{text-align: right;width: 30%;float:right;font-size:15px;margin-top:-36px;font-weight: 400}
.profils__description span:last-child strong{clear:both;color:#df0000;font-weight: 800;font-size:36px}

.profils__options p {float:left;width: 100%;margin:0 0 10px 0;padding: 0;color:#444;font-size:24px;font-weight: 900;white-space: nowrap;line-height: 40px;}
.profils__options p span{float:left;width: 50%;font-weight: 400;font-size: 16px}
.profils__options i{float:left;width: 10%;line-height: 40px;font-size: 32px}
.profils__options i:not(.active){color:#999;}
.profils__options i.active{color:#0285d3;}
.profils__item > a.btn {position: relative;left:50%;transform: translateX(-50%);margin-top:10px;width: 80%;text-align: center}
.banner-2 {background: #04911f;padding: 50px 0}
.banner-2-bl1 {float:left;width: 50%}
.banner-2-bl1 h4 {float:left;width: 100%;padding: 0;margin:0;font-size: 42px;font-weight: 800;color:#fff;}
.banner-2-bl1 p {float:left;width: 100%;padding: 0 0 0 0;margin:0;font-size: 18px;color:#fff;font-weight: 400}
.banner-2-bl2{float:left;width: 25%;font-size: 11px;margin-top:10px;color:#fff;}
.banner-2-bl3 {float:left;width: 100%;margin-top:50px;position: relative;}
.banner-2-bl3 input {float:left;padding: 16px 20px;margin-right: 10px;border:none;font-family: 'Montserrat',Helvetica,Arial,sans-serif;font-size: 16px;border-radius: 50px;outline: none}
.banner-2-bl3:after{content:'';position: absolute;right:0;bottom: -50px;width: 300px;height: 300px;background: url('../img/man2.png') center bottom no-repeat;background-size: contain;}
.furniture-block {padding: 100px 0}
.furniture-block__item {display: table;table-layout: fixed;float:left;width: 100%;padding: 50px 0}
.furniture-block__item > div {display: table-cell;position: relative;vertical-align: middle;background: #fff;}
.furniture-block__item > div ul{font-size:16px;padding: 10px 0;list-style: none}
.furniture-block__item > div ul li:before{float:left;width: 20px;font-family: 'Linearicons' !important;content: "\ec34";height: 100%;padding-right: 20px;color:#06a40a;font-size: 20px}
.furniture-block__item .furniture-block__image div {float:left;width: 100%;height: 100%;position: relative;}
.furniture-block__item .furniture-block__image div:after {content: '';float:left;position: relative;padding-bottom: 80%}
.furniture-block__item .furniture-block__image img {position: absolute;top:0;height: 100%}
.furniture-block__item:nth-child(1) .furniture-block__image img {right:0;}
.furniture-block__item:nth-child(2) .furniture-block__image img{left:0;}
.furniture-block__item h3 {font-size: 38px;font-weight: 800;color:#111;padding-top: 0}
.furniture-block__item {color:#333;font-weight: 400}
.furniture-block__item ul li {padding: 4px 0}
.glass-block {padding: 100px 0}
.glass-block .wrapper__head h2 {white-space: nowrap;}
.glass-block .wrapper__head h2:first-line {font-size: 36px;font-weight: 300;color:#666;}
.glass-block .wrapper__head p{font-size: 16px;}
.glass-block .wrapper__body {display: table;}
.glass-block__image {width: 60%;display: table-cell;vertical-align: middle;}
.glass-block__image img{float:left;max-width: 100%}
.glass-block__content{width: 40%;display: table-cell;vertical-align: middle;}
.glass-block__content p,.glass-block__content ul {float:left;width: 100%;margin:0;padding: 0;font-size: 16px;color:#333;font-weight: 400}
.glass-block__content p {text-indent: 20px}
.glass-block__content ul {list-style-position: inside;padding: 20px 0;}
.calculator {padding: 100px 0}
.calculator__body {float:left;width: 100%;margin-top:100px;}
.calculator__block {float:left;width: 50%;position: relative;}

.calculator__options {float:right;width: 30%;}
.width-line {width: 30%;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.height-line {height: 50%;position: absolute;right:10%;top:50%;transform: translateY(-50%);}
.width-line,.height-line {z-index: 10}
.width-line input,.height-line input {font-family: 'Montserrat',Helvetica,Arial,sans-serif;font-size: 24px;font-weight: 300;width: 120px;padding: 10px 20px;border:1px solid #ddd;border-radius: 4px;box-shadow: 0 0 8px rgba(0,0,0,.1) inset;position: absolute;text-align: center;}
.width-line input {bottom: 20px;left:50%;transform: translateX(-50%);}
.height-line input {left: 20px;top:50%;transform: translateY(-50%);}
.calculator__image {float:left;width:60%;margin:50px 20%;position: relative;}


.calculator__image img {float:left;width: 100%;}
.calculator__option {float:left;width: 100%;}
.calculator__option:not(:last-child){margin-bottom: 30px;}
.calculator__option label{float:left;width: 100%;font-size: 22px;font-weight: 400}
.calculator__option select {float:left;width: 100%;border-radius: 20px;padding: 10px 20px;font-family: 'Montserrat',Helvetica,Arial,sans-serif;box-shadow: 2px 2px 5px rgba(0,0,0,.1);background: #dfdfdf;border:none;margin-top:10px;font-size: 16px;outline: none}
.calculator__options a:last-child{position: relative;left:50%;transform: translateX(-50%);}
.certificates-block .wrapper__body a{float:left;width: 20%;margin:0 2.5%;}
.certificates-block .wrapper__body a img{float:left;width: 100%;}
.certificates-block,.contacts-block {padding: 90px 0;}

.contacts-content {float:left;width: 40%}
.contacts-line {float:left;width: 100%;margin-bottom: 20px;}
.contacts-line i {float:left;line-height: 40px;font-size: 30px;margin-right: 20px}
.contacts-line strong {float:left;line-height: 40px;font-size: 18px;font-weight: 400;clear:right;color:#666;}
.contacts-line a {float:left;text-decoration: none;font-size:26px;font-weight: 700;color:#111;line-height: 30px;margin:5px 0;}
.contacts-line span {float:left;clear: both;font-size: 18px;color:#000;font-weight: 500}
.map {float:right;width: 60%;border-radius: 20px;overflow:hidden;box-shadow:  2px 2px 7px rgba(0,0,0,.3);}
.footer {background: #0285d3;color:#fff;padding: 15px 0;font-size:11px;}
.footer em{font-style: normal;}
.footer-1 {float:left;width: 70%}
.footer-2 {float:right;width: 30%;text-align: right;}
.footer-2 a {color: #fff}

.button_mobile {display: none}

.modal {position: absolute;top:150px;width: 400px;left:50%;margin-left:-200px;z-index: 9999;box-shadow: 0 0 10px rgba(0,0,0,.6);border-radius: 30px;overflow: hidden}
.bg,.modal{display:none;}
.bg {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9978;top: 0;left: 0;}
.modal-header {float:left;width: 100%;position: relative;}
.modal-header span {float:left;width: 100%;line-height: 60px;font-weight: bold;padding: 0 5%;font-size: 22px;}
.line-strong {float:left;width: 100%;font-weight: bold;padding: 0;font-size: 16px;margin-top:30px;}
.modal-header a {position: absolute;right:5px;top:15px;width: 30px;text-align: center;line-height: 30px;font-weight: bold;font-size: 20px;}
.modal-content {float:left;width: 100%;padding: 0 5%;}
.modal-content .line {float:left;width: 100%;margin-top:20px;}
.modal-content .line span {float:left;width: 100%;margin-bottom: 5px;}
.modal-content .line input {font-size:18px;font-weight:400;float:left;width: 100%;padding: 15px;border-radius:30px;box-sizing: border-box;outline: none;font-family: 'Montserrat',Helvetica,Arial,sans-serif;}
.modal-content .line textarea {font-size:18px;font-weight:400;float:left;width: 100%;padding: 15px;box-sizing:border-box;border-radius:30px;height: 80px;resize: none;outline: none;font-family: 'Montserrat',Helvetica,Arial,sans-serif;}
.modal-content .main-question-confirm {margin:10px 0;}
.send-modal-form {float:left;width: 50%;margin:20px 25%;border:none;text-align: center;padding: 8px 0;border-radius:2px}
.modal {background: #fff;}
.modal-header {background: #fff;}
.modal-header span {border-bottom: 2px solid #0285d3;}
.line-strong {color:#111}
.modal-header a {color:#111;}
.modal-content .line span em {color:#df0000}
.modal-content .line input {border:1px solid #ccc;}
.modal-content .line textarea {border:1px solid #ccc;;}
.send-modal-form {background: #0285d3;color:#fff;border-radius: 50px}
.main-question-confirm a {color:#0285d3}
.main-question-confirm {float:left;width: 100%;line-height: 17px;font-size: 12px;}
.main-question-confirm input {float:left;width: 12px;margin-top:3px;margin-right: 7px;}
.modal-content .main-question-confirm {margin:10px 0;}
.phone-masked {text-align: center;}

a[href="#calculator"] {text-decoration: none}

#ajax-result {display:none;}
.head-fixed {position: fixed;left:0;top:0;z-index: 20;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.1);padding: 10px 0;}
.for-fixed-block {float:left;width: 100%}
.head-fixed .right-phone a{margin-top:0}
.head-fixed .right-phone a:last-child {display: none}
.head-fixed .nav{margin-top:0px;}
.calculator__image:after {content:'';float:left;width: 100%;padding-bottom: 100%;}
.calculator__image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain;}
@media(max-width: 992px)
{
    .container {margin: 0 auto;width: 100%;box-sizing: border-box;padding: 0 15px;}
    .logo {float: right; position: relative; right: 50%; transform: translateX(50%);}
    .button_mobile {display: block;float: left;width: 30px;border-radius: 2px;margin: 5px 10px 0 5px;background: #333;}
    .button_mobile i {float: left; width: 100%; text-align: center; line-height: 30px; color: #fff}
    .nav {display: none; width: 90%; margin: 10px 5%;}
    .nav > ul {float: left; width: 100%}
    .nav > ul > li {float: left; width: 100%}
    .right-phone {float: left; width: 100%; max-width: 100%; margin-top: 30px}
    .main-banner__left h1 {font-size: 26px}
    .main-banner__left p {font-size: 18px;     padding: 25px 0;}
    .profils__item {width: 100%; box-sizing: border-box; margin: 10px 0 !important;}
    .furniture-block__item > div {display: none}
    .glass-block .wrapper__head h2 {white-space: normal}
    .banner-content > div {display: block; float: left; width: 100%}
    .main-banner__left .btn {font-size: 12px}
    .banner-content .main-banner__right {padding: 25px 15% 0; box-sizing: border-box}
    .main-banner__advantages > div {display: block; float: left; width: 100%; margin-bottom: 10px;}
    .banner-1 .banner1-image {display: none}
    .banner-1 .banner1-content {display: block; float: left; width: 100%}
    .banner1-content input {width: 100%; margin: 10px 0 !important;}
    .banner1-content h4 {font-size: 28px; text-align: center}
    .banner1-content p {text-align: center}
    .banner1-content a {font-size: 18px}
    .main-banner__left a {margin-bottom: 15px}
    .main-banner__left a:last-child {margin: 0; float: right;}
    .wrapper__head h2 {font-size: 36px; position: relative; left: 50%; transform: translateX(-50%)}
    .wrapper__head p {text-align: center; font-size: 20px; box-sizing: border-box; padding: 0 20px;}
    .profils__description span:last-child {clear: both; float: left; margin-top: 10px; width: auto}
    .banner-2-bl1, .banner-2-bl2 {width: 100%}
    .banner-2-bl3:after {display: none}
    .banner-2-bl3 input, .banner-2-bl3 .btn {clear: both; position: relative; left: 50%; transform: translateX(-50%); float: left; margin: 0 0 15px 0}
    .banner-2-bl1, .banner-2-bl2 {text-align: center}
    .furniture-block__item .furniture-block__content {display: block; float: left}
    .glass-block__image {display: block; float: left; width: 100%; margin-bottom: 30px}
    .glass-block__content {display: block; float: left; width: 100%}
    .wrapper__head h2, .glass-block .wrapper__head h2:first-line {font-size: 28px; text-align: center}
    .furniture-block__item h3, .banner-2-bl1 h4 {font-size: 28px; text-align: center}
    .contacts-content {width: 100%}
    .map {width: 100%}
    .footer-1, .footer-2 {width: 100%; text-align: center; margin-bottom: 15px}
    .calculator__options {width: 100%}
    .calculator__block {width: 70%}
    .certificates-block .wrapper__body a {width: 45%; margin-bottom: 15px}
    .main-banner__left .btn { margin: 10px 0 !important; clear: both; float: left !important; position: relative; left: 50%; transform: translateX(-50%)}
    .main-banner__left h1, .main-banner__left p {text-align: center}
    .right-phone a:first-child {margin: 0 0 20px 0; font-size: 24px}
    .head-fixed .right-phone {margin: 0; font-size: 20px}
    .head-fixed .right-phone a:first-child {font-size: 20px; margin-bottom:0}
}
@media(max-width: 480px)
{
    .main-banner__left a:last-child {float: left}
}