/*   
Theme Name: clear_theme_for_
Tags: clean, development, html5, bootstrap
Description: Данная темы была создана по заказу для сайта : http://www..ru/
Author: AlexD
Author URI: http://best-one.ru/
Version: 1.0
*/
*::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

*:-moz-placeholder {
    color: #999;
    opacity: 1;
}

*::-moz-placeholder {
    color: #999;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {}

body input:required:valid,
body textarea:required:valid {}

body {
    font-family: 'montR', sans-serif;
    font-size: 17px;
    z-index: 100;
    color: #444;
    line-height: normal;
}

header {
    font-family: 'montR', sans-serif;
    z-index: 1000;
}

footer {
    z-index: -1;
    bottom: 0px;
    width: 100%;
    margin: auto;
    text-align: center;
}

h1 {
    color: #000;
    text-align: left;
    font-family: 'Georgia', sans-serif;
    font-size: 48px;
    line-height: normal;
    padding: 0;
    margin: 0;
}

h2 {
    color: #000;
    font-family: 'MontR', sans-serif;
    font-size: 40px;
    position: relative;
    font-weight: 900;
    text-transform: none;
    text-align: left;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

h3 {
    color: #000;
    font-family: 'MontR', sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: 900;
    color: #444;
}

p {
    font-family: 'montR', sans-serif;
    font-size: 16px;
    color: #000;
}

b,
strong {
    font-family: 'montB', sans-serif;
}

section {
    padding: 50px 0;
    position: relative;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

/*----------------------- ХЕДЕР -----------------------*/
header p a {
    color: #fff;
}

header p a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--color-main);
}


:root {
    --color-main: #3cccaf;
    --color-black: #000;
}

header .phone_box_top {}

.top-line {
    position: fixed;
/*    position: absolute;*/

    width: 100%;
    margin: auto;
/*    background: rgb(39 41 43 / 80%);*/
}

.top-line .blure{
background: rgb(39 41 43 / 60%);

}


.mobile_menu{
    z-index: 100;
    position: relative;
}

.phone_box_top .popap {
    background: #3cccaf;
    font-size: 15px;
    padding: 5px 15px;
    border-radius: 20em;
    margin: 5px 0;
}

.phone_box_top p {
    float: right;
}


.top-line .logo {
    padding: 5px 0;
}

.top-line .logo img {
    width: 200px;
    max-width: 260px;
    padding-top: 10px;
}

.top-line ul {
    /*display: flex;*/
    justify-content: space-between;
    text-align: center;
    text-align-last: center;
    margin-right: 35px;
    margin-left: 25px;
}

.top-line ul li {
    display: block;
/*    width: 1%;*/

}

.top-line ul li p {
    padding: 5px 0;
    font-size: 19px;
    font-weight: 900;
    white-space: nowrap;
    font-family: 'montR', sans-serif;
    margin: 0;
}

.top-line ul li .phone_box_top p {
    padding: 0px;
    font-size: 15px;
}

.top-line ul li .phone_box_top p:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: -24px;
}

.top-line ul li .phone_box_top p .popap {
    font-size: 11px;
}





.top-line .line_l ul {
    display: flex;
    margin-right: 0;
}

.top-line .line_l ul li {
    display: block;
    width: auto;
}

.top-line .line_l ul li:nth-child(1) {
    position: relative;
}

header .phone_box_top {
    padding-top: 5px;
}

.lttl_menu .phone_box_top {
    padding-top: 0;
}


.desktop_menu {
    padding: 15px 0;
    z-index:100;
    position: relative;
}



