html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
.content {
    height: auto !important;
    padding-top: 10px;
    flex: 1 0 auto;
}
.footer {
    flex-shrink: 0;
}
h3 {
    font-size: 2.4rem;
    margin-bottom: 1.8rem;
}
.email-input {
    display: none;
}
/* Стили всплывающего окна по-умолчанию */
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5); /* фон */
    z-index: 10000;
    opacity: 1; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* При отображении модального окно */
.modal:target {
    display: TABLE-CAPTION;
    opacity: 1; /* делаем окно видимым */
    pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 500px;
      margin: 30px auto; /* отображение окна по центру */
  }
}
/* Стили для блока с контентом окна */ 
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
/* Стили заголовка окна */
.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: 500;
}

.modal_li{
    font-size: 1.6rem;
    padding: 7px;
}

/* Стили кнопки "х" ("Закрыть")  */
.close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* Стили для закрывающей кнопки в фокусе или наведении */
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* Стили блока основного содержимого окна */
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}
.header_logo {
    transition: all .3s;
}
/* .is-sticky .header_logo {
    width: 15rem;
} */
@media screen and (max-width: 576px) {
    .is-sticky .header_left {
        display: none;
    }
    .is-sticky .header_phones {
        margin-top: 1.5rem !important;
    }
}
.categories {
    list-style: none;
    margin-bottom: 3rem;
}
.categories li {
    display: inline-block;
}
.categories_item {
    display: block;
    margin-bottom: 1rem;
    background: #fff;
    padding: 1.2rem;
    font-size: 1.6rem;
    margin-right: 1.5rem;
    color: #183b61;
    border: 1px solid #183b61;
}
.categories_item:hover {
    color: #183b61;
}
.categories_active {
    background: #183b61;
    color: #fff;
}
.categories_active:hover {
    color: #fff;
}
.project_item img {
    max-width: 100%;
}
.desc_list {
    list-style: none;
}
.desc_text {
    margin-top: 3rem;
}
.desc_text p:not(:last-child) {
    margin-bottom: 1.4rem;
}
.controls {
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.controls a {
    color: #000;
    text-decoration: underline;
}
.project_list {
    color: #333;
}
.project_item img {
    height: 45rem;
    width: 100%;
    object-fit: cover;
}
.hero_promos-column .hero_promos-item {
    padding: 1.5rem 1rem;
}
.hero_promos-column .hero_promos-text {
    padding-left: 0;
    padding-top: 1.4rem;
    text-align: center;
}
.hero_form-subtitle {
    font-size: 2.1rem;
    font-weight: normal;
}
.plastic .card_subtitle {
    margin-top: 0;
    margin-bottom: 2.3rem;
}
.plastic .card_title {
    text-decoration: unset;
}
.plastic-do .card_title {
    margin: 0;
    padding: 2rem 2rem 1.8rem;
}
.plastic-do .card_content {
    padding: 0;
}
.plastic img {
    object-fit: contain;
}
.plastic-do img {
    object-fit: cover;
}

.repair_table td,
.repair_table th
{
    padding: 1.5rem;
}

.prices_item {
    padding: 3rem;
}
.card_img {
    height: 20rem;
}
.prices_title {
    font-size: 2.3rem;
}
.prices_subtitle {
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
}
.prices_item .card_btn {
    display: inline-block;
    padding: 1.2rem 1.8rem;
    align-self: flex-start;
}
.table-flex::after {
    display: block;
    content: "";
    clear: both;
}
.table-flex_item {
    width: 30%;
    float: left;
}
.table-flex_item:not(:last-child) {
    border-right: 1px solid #ccc;
    margin-right: 15px;
}
.table-flex_item strong {
    display: block;
    font-size: 1.8rem;
    margin-bottom: 2px;
}
@media only screen and (max-width:768px) {
    .table-flex_item {
        width: 100%;
        float: unset;
        margin-bottom: 1rem;
        border-right: 0;
        margin-right: 0;
    }
    .prices_title {
        margin-top: 2rem;
    }
    .table-flex {
        margin-bottom: 2rem;
    }
    .prices_item {
        padding: 15px;
    }
}

.sub_menu {
    list-style: none;
    font-size: 0;
}
.sub_menu li {
    display: inline-block;
    line-height: 1;
    font-size: 1.6rem;
}
.sub_menu li a {
    display: block;
    padding: 2rem 1.2rem 1.9rem;
    color: #333;
    border-bottom: 3px solid transparent;
    transition: all .3s;
}
@media screen and (max-width:768px) {
    .sub_menu {
        display: none;
    }
}
.sub_menu li a.active, .sub_menu li a:hover {
    color: #183b61;
    border-bottom: 3px solid #183b61;
}
.header_work-hours {
    font-size: 1.3rem;
    font-weight: normal;
}
.header_phones-item {
 text-align: right;
}
.slider_main .slick-slide img {
    width: 100%;
    height: 35rem;
    object-fit: cover;
}
.icons_main {
    margin-top: 1.8rem;
}
.icons_main .how_item {
    margin-bottom: 4.5rem;
}
.icons_main .how_title {
    font-size: 1.8rem;
    font-weight: 400;
}
.icons_main .how_title span {
    font-weight: 700;
}
.section_title-wsub {
    margin-bottom: 1.4rem !important;
}
.section_title + .sub {
    margin-top: 0;
    margin-bottom: 5.5rem;
    font-size: 2.1rem;
}
.blog-posts_item {
    padding-bottom: 3.2rem;
    font-size: 1.8rem;
}
.blog-posts_item:not(:last-child) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}
.blog-posts_title {
    font-weight: bold;
    margin-bottom: 1.5rem;
    font-size: 2.3rem;
}
.blog-posts_title a {
    text-decoration: underline;
    color: #333;
}
.blog-posts_title a:hover {
    text-decoration: none;
}