.top-line .top-line_l ul {
    margin-right: 0px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.top-line .top-line_l ul p {}

.top_line_l_but ul li p {
    background: #3cccaf;
    font-size: 14px;
    padding: 3px 18px;
    border-radius: 20em;
    margin: 5px 0;
}

.top_line_l_but ul li p a {
    color: #fff;


}

.top_line_l_but ul li p:hover a {
    text-decoration: none;

}

.top_line_l_but ul li p:hover {
    opacity: 0.75;
}




.top-line .top-line_r ul {
    margin-right: 0;
    margin-left: 90px;
}

.top-line .logo {
    padding: 0;
    margin: 0 0px;
    text-align: left;
}


.phone_box_top {
    text-align: right;
}

.phone_box_top p {
    padding: 30px 0;
    font-size: 21px;
    font-weight: 900;
    white-space: nowrap;
}

.phone_box_top span {
    position: absolute;
    top: 65px;
    right: 0px;
}

.phone_box_top span a {
    color: #d8b367;
}

.lttl_menu {
    background: rgba(255, 255, 255, 0.7);
    height: 69px;
    overflow: hidden;
}

.lttl_menu .logo img {

    width: 185px;
    padding-top: 5px;

}

.lttl_menu ul li p {
    padding: 15px 0;
    font-size: 17px;
}

.lttl_menu .phone_box_top p {
    padding: 15px 0;
    font-size: 17px;
}

.lttl_menu .phone_box_top span {
    top: 28px;
}

.lttl_menu ul {
    margin: 0;
}


/*----------------------- Основные -----------------------*/


.transition {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}



/*----------------------- Карусель -----------------------*/
.owl-my-nav {
    position: relative;
    width: 100%;
    z-index: 100;
    display: block;
    bottom: 0;
    margin: auto;
    top: 0;
}


.owl-prev {
    left: -50px;
    position: absolute;
    top: 200px;
    bottom: 0;
}

.owl-next {
    right: -50px;
    top: 200px;
    position: absolute;
}


.owl-next i,
.owl-prev i {
    font-size: 110px;
    color: var(--color-main);
    line-height: 0;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.owl-next i:hover,
.owl-prev i:hover {
    opacity: 1;
    cursor: pointer;
}

.owl-dots {
    width: auto !important;
    display: block !important;
    text-align: center !important;
    padding-left: 15px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #535353 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    height: 10px !important;
    width: 10px !important;
}

.owl-theme .owl-dots .owl-dot span {
    height: 10px !important;
    width: 10px !important;
    background: #9e9c9c;
}

.owl-theme .owl-dots .owl-dot {
    vertical-align: middle;
}

.owl-controls {
    padding-top: 40px;
}


/*----------------------- всплывающая форма -----------------------*/


.mfp-auto-cursor .mfp-content {
    max-width: 500px;
    background: #fff;
    color: #000;
}

.mfp-auto-cursor .mfp-content h2 {
    color: #000;
    padding-bottom: 0;
}

.mfp-auto-cursor .mfp-content p {
    color: #000;
    width: 89%;
    display: block;
    margin: auto;
    text-align: center;
}

.mfp-auto-cursor .mfp-content form {
    padding: 50px 25px;
}

.mfp-auto-cursor .mfp-content form input,
.mfp-auto-cursor .mfp-content form button {
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
}

.mfp-auto-cursor .mfp-content input {
    font-size: 20px;
    color: #000;
    padding: 10px 20px;
    text-align: left;
}

.mfp-close-btn-in .mfp-close {
    width: auto !important;
    top: -20px !important;
}

.mfp-auto-cursor .mfp-content form {
    padding: 0;
}


.form_modal {}

.modal_header {
    font-size: 20px;
    padding-bottom: 10px;
}

.form_modal_img {
    background-image: url(img/main/modal_img.jpeg);
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.form_modal_txt {
    padding: 30px 40px;
}


.mfp-auto-cursor .mfp-content p.form_lttl_txt {
    font-size: 13px;
    color: #cecece;
}


.form_modal .main_button {
    color: #fff;
    font-family: 'MontSB';
    font-size: 16px;
    padding: 20px 50px;
    line-height: 16px;
    border-radius: 10px;
    margin-top: 0;

}

.main_button {
    overflow: hidden;
    position: relative;
}

.we_do_button {
    overflow: hidden;
    position: relative;
}

.top_line_l_but ul li p {
    position: relative;
    overflow: hidden;
}

.offer_box_mobile_menu ul li a,
.portfolio_button {
    position: relative;
    overflow: hidden;
}

.main_button span,
.main_button:after,
.we_do_button:after,
.top_line_l_but ul li p:after,
.offer_box_mobile_menu ul li a:after,
.portfolio_button:after,
.map_img_box ul li a span {
    content: "";
    display: block;
    width: 20px;
    height: 200px;
    margin-left: 50px;
    background: #fff;
    background: linear-gradient(to bottom,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0.5) 100%);
    left: -40px;
    top: -100px;
    z-index: 1;
    transform: rotate(45deg);
    position: absolute;
    animation: movingFlare 3s ease-in-out 0.05s infinite;
}

@keyframes movingFlare {
    0% {
        left: -30px;
        margin-left: 0px;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    100% {
        left: 110%;
        margin-left: 80px;
    }
}


/*----------------------- Главная страница -----------------------*/



.main_offer_box {
    padding: 0 0;

    background-position: 100% 100%;
}

.main_offer_box_main_page {
    background: url(img/bg/main_page_bg.jpeg);
}


.main_offer_box h1 {
    color: #fff;
}

.black_bg_color {
    padding: 180px 0 0;
    background: rgb(39 41 43 / 80%);
}

.main_offer_box p {
    color: #fff;
}

.main_offer_box_ul {
    display: flex;
    padding-top: 40px;
    padding-bottom: 20px;
    justify-content: space-between;
    padding-right: 0;
    position: relative;
}

.main_offer_box_ul li {
    width: 33%;
    max-width: 250px;
    display: flex;
    align-items: center;
}

.main_offer_box_ul li img {
    max-width: 50px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.main_offer_box_ul li p {
    width: auto;
    width: 69%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-family: 'MontL';
    margin-bottom: 0;
}

.main_adress_bot {
    text-align: right;
    padding-top: 100px;
    padding-bottom: 30px;
}

.main_offer_box_p {
    font-size: 25px;
}

.main_offer_box_p span {
    color: var(--color-main);

}

.partner_box {
    padding: 20px 0;
}

.partner_box_ul {
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.partner_box li {
    width: 20%;
    margin-bottom: 20px;

}

.partner_box li img {
    max-width: 90%;
    max-height: 100px;
    margin: auto;
    display: block;
}

.partner_box li img.prohome_img {
    max-height: 130px;
}

.partner_box li img.samolet {
max-height: 165px;
}

.owr_pre_box {
    background-color: #f5f5f5;
}


.owr_pre_box {}

.owr_pre_box ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.owr_pre_box ul li {
    width: 33%;
    margin-bottom: 40px;

}

.owr_pre_box ul li .owr_pre_box_img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    background: #ececec;
    border-radius: 10px;
    padding: 10px;
}

.owr_pre_box ul li .owr_pre_box_img img {
    width: 100%;
}

.owr_pre_box ul li .owr_pre_box_txt {
    width: 78%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 20px;
}

.owr_pre_box ul li .owr_pre_box_txt h3 {
    margin-top: 0;
    font-size: 19px;
    font-family: 'MontR';
    z-index: 10;
    position: relative;
    text-shadow: 1px 0px 0px black;
}

.owr_pre_box ul li .owr_pre_box_txt p {
    font-size: 15px;
}

.owr_pre_box ul li .owr_pre_box_txt span {
    position: absolute;
    font-size: 120px;
    font-family: 'MontSB';
    opacity: 0.05;
    z-index: 0;
    top: 0;
    right: 50px;
}







.main_offer_box_form {
    width: fit-content;
    position: relative;
    z-index: 100;
}

.main_offer_box_form input {
    padding: 15px 50px;
    margin-right: 25px;
    font-family: 'MontL';
    border-radius: 10px;
}

.main_offer_box_form button {
    color: #fff;
    font-family: 'MontSB';
    font-size: 16px;
    padding: 20px 50px;
    line-height: 16px;
    border-radius: 10px;
    margin-top: 0;
}



.main_page_wath_we_do {}


.pre_h2 {
    color: var(--color-main);
    font-size: 25px;
}

.main_page_wath_we_do ul.flex_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px;
}

.wath_we_do_graybg {
    background: rgb(0 0 0 / 45%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 30px;
    padding-top: 350px;

}


.main_page_wath_we_do ul li.main_page_wath_we_do_li {
    width: 48%;
    height: 470px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-position: center;
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:hover .wath_we_do_graybg {
    padding-top: 30px;
}

.we_do_button {
    position: absolute !important;
    bottom: -350px;
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:hover .we_do_button {
    bottom: 30px;
}





.main_page_wath_we_do ul li.main_page_wath_we_do_li h3 {
    color: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-main);
    font-family: 'MontSB';
    font-size: 20px;
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:nth-child(1) {
    background-image: url('img/main/rem.jpeg');
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:nth-child(2) {
    background-image: url('img/main/off.jpeg');
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:nth-child(3) {
    background-image: url('img/main/dis.jpeg');
}

.main_page_wath_we_do ul li.main_page_wath_we_do_li:nth-child(4) {
    background-image: url('img/main/stro.jpeg');
}

.main_page_wath_we_do {
    padding-bottom: 0;
}

.main_page_scheme_work {
    padding-top: 30px;
}

.main_page_wath_we_do ul li ul {
    list-style: disc;
    color: #fff;
    font-size: 14px;
    font-family: 'MontL';
    opacity: 0;
}

.main_page_wath_we_do ul li:hover ul {
    opacity: 1;
}

.main_page_wath_we_do ul li ul li {
    color: #fff;
    padding-bottom: 5px;
}

.portfolio_button {
    background: var(--color-main);
    color: #fff;
    font-size: 16px;
    font-family: 'MontSB';
    padding: 15px 25px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    border-radius: 10px;
}

.portfolio_button:hover {
    color: #eee;
    text-decoration: none;
}



.we_do_button {
    background: var(--color-main);
    color: #fff;
    font-size: 16px;
    font-family: 'MontSB';
    padding: 15px 25px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    border-radius: 10px;
}

.we_do_button:hover {
    text-decoration: none;
    opacity: 0.9;
    color: #fff;
}



.main_page_how_we_work {}

.main_page_scheme_work {
    padding-top: 50px;
}

.scheme_work {
    position: relative;
    margin-top: 40px;
    display: block;
}

.scheme_work ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 25%;
}

.scheme_work ul li {
    width: 33%;
    position: relative;
    padding-right: 40px;
}

.scheme_work ul li p {
    padding-top: 10px;
}

.scheme_work ul li span {

    color: var(--color-main);
    position: absolute;
    left: 110px;
    top: -20px;
    font-size: 25px;

}

.scheme_work ul li p {
    padding-top: 10px;
    font-size: 19px;
}



.scheme_work_box {
    display: block;
    position: relative;
    padding: 10px;
    border: 13px solid var(--color-main);
    border-radius: 20em;
    width: 120px;
    height: 120px;
    background: #fff;
}

.scheme_work_box_padding {
    padding-top: 35px;
}

.scheme_work_line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    display: block;
    height: -webkit-fill-available;
    z-index: -1;
    border: 10px solid var(--color-main);
    border-left: 0;
    margin: 43px;
    margin-bottom: 120px;
    margin-right: 215px;
    border-radius: 10px;
}


.scheme_work ul li img {
    max-width: 70px;
    max-height: 70px;
    display: block;
    margin: auto;
    position: relative;
    margin: auto;
    /*    margin-top: 4px;*/
}

.scheme_work ul .scheme_work_absolute_item {
    position: absolute;
    right: 0;
    max-width: 280px;
    top: 110px;
}

.scheme_work ul .scheme_work_absolute_item p {
    position: absolute;
    top: 40px;
    left: 125px;
}

.app_box {
    background: var(--color-main);
    padding-bottom: 0;
}

.app_box_content {
    display: flex;
}

.app_box_left {
    width: 50%;
    padding-right: 90px;
}


.app_box_left h2 {
    font-family: 'MontB';
    color: #fff;
    padding-bottom: 30px;
    font-size: 35px;
}

.app_box_left p {
    color: #fff;
    font-size: 16px;
    font-family: 'MontR';
/*    text-shadow: 1px 0 0 #fff;*/
}

.app_box_right {
    width: 50%;
    background: #fff;
    margin-top: -50px;
    padding-left: 170px;
    position: relative;
}

.app_box_right h3 {
    font-size: 20px;
    font-family: 'MontB';
    margin-top: 0;
}

.app_box_right img {
    position: absolute;
    width: 270px;
    left: -90px;
    top: -20px;
}

.app_box_right ul {}

.app_box_right ul li {
    margin-left: 25px;
    padding-bottom: 10px;
    position: relative;
}

.app_box_right ul li::before {
    color: var(--color-main);
    content: "•";
    padding-right: 10px;
    font-size: 50px;
    line-height: 13px;
    /* padding-top: 5px; */
    position: absolute;
    left: -20px;
}

.app_box_left form input {
    display: inline-block;
}

.app_box_left form button {
    background: #3c5f7d;
    display: inline-block;
    opacity: 1;
}

.app_box_left form button,
.app_box_left form input {
    width: 225px;
    border: 0;
    padding: 15px;
}

.app_box_left form button:hover {
    opacity: 0.8;
}


.app_box_buttom {
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px;
}

.app_box_buttom ul {
    display: flex
}

.app_box_buttom ul li:nth-child(1) {
    width: 40%;
    text-align: left;
    padding-top: 0px;
}


.app_box_buttom ul li:nth-child(1) p {
    font-size: 30px;
}



.app_box_buttom ul li {
    width: 20%;
    text-align: left;
    padding-top: 15px;
    padding-right: 30px;
}

.app_box_buttom ul li p {
    color: #fff;
    font-size: 60px;
    font-family: "MontSB";
    line-height: 30px;
}

.app_box_buttom ul li span {
    font-size: 16px;
    font-family: 'MontR';
    display: block;
    line-height: 19px;
    padding-top: 15px;
}


.owr_team_box {}

.owr_team_box h2 {
    padding-bottom: 30px;
}

.owr_team_box h3 {
    font-family: 'MontSB';
}

.owr_team_box p {
    font-family: 'MontL';
}

.owr_team_box ul li {}

.owr_team_box ul li p {
    padding-bottom: 0;
    margin-bottom: 7px;
    padding-right: 10px;
    font-size: 14px;
}

.owr_team_box img {
    width: 100%;
    max-width: 600px;
    padding-top: 25px;
}

.maps_box_row {
    display: flex;
}

.maps_box_row .map {
    width: 50%;
}

.maps_box_row .form_map {
    width: 50%;
    padding-top: 50px;
}

.form_map .main_offer_box_form {
    box-shadow: 0px 0px 25px -10px rgb(0 0 0);
    background: #fff;
    padding: 30px;
    width: 400px;
    margin: auto;
    text-align: center;
}

.form_map .main_offer_box_form input,
.form_map .main_offer_box_form button {
    margin: 0 0 15px 0;
    width: 100%;
    max-width: 340px;
}

.form_map .main_offer_box_form p {
    padding-bottom: 20px;
}




.main_offer_box_design {
    background: url(img/design/main_bg.jpeg);
}



.design_packages_box {
    overflow: hidden;
}

.design_packages_box_item_right {
    position: relative;
    margin-top: 40px;
}

.design_packages_box_item_right_img {
    width: 30%;
    position: absolute;
    left: 0;
}

.design_packages_box_item_right_img img {
    width: 400px;
    margin-top: 40px;
}

.design_packages_box_item_right_img .border_price {
    padding: 15px 15px;
    border: 2px solid #444;
    margin: 15px -15px 15px 30px;
}

.design_packages_box_item_right_img .border_price p {
    font-size: 20px;
}

.design_packages_box_item_right_img .border_price p span {
    font-size: 25px;
    font-family: montsb;
}


.design_packages_box_item_right_txt {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px -10px rgb(0 0 0);
    margin-left: 30%;
    position: relative;
    padding: 25px 50px;
}

.design_packages_box_item_right_txt ul {
    position: relative;
    column-count: 2;
}

.design_packages_box_item_right_txt ul li {
    position: relative;
    padding-right: 30px;
    padding-left: 20px;
}

.design_packages_box_item_right_txt ul li p {
    font-size: 15px;
}


.design_packages_box_item_right_txt ul li::before {
    color: var(--color-main);
    content: "•";
    padding-right: 10px;
    font-size: 50px;
    line-height: 13px;
    position: absolute;
    left: 0px;
}



.design_packages_form {
    padding-left: 30px
}

.design_packages_form input,
.design_packages_form button {
    width: 90%;
    padding: 15px;
}

.design_packages_form input {
    border: 2px solid #444;
}

.design_packages_form button {
    color: #fff;
    font-family: MontSB;
    font-size: 16px;

}




.design_packages_box_item_left {
    position: relative;
    margin-top: 40px;
}

.design_packages_box_item_left_img {
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
}

.design_packages_box_item_left_img img {
    width: 400px;
    margin-top: 40px;
}

.design_packages_box_item_left_img .border_price {
    padding: 15px 15px 15px 50px;
    border: 2px solid #444;
    margin: 15px 30px 15px -20px;
    z-index: -1;
    position: relative;
}

.design_packages_box_item_left_img .border_price p {
    font-size: 20px;
}

.design_packages_box_item_left_img .border_price p span {
    font-size: 25px;
    font-family: montsb;
}


.design_packages_box_item_left_txt {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px -10px rgb(0 0 0);
    margin-right: 30%;
    position: relative;
    padding: 25px 50px;
}

.design_packages_box_item_left_txt ul {
    position: relative;
    column-count: 2;
}

.design_packages_box_item_left_txt ul li {
    position: relative;
    padding-right: 30px;
    padding-left: 20px;
}

.design_packages_box_item_left_txt ul li p {
    font-size: 15px;
}


.design_packages_box_item_left_txt ul li::before {
    color: var(--color-main);
    content: "•";
    padding-right: 10px;
    font-size: 50px;
    line-height: 13px;
    position: absolute;
    left: 0px;
}






.design_packages_form {
    padding-left: 30px
}

.design_packages_form input,
.design_packages_form button {
    width: 90%;
    padding: 15px;
}

.design_packages_form input {
    border: 2px solid #444;
}

.design_packages_form button {
    color: #fff;
    font-family: MontSB;
    font-size: 16px;

}




.lttl_text {
    font-size: 14px;
    color: gray;
    text-align: center;
}



.additional_service_design ul {
    position: relative;
    column-count: 2;
    padding-top: 40px;
}

.additional_service_design ul li {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.additional_service_design ul li h3 {
    padding-top: 0;
    margin-top: 0;
}


.additional_service_design ul li p {
    font-family: 'MontL';
}

.additional_service_design ul li::before {
    color: var(--color-main);
    content: "•";
    padding-right: 10px;
    font-size: 50px;
    line-height: 13px;
    position: absolute;
    left: 0px;
}



.additional_service_design ul li span {
    color: var(--color-main);
}

.additional_service_design ul li h3 {
    font-size: 20px;
    font-family: 'MontSB';
}


.slider_box {
    background-color: #f5f5f5;
}


.slider_box h2 {
    padding-bottom: 40px;
    width: 40%;
}

.slider_item {
    padding-top: 40px;
}


.simple_box_right ul li:before {
    color: var(--color-main);
    content: "•";
    padding-right: 10px;
    font-size: 50px;
    line-height: 13px;
    position: absolute;
    left: 20px;
}

.simple_box_right ul li {
    margin-left: 30px;
}

.simple_box_left {
    display: flex;
}


.simple_box_right {
    display: flex;
}

.simple_box_left_img {
    width: 50%;
    padding: 0 60px 0 0;
    top: 0;
}

.simple_box_left_img img {
    width: 100%;
    box-shadow: 0px 0px 20px -10px rgb(0 0 0);
}


.simple_box_left_txt {
    width: 50%;
    padding-top: 70px;
}

.simple_box_left_txt h2 {
    padding-bottom: 20px;
}


.simple_box_right .simple_box_left_txt {
    padding-top: 0;
    padding-right: 40px;
}


.sertificates_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 0;
}


.sertificates_box li {
    width: 20%;
    margin: 25px 0;

}

.sertificates_box li img {
    max-width: 150px;
    margin: auto;
    display: block;
    max-height: 110px;
}

.fancybox-overlay {
    background: rgb(255 255 255 / 70%) !important;
}

.questions_design h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-main);
}


.main_offer_box_appart {
    background: url(img/appart_bg.jpeg);
    background-position: 50%;
}


.half_p {
    width: 50%;
    font-size: 20px;
    font-family: 'MontL';
}

.slider_box .main_button {
    font-size: 17px;
    font-family: 'MontR';
    color: #fff;
    display: inline-block;
    padding: 15px 70px;
}





.main_offer_box_build {
    background: url(img/build/build_bg.jpeg);
    background-position: 50%;
    background-size: cover;
}


.page_build_looking_for ul {
    display: flex;
}

.page_build_looking_for ul li {
    width: 25%;
    padding: 40px 10px 0;
}

.page_build_looking_for ul li h3 {
    font-weight: 900;
    font-family: 'Montsb';
    font-size: 20px;

}


.page_build_looking_for ul li p {
    font-family: 'MontL';
    font-size: 15px;
}

.page_build_looking_for ul li .img_box {
    position: relative;
    background: #f5f5f5;
    border-radius: 10px;
}

.page_build_looking_for ul li img {
    width: 90%;
    margin: auto;
    display: block;
}



.page_build_materials ul {
    display: flex;
}

.page_build_materials ul li {
    width: 50%;
    padding: 40px 20px 0;
}

.page_build_materials ul li .img_box {
    background: var(--color-main);
    position: relative;
    padding-bottom: 10px;
}

.page_build_materials ul li .img_box img {
    width: 100%;

}

.page_build_materials ul li h3 {
    font-weight: 900;
    font-family: 'Montsb';
    font-size: 20px;
}

.page_build_materials ul li p {
    font-family: 'MontL';
    font-size: 15px;
}


.step_to_building {
    background: #f5f5f5;
}

.step_to_building h2 {
    padding-bottom: 40px;
}

.step_to_building .accordion span {
    color: var(--color-main);
}


.step_to_building .panel {
    background: transparent;
    border-bottom: none;
}

.step_to_building .accordion:after {
    padding: 5px;
    border-radius: 20em;
}

.step_to_building .accordion:hover:after {
    background: var(--color-main);
    color: #fff;
}

.step_to_building .accordion:after {
    color: var(--color-main);
}

.step_to_building .panel p:nth-child(1) {
    padding-top: 0;
}

.step_to_building .panel p {
    font-size: 15px;
    font-family: MontL;
    line-height: 21px;
}



.type_project_house ul {
    display: flex;
    flex-wrap: wrap;
}

.type_project_house ul li {
    width: 33%;
    padding: 40px 20px 0;
}

.type_project_house ul li .img_box {
    background: var(--color-main);
    position: relative;
    padding-bottom: 10px;
}

.type_project_house ul li .img_box img {
    width: 100%;

}

.type_project_house ul li h3 {
    font-weight: 900;
    font-family: 'Montsb';
    font-size: 20px;
}

.type_project_house ul li p {
    font-family: 'MontL';
    font-size: 15px;
}

.type_project_house .main_button {
    font-size: 17px;
    font-family: 'MontR';
    color: #fff;
    display: inline-block;
    padding: 15px 70px;
    margin-top: 5px;

}


.slider_build {
    background-color: #f5f5f5;
}

/*----------------------- аккордион -----------------------*/



.accordion {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    font-family: 'MontSB';
    transition: 0.4s;

}

.accordion_02 {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    font-family: 'MontSB';
    transition: 0.4s;

}


.questions_design .accordion:nth-last-child(1) {
    border-top: 1px solid var(--color-main);
}

.questions_design .accordion_02:nth-last-child(1) {
    border-top: 1px solid var(--color-main);
}

.active,
.accordion:hover,
.accordion_02:hover {
    background-color: transparent;
}

.accordion:after,
.accordion_02:after {

    content: '+';
    color: #444;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-family: 'MontL';
    font-size: 50px;
    line-height: 27px;
    transition: 0.4s;
    font-weight: 100;

}

.active:after {
    transform: rotate(45deg);
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 0;
    border-bottom: 1px solid var(--color-main);
}

.panel p {
    font-size: 17px;
    font-family: MontL;
    line-height: 21px;

}


.panel p:nth-child(1) {
    padding-top: 30px;
}

.panel p:nth-last-child(1) {
    padding-bottom: 30px;
}

/*----------------------- Футер -----------------------*/


footer {
    padding: 0;
    background: #fff;
    margin-top: 0px;
}

footer p {
    margin-bottom: 0;
    line-height: normal;
    font-weight: 100;
    color: #444;
    padding-bottom: 10px;
}

footer p a {
    color: #444;
    text-decoration: underline;
}

footer p a:hover {
    color: #444;
    text-decoration: underline;
    text-decoration-color: var(--color-main);
}

footer .logo_foot {
    text-align: left;
}

footer .logo_foot img {
    width: 100%;
    max-width: 260px;
    padding-bottom: 30px;
}

.footer_left iframe {
    margin-left: 0;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.footer_right .footer_lttl_txt p,
.footer_left .footer_lttl_txt p {
    font-size: 14px;
    color: gray;
}




.footer_left p {
    text-align: left;
}

.footer_right {
    text-align: right;
    color: #444;
}

.footer_right p {
    font-size: 20px;
}

.gray_p {
    color: gray;
}

.footer_right span a {
    color: var(--color-main);
}

.footer_right .footer_right_phone {
    font-size: 25px;
    font-family: "MontSB";
}

.footer_right .footer_right_phone a {
    text-decoration-color: #444;
}

.logo_foot img {
    max-width: 150px;
}

.foot_menu {
    padding-left: 0px;
    text-align: left;
}

.foot_menu p {
    padding: 0 0 5px 0;
    font-family: 'MontR', sans-serif;
    text-align: right;
    font-weight: 100;
}

.foot_menu .phone_foot {
    font-family: 'MontB', sans-serif;
}

.foot_menu a {
    color: #000;
}

.foot_menu a:hover {
    color: #333;
}

footer h3 {
    font-weight: 900;
    text-align: left;
}

footer ul li {}

.foot_menu .phone_foot {
    font-family: 'MontB', sans-serif;
    font-size: 25px;
    font-weight: 900;
}


.foot_soc {
    display: flex;
    justify-content: end;
    margin: 5px 0;
}

.foot_soc img {
    max-width: 50px;
    width: 50px;
    margin-right: 10px;
}

.whatsapp_foot {
    position: relative;
}

.whatsapp_foot:before {
    content: '';
    background-image: url(img/icon/WhatsApp.png);
    position: absolute;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -40px;
    top: -5px;
}

/*----------------------- Мобильное меню  -----------------------*/
.mobile_menu .m-nav,
.mobile_menu i {
    font-size: 30px;
}

.m-nav {
    background-image: url(img/icon/hamb.svg);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: block;
    padding: 0;
    margin: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
}

.mobile_menu .mob_phone_menu a {
    right: 0;
    position: absolute;
    top: 5px;
}

.mobile_menu a {
    color: #fff;
}

.mobile_menu .logo_m img {
    width: 70%;
    display: block;
    margin: auto;
    max-width: 170px;
    margin-top: 2px;
}

.top-line .mobile_menu ul li .phone_box_top p {
    padding: 0px;
    font-size: 15px;
    color: #fff;

}

.top-line .mobile_menu ul li .phone_box_top p .popap {
    font-size: 13px;
    margin-top: 5px;
    position: relative;
    display: block;
    padding: 1px 8px;
    background: #3cccaf;
    /* font-size: 15px; */
}


.top-line .mobile_menu ul {
    justify-content: space-between;
    text-align: right;
    margin-right: 0;
    margin-left: 0;
}

.top-line .mobile_menu ul li {
    width: auto;
}

.mobile_menu .logo_m img {
    width: 70%;
    display: block;
    margin: auto;
    max-width: 170px;
    margin-top: 2px;
    margin: 5px 0;
}

.sidenav {
    height: 100%;
    width: 0;
    max-width: 340px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
/*    background-color: #255e50;*/
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 7px 32px;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    display: block;
    transition: 0.3s;
    font-family: 'Mont';
}

.sidenav a:hover {
    color: #bbb8b8;
    text-decoration: underline;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav img {
    max-width: 175px;
    padding: 10px 10px 10px 32px;
    margin-right: auto;
    margin-left: 0;
    display: block;
}

.sidenav .foot_soc {
    display: flex;
    justify-content: start;
    margin: 5px 0;
    padding-left: 32px;
}

.sidenav .foot_soc img {
    max-width: 50px;
    width: 50px;
    margin-right: 0px;
    padding-left: 0;
}

.sidenav .foot_soc a {
    padding: 10px 10px 10px 0;
}

.thanks_page .offer_txt {
    padding-bottom: 200px;
    padding-top: 200px;
}

.thanks_page .offer_txt .offer_name {
    width: 60%;
}

.main_page_offer {
    padding: 270px 0 250px;
    background: #d9e3e5;
    z-index: 0;
    overflow: hidden;
}

.main_offer_txt {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.main_offer_txt h1 {
    line-height: 50px;
    font-size: 50px;
}

.main_offer_txt h1:after {
    content: "";
    background-image: url(img/main/bg_h1.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -30px;
    z-index: -1;
    top: 0;
    background-repeat: no-repeat;
}



.main_offer_txt .main_offer_txt_p {
    font-family: 'Gothic', sans-serif;
    font-size: 25px;
    color: #444;
    /* font-weight: 900; */
    padding: 25px 0 48px;
    width: 90%;
}

.main_offer_img {
    position: absolute;
    top: -40px;
    right: -340px;
}


.grid_six {
    display: grid;
    gap: 10px;
    /*height: 100vh;*/
    grid-template-rows: 1fr;
    /* ! */
    grid-template-areas:
        "A A A A   A A B B   B C C C"
        "A A A A   A A B B   B C C C"
        "D D D E   E E B B   B I I I"
        "D D D E   E E B B   B I I I";
}






.grid_six .grid_item {
    background: gray;
    margin: 1px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 270px;
}

.grid_six .grid_item:nth-child(1n) {
    grid-area: A;

}

.grid_six .grid_item:nth-child(2n) {
    grid-area: B;
    width: 270px;
}

.grid_six .grid_item:nth-child(3n) {
    grid-area: C;
    width: 270px;
}

.grid_six .grid_item:nth-child(4n) {
    grid-area: D;
    width: 270px;
}

.grid_six .grid_item:nth-child(5n) {
    grid-area: E;
    width: 270px;
}

.grid_six .grid_item:nth-child(6n) {
    grid-area: I;
    width: 270px;
}





.grid_six .grid_item img {
    width: 100% !important;
    height: auto !important;
    position: absolute;
}

.grid_six .grid_item h3 {
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-family: 'MontSB';
    font-size: 16px;
}

.grid_six .grid_item a {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    top: 0;
    background: rgb(0 0 0 / 40%);
    border: none;

}



.grid_four {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

.grid_four .grid_item {
    background: gray;
    margin: 1px;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 270px;
    width: 49%;
}


.grid_four .grid_item img {
    width: 100% !important;
    height: auto !important;
    position: absolute;
}

.grid_four .grid_item h3 {
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-family: 'MontSB';
    font-size: 16px;
}

.grid_four .grid_item a {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    top: 0;
    background: rgb(0 0 0 / 40%);
    border: none;

}


.portfolio_main_box {
    padding-top: 120px;
}



/* GOODS PAGE */

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 10% !important;
    float: left;
    margin: 0;
    list-style: none;
    padding: 1px !important;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none !important;
}

.woocommerce-product-gallery__image {
    /*max-height: 400px;*/
}

.woocommerce div.product .product_title {
    font-size: 20px;
    font-family: 'MontSB';
}

.woocommerce div.product p {
    font-size: 15px;
}

/*      Главная страница      */
.main_buttom {
    background: var(--color-main);
    font-size: 20px;
    padding: 20px 25px;
    position: relative;
    display: inline-block;
    font-weight: 900;
    font-family: 'MontB';
}

.main_buttom:hover {
    color: #666;
    text-decoration: none;
}


.offer_box {
    padding: 200px 0 100px;
}

.offer_box h1 {
    font-size: 40px;
    color: var(--color-black);
    max-width: 700px;
    padding-bottom: 10px;
}

.offer_box_under_h1 {
    font-size: 25px;
}


.offer_about {}

.offer_box ul {
    display: flex;
}

.offer_box ul li {

    padding: 15px 0 30px 0;
    padding-right: 50px;
}



.offer_box ul li img {
    width: 100%;
    max-width: 150px;
}

.offer_text {
    position: relative;
    z-index: 10;
}

.img_offer {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;

}

.img_offer img {
    width: 460px;
}

.what_we_do ul {
    display: flex;
    flex-wrap: wrap;
    /*padding-top: 30px;*/
}

.what_we_do ul li {
    width: 33%;
    padding: 10px;
    margin-top: 50px;
}

.what_we_do ul li img {
    max-width: 100%;
    margin-bottom: 20px;
}



.what_we_do .main_buttom {
    font-size: 15px;
}

.img_items {
    display: flex;
    flex-wrap: wrap;
}

.img_items img {
    width: 50%;
    max-width: 100%;
    height: auto;
    padding: 0 10px 10px 0;
}


.work_box ul li h3 {
    padding-bottom: 15px;
}

.work_box ul li {
    background: #f0f6fa;
    padding: 10px 30px 30px;
    border-radius: 20px;
    margin: 30px 0;
}

.work_box ul li ul li {
    padding: 0;
    margin: 0;
    border-radius: 0;
}



.tac {
    text-align: center;
}


.portfolio_main_box .we_do_button {
    min-width: 500px;
}

/*      Главная страница   конец   */

.main_button {
    font-size: 25px;
    /*box-shadow: 0px 0px 12px -5px #000;*/
    background: var(--color-main);
    padding: 10px 40px 15px 40px;
    margin-top: 25px;
    position: relative;
    color: #000;
    border: none;
    z-index: 100;
    font-weight: 100;
    border-radius: 10px;
}




/*.main_button:after {
  content: "";
  width: 100%;
  position: absolute;
  background: #fff;
  height: auto;
  right: -8px;
  margin: auto;
  display: block;
  top: 8px;
  bottom: -8px;
  z-index: -1;
}
.main_button:hover:after {
  right: -3px;
  top: 3px;
  bottom: -3px;
}*/

.main_button:hover,
.main_button:focus {
    text-decoration: none;
    color: #333;
}


.main_page_offer svg {
    overflow: hidden;
    position: absolute;
    left: -300px;
    bottom: -263px;
    right: 0;
    z-index: -1;
}

.main_page_models h2 {
    text-align: left;
    width: 90%;
}

.main_page_models h2:after {
    content: "";
    background-image: url(img/main/bg_h2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -30px;
    z-index: -1;
    top: 0;
    background-repeat: no-repeat;
}


/* Style the tab */
.tab {
    text-align: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    margin: 0 20px 10px 20px;
    font-size: 16px;
    min-width: 200px;
    color: #888;
}

/* Change background color of buttons on hover */
.tab button:hover {
    border-bottom: 1px solid #444;
}

/* Create an active/current tablink class */
.tab button.active {
    border-bottom: 1px solid #444;
    font-family: 'MontSB';
    color: #444;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
}

/* мобильная версия для табов */
/* Style the tab */
.tab_m {
    text-align: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style the buttons inside the tab */
.tab_m button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    margin: 0 20px 10px 20px;
    font-size: 16px;
    min-width: 200px;
    color: #888;
}

/* Change background color of buttons on hover */
.tab_m button:hover {
    border-bottom: 1px solid #444;
}

/* Create an active/current tablink class */
.tab_m button.active_m {
    border-bottom: 1px solid #444;
    font-family: 'MontSB';
    color: #444;
}

/* Style the tab content */
.tabcontent_m {
    display: none;
    padding: 6px 12px;
}







.main_page_models {}

.main_page_models ul {
    display: block;
    position: relative;
    text-align: center;
    text-align: justify;
    margin: 50px 0px 30px 0;
}


.main_page_models ul li {
    display: inline-block;
    position: relative;
    width: 24%;
    vertical-align: top;
    margin: auto;
}

.main_page_models ul li img {
    width: 100%;
    padding: 0 10px 0px 0;

}

.main_page_models ul li:before {
    content: "";
    background: #d9e3e5;
    display: block;
    width: 80%;
    height: 105%;
    right: 0;
    position: absolute;
    margin: auto;
    left: -20px;
    top: -10%;
    z-index: -1;
}

.main_page_models ul li p {
    font-weight: 900;
    text-align: left;
    font-family: 'GothicB', sans-serif;
    padding-left: 30px;
    padding-top: 10px;
}

.tabcontent .tabcontent_butt {
    position: absolute;
    top: 10px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    z-index: -1;
}

.main_page_models ul li .tabcontent_butt a {
    background: #ffae46;
    padding: 5px 15px;
    color: #000;
    font-weight: 100;
    font-family: 'Gothic', sans-serif;
    box-shadow: 0px 0px 11px -8px #000;
    transition: all 1s ease-in-out 0s;
}


.main_page_models ul li:hover .tabcontent_butt {
    animation: popuper 1s ease-in-out;
    animation-fill-mode: forwards;
}

.main_page_models ul li:hover .tabcontent_butt a {
    box-shadow: 0px 0px 11px -3px #000;
}

@keyframes popuper {
    0% {
        z-index: -1;
        top: 10px;
    }

    50% {
        z-index: -1;
        top: -30px;
    }

    51% {
        z-index: 0;
        top: -30px;
    }

    100% {
        z-index: 0;
        top: -10px;
    }
}



.how_much {
    padding-bottom: 0;
    margin-bottom: 0px;
}

.how_much_img {
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

.how_much_img img {
    width: 100%;

}

.how_much_txt {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-top: 80px;
}

.how_much_txt h2 {
    font-family: 'Gothic', sans-serif;
    text-align: left;
    font-weight: 100;
    padding-bottom: 30px;
}

.how_much_txt p {
    font-family: 'Gothic', sans-serif;
}


.how_much_txt .main_button {
    top: 30px;
}



.main_about_us {
    background: #d9e3e5;
}

.down_blue_svg {
    overflow: hidden;
    margin-bottom: -20px;
}


.main_about_us_txt {
    width: 49%;
}

.main_about_us_txt h2 {
    text-align: left;
    padding-bottom: 30px;
}

.main_about_us_img {
    padding: 80px 0px 0 50px;
}

.main_about_us_img_border {
    position: relative;
}

.main_about_us_img_border:after {
    content: "";
    background: #fff;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -15px;
    left: 15px;
    top: 15px;
    bottom: -15px;
    z-index: 0;
}


.main_about_us_img img {
    width: 100%;
    z-index: 1;
    position: relative;
}

.main_about_us_numbers {
    text-align: center;
    padding: 50px 0;
}

.main_about_us_numbers p {
    font-family: 'MontB', sans-serif;
    padding-left: 60px;
    position: relative;
    text-align: left;
    line-height: 20px;
}

.main_about_us_numbers .p_100 {
    padding-left: 100px;
}

.main_about_f1 {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: -13px;
    line-height: 98px;
}

.main_about_f2 {
    font-size: 45px;
}


.main_why_we {}


.main_why_we_img {
    margin: 70px 35px;
    position: relative;
}

.main_why_we_img img {
    width: 100%;
    z-index: 1;
    position: relative;
}

.main_why_we_img:after {
    content: "";
    background: #d9e3e5;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -15px;
    left: 15px;
    top: 15px;
    bottom: -15px;
    z-index: 0;
}

.main_why_we_img:before {
    content: "";
    background: #d9e3e5;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 15px;
    left: -15px;
    top: -15px;
    bottom: 15px;
    z-index: 0;
}

.main_why_we_txt svg {
    max-width: 150px;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    max-height: 100px;
}

.main_why_we_txt ul li {
    padding-bottom: 15px;
}

.main_why_we_txt h2 {
    text-align: left;
    padding-bottom: 30px;
}


.main_why_we_txt p {
    width: 100px;
    display: inline-block;
    width: 79%;
    padding-left: 30px;
    font-size: 19px;
}

.main_our_works {}


.main_our_works h2:after {
    content: "";
    background-image: url(img/main/bg_h2.png);
    width: 490px;
    height: 100%;
    background-size: contain;
    position: absolute;
    left: -30px;
    z-index: -1;
    top: 0;
    background-repeat: no-repeat;
}


.app {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.app img {
    max-width: 100%;
    padding-bottom: 10px;
}


.main_materials {
    background-color: #d9e3e5;
}

.main_materials h2 {
    width: 60%;
}

.main_materials ul li {
    font-size: 20px;
}

.tabcontent2 {
    position: relative;
}


.tabcontent2 img {
    padding: 20px 50px;
    width: 100%;
}

.owl-carousel .owl-item img {
    max-width: 800px !important;
    padding: 10px;
}


form .main_button:after {
    display: none;
}

.mfp-auto-cursor .mfp-content h2 {
    color: #555;
    padding-bottom: 0;
    text-align: center;
}

.mfp-auto-cursor .mfp-content a {
    color: #555;
    text-decoration: underline;
    text-decoration-color: #ffae46;
}



.mfp-auto-cursor .mfp-content a:hover {
    text-decoration: none;
}
.mfp-auto-cursor .popup_adress_privacy a, 
.adress_privacy a {
  color: #cecece;
  text-decoration: underline;
  text-decoration-color: #cecece;
}

.mfp-auto-cursor .popup_adress_privacy a:hover, 
.adress_privacy a:hover {
  text-decoration: none;
}

.adress_privacy {
  color: #cecece;
  font-size: 12px;
}
    

.logo_m a {
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
    display: block;
}

.phone_m p {
    text-align: center;
    font-weight: 900;
    font-family: 'MOntB', sans-serif;
    width: auto;
    margin-top: 10px;

}

.phone_m p a {
    padding: 0 15px;
    background: rgba(255, 255, 255, 0.7);
    top: -1px;
    position: relative;
}

.padding_150 {
    padding: 200px 0 100px;
}

.padding_105_50 {
    padding-top: 150px;
}


#popup__toggle {
    display: block;
    bottom: 25px;
    right: 10px;
    position: fixed;
    z-index: 999;
    padding-left: 0px;
    overflow: hidden;
    border-top-right-radius: 20em;
    border-bottom-right-radius: 20em;
    width: 50px;
}

.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 50px;
    height: 50px;
    background-image: url(img/icon/WhatsApp.png);
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: tossing;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    background-size: contain;
}

.img-circle:hover {
    opacity: 1;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }

    50% {
        transform: rotate(8deg);
    }

    100% {
        transform: rotate(-8deg);
    }
}

.popup__toggle_p {
    position: absolute;
    top: 12px;
    right: -230px;
    white-space: nowrap;
    font-size: 15px;
    background: #42c554;
    border: 3px solid #fff;
    width: auto;
    height: auto;
    transition: all 0.3s ease-in-out 3s;
    padding: 0 20px 0 10px;
    font-weight: 900;
    color: #fff;
    border-radius: 20em;
    z-index: -1;
}

.popup__toggle_ani_on .popup__toggle_p {
    right: 30px;
}


.mobile_app_form_dektop {
    display: block;
}

.mobile_app_form_mobile {
    display: none;
}

.mobile_app_img_dektop {
    display: block;
}

.mobile_app_img_mobile {
    display: none;
}

.footer_flex {
    display: flex;
}

.footer_left {
    width: 50%;
    padding-left: 15px;
}

.footer_right {
    width: 50%;
    padding-right: 15px;
}

.mob_header_phone_phone {
    display: block;
}

.mob_header_phone_but {
    display: none;
}

.hidden_992 {
    display: block;
}

.visible_992 {
    display: none;
}

.design_packages_but_mobile {
    display: none;
}

.offer_box_mobile_menu {
    display: none;
}

.owr_pre_box {
    padding-bottom: 0;
}

a.xoo-qv-button {
    display: block !important;
}

.xoo-qv-images .thumbnails a {
    max-height: 65px;
    overflow: hidden;
}

.xoo-qv-container {
    padding: 9px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fff;
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    margin: auto;
    max-width: 1170px;
    max-height: none;
}

.xoo-qv-top-panel {
    position: absolute;
    top: -30px;
    left: 0;
    right: 10px;
    z-index: 1;
    font-size: 25px;
    line-height: 20px;
}

.xoo-qv {
    color: var(--color-main);
}

.xoo-qv-panel-active {
    background: #fff;
}

.product_meta {
    display: none;
}

.xoo-qv-plink {
    display: none;
}

.mfp-auto-cursor .mfp-content form {
    padding: 0;
    background: #fff;
}

.mfp-auto-cursor .mfp-content {
    background: transparent;
}

.xoo-qv-opac {
    z-index: 1000;
}

.xoo-qv-panel {
    z-index: 1001;
}

.portfolio_main_box {
    padding-top: 0px;
}

.portfolio_page.portfolio_main_box {
    padding-top: 120px;
}

.pp_content_container .pp_left {
    padding-left: 0 !important;
}

.pp_content_container .pp_right {
    padding-right: 0px !important;
}

div.pp_woocommerce .pp_content_container {
    padding: 0px 0 10px !important;
}

.xoo-qv-main::-webkit-scrollbar {
    width: 3px;
    width: 3px;
}

.xoo-qv-main::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #FFFFFF;
}

.xoo-qv-main::-webkit-scrollbar-track:hover {
    background-color: #FFFFFF;
}

.xoo-qv-main::-webkit-scrollbar-track:active {
    background-color: #FFFFFF;
}

.xoo-qv-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #666666;
}

.xoo-qv-main::-webkit-scrollbar-thumb:hover {
    background-color: #666666;
}

.xoo-qv-main::-webkit-scrollbar-thumb:active {
    background-color: #666666;
}

.xoo-qv-summary {
    padding-right: 15px;
}

.woocommerce div.product div.thumbnails a {
    float: left;
    width: 25%;
    margin-right: 0;
    margin-bottom: 1em;
    padding-right: 2px;
}

.woocommerce div.product div.thumbnails a.first {
    clear: none;
}

.page_build_materials {
    padding-bottom: 0;
    padding-top: 0;
}

.app_box_content {
    padding-bottom: 50px;
}

.app_box_num {
    padding-top: 0;
}

.marquiz__box {
    padding: 0;
}

.main_button_after:after {
    content: '';

}

.main_page_wath_we_do ul li ul li p {
    color: #fff;
    margin-bottom: 0;
    font-size: 12px;
}

#more {
    display: block;
}

#dot {
    display: none;
}

.btn_show_more {
    display: none;
}

.xoo-qv-summary .we_do_button {
    position: relative !important;
    bottom: 0;
}

.slide_menu_abs {
/*    position: absolute;*/
    bottom: 0;
    right: 0;
}

#menu {
    padding-bottom: 30px;
}


.3d_tour iframe {
    width: 100%;
    height: 600px;
}


.main_privacy {  
  position: absolute;
  bottom: -62px;
  font-size: 12px;
  text-align: center;
  left: 35px;
}

.main_adress_privacy {
    color: #fff;
    text-decoration: underline;
    
}

.main_adress_privacy:hover {
    color: #fff;
    text-decoration: none;
}


.main_adress_bot {
    position: relative;
}

.main_adress_bot_pdf {
    color: #fff;
    text-decoration: underline;
    position: absolute;
    right: 40px;
    bottom: -40px;
}

.main_adress_bot_pdf:hover {
    color: #fff;
    text-decoration: none;
}

.design_packages_box_absol_a {
    color: #000;
    text-decoration: underline;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
    display: block;
}

.design_packages_box_absol_a:hover {
    text-decoration: none;
    color: #000;
}


.map_img_box {
    padding-bottom: 0;
}

.map_img_box h2 {
    padding-bottom: 0;
}

.map_img_box img {
    width: 100%;
    max-width: 900px;
    margin: auto;
    display: block;
    margin-top: -50px;
}

.main_offer_box_form_01 {
    position: absolute;
    left: -999px;
    top: -999px;
}

.standart_page {
    padding-top: 150px;
}

.map_img_box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    justify-content: center;
}

.map_img_box ul li {
    width: auto;
}

.map_img_box ul li a {
    background: #3cccaf;
    font-size: 18px;
    padding: 3px 18px;
    border-radius: 20em;
    margin: 5px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: table;
}



.video_team {}

.video_team a {
    padding-left: 75px;
    margin-top: 20px;
    position: relative;
    display: block;
    text-decoration: underline;
    text-decoration-color: red;
    font-size: 17px;
    font-weight: 900;
    color: #000;
    font-family: 'MontSB';
    width: 390px;
}

.video_team a:hover {
    text-decoration: none;
}

.video_team a:before {
    content: "►";
    width: 60px;
    height: 40px;
    position: absolute;
    top: 2px;
    line-height: 47px;
    font-size: 23px;
    padding-left: 5px;
    left: 0px;
    text-align: center;
    color: #fff;
    background: #ff0000;
    border-radius: 10px;
    padding: 0px 0px 0px 4px;
    letter-spacing: normal;
    line-height: 42px;

}


.video_team_form_modal {
    position: relative;
    padding-bottom: 56.25%;
    /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}

.video_team_form_modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

.main_offer_box_adv h1 {
    width: 70%;
}

.main_offer_box_adv .p_under_h1 {
    font-size: 25px;
    padding-top: 20px;
    font-family: "MontL";
    width: 57%;
}


.main_offer_box_adv .main_offer_box_ul {
    flex-wrap: wrap;
    padding-bottom: 0;
    margin-bottom: 0;
}

.main_offer_box_adv .main_offer_box_ul {
    padding-right: 0px;
}


.main_offer_box_adv .main_offer_box_ul li {
    max-width: 33%;
    padding-bottom: 20px;
    align-items: center;
}


.main_offer_box_adv .offer_box_mobile_menu ul li a {
    font-size: 13px;
    margin-top: 0px;
    position: relative;
    display: block;
    padding: 4px 8px;
    background: #3cccaf;
    color: #fff;
    border-radius: 20em;
    text-align: center;
    min-width: 140px;
/*    margin-right: 20px;*/
}




.calc_adv {
        background: whitesmoke;
}

.calc_adv_flex {
    display: flex;
}

.calc_adv_calculate {
    width: 50%;
    padding: 40px 40px 0 0;
}

.calc_adv_calculate_title {
    font-size: 20px;
    padding-top: 20px;
}

.calc_adv_result {
    width: 50%;
    padding: 40px 40px 0 0;
}

.calc_adv_calculate input[type=radio] {
    margin: 4px 4px 0px 0;
}

.calc_adv_calculate input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #3cccaf;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}


.calc_adv_result_img img {
    width: 100%;
    max-width: 300px;
    padding-bottom: 25px;
}

.calc_adv_calculate label {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    /* box-shadow: 0px 0px 4px #e1e1e1; */
    border: 1px solid #ddd;
}

.calc_adv_result_box{
   border-left: 5px solid #3cccaf;
    margin-top: 40px;
    padding-left: 20px; 
}

.calc_adv_result_box .calc_adv_result_box_price{
font-size:20px;
}
.calc_adv_result_box .calc_adv_result_box_price span{
font-size: 25px;
    font-family: 'MontSB';
    display: block;
}

/*.calc_adv_result_box_day{
      border-left: 5px solid #3cccaf;
    margin-top: 40px;
    padding-left: 20px;  
}*/
.calc_adv_result_box .calc_adv_result_box_day span{
font-size: 25px;
    font-family: 'MontSB';
}



.calc_adv .main_button {
    overflow: hidden;
    position: relative;
    display: table;
    color: #fff;
    font-size: 20px;
}

.calc_adv .main_button:hover {
    color: #eee;
}

.calc_small{
    font-size:14px;
    color:#696969;
}

.main_page_scheme_work_adv a {
font-size: 17px;
    white-space: nowrap;
    color: #fff;
    text-decoration-color: red;
    text-decoration: underline;
    text-decoration-color: #3cccaf;
    background: #3cccaf;
    padding: 8px 20px;
    margin-top: 5px;
    position: absolute;
}


.main_page_scheme_work_adv .scheme_work ul li p {
    padding-top: 10px;
    font-size: 16px;
}

.main_page_scheme_work_adv  .scheme_work_line {

    margin-bottom: 150px;
}


.review_box {
    background: whitesmoke;
}

.review_box iframe {
    margin: 20px 0;

}



.review_box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

.review_box ul li {
    width: 49%;
    padding: 20px;
    box-shadow: 0px 0px 8px #dedbdb;
    border-radius: 18px;
    background: #fff;
}


.review_box .review_box_ttl_item {
    display: flex;
}

.review_box .review_box_ttl_item img {
    width: 60px;
    height: 60px;

}

.review_box .review_box_star {
    display: flex;
    /*    padding-top: 10px;*/
}


.review_box_ttl_items {
    padding-left: 15px;
}


.review_box .review_box_star .review_box_date {
    color: gray;
}

.review_box .review_box_star .review_box_star_p {
    color: #ffcc02;
    font-size: 17px;
}

.review_box .review_box_star p span {
    color: lightgray;
}

.review_box .review_box_star .review_box_date {
    color: gray;
    font-size: 15px;
    line-height: 25px;
    padding-left: 15px;
}

.review_box .review_box_text_item {}

.review_box_text_item p {
    font-size: 14px;
}

.review_box .review_box_ttl_item h3 {
    margin: 0;
    font-size: 17px;
    font-family: 'MontSB';
    /*    padding-left: 15px;*/
}

.review_box .review_box_ttl_item p {
    font-size: 14px;
}

.review_box .all_review_btm {
    text-align: center;
    font-size: 20px;
    padding-top: 20px;
}

.review_box .all_review_btm a {
    color: #000;
    font-size: 17px;
    background: #ffcc02;
    padding: 10px 40px 15px 40px;
    margin-top: 25px;
    position: relative;
    border: none;
    z-index: 100;
    font-weight: 100;
    border-radius: 10px;
}

.review_box .all_review_btm a:hover {
    color: #000;
    text-decoration: none;
}

.portfolio_main_box_adv .pre_h2 {

    padding-top: 30px;
}

.calc_adv_calculate output{
    font-size: 18px;
    padding-bottom: 10px;
        display: inline-block;
}

.sertificate_block{

}
.sertificate_block .sertificates_box li {
    width: 25%;
    margin: 25px 0;
}

.sertificate_block .sertificates_box li img{
    max-width: 230px;
    margin: auto;
    display: block;
    max-height: 280px;
}

.novostroy_partner{
    width: 160px;
}

.woocommerce div.product div.images div.thumbnails{
        display: flex;
    flex-wrap: wrap;
}

.woocommerce div.product div.thumbnails a {

    align-items: center;
    display: flex;
}
.portfolio_main_box_result ul{
    display: flex;
    justify-content: end;
}
.portfolio_main_box_result ul li{
        padding: 0px 0px 15px 10px;
    margin: 0;
    border-radius: 0;
    font-size: 14px;
    color: gray;
    box-shadow: none;
    justify-content: space-between;
    width: 50%;
    display: flex;
        align-items: flex-end;
}

.portfolio_main_box_result ul li .leaders {
    border-bottom: 1px dotted #dcdcdc;
    flex-grow: 1;
}

.portfolio_main_box_result ul li span:nth-child(3) {
      font-family: 'MontB';
    color: #3cccaf;
    font-size: 25px;
}

.portfolio_main_box_result ul li span:nth-child(1) {
font-size: 17px;
/*    width: 240px;*/
}


#pp_full_res img{
    position: absolute;
    width: 100%!important;
    height: auto!important;
}


.pp_hoverContainer{
    z-index: 0!important;
}

.sidenav a {
    padding: 8px 8px 0px 32px;
    font-size: 16px;
}

#menu {
    padding-bottom: 30px;
    z-index: 100;
    position: relative;
}