.text-main a {
    text-decoration: underline;
}
.text h2 {
    font-size: 2.7rem;
    margin-bottom: 2.2rem;
    text-align: center;
}
.text h3 {
    font-weight: bold;
    font-size: 2.1rem;
}
.text p:not(:last-child) {
    margin-bottom: 1.7rem;
}
.text p + h2 {
    margin-top: 4.5rem;
}
.text p + h3 {
    margin-top: 3.5rem;
}
.text img {
    max-width: 100%;
}
.text h3 + p {
    margin-top: 1.7rem;
}
.text ul + p,
.text ol + p {
    margin-top: 1.7rem;
}
.blog-post .section_title {
    margin-top: 2rem;
    margin-bottom: 3.5rem;
}
.hero_bg_santeh {
    background-image: linear-gradient(rgba(0, 1, 5, 0.65), rgba(0, 1, 5, 0.65)), url(../img/santeh.jpg) !important;
}
.text ul, .text ol {
    list-style-position: inside;
}
.text li:not(:last-child) {
    margin-bottom: 1rem;
}
.produce {
    margin-top: 3rem;
}
.produce_item:not(:last-child) {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #ddd;
}
.produce_title {
    font-size: 2.3rem;
}
@media screen and (max-width:768px) {
    .produce_title {
        margin-top: 1.5rem;
    }
}
.produce_content {
    margin-top: 2rem;
}
.produce_list_title {
    font-weight: bold;
    margin-bottom: 7px;
}
.produce_list {
    list-style-type: none;
}
.produce_list li:not(:last-child) {
    margin-bottom: 5px;
}
.icons_partnership .how_item {
    align-items: center !important;
}
.icons_partnership .how_title {
    margin-bottom: 0;
}
.icons_partnership .how_content {
    padding-left: 2rem;
}
.how_icon-wrapper {
    flex-shrink: 0;
    width: 7rem;
    text-align: center;
}
.how_icon-wrapper .how_icon {
    width: 100%;
}
.sotr_addresses {
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px) {
    .sotr_addresses {
        padding-top: 3rem;
    }
    .icons_partnership {
        margin-top: 3rem !important;
    }
}
.slider_sotr .slick-slide img {
    height: 32rem;
}
.hero_new {
    padding-bottom: 0;
    background: #183b61;
}
.hero_new .hero_content {
    max-width: 70rem;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    color: #fff;
}
.hero_new .hero_form-title {
    color: #333;
}
.hero_new .hero_img_wrapper {
    position: relative;
    height: 68rem;
}
.hero_new .hero_img {
    position: absolute;
    width: 48vw;
    height: 68rem;
    background-image: url("../img/hero-new.jpg");
    background-position: left center;
    background-size: cover;
}
.hero_new .hero_form {
    margin-top: 5rem;
    padding: 2.5rem 3rem;
}
.hero_new .hero_title {
    line-height: 1.1;
    font-size: 4.8rem;
    font-weight: 500;
}
@media only screen and (max-width:768px) {
    .hero_new .hero_content {
        padding: 5rem 0;
    }
    .hero_new .hero_img_wrapper {
        display: none;
    }
}

.hero-win_page{
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .38), hsla(0, 0%, 100%, .38)), url(../img/site_images/windows/windows_main.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 25%;
    padding-bottom: 6rem;
}
.hero-door_page{
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .38), hsla(0, 0%, 100%, .38)), url(../img/site_images/doors/main_page.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 55%;
    padding-bottom: 6rem;
}
.hero-balconies_page{
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .38), hsla(0, 0%, 100%, .38)), url(../img/site_images/balconies/main_page.jpeg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 35%;
    padding-bottom: 6rem;
}
.hero--otdelka .hero_img {
    background-image: url("../img/hero-otdelka.jpg");
}
.hero--veranda .hero_img {
    background-image: url("../img/hero-veranda.jpg");
}

.about {
    margin-top: 6rem;
}
.about .how_icon {
    align-self: center;
    max-width: unset;
    height: 8rem;
}
.about .how_title {
    margin-top: 2rem;
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 1.2;
}
.about .how_content {
    padding-left: 0;
}

.services .card_content {
    height: 100%;
}
.services .col-md-4 {
    margin-bottom: 3rem;
}
.services .card_title {
    font-size: 1.8rem;
}

.header_menu {
    margin-bottom: 1.2rem;
}
.header_menu-link {
    font-size: 1.5rem;
}
.project_image {
    position: relative;
}
.project_image-quantity {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    background-image: url('../img/camera.png');
    background-size: cover;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 14px;
    padding-top: 2px;
}
.breadcrumbs {
    margin-top: 0;
    padding: 1.8rem 0;
    font-size: 1.6rem;
}

.balkon_includes-list--excludes li:before {
    background-image: url(../img/ic-cancel.png);
}

.dform {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
}
@media only screen and (max-width:768px) {
    .dform {
        padding: 0;
        box-shadow: unset !important;
    }
}
.dform_group {
    margin-bottom: 3.5rem;
    font-size: 1.7rem;
}
.dform_group input {
    font-size: 1.7rem;
}
.dform_radio-item {
    margin-bottom: 1rem;
}
.dform_radio-item label {
    margin-left: 7px;
    cursor: pointer;
}
.dform_title {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 2.2rem;
}
.dform_title::after {
    content: "";
    display: block;
    width: 4rem;
    height: 3px;
    margin-top: 7px;
    background-color: #36b494;
}
.dform_group select {
    width: 100%;
    height: 4.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.7rem;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0;
    padding: 0 1rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M 7.4296875 9.5 L 5.9296875 11 L 12 17.070312 L 18.070312 11 L 16.570312 9.5 L 12 14.070312 L 7.4296875 9.5 z' fill='%23000000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 24px;
}
@media only screen and (max-width: 1200px) {
    .dform_group select {
        width: 100%;
    }
}
.dform_group .hero_form-phone,
.dform_group .hero_form-submit {
    height: 5rem;
    margin: 0;
}
.inputfile {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.inputfile + label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27rem;
    height: 5rem;
    font-size: 1.7rem;
    margin-bottom: 0;
    margin-right: 1rem;
    background: linear-gradient(to top, #ccc, #f6f6f6);
    cursor: pointer;
    color: #000;
}
.help .header_phones-btn {
    padding: 1.5rem 2rem;
    font-size: 1.8rem;
}
.help .wa p {
    font-size: 2rem;
}
.dop a {
    color: #333;
    border-bottom: 1px solid #333;
}

.order li strong {
    display: flex;
    align-items: center;
}
.order_num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-right: 1.1rem;
    border-radius: 100%;
    line-height: 1;
    background-color: #36b494;
    color: #fff;
}