.blure{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: #255e50d1;
    opacity: 1;
    backdrop-filter: blur(7px);
}


#mySidenav .blure{
background: #255e50d1;
}

.sidenav {
    z-index: 101;
}


    .free_measu{
    position: absolute;
    background: #d33232;
    width: 110px;
    height: 110px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 90;
    right: 0;
    font-size: 20px;
    border-radius: 20em;
    bottom: -90px;
    }

    .free_measu p {
        font-size: 14px;
            transform: rotate(9deg);
            margin: 0;
    }
.free_measu p span{
    white-space: nowrap;
}

.category_custom{
    padding-top: 150px;
    padding-bottom: 0;
}

.category_custom h1{
    padding-bottom: 25px;
/*    font-size: 34px;*/
    font-family: 'MontB';
}



.category_custom .accordion {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
      justify-content: space-between;
    align-items: center;
}

.category_custom .active, .category_custom .accordion:hover {
  background-color: #eee;
}

.category_custom .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size: 30px;
}

.category_custom .active:after {
  content: "\2212";
}

.category_custom .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.category_custom .panel p:nth-child(1){
    padding-top: 20px;
}

.category_custom ul {
padding-left: 20px;
}

.category_custom ul li {
        font-family: MontL;
    line-height: 21px;
    list-style: circle;
    padding-bottom: 5px;
}


.team_txt_pad_right{
    padding-right: 25px;
}

.team_txt_pad_left{
    padding-left: 25px;
}
.owr_team_box img{
    padding-top: 0;
}


.link_not_active{
    background: transparent;
    border: 1px solid #3cccaf;
    font-size: 18px;
    padding: 3px 18px;
    border-radius: 20em;
    margin: 5px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: table;
    color: #3cccaf;
}


/*.video_team_flex{
    display: flex;
    justify-content: space-between;
}
*/

/*.video_team{
    width: 50%;
    padding: 0 15px;
}

.video_team2{
    margin-bottom: 10px;
}*/

.mfp-content{
    background: #ffffff7d;
}

.thanks_page_p.main_offer_box_p{
font-size: 15px;
}


.cookie_consent{
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
        background: #fff;
    color: #fff; 
    padding: 15px; 
    text-align: center; 
    z-index: 9999;
    align-items: center;
    justify-content:center;
    display: flex;
        box-shadow: 1px 9px 21px #000;
}
.cookie_consent p{
    font-size: 14px;
    max-width: 600px;
    text-align: left;
}
.cookie_consent #cookie-accept{
background: #4CAF50;
color: white; 
border: none; 
padding: 5px 15px; 
margin: 5px; 
cursor: pointer;
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    .top-line ul li p {
        font-size: 13px;
        padding: 5px 7px;
    }

    .top-line .logo img {
        width: 100%;
        max-width: 210px;
        padding-top: 7px;
    }

    section {
        padding: 30px 0;
        position: relative;
    }

    h2 {
        font-size: 30px;
    }

    body,
    p {
        font-size: 15px;
    }

    .owr_pre_box ul li .owr_pre_box_txt p {
        font-size: 13px;
    }

    .owr_pre_box ul li .owr_pre_box_txt h3 {
        font-size: 15px;
        line-height: normal;
    }

    .pre_h2 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .scheme_work ul li {
        padding-right: 60px;
    }

    .scheme_work_line {
        margin-bottom: 170px;
    }

    .portfolio_main_box {
        padding-top: 25px;
    }

    .grid_six .grid_item:nth-child(1n) {
        grid-area: A;

    }

    .grid_six .grid_item:nth-child(2n) {
        grid-area: B;
        width: auto;
    }

    .grid_six .grid_item:nth-child(3n) {
        grid-area: C;
        width: auto;
    }

    .grid_six .grid_item:nth-child(4n) {
        grid-area: D;
        width: auto;
    }

    .grid_six .grid_item:nth-child(5n) {
        grid-area: E;
        width: auto;
    }

    .grid_six .grid_item:nth-child(6n) {
        grid-area: I;
        width: auto;
    }

    .app_box_left p {
        color: #fff;
        font-size: 15px;
    }

    .app_box_left h2 {
        font-size: 28px;
    }

    .app_box_left {

        padding-bottom: 100px;
    }

    .app_box_content .main_offer_box_form {
        position: absolute;
        bottom: 30px;
    }

    .app_box_buttom ul li:nth-child(1) p {
        font-size: 30px;
        line-height: normal;
    }

    .app_box_buttom ul li:nth-child(1) {
        width: 30%;
    }

    .app_box_buttom ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .app_box_buttom ul li {
        text-align: center;
    }

    .app_box_buttom ul li span {
        font-size: 14px;
        font-family: 'MontR';
        line-height: 17px;
        padding-top: 10px;
    }

    .owr_team_box ul li p {
        padding-bottom: 0;
        margin-bottom: 3px;
    }

    .maps_box_row .map {
        width: 55%;
    }

    .maps_box_row .form_map {
        width: 40%;
        padding-top: 50px;
    }

    .maps_box {
        padding-bottom: 60px;
    }

    .design_packages_box_item_right_img .border_price p {
        font-size: 17px;
    }

    .design_packages_box_item_left_img .border_price p {
        font-size: 17px;
    }

    .design_packages_box_item_left_img .border_price p span {
        font-size: 20px;
        font-family: montsb;
    }

    .design_packages_box_item_right_img .border_price p span {
        font-size: 20px;
        font-family: montsb;
    }

    .design_packages_box_item_right_txt ul li p {
        font-size: 13px;
    }

    .design_packages_box_item_left_txt ul li p {
        font-size: 13px;
    }

    .additional_service_design ul li h3 {
        font-size: 18px;
        font-family: 'MontSB';
    }

    .additional_service_design ul li p {
        ;
        font-size: 13px;
    }


    .half_p {
        width: 100%;
        font-size: 15px;
    }


    .slider_box {
        overflow: hidden;
    }