.reviews-slider {
    margin-top: 3rem;
}

.reviews-slider img {
    width: 100%;
}
/* the slides */
.reviews-slider .slick-slide {
    margin: 0 1rem;
}
/* the parent */
.reviews-slider .slick-list {
    margin: 0 -1rem;
}

.reviews-slider .slick-prev:before, .reviews-slider .slick-next:before {
    color: #183b61;
}

.dop-cards .card_title  {
    font-size: 1.9rem !important;
    font-weight: 600;
}
.dop-cards .card_size-3 .card_content {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-bottom: 3px;
}

.card_benefits {
    list-style: none;
    padding: 2.4rem 1.5rem 0;
    text-align: left;
    font-size: 1.6rem;
}
.card_benefits li:not(:last-child) {
    margin-bottom: 8px;
}
.card_benefits li {
    display: flex;
}
.card_benefits li::before {
    content: '';
    width: 16px;
    height: 21px;
    margin-top: 1px;
    margin-right: 7px;
    background-image: url('../img/okay.svg');
    background-size: cover;
}
.card_benefits + p {
    padding: 1.5rem 1.5rem 0;
    text-align: left;
    font-size: 1.6rem;
}

.faq_list {
    list-style: none;
}
.faq_list_item {
    padding: 3rem;
    background-color: #fff;
    transition: .3s;
}
.faq_list_item:not(:last-child) {
    margin-bottom: 3rem;
}
.faq_answer ul {
    list-style-position: inside;
    list-style-type: none;
}
.faq_answer ul li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.faq_answer li::before {
    content: '· ';
    font-size: 2rem;
    padding-right: 3px;
}
.faq_question {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}
.faq_question::after {
    content: "";
    display: block;
    margin: 8px 0 2.3rem;
    width: 4rem;
    height: 3px;
    background-color: #36b494;
}
.footer_content a {
    color: #fff;
    text-decoration: underline;
}
.footer_content a:hover {
    color: #fff;
}
.header_phones-item {
    display: none;
}

.nav_wrapper_phone {
    display: none;
    margin-right: 15px;
    font-size: 2rem;
}

@media only screen and (max-width:576px) {
    .nav_wrapper {
        background-color: #ddd;
    }

    .nav_menu-label {
        width: 14rem;
    }

    .is-sticky .nav_wrapper_phone {
        display: block;
    }
}

.prices .card_img, .prices_item .card_img {
    -o-object-fit: contain;
    object-fit: contain;
}
.balkon_icons {
    margin-bottom: 5rem;
}
.hero_special-offer {
    text-align: center;
    font-size: 2.4rem;
    margin-top: 3.5rem;
    font-weight: bold;
}
.hero_special-offer + .hero_form {
    margin-top: 3rem;
}
.hero_form-textarea {
    height: 18rem;
    padding: 1.5rem 1rem;
    font-size: 1.7rem;
}
.btn-review {
    padding: 1.4rem 3rem
}
.review-text {
    max-width: 70rem;
    margin: 0 auto;
    padding: 4rem 0;
    text-align: center;
}
.review-text .author {
    margin-top: 1.5rem;
    font-weight: bold;
}
.windows .card_desc,
.windows .card_subtitle {
    padding: 0 2rem;
    font-size: 1.7rem;
}
.windows .card_desc {
    padding-bottom: 1rem;
}
.windows .card_subtitle {
    padding-bottom: 1.5rem;
}
.windows .card_btn {
    font-size: 1.6rem;
}


*,:after,:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

:focus {
    outline: none
}

dl,ol,ul {
    margin: 0;
}

ul{
    list-style: none;
}

.ul_modal li input{
    display: block;
    margin-left: auto;
    margin-right: auto
}