.review_box ul li {
    width: 48%;
}


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.category_custom h1{
    padding-bottom: 25px;
    font-size: 34px;
}

.category_custom{
    padding-top: 100px;
}

.category_custom .accordion {
    padding: 10px 5px;
    font-size: 15px;
}

    .black_bg_color {
        padding: 150px 0 0;
    }

    .main_offer_box h1 {
        color: #fff;
        font-size: 35px;
        padding-top: 40px;
    }

    .main_offer_box_p {
        font-size: 20px;
    }

    h2 {
        font-size: 25px;
    }

    .partner_box li {
        width: 33%;
        margin-bottom: 20px;
    }

    .owr_pre_box ul {
        justify-content: space-between;
    }

    .owr_pre_box ul li {
        width: 50%;
        margin-bottom: 40px;
    }

    .scroll_mobile {
        overflow-x: scroll;
        margin-right: -15px;
    }

    .flex_ul {
        width: 1170px;
    }

    .main_page_wath_we_do ul li.main_page_wath_we_do_li {
        width: 24%;
        height: 520px;
    }

    .main_page_wath_we_do ul li.main_page_wath_we_do_li h3 {
        color: #fff;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid var(--color-main);
        font-family: 'MontSB';
        font-size: 15px;
    }

    .main_page_wath_we_do ul li ul {
        font-size: 12px;
    }

    .wath_we_do_graybg {

        padding-top: 400px;
    }

    .main_page_wath_we_do ul li.main_page_wath_we_do_li h3 {
        font-size: 18px;
        min-height: 66px;
    }

    .we_do_button {
        font-size: 12px;
    }

    .scheme_work_line {
        margin-right: 185px;
        margin-bottom: 135px;
    }

    .tab button {
        min-width: auto;
        white-space: nowrap;


    }

    .grid_six {

        grid-template-areas:
            "A A"
            "B C"
            "D I"
            "D E";
    }

    .app_box_content {
        display: flex;
        flex-wrap: wrap;
    }

    .app_box_left {
        width: 100%;
        padding-right: 90px;
    }

    .app_box_right img {
        position: absolute;
        width: 270px;
        left: -90px;
        top: -62px;
    }

    .app_box_right {
        width: 90%;
        background: #fff;
        margin-top: -50px;
        padding-left: 170px;
        position: relative;
    }



    .mobile_app_form_dektop {
        display: none;
    }

    .mobile_app_form_mobile {
        display: block;
    }

    .mobile_app_img_dektop {
        display: none;
    }

    .mobile_app_img_mobile {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 250px;
        z-index: 1;
    }

    .app_box_left p {
        padding-right: 150px;
    }

    .app_box_right {
        width: 100%;
        margin-top: -70px;
        padding: 25px 25px 25px 40px;
        border-radius: 10px;
    }

    .app_box_right h3 {
        /*    width: 60%;*/
    }

    .app_box_left .mobile_app_img_mobile {
        margin-top: -47px;
    }

    .app_box_content .main_offer_box_form {
        position: initial;
        bottom: 0;
        margin: 10px 0 25px 0;
    }

    .app_box_right h3 {
        padding-bottom: 15px;
    }


    .app_box_buttom ul li:nth-child(1) {
        width: 100%;
    }

    .app_box_buttom ul li:nth-child(1) .app_box_buttom_h {
        width: 60%;
        padding-bottom: 10px;
    }


    .app_box_buttom ul li {
        text-align: left;
        width: 33%;
    }

    .app_box_buttom ul {
        flex-wrap: wrap;
    }

    .owr_team_box h2 {
        padding-bottom: 20px;
        font-weight: 900;
        font-family: "MontB";
    }


    .maps_box_row .map {
        width: 100%;
    }

    .maps_box_row .form_map {
        width: 40%;
        padding-top: 50px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .maps_box_row .form_map {
        width: auto;
        padding-top: 50px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .form_map .main_offer_box_form {
        box-shadow: 0px 0px 25px -10px rgb(0 0 0);
        background: #fff;
        padding: 30px;
        width: 300px;
        margin: auto;
        text-align: center;
    }

    .main_offer_box_form h3 {
        margin-top: 0;
    }

    .main_offer_box_form p {
        font-size: 13px;
    }

    .main_offer_box_form button {
        font-size: 14px;
        padding: 19px 85px;
    }

    .form_map .main_offer_box_form {
        border-top-left-radius: 10px;
    }

    .main_offer_box_ul {
        padding-right: 0;
    }

    .design_packages_box_item_right_img {
        width: 100%;
        position: relative;
        left: 0;
        display: grid;
        grid-template-rows: 1fr;
        grid-template-areas:
            "A B"
            "A C";
    }

    .design_packages_box_item_right_img img {
        grid-area: A;
        width: 350px;
        margin-top: 0;
    }

    .design_packages_box_item_right_img .border_price {
        grid-area: B;
        padding: 15px 15px 15px 90px;
        border: 2px solid #444;
        margin: 15px 15px 15px -90px;
        margin-top: 40px;
        background: #fff;
        z-index: -1;
        height: fit-content;
    }

    .design_packages_form {
        grid-area: C;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .design_packages_box_item_right_txt {
        margin-left: 0;
    }



    .hidden_992 {
        display: none;
    }

    .visible_992 {
        display: block;
    }

    .additional_service_design ul li h3 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .additional_service_design ul li span {
        color: var(--color-main);
        white-space: nowrap;
    }

    .additional_service_design ul li {

        padding-bottom: 10px;
    }

    .owl-next {
        right: 0;
        top: 120px;
    }

    .owl-prev {
        left: 0;
        top: 120px;
    }

    .simple_box_left_txt {
        padding-top: 0px;
    }

    body,
    p {
        font-size: 13px;
    }

    .simple_box_left_img {
        padding: 0 0px 0 0;
    }


    .simple_box_left .simple_box_left_txt {
        padding-left: 60px;
    }

    .sertificates_box li {
        width: 20%;
        margin: 10px;
    }

    .panel p {
        font-size: 16px;
        font-family: MontL;
        line-height: 21px;
    }

    .page_build_looking_for ul {
        display: flex;
        flex-wrap: wrap;
    }

    .page_build_looking_for ul li h3 {
        font-size: 17px;
    }

    .page_build_materials ul li h3 {
        font-size: 17px;
    }

    .type_project_house ul li {
        width: 50%;
        padding: 40px 20px 0;
    }

    .type_project_house ul li h3 {
        font-size: 17px;
    }

    .tab_m {
        text-align: center;
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .scheme_work ul li p {
        padding-top: 10px;
        font-size: 16px;
    }

    .scheme_work_line {
        margin-bottom: 170px;
    }

    .top-line .mobile_menu ul li {
        width: auto;
        float: right;
    }

    .grid_four .grid_item {
        width: 48%;
    }

    .3d_tour iframe {
        height: 400px;
    }


  .main_privacy {
    left: 9px;
    bottom: -66px;
  }
	
    .main_adress_bot_pdf {
        right: 85px;
    }

    .tab_scroll {
        overflow-x: scroll;
        margin-right: -15px;
    }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



    .main_offer_box_form button {
        display: block;
        min-width: 320px;
        max-width: 400px;
    }

    .main_offer_box_form input {
        display: block;
        min-width: 320px;
        max-width: 400px;
        margin-bottom: 20px;
    }

    .main_adress_bot {
        padding-top: 120px;
    }

    .main_adress_bot p {
        font-size: 14px;
    }

    .partner_box li img {
        max-height: 75px;
    }




    .wath_we_do_graybg {
        padding-top: 30px;
    }

    .main_page_wath_we_do ul li ul {
        opacity: 1;
    }

    h2 {
        font-size: 20px;
    }

    .scheme_work ul {
        padding-right: 0;
        display: grid;
        gap: 10px;
        grid-template-rows: 1fr;
        grid-template-areas:
            "A B"
            "D C"
            "F I"
            "E E";
        width: 435px;
    }

    .scheme_work ul .scheme_work_absolute_item {
        position: relative;
        right: 0;
        max-width: 280px;
        top: 0;
    }

    .scheme_work_box_padding {
        padding-top: 0;
    }

    .scheme_work ul li {
        padding-right: 0;
        width: 100%;
    }

    .scheme_work_box {
        /*        margin: auto;*/
    }

    .scheme_work_line {
        display: none;
    }


    .scheme_work ul li:nth-child(1) {
        grid-area: A;
    }

    .scheme_work ul li:nth-child(1) p {
        top: 0;
        left: 105px;
    }



    .scheme_work ul li:nth-child(1):after {
        content: '';
        width: 290px;
        height: 5px;
        background: #3cccaf;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        right: -150px;
    }

    .scheme_work ul li:nth-child(2) {
        grid-area: B;
    }

    .scheme_work ul li:nth-child(2):after {
        content: '';
        width: 5px;
        height: 160px;
        background: #3cccaf;
        position: absolute;
        top: 40px;
        margin: auto;
        z-index: -1;
        right: 45px;
    }

    .scheme_work ul li:nth-child(2) .scheme_work_box {
        float: right;
    }

    .scheme_work ul li:nth-child(2) p {
        width: 110px;
        text-align: right;
    }



    .scheme_work ul li:nth-child(3) {
        grid-area: C;

    }

    .scheme_work ul li:nth-child(3) p {
        width: 110px;
        text-align: right;
    }

    .scheme_work ul li:nth-child(3) .scheme_work_box {
        float: right;
    }

    .scheme_work ul li:nth-child(4) {
        grid-area: D;
    }

    .scheme_work ul li:nth-child(4) p {
        top: 0px;
        left: 105px;
    }

    .scheme_work ul li:nth-child(4):after {
        content: '';
        width: 290px;
        height: 5px;
        background: #3cccaf;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        right: -150px;
    }

    .scheme_work ul li:nth-child(4):before {
        content: '';
        width: 5px;
        height: 160px;
        background: #3cccaf;
        position: absolute;
        top: 40px;
        margin: auto;
        z-index: -1;
        right: auto;
        left: 45px;
    }


    .scheme_work ul li:nth-child(5) {
        grid-area: E;

    }

    .scheme_work ul li:nth-child(5) .scheme_work_box {
        float: right;
    }

    .scheme_work ul li:nth-child(5) p {
        width: 120px;
        text-align: right;
        right: 105px;
    }

    .scheme_work ul li:nth-child(6) {
        grid-area: I;

    }

    .scheme_work ul li:nth-child(6):after {
        content: '';
        width: 5px;
        height: 160px;
        background: #3cccaf;
        position: absolute;
        top: 40px;
        margin: auto;
        z-index: -1;
        right: 45px;
    }

    .scheme_work ul li:nth-child(6) .scheme_work_box {
        float: right;
    }

    .scheme_work ul li:nth-child(6) p {
        width: 110px;
        text-align: right;
        top: -15px;
    }

    .scheme_work ul li:nth-child(7) {
        grid-area: F;
    }

    .scheme_work ul li:nth-child(7) p {
        top: -30px;
        left: 105px;
    }


    .scheme_work ul li:nth-child(7):after {
        content: '';
        width: 290px;
        height: 5px;
        background: #3cccaf;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        right: -150px;
    }

    .scheme_work ul li {
        margin-bottom: 30px;
    }



    .scheme_work ul li p {
        font-size: 13px;
    }

    .scheme_work ul li span {
        font-size: 20px;
    }

    .scheme_work ul li p {
        padding-top: 10px;
        font-size: 13px;
        position: absolute;
    }

    .scheme_work ul li span {
        left: -10px;
        top: -30px;
    }



    .portfolio_main_box .we_do_button {
        min-width: auto;
        width: 100%;
    }

    .grid_six .grid_item {
        min-height: 200px;
    }

    .grid_six .grid_item h3 {
        font-size: 14px;
    }

    .maps_box .main_offer_box_form input,
    .maps_box .main_offer_box_form button {
        min-width: auto;
    }

    .main_offer_box_form input,
    .main_offer_box_form button {
        width: 100%;
    }

    .app_box_left .mobile_app_img_mobile {
        margin-top: -47px;
        z-index: 1;
    }

    .app_box_left {
        padding-right: 0;
    }

    .app_box_left p {
        padding-right: 0;
    }

    .app_box_buttom ul li p {
        font-size: 35px;
    }

    .app_box_buttom ul li:nth-child(1) p {
        font-size: 23px;
        line-height: normal;
    }

    .app_box_buttom ul {
        align-items: flex-start;
    }

    .app_box_buttom ul li {
        text-align: left;
        width: 30%;
    }

    .footer_flex {
        flex-flow: column-reverse;
    }

    .footer_right {
        width: 100%;
        padding-right: 15px;
    }

    .footer_left {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .logo_foot {
        text-align: right;
    }

    .footer_left p {
        text-align: right;
    }

    .footer_left iframe {
        position: relative;
        display: block;
        margin-bottom: 0;
        right: 0;
        position: absolute;
    }

    .footer_left .footer_lttl_txt {
        padding-top: 60px;
    }

    .footer_right .footer_lttl_txt {
        display: none;
    }

    footer .logo_foot img {
        width: 100%;
        max-width: 260px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .footer_right .footer_right_phone {
        font-size: 22px;
        font-family: "MontSB";
    }

    .footer_right p {
        font-size: 15px;
        padding-bottom: 7px;
    }

    footer .logo_foot img {
        width: 100%;
        max-width: 180px;
    }

    .design_packages_box_item_right_img img {
        width: 230px;
    }

    .design_packages_box_item_right_img .border_price p {
        font-size: 15px;
    }

    .design_packages_box_item_right_img .border_price {
        margin: 15px 0 15px -80px;
        margin-top: 15px;
    }

    .design_packages_form {
        display: none;
    }

    .design_packages_but_mobile {
        grid-area: C;
        padding-bottom: 30px;
        padding-left: 0;
        display: block;
        color: #fff;
        font-family: MontSB;
        font-size: 16px;
        width: 90%;
        padding: 15px;
        text-align: center;
        display: block;
        margin: auto;
        margin-bottom: 40px;
    }

    .design_packages_box_absol_a {
        grid-area: C;
    }

    .design_packages_box_absol_a {
        padding-left: 0px;
        padding-top: 10px;

        display: block;
        padding-top: 60px;
        margin: auto;
    }



    .design_packages_box_item_right_img .border_price p span {
        font-size: 18px;
        font-family: montsb;
    }

    .design_packages_box_item_right_txt ul {
        display: none;
    }

    .design_packages_box_item_right_txt .lttl_text {
        display: none;
    }

    .design_packages_box_item_right_txt {
        box-shadow: none;
        padding: 0;
    }

    .design_packages_box_item_right {
        position: relative;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .additional_service_design ul {
        column-count: 1;
        padding-top: 30px;
    }

    .additional_service_design ul li p {
        font-size: 13px;
        display: none;
    }

    .additional_service_design ul li {
        padding-bottom: 5px;
    }

    .additional_service_design {
        margin-top: -80px;
    }
 .additional_service_design.additional_service_design_adv {
        margin-top: 0px;
    }

    .simple_box_left_img.simple_box_left_img_adv img{
        display: none;
    }
    .slider_box h2 {
        padding-bottom: 30px;
        width: 100%;
    }

    .slider_item {
        padding-top: 20px;
    }

    .owl-controls {
        padding-top: 20px;
    }

    .owl-next i,
    .owl-prev i {
        font-size: 70px;
    }



    .simple_box_left .simple_box_left_txt {
        padding-left: 20px;
    }

    .simple_box_right .simple_box_left_img {
        display: none;
    }

    .simple_box_right .simple_box_left_txt {
        width: 100%;
    }

    .sertificates_box li {
        width: 30%;
        margin: 5px;
    }

    .sertificates_box {
        justify-content: space-between;
    }

    .sertificates_box li img {
        width: 100%;
    }

    .accordion {
        font-size: 15px;
    }

    .accordion:after,
    .accordion_02:after {
        line-height: 21px;
    }

    .panel p {
        font-size: 13px;
        font-family: MontL;
        line-height: 18px;
    }

    .page_build_looking_for ul li {
        width: 50%;
    }

    .type_project_house ul li {
        width: 50%;
        padding: 30px 10px 0;
    }

    .type_project_house .main_button {
        width: 100%;
        text-align: center;
    }

    .accordion_02 {
        font-size: 15px;
    }

    .app_box_buttom {
        margin-top: 25px;
    }

    .slider_build #customNav2 {
        display: none;
    }

    .mfp-auto-cursor .mfp-content {
        max-width: 320px;
    }

    .form_modal_txt {
        padding: 15px 15px;
    }

    .form_modal_img {
        height: 160px;
    }

    .mfp-auto-cursor .mfp-content p {
        width: 100%;
    }

    .modal_header {
        font-size: 15px;
    }

    .mfp-auto-cursor .mfp-content input {
        font-size: 15px;
    }

    .mfp-auto-cursor .mfp-content p.form_lttl_txt {
        font-size: 10px;
    }

    .offer_box_mobile_menu {
        display: block;
        position: absolute;
        top: -70px;
    }

    .offer_box_mobile_menu ul {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .offer_box_mobile_menu ul li {
        width: auto;
        white-space: nowrap;
        min-width: 25%;
        margin: 0 2px 10px 0;
    }


    .offer_box_mobile_menu ul li a {
        font-size: 13px;
        margin-top: 0px;
        position: relative;
        display: block;
        padding: 4px 8px;
        background: #3cccaf;
        color: #fff;
        border-radius: 20em;
        text-align: center;

    }




    .offer_box_mobile_menu ul li p {
        margin: 0;
    }

    .portfolio_main_box.portfolio_page {
        padding-top: 75px;
    }

    .woocommerce div.product .product_title {
        padding-bottom: 20px;
    }

    .scheme_work_box {
        border: 5px solid var(--color-main);
        width: 95px;
        height: 95px;
    }

    .grid_four .grid_item {
        width: 100%;
    }

    .tab {
        justify-content: flex-start;
    }

    .main_page_wath_we_do ul li.main_page_wath_we_do_li h3 {
        min-height: 70px;
    }

    .xoo-qv-images .thumbnails a {
        max-height: 45px;
        overflow: hidden;
        max-width: 65px;
    }

    .partner_box li {
        margin-bottom: 10px;
    }

    .we_do_button {
        position: absolute !important;
        bottom: 30px;
    }


    .3d_tour iframe {
        height: 300px;
    }
	
    .main_privacy {
       left: 0;
       right: 0;
    }

    .main_adress_bot_pdf {

        left: 0;
        /*    top: 20px;*/
        right: 0;
        text-align: center;
        bottom: -89px;
    }

    .standart_page {
        padding-top: 90px;
    }

    .main_page_scheme_work_adv a {
        display: none;
    }
    .main_offer_box_adv h1 {
    width: 100%;
}

.main_offer_box_adv .p_under_h1 {
    font-size: 20px;
    width: 100%;
}

.main_offer_box_adv .main_offer_box_ul li {
     max-width: 50%;
     width: 50%;
 }
.main_offer_box_adv .main_offer_box_ul {
    padding-right: 0px;
    padding-top: 15px;
}

.calc_adv_calculate {
    width: 100%;
    padding: 15px 0px 0 0;
}
.calc_adv_flex{
    display: block;
}

.calc_adv_result {
    width: 100%;
    padding: 0 0px 0 0;
}

.calc_adv_calculate_title {
    font-size: 16px;
    padding-top: 20px;
}

.calc_adv .main_button {
    font-size: 17px;
    padding: 10px 40px 11px 40px;
}
.app_box_left .mobile_app_img_mobile{
    display: none;
}

.marquiz__box_adv{
    margin-bottom: 25px;
}
.review_box ul li {
    width: 100%;
}

.sertificate_block .sertificates_box li {
    width: 25%;
    margin: 25px 0;
    padding: 0 15px;
}


.main_offer_box_adv h1 {
    padding-top: 0;
}


.portfolio_main_box_result ul {
    display: flex;
    flex-wrap: wrap;

}
.portfolio_main_box_result ul li{
    width: 100%;
}
.portfolio_main_box_result ul li span:nth-child(1) {
    font-size: 15px;
    width: 240px;
}
.portfolio_main_box_result ul li{
    padding: 15px 0 0 0;

}



}

/* Extra Small Devices, Phones  */
@media only screen and (max-width : 480px) {
    .mobile_menu .logo_m img {
        width: 100%;
        margin: 5px 0;
    }

    .owr_team_box img {
    width: 100%;
    max-width: 600px;
    padding-top: 25px;
    padding: 10px 0;
}

.app_box_left .mobile_app_img_mobile{
    display: block;
}

    .xoo-qv {
        display: none;
    }


    .mob_header_phone_phone {
        display: none;
    }

    .mob_header_phone_but {
        display: block;
        background-image: url(img/icon/phone.svg);
        width: 40px;
        height: 40px;
        margin: auto;
        margin-top: 10px;
        top: 0px;
    }

    .main_offer_box h1 {
        color: #fff;
        font-size: 21px;
    }

    .main_offer_box_ul {
        display: flex;
        padding-top: 20px;
        flex-wrap:wrap;
        gap:10px;
    }

    .main_offer_box_ul li{
        width:48%;
    }

    .main_offer_box_ul li p {
        font-size: 10px;
    }

    .main_offer_box_p {
        font-size: 15px;
    }

    .main_offer_box_form input,
    .main_offer_box_form button {
        min-width: auto;
    }

    .partner_box li img {
        max-height: 50px;
    }

    .owr_pre_box ul li {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

    .owr_pre_box ul li .owr_pre_box_txt p {
        display: none;
    }

    .owr_pre_box ul li .owr_pre_box_txt span {
        display: none;
    }

    .scheme_work ul {
        width: 280px;
        margin: auto;
    }

    .scheme_work_box {
        display: block;
        position: relative;
        padding: 4px;
        border: 6px solid var(--color-main);
        border-radius: 20em;
        width: 45px;
        height: 45px;
        background: #fff;
    }

    .scheme_work ul li span {
        left: 0px;
        top: -20px;
        font-size: 13px;
    }


    .scheme_work ul li:nth-child(1):after {
        height: 3px;
        right: -130px;
        width: 230px;
    }

    .scheme_work ul li:nth-child(2):after {
        width: 3px;
        height: 90px;
        top: 20px;
        right: 21px;
    }

    .scheme_work ul li:nth-child(4):after {
        height: 3px;
        right: -130px;
        width: 230px;
    }

    .scheme_work ul li:nth-child(6):after {
        width: 3px;
        height: 90px;
        top: 20px;
        right: 21px;
    }

    .scheme_work ul li:nth-child(4):before {
        width: 3px;
        height: 90px;
        top: 20px;
        right: auto;
        left: 21px;
    }

    .scheme_work ul li:nth-child(7):after {
        right: -110px;
        width: 220px;
        height: 3px;
    }

    .scheme_work ul li p {
        padding-top: 10px;
        font-size: 10px;
        position: absolute;
    }

    .scheme_work ul li:nth-child(1) p {
        top: -15px;
        left: 47px;
    }

    .scheme_work ul li:nth-child(4) p {
        top: -15px;
        left: 47px;
    }

    .scheme_work ul li:nth-child(7) p {
        top: 15px;
        left: 45px;
    }

    .scheme_work ul li:nth-child(5) p {
        right: 47px;
        top: -15px;
    }

    .scheme_work ul li:nth-child(2) p {
        width: 89px;
        top: -15px;
    }

    .scheme_work ul li:nth-child(3) p {
        width: 89px;
        top: -15px;
    }

    .scheme_work ul li:nth-child(6) p {
        width: 90px;
        top: -26px;
    }

    .main_page_scheme_work {
        padding-bottom: 0;
        padding-top: 10px;
    }

    .main_page_wath_we_do {
        padding-bottom: 0;
    }

    .tab {
        text-align: center;
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .grid_six {
        display: block;
    }

    .tabcontent {
        padding: 6px 0px;
    }

    .grid_six .grid_item {
        margin-bottom: 5px;
    }

    .app_box_right {
        padding: 15px;
    }

    .app_box_buttom ul li {
        width: 100%;
    }

    .footer_right .footer_lttl_txt p,
    .footer_left .footer_lttl_txt p {
        font-size: 10px;
        color: gray;
    }

    footer .logo_foot img {
        width: 100%;
        max-width: 150px;
    }

    .foot_soc img {
        width: 40px;
    }

    .main_offer_box_design .main_offer_box_ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }



    .main_offer_box_design .main_offer_box_ul li {
        margin-bottom: 10px;
        width: 50%;
    }


    .main_offer_box_form button {
        font-size: 14px;
        padding: 19px 15px;
    }

    .design_packages_box_item_right_img img {
        width: 210px;
        margin-left: -80px;
    }

    .design_packages_box_item_right_img .border_price p {
        font-size: 13px;
    }

    .design_packages_box_item_right_img .border_price p span {
        white-space: nowrap;
    }

    .design_packages_box_item_right_img .border_price {
        margin: 15px 0 15px -80px;
        margin-top: 0px;
    }

    .additional_service_design ul li {
        position: relative;
        padding-left: 20px;
        padding-right: 0px;
    }

    .simple_box_left_img {
        width: 100%;
    }

    .simple_box_left {
        flex-wrap: wrap;
    }

    .simple_box_left .simple_box_left_txt {
        padding-left: 0;
        width: 100%;
        padding-top: 15px;
    }

    .simple_box_right {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .simple_box_right .simple_box_left_txt {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .simple_box_right .simple_box_left_img {
        display: block;
    }

    .sertificates_box li {
        width: 30%;
        margin: 3px;
    }

    .app_box_buttom {
        display: flex;
        margin-top: 25px;
    }

    .main_page_wath_we_do.appart_page_wath_we_do ul.flex_ul {
        display: block;
        width: 100%;
    }


    .main_page_wath_we_do.appart_page_wath_we_do ul li.main_page_wath_we_do_li {
        width: 100%;
    }


    .half_p {
        font-size: 13px;
    }


    .owl-prev {
        left: 0;
        top: 200px;
    }

    .owl-next {
        right: 0;
        top: 200px;
    }


    .main_adress_bot p {
        font-size: 13px;
    }

    .page_build_looking_for ul li {
        width: 100%;
        padding: 20px 10px 0;
        max-width: 300px;
        margin: auto;
    }

    .page_build_looking_for ul li h3 {
        font-size: 15px;
    }

    .page_build_looking_for ul li h3 {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .page_build_materials ul {
        flex-wrap: wrap;
    }

    .page_build_materials ul li {
        width: 100%;
        padding: 20px 10px 0;
        max-width: 300px;
        margin: auto;
    }

    .page_build_materials ul li h3 {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .type_project_house ul li {
        width: 100%;
        padding: 20px 10px 0;
        max-width: 300px;
        margin: auto;
    }

    .type_project_house ul li h3 {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .mfp-close-btn-in .mfp-close {
        color: #000 !important;
        font-size: 40px !important;
        top: -10px !important;
        right: 5px !important;
    }

    .offer_box_mobile_menu ul li {
        min-width: 18%;
    }

    .offer_box_mobile_menu ul li a {
        font-size: 10px;
        padding: 4px 5px;
    }

    .offer_box_mobile_menu ul li {
        margin: 0 7px 7px 0;
    }

    .hidden_txt_mobile {
        display: none;
    }

    .app_box_left h2 {
        padding-bottom: 0px;
        z-index: 1;
    }

    .mobile_app_img_mobile {
        width: 100px;
    }

    #design .grid_six:nth-last-child(1) {
        display: flex;
        flex-wrap: wrap;
    }

    #design .grid_six:nth-last-child(1) .grid_item:nth-child(1n) {
        width: 100% !important;
    }

    #appart .grid_six:nth-last-child(1) {
        display: flex;
        flex-wrap: wrap;
    }

    #appart .grid_six:nth-last-child(1) .grid_item:nth-child(1n) {
        width: 100% !important;
    }

    .slider_box .main_button {
        width: 100%;
        text-align: center;
    }

    .portfolio_main_box {
        padding-top: 0;
    }

    .owr_pre_box ul li .owr_pre_box_txt h3 {
        text-shadow: none;
    }

    .app_box_right h3 {
        padding-bottom: 15px;
        width: 50px;
    }

    .partner_box li img.prohome_img {
        max-height: 50px;
    }

    .partner_box {
        padding: 20px 0 0;
    }


    element.style {}

    .partner_box_ul {

        margin-top: 20px;
    }

    .scheme_work ul li img {
        max-height: 100%;
    }


    #more {
        display: none;
    }

    #dot {
        display: inline;
    }

    .btn_show_more {
        background: transparent;
        border: none;
        display: block;
        padding: 0;
        border-bottom: 1px solid gray;
    }

    .btn_show_more:hover {
        border-bottom: none;
    }

     .3d_tour iframe{
    height: 90vh;
}


    .video_team a {
        width: auto;
        font-size: 14px;
        max-width: 330px;
        padding-left: 65px;
    }

    .video_team a:before {
        width: 50px;
        top: 0px;
        height: 35px;
        font-size: 18px;
        line-height: 39px;
    }

.main_offer_box_adv .p_under_h1 {
    font-size: 14px;
}
.review_box .all_review_btm a{
    display: table;
}
.review_box .review_box_ttl_item h3 {
    font-size: 14px;
}


.maps_box_row {
    flex-wrap:wrap;
}

.maps_box_row .form_map {
    padding: 30px;
position: relative;
    width: 100%;
}
.form_map .main_offer_box_form{
    width: 100%;
    max-width: 400px;
}
    

.main_page_scheme_work_adv .scheme_work ul li p {
    padding-top: 10px;
    font-size: 10px;
}

.main_page_scheme_work_adv .scheme_work ul li:nth-child(1) p {
    top: 15px;
    left: 47px;
}
.main_page_scheme_work_adv .scheme_work ul li {
    margin-bottom: 70px;
}

.main_page_scheme_work_adv  .scheme_work ul li:nth-child(2) p {
    width: 89px;
    top: 15px;
}
.main_page_scheme_work_adv  .scheme_work ul li:nth-child(4) p {
    top: 15px;
    left: 47px;
}

.main_page_scheme_work_adv .scheme_work ul li:nth-child(3) p {
    width: 89px;
    top: 15px;
}

.main_page_scheme_work_adv  .scheme_work ul li:nth-child(6) p {
    width: 90px;
    top: 15px;
}

.main_page_scheme_work_adv  .scheme_work ul li:nth-child(2):after {

    height: 120px;
}

.main_page_scheme_work_adv .scheme_work ul li:nth-child(4):before{
       height: 120px;
}

.main_page_scheme_work_adv .scheme_work ul li:nth-child(6):after{
         height: 120px;
}



.sertificate_block .sertificates_box li {
    width: 50%;
    margin: 0;
    padding: 0 15px;
}


.sidenav a {
    padding: 8px 8px 0px 32px;
    font-size: 16px;
}


.main_offer_box_form {
    width: fit-content;
    position: relative;
    z-index: 100;
    width: 100%;
}
.main_offer_box_form input, .main_offer_box_form button {
    min-width: auto;
    width: 100%;
    margin-right: 0;
}
.main_offer_box_form.main_offer_box_form_free_measu {
padding-top: 50px;
}


.free_measu p {
    font-size: 10px;
}

.free_measu{
    position: absolute;
    background: #d33232;
    width: 85px;
    height: 85px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 90;
    right: 0;
    font-size: 20px;
    border-radius: 20em;
    bottom: -70px;
    border: 5px solid #d33232;
}

.map_img_box ul{
        gap: 0 5px;
}

.map_img_box ul li a{
    font-size: 13px;
}

.link_not_active{
    color:#3cccaf;
    font-size: 13px;
}
.map_img_box img{
    margin-top: 0px;
}

}

/*/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}