html {
    font-size: 62.5%
}

@media only screen and (max-width: 75em) {
    html {
        font-size:56.25%
    }
}

@media only screen and (max-width: 62em) {
    html {
        font-size:50%
    }
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    background-color: #2D4628;
    color: #fff
}

::selection {
    background-color: #2D4628;
    color: #fff
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

p {
    margin: 0
}

body {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #2D4628
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700
}

.img-bordered {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.img-fluid {
    max-width: 100%
}

.pt-5r {
    padding-top: 5rem!important
}

.header {
    background: #fff
}

.header_left {
    background-color: #fff;
    padding-top: 6px;
    padding-left: 1px
}

@media only screen and (max-width: 36em) {
    .header_left {
        margin:0 auto 2rem
    }
}

.header_logo {
    width: 19rem
}

.header_right {
    background-color: #fff;
    padding-left: 3rem
}

@media only screen and (max-width: 36em) {
    .header_right {
        padding-left:0;
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
        margin-bottom: 2rem
    }
}

.header_menu {
    list-style: none;
    padding-left: 0
}

.header_menu-item {
    display: inline;
    padding-right: 1.45rem
}

.header_menu-link {
    color: #2D4628;
    font-size: 1.6rem
}

.header_menu-link:hover {
    color: #2D4628
}

.header_phones {
    color: #2D4628;
    margin-top: 1.2rem
}

.header_phones-item {
    font-size: 1.9rem;
    padding-right: 1.6rem;
    font-weight: 700;
    text-align: center;
}

@media only screen and (max-width: 62em) {
    .header_phones-item {
        padding-right:0!important;
        padding-bottom: 2px
    }
}


.header_phones-btn_wa {
    background-color: #FF6933;
    background-image: -webkit-gradient(linear,left top,right top,from(#FF6933),to(#FF6933));
    background-image: -webkit-linear-gradient(left,#FF6933,#FF6933);
    background-image: -o-linear-gradient(left,#FF6933,#FF6933);
    background-image: linear-gradient(90deg,#FF6933,#FF6933);
    padding: 1.1rem 1.3rem;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #000000;
}

.header_phones-btn {
    background-color: #FF6933;
    background-image: -webkit-gradient(linear,left top,right top,from(#FF6933),to(#FF6933));
    background-image: -webkit-linear-gradient(left,#FF6933,#FF6933);
    background-image: -o-linear-gradient(left,#FF6933,#FF6933);
    background-image: linear-gradient(90deg,#FF6933,#FF6933);
    padding: 1.1rem 1.3rem;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff
}

.header_phones-btn:hover {
    color: #fff
}

@media only screen and (max-width: 36em) {
    .header_phones-btn {
        margin-top:8px
    }
}

.hero {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(../img/main_page.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 6rem
}

.hero_content {
    padding-top: 7rem
}

.hero_title {
    text-align: center;
    font-size: 3.6rem
}

.hero_subtitle {
    margin-top: 1.1rem;
    font-size: 2.2rem;
    text-align: center
}

.hero_promos {
    margin-top: 6rem
}

@media only screen and (max-width: 48em) {
    .hero_promos .col-md-4 {
        margin-bottom:2rem
    }
}

.hero_promos-title {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1.2rem;
    font-weight: 700
}

.hero_promos-item {
    height: 100%;
    background-color: #fff;
    padding: 1.5rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hero_promos-item:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.hero_promos-icon {
    max-width: 6rem;
    min-height: 6rem;
}

.hero_promos-text {
    font-size: 1.7rem;
    padding-left: 1.4rem
}

.hero_promos-text span {
    display: block;
    color: #E83100;
    font-weight: 700
}

.hero_form {
    margin-top: 4rem;
    background: #fff;
    padding: 2.5rem 2rem
}

.hero_form_without_top_margin {
    background: #fff;
    padding: 2.5rem 2rem
}

.hero_form-title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.hero_form-text {
    margin: 0 auto;
    font-size: 1.6rem;
    padding-left: 1.8rem;
    color: #888
}

@media only screen and (max-width: 48em) {
    .hero_form-text {
        padding-left:0;
        margin-top: 1rem
    }
}

.hero_form-fields {
    margin-top: 4px
}

.hero_form-fields input {
    width: 27rem;
    height: 5rem;
    font-size: 1.7rem
}

@media only screen and (max-width: 48em) {
    .hero_form-fields input {
        margin-bottom:1rem
    }
}

.hero_form-phone {
    margin-right: 1rem;
    padding: 0 1rem
}

.hero_form-submit {
    width: 25rem;
    background-color: #FF6933;
    background-image: -webkit-gradient(linear,left top,right top,from(#FF6933),to(#FF6933));
    background-image: -webkit-linear-gradient(left,#FF6933,#FF6933);
    background-image: -o-linear-gradient(left,#FF6933,#FF6933);
    background-image: linear-gradient(90deg,#FF6933,#FF6933);
    border: 0;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.nav_wrapper {
    background: #f1f1f1
}

@media only screen and (max-width: 36em) {
    .nav_wrapper .container {
        padding:0
    }
}

.nav_menu {
    list-style: none;
    background: #f1f1f1;
    font-size: 0
}

@media only screen and (max-width: 62em) {
    .nav_menu {
        display:none
    }
}

.nav_menu-label {
    font-size: 2rem;
    background-image: url(../img/icons/menu_label.svg);
    background-position: 2rem;
    background-repeat: no-repeat;
    -webkit-background-size: 3rem 1.7rem;
    background-size: 3rem 1.7rem;
    padding-left: 6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.5rem;
    display: none;
    cursor: pointer;
    background-color: #ddd
}

@media only screen and (max-width: 62em) {
    .nav_menu-label {
        display:block
    }
}

.nav_item {
    display: inline-block;
    position: relative;
}

.nav_item:hover .nav_sub {
    display: block
}

@media only screen and (max-width: 62em) {
    .nav_item {
        display:block
    }
}

.nav_sub {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 27rem;
    color: #2D4628;
    font-size: 1.6rem;
    list-style: none;
    z-index: 1
}

.nav_sub li a {
    display: block;
    padding: 1.5rem;
    background: #fff;
    color: #2D4628;
    -webkit-transition: all .3s;
    -o-transition: .3s all;
    transition: all .3s
}

.nav_sub li a:hover {
    background: #2D4628;
    color: #fff
}

.nav_link {
    box-sizing: border-box;
    display: block;
    padding: 1.5rem 6rem 1.4rem;
    font-size: 1.6rem;
    color: #2D4628;
    border-bottom: 3px solid #FF6933;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media only screen and (max-width: 62em) {
    .nav_link {
        border-bottom:0;
        padding: 1.5rem 2rem
    }
}

.nav_link:hover {
    color: #2D4628;
    border-bottom: 3px solid #2D4628;
}

@media only screen and (max-width: 62em) {
    .nav_link-active,.nav_link:hover {
        color:#fff;
        background: #2D4628;
        border-bottom: 0
    }
}

.section {
    padding: 6.5rem 0;
    font-size: 1.7rem
}

@media only screen and (max-width: 36em) {
    .section {
        padding:4.5rem 0 3.5rem
    }
}

.section_title {
    position: relative;
    margin-bottom: 5rem;
    text-align: center;
    color: #2D4628;
    font-size: 3.6rem
}

@media only screen and (max-width: 36em) {
    .section_title {
        margin-bottom:3rem;
        line-height: 1
    }
}

.section_title:after {
    margin-left: 2.5rem
}

.section_title:before {
    margin-right: 2.5rem
}

.section_subtitle {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 5rem
}

.section_color_grey {
    background: url(../img/papyrus.png)
}

.how {
    margin-top: 5rem
}

.how-s {
    margin-top: 6rem
}

.how_item {
    margin-bottom: 4rem
}

.how_icon {
    max-width: 11rem;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start
}

.how_icon-s {
    max-width: 9rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media only screen and (max-width: 36em) {
    .how_icon-s {
        margin-top:1rem;
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
}

@media only screen and (max-width: 36em) {
    .how_icon,.how_icon-s {
        max-width:5rem
    }
}

.how_content {
    padding-left: 2.3rem
}

.how_title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 7px
}

.card_item {
    background-color: #fff
}

@media only screen and (max-width: 48em) {
    .card_item {
        margin-bottom:3rem
    }
}

.card_img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    height: 28rem;
    -o-object-fit: cover;
    object-fit: cover
}

.card_img-wrapper {
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 62em) {
    .card_img {
        height:23rem
    }
}

@media only screen and (max-width: 48em) {
    .card_img {
        height:23rem
    }
}

.card_label {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #FF6933;
    color: #fff;
    padding: 1rem;
    font-size: 1.9rem;
    border-left: 4px solid #fff;
    border-top: 4px solid #fff
}

.card_btn {
    background-color: #FF6933;
    background-image: -webkit-gradient(linear,left top,right top,from(#FF6933),to(#FF6933));
    background-image: -webkit-linear-gradient(left,#FF6933,#FF6933);
    background-image: -o-linear-gradient(left,#FF6933,#FF6933);
    background-image: linear-gradient(90deg,#FF6933,#FF6933);
    text-align: center;
    color: #fff;
    padding: 1.5rem 0
}

.card_btn:hover {
    color: #fff
}

.card_content {
    text-align: center;
    padding: 2rem 0
}

.card_title {
    font-size: 2rem;
    color: #2D4628
}

.card_subtitle {
    margin-top: 5px;
    font-weight: 700
}

.card_sub {
    margin-top: 5px
}

.card_size-6 {
    margin-bottom: 3rem
}

.card_size-6 .card_content {
    padding-bottom: 0
}

.card_size-6 .card_title {
    text-decoration: underline;
    font-size: 1.9rem;
    margin-top: 4px;
    margin-bottom: 1rem;
    font-weight: 400;
    padding: 0 1rem
}

.card_size-6 .card_subtitle {
    font-size: 1.8rem;
    margin-top: 2rem
}

.card_size-6 .card_img {
    height: 32rem
}

.card_size-6 .card_btn {
    display: block;
    margin: 1.8rem auto 0;
    width: 18rem;
    width: 100%;
    padding: 2rem 0
}

.card_size-3 {
    margin-bottom: 3rem
}

.card_size-3 .card_content {
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.card_size-3 .card_title {
    font-size: 2.1rem;
    margin-top: 4px;
    margin-bottom: 1rem;
    text-align: left;
    padding: 0 1rem 0 0
}

.card_size-3 .card_sub {
    text-align: left;
    font-size: 1.6rem
}

.card_size-3 .card_subtitle {
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: left
}

.card_size-3 .card_img {
    height: 20rem
}

.help {
    background: #2D4628;
    color: #fff;
    padding: 5rem 0
}

.help p {
    font-size: 2.8rem
}

.help input {
    border: none
}

.prices_item {
    padding: 4rem;
    background-color: #fff
}

.prices_item:not(:last-child) {
    margin-bottom: 3rem
}

@media only screen and (max-width: 36em) {
    .prices_item {
        padding:2.5rem 2.5rem 0
    }
}

.prices_title {
    color: #2D4628;
    font-size: 2.8rem;
    text-decoration: underline;
    margin-bottom: 1rem
}

.prices_subtitle {
    font-size: 2rem;
    margin-bottom: 4rem
}

.prices_btn {
    width: 30rem;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start;
    margin-top: 0
}

.bprices .card_btn {
    padding: 2rem 0
}

.dop {
    list-style: none
}

.dop p:not(:last-child) {
    margin-bottom: 1rem
}

.dop li:not(:last-child) {
    margin-bottom: 2rem
}

.dop li strong {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.9rem
}

.dop li span {
    color: #FF6933
}

.dop_img {
    float: right;
    max-width: 49rem;
    margin-left: 3rem
}

@media only screen and (max-width: 48em) {
    .dop_img {
        margin-left:0;
        margin-bottom: 3rem;
        max-width: 100%
    }
}

.review_item {
    background-color: #fff;
    padding: 3rem
}

.review_item:not(:last-child) {
    margin-bottom: 3rem
}

.review_item img {
    max-width: 100%;
    margin-bottom: 1.5rem
}

.review_name {
    font-weight: 700;
    margin-bottom: 1.5rem
}

.footer {
    background: #FFA570;
    color: #fff;
    padding: 3rem 0;
    font-size: 1.6rem
}

.questions {
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.8)),to(hsla(0,0%,100%,.8))),url(../img/hero.jpg);
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.8)),url(../img/hero.jpg);
    background-image: -o-linear-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.8)),url(../img/hero.jpg);
    background-image: linear-gradient(hsla(0,0%,100%,.8),hsla(0,0%,100%,.8)),url(../img/hero.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50%
}

.questions input,.questions textarea {
    width: 100%;
    margin-bottom: 1rem
}

.questions textarea {
    padding: 1rem;
    height: 15rem;
    border: 1px solid #ccc
}

.questions input[type=submit] {
    margin-bottom: 0
}

.questions_adresses {
    list-style: none
}

.questions_adresses li:not(:last-child) {
    margin-bottom: 1rem
}

@media only screen and (max-width: 48em) {
    .questions_adresses {
        margin-bottom:3rem
    }
}

.balkon_card {
    margin-bottom: 3rem
}

.balkon_card .card_btn {
    display: block;
    width: 100%;
    margin-top: 2rem;
    padding: 2rem 0
}

.balkon_icons {
    margin-bottom: 2rem
}

@media only screen and (max-width: 62em) {
    .balkon_icons .row>div:not(:last-child) {
        margin-bottom:2rem
    }
}

.balkon_icons-item {
    max-width: 7.5rem
}

.balkon_icons span {
    padding-left: 1.4rem;
    font-size: 1.8rem
}

.balkon_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.balkon_right p {
    font-size: 2.1rem;
    margin-bottom: 2rem
}

.balkon_phones {
    margin-bottom: 0!important
}

.balkon_phones a {
    font-weight: 700
}

.balkon_includes {
    padding: 2.6rem;
    margin-top: 3rem
}

@media only screen and (max-width: 36em) {
    .balkon_includes:first-child {
        margin-top:2rem
    }
}

.balkon_includes-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 5px
}

.balkon_includes-list {
    list-style: none;
    padding-top: 1rem;
    list-style-position: inside
}

.balkon_includes-list li {
    position: relative;
    padding-left: 3.5rem
}

.balkon_includes-list li:not(:last-child) {
    margin-bottom: 1.6rem
}

.balkon_includes-list li:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    background-image: url(../img/okay-green.png);
    width: 2.5rem;
    height: 2.5rem;
    -webkit-background-size: cover;
    background-size: cover
}

.balkon_includes-list-dop li:before {
    background-image: url(../img/plus2.png)
}

.project_item {
    background-color: #fff;
    margin-bottom: 3rem
}

.project_item .card_title {
    font-weight: 700;
    padding: 2rem 2rem 0
}

.project_list {
    padding: 2rem;
    list-style-type: none
}

.project_list li:not(:last-child) {
    margin-bottom: 5px
}

.project_img {
    width: 100%;
    height: 38rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 48em) {
    .project_img {
        height:33rem
    }
}

@media only screen and (max-width: 36em) {
    .project_img {
        height:25rem
    }
}

.breadcrumbs {
    margin-top: 3.2rem;
    font-size: 1.7rem
}

.breadcrumbs li {
    display: inline
}

.breadcrumbs li a {
    color: #2D4628;
    text-decoration: underline
}

#YaMap{
    width: 100%;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#theButton{
    display: block;
    margin-left: auto;
    margin-right: auto
}

#Plastic_windows_tittle{
    padding-bottom: 2rem;
}

#map {
    width: 100px;
    height: 200px;
    margin: 0;
    padding: 0;
}

.background-w{
    background-color: rgba(255, 255, 255, 0.85);
}

.text_justify{
    text-align: justify;
    margin: 6rem;
    color:#2D4628
}