/*
Theme Name: 
Theme URI: dankanic.com
Author:  Kiril Dankanic  
Author URI: https://dankanic.com
Description: Theme specially designet for 

Version: 1.0
License: Private theme, All rights reserved.
License URI: LICENSE
Text Domain: theme-folder


This theme is exclusively made for Kiril Dankanic only.

The main theme color is d32913
grey 282828

*/



/*----INITIAL-----*/

* {
    -webkit-font-feature-settings: "locl" 0;
    -moz-font-feature-settings:    "locl" 0;
    -ms-font-feature-settings:     "locl" 0;
    font-feature-settings:         "locl" 0;
}


:root {
    --red: #d32913;
}

.redcolor {color: var(--red);}
.blackcolor {color: #000;}
.white_back {background-color: #fff;}

html {font-family: 'Montserrat', sans-serif; margin:0; padding:0; color:#000;}
body {margin: 0; overflow-x: hidden;}

a, p {font-size: 16px; font-weight: 300; margin:0; padding:0;}

/*.showup {top: 30px; opacity: 0; position: relative;}*/

h1 {font-size: 24px; margin:0; padding:0;}
h2 {font-size: 24px; margin:0; padding:0;}
h3 {font-size: 24px; margin:0; padding:0;}
h4 {font-size: 24px; margin:0; padding:0;}
h5 {font-size: 24px; margin:0; padding:0;}
h6 {font-size: 24px; margin:0; padding:0;}

img {max-width: 100%;}

.absolute {position: absolute;}
.relative {position: relative;}
.fixed {position: fixed;}

.loader_cont {position: fixed; width: 100%; height: 100%; z-index: 1000; background-color: #fff;}
.loader_box {width: 150px; height: 150px;}
.loadingbar {width: 0; height: 1px; background-color: var(--red); margin: 20px 0; position: relative;
    animation-name: load; bottom: 0; animation-duration: 1400ms; animation-iteration-count: infinite;}

    @keyframes load {
        0% {width: 0;}
        50% {width: 100%; left: 0;}
        100% {width: 0; left: 100%;}
    }

.fixed-1200 {width: 1200px; height: auto; margin: 0 auto;}
.fixed-1000 {width: 1000px; height: auto; margin: 0 auto;}
.fixed-800 {width: 800px; height: auto; margin: 0 auto;}
.fixed-300 {width: 300px; height: auto; margin: 0 auto;}
.full-width {width: 100%; height: auto; margin: 0 auto;}

.flex-s-b {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flex-c-c {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.flex-f-s {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.flex-f-e {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.flex-f-e-at {display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap;}
.flex-f-s-nw {display: flex; justify-content: flex-start; align-items: center;}
.flex-s-b-s {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.flex-s-b-at {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.flex-s-b-ab {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.flex-c-t {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}

.flex-100 {flex:0 0 100%;}
.flex-75 {flex:0 0 75%;}
.flex-70 {flex:0 0 70%;}
.flex-64 {flex:0 0 66%;}
.flex-60 {flex:0 0 60%;}
.flex-50 {flex:0 0 50%;}
.flex-40 {flex:0 0 40%;}
.flex-495 {flex:0 0 49.5%;}
.flex-49 {flex:0 0 49%;}
.flex-48 {flex:0 0 48%;}
.flex-35 {flex:0 0 35%;}
.flex-30 {flex:0 0 30%;}
.flex-32 {flex:0 0 32%;}
.flex-25 {flex:0 0 23%;}
.flex-19 {flex:0 0 19%;}
.flex-16 {flex:0 0 15%;}

.img_back {position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}

.scaled_up {transform: scale(1.1); z-index: -2;}
.scale_down {transform: scale(1); transition: all 4000ms;}

.a_left {text-align: left;}
.a_center {text-align: center;}
.a_right {text-align: right;}

.grid2 {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.grid3 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.grid4 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}

.col1 {grid-column: auto / span 1;}
.col2 {grid-column: auto / span 2;}

i {margin-right: 5px;}

.topdown_gradient {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);}


.desktop_header {background-color: rgba(0,0,0,0.65); border-bottom: solid 1px var(--red); position: fixed; z-index: 999;}
.header {padding: 20px 0; box-sizing: border-box; transition: all 200ms;}

.logo_desktop {flex: 0 0 25%;}
.main_navigation {flex: 0 0 74%;}
.main_navigation a {padding: 8px 15px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight: 700; border-radius: 30px; text-decoration: none; text-transform: uppercase;}
.main_navigation a:hover {background-color: #fff; color: #000;}

.logo_desktop img {height: 50px; transition: all 200ms;}

.scrolledheader {background-color: rgba(0,0,0,0.85);}
.scrolledheader .logo_desktop img {height: 35px; transition: all 200ms;}
.scrolledheader .header {padding: 10px 0; transition: all 200ms;}

.quick_links {position: absolute; top: 0; right: 15px; padding: 5px 0; box-sizing: border-box;}
.quick_links a {color: #fff; text-decoration: none; font-size: 12px;}
.quick_links a:hover {text-decoration: underline;}
.quick_links p {color: #fff; padding: 0 10px; box-sizing: border-box;}

.main_image {width: 100%; height: 85vh; overflow: hidden;}
.main_image_small {width: 100%; height: 60vh; overflow: hidden;}

.bottom_info {padding: 150px 0 20px 0; box-sizing: border-box; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); z-index: 11; width: 100%; height: auto; left: 0; bottom: 0;}

.image_heading {padding: 40px 0; box-sizing: border-box;}

.heading_p {padding: 20px 40px 20px 0; box-sizing: border-box; color: #fff;}
.big_p {font-size: 46px; font-weight: 700; color: #fff;}
.small_p {font-size: 20px; font-weight: 400; color: #fff;}


.redline {width: auto; height: 1px; background-color: var(--red);}
.w60per {width: 60%;}

.kaztar_check {position: absolute; top: 20px; left: -50px; width: 50px; height: auto;}

.two_main_buttons {margin-top: -30px; position: relative; z-index: 22;}

.grey_button {height: auto; padding: 20px 20px 40px 20px; box-sizing: border-box; background-color: #282828; text-decoration: none; position: relative;}
.grey_button_icon {width: 60px; height: auto;}
.grey_button p {color: #fff; font-size: 22px; font-weight: 300; margin-bottom: 20px;}
.see_more {padding: 7px 20px; box-sizing: border-box; color: #fff; border: solid 1px #fff; border-radius: 30px; font-weight: 400; font-size: 12px;}
.bottom_placed {position: absolute; bottom: 20px; left: 20px;}

.grey_button:hover .see_more {color: #282828; background-color: #fff;}


.see_more_red {padding: 7px 20px; box-sizing: border-box; color: var(--red); border: solid 1px var(--red); border-radius: 30px; font-weight: 400; font-size: 12px;}
.bottom_placed {position: absolute; bottom: 20px; left: 20px;}

.actual_block:hover .see_more_red {color: #fff; background-color: var(--red);}
.see_more_red:hover {color: #fff; background-color: var(--red);}



.main_title {padding: 80px 0; box-sizing: border-box; text-align: center;}
.main_title h1 {font-size: 40px; font-weight: 700; letter-spacing: -1px;}
.main_title h2 {font-size: 36px; font-weight: 700;}
.main_title p {margin: 40px 0;}

.horizontal_line40 {width: 40%; height: 1px; margin: 0 auto; background-color: #000;}

.watermark1 {position: absolute; z-index: -1; width: 500px; left: -500px; top: -100px; opacity: 0.07;}
.watermark2 {position: absolute; z-index: -1; width: 500px; right: -500px; top: 300px; opacity: 0.07;}

.home_icon {flex: 0 0 32%; text-align: center;}
.icon_image {padding: 20px 30%; box-sizing: border-box;}

.actual_projects {padding: 100px 0; box-sizing: border-box;}
.actual_image {min-height: 300px;}

.actual_info h2 {color: var(--red); font-weight: 300; font-size: 38px; padding: 30px 0; box-sizing: border-box;}

.actual_block {padding: 20px 20px 60px 20px; box-sizing: border-box; background-color: #f4f4f4; box-shadow: -4px 4px 8px rgba(0,0,0,0.3); display: block; transform: translate(-50px,30px); text-decoration: none;}
.actual_block h3 {font-size: 28px; color: #000;}
.actual_block p {margin: 20px 0; color: #000;}


.blured_house {padding: 120px 0; box-sizing: border-box; margin: 20px 0; background-color: #000;}
.blured_house .blured_image {opacity: 0.2;}
.blured_house .redline {margin: 20px 0;}
.bh_info {padding: 20px 0 80px 20px; flex: 0 0 48%;}
.bh_image {flex: 0 0 48%;}

.bh_info h2 {font-weight: 300; color: #fff; font-size: 38px;}
.bh_info p {color: #fff;}

.red_button {display: block; width: fit-content; padding: 10px 20px; box-sizing: border-box; background-color: var(--red); color: #fff; font-weight: 600; border-radius: 30px; text-decoration: none; transition: all 200ms;}
.red_button:hover {transform: scale(1.05); transition: all 200ms;}




.contact_image, .contact_form {flex: 0 0 48%;}
.contact_image img {padding: 20px; box-sizing: border-box;}


.contact_form_container {padding: 40px 0 0 0; box-sizing: border-box;}

.frm_forms input, .frm_forms textarea, .frm_forms button {border-radius:0 !important; font-family:'Montserrat', sans-serif !important; box-shadow:none !important; font-size:14px !important; border-color:#c0c0c0 !important; padding: 10px 15px !important; box-sizing: border-box !important;}
.frm_forms button {border:none !important; font-weight:600 !important; margin:0 !important; background-color:#ed1c24 !important; color: #fff !important; padding: 10px 40px !important; box-sizing: border-box;}
.frm_forms button:hover {background-color:#707070 !important; color:#fff !important;}
.frm_form_field {margin:0 0 10px 0 !important;}

.frm_forms label {display: none !important;}
.frm_forms {margin-top: 40px !important;}

button.frm_button_submit {border-radius: 30px !important;}

.footer_container {background-color: #f3f3f3; margin-top: 40px;}
.fixed_footer {border-top: solid 2px var(--red);}

.footer_nav {padding: 20px 0; box-sizing: border-box;}
.footer_nav a {padding: 0 20px; box-sizing: border-box; text-decoration: none; text-transform: uppercase; color: #7f7f7f;}
.footer_nav a:hover {color: #282828;}

.footer_slogan {padding: 80px 0; box-sizing: border-box;}
.slogan, .footer_logo {flex: 0 0 40%;}
.slogan p {font-weight: 700; color: #c4c4c4; font-size: 36px;}
.footer_logo img {opacity: 0.3; height: 50px;}

.rights {padding: 20px 10px; box-sizing: border-box; background-color: var(--red); border-radius: 10px 10px 0 0;}
.rights p, .rights a {display: block; flex: 0 0 48%; text-decoration: none; color: #fff; font-size: 12px;}
.rights a {text-align: right;}
.rights a:hover {text-decoration: underline;}

.two_steps {padding: 40px 0; box-sizing: border-box;}
.step {flex: 0 0 45%;}
.step .number {font-size: 60px; color: var(--red); font-weight: 800; opacity: 0.3;}
.step h2 {font-size: 18px; color: #000; font-weight: 600;}
.step .welcome {font-size: 14px; font-weight: 400;}

.whatweoffer h2 {color: var(--red); font-size: 45px; text-align: right; font-weight: 800; padding: 40px 0; box-sizing: border-box;}

.offer_image {width: 100%; height: 240px; padding: 20px; box-sizing: border-box;}
.offer {text-decoration: none;}
.offer h3 {position: absolute; padding: 10px 20px; box-sizing: border-box; background-color: var(--red); color: #fff; font-size: 16px; border-radius: 30px; bottom: 20px; left: 20px; transition: all 200ms;}
.offer:hover h3 {transition: all 200ms; bottom: 40px;}
.main_title .offer_info {padding: 20px; box-sizing: border-box; color: #000; font-size: 14px; margin: 0; text-align: left;}

.about_four {grid-column: auto / span 1; padding: 40px 0; box-sizing: border-box; text-align: center;}
.about_four h3 {font-size: 20px;}

.main_title .about_four p {margin: 10px 0 0 0;}
.about_four .icon {width: 80px; height: auto;}

.blackcolor {color: #000;}
.white_back {background-color: #fff;}

.white_back h2 {font-weight: 300; color: #000; font-size: 38px;}
.white_back p {color: #000;}

.comingsoon {padding: 160px 0; box-sizing: border-box;}
.comingsoon p {font-size: 36px; color: #7f7f7f; font-weight: 800; text-align: center;}

.advantage_container {padding: 40px 0; box-sizing: border-box;}
.adv_image {width: 100%; height: auto; padding-top: 40%; box-sizing: border-box;}

.advantage h2 {font-size: 16px; font-weight: 700; margin: 20px 0 0 0 !important; text-align: left; color: var(--red);}
.advantage p {text-align: left; margin: 0; font-size: 14px; font-weight: 400;}



.house {padding: 20px; box-sizing: border-box; border: solid 1px var(--red); margin-bottom: 20px;}
.titles {margin-bottom: 20px;}
.titles p {display: block; width: fit-content; color: #fff; padding: 10px; box-sizing: border-box; margin-right: 10px;}
.red_title {background-color: var(--red);}
.grey_title {background-color: #7f7f7f;}

.houses_images a {display: block; flex: 0 0 49%;}

.contacts_conatiner {padding: 60px 0; box-sizing: border-box;}

.contact_details {padding: 10px 0; box-sizing: border-box;}
.contact_details a {display: block; flex: 0 0 32%; padding: 10px 0; box-sizing: border-box; text-align: center; background-color: var(--red); color: #fff; font-weight: 700; font-size: 18px; text-decoration: none;}
.contact_details a:hover {opacity: 0.85;}

.pre_houses_container {padding: 0 0 40px 0; box-sizing: border-box;}
.pre_houses_container .grid3 {gap: 30px;}
.pre_houses_container .houses_subheading {color: var(--red); font-size: 28px; font-weight: 800; margin-bottom: 40px;}

.house_box_image {width: 100%; height: 240px; margin-bottom: 5px; overflow: hidden;}
.house_box_image img {transition: all 200ms;}
.house_box:hover .house_box_image img {transform: scale(1.06); transition: all 200ms;}

.house_box {text-decoration: none;}


.price_box .price {flex: 0 0 auto; color: #fff; padding: 5px 10px; box-sizing: border-box; background-color: var(--red); text-align: center; font-weight: 600;}

.code {flex: 0 0 auto; color: #000; padding: 5px 10px; box-sizing: border-box; background-color: #e5e5e5; text-align: center; font-weight: 600; margin-right: 5px;}

.house_name {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 40px 10px 10px 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); font-size: 14px; font-weight: 600; color: #fff; box-sizing: border-box; background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);}

.house_images {padding: 40px 0; box-sizing: border-box;}
.img_contain {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain;}

.house_info .price {background-color: #fff; font-size: 28px; font-weight: 400; color: var(--red); line-height: 55%; flex: 0 0 65%;}
.small_type {font-size: 11px; color: #000; font-weight: 400;}

.additional_info strong {margin-right: 5px;}
.additional_info p {margin-bottom: 10px; font-weight: 400;}

.other_houses h2.other {padding: 60px 0; box-sizing: border-box; text-align: center; font-weight: 300; font-size: 32px;}

.prices .contact_form {flex: 0 0 100%; }
.prices .contact_form p { margin-top: 20px; font-weight: 700; color: var(--red);}
.prices .frm_forms {margin-top: 10px !important;}

.additional_info .contact_form {margin-top: 40px;} 
.additional_info .contact_form p {font-weight: 700; color: var(--red);}


.building_soon_container {padding: 40px 0; box-sizing: border-box;}
.building_soon {text-align: center;}
.building_soon h2 {font-size: 36px; padding: 20px 0; box-sizing: border-box; color: var(--red);}
.building_soon p {margin-bottom: 40px;}

.kiosk_container h2 {font-size: 36px; padding: 20px 0; box-sizing: border-box; color: var(--red);}
.kiosk_container p {margin-bottom: 20px;}

.kiosk_intro {text-align: left; padding: 40px 0; box-sizing: border-box;}
.kiosk_intro img {width: 100px; height: auto; margin-bottom: 20px;}



.hide_on_mobile {display: block;}
.hide_on_desktop {display: none;}

.prices .contact_form .frm_message p {color: #026700 !important;}

.kiosk_razmeri {width: 60%; margin: 40px auto; display: block;}
.kiosk_info {padding: 40px 0; box-sizing: border-box;}
.kiosk_info .number {font-size: 34px; font-weight: 800; color: var(--red); margin-bottom: 0;}

.address {font-size: 20px; font-weight: 700; color: var(--red); margin-bottom: 30px;}

































.mobile_header, .mobile_navigation {display: none;}





/* SMALLER SCREEN DEKSTOP */

@media only screen and (max-width: 1400px) {

    .main_image {width: 100%; height: 100vh;}
    .logo_desktop img {height: 45px;}

    .scrolledheader .logo_desktop img {height: 30px; transition: all 200ms;}

    .main_title {width: 1000px;}




}












































/* --- TABLET --- TABLET --- TABLET --- TABLET --- TABLET --- TABLET --- TABLET --- TABLET --- */

@media only screen and (max-width: 1180px) and (orientation:landscape) {

    .fixed-1200 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-1000 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-900 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-800 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

    .main_navigation a {font-size: 12px;}

    .header {padding: 20px; box-sizing: border-box; transition: all 200ms;}
    .scrolledheader .header {padding: 10px; transition: all 200ms;}

    .watermark1, .watermark2 {display: none;}

    .house_box {grid-column: auto / span 3;}
}
















































@media only screen and (max-width: 800px) and (orientation:portrait) {

    .hide_on_mobile {display: none;}
    .hide_on_desktop {display: block;}

    .desktop_header {display: none;}

    .fixed-1200 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-1000 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-900 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-800 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .fixed-300 {width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
    .full-width {width: 100%; height: auto; margin: 0 auto;}
    .flex-100 {flex:0 0 100%;}
    .flex-75 {flex:0 0 100%;}
    .flex-70 {flex:0 0 100%;}
    .flex-64 {flex:0 0 100%;}
    .flex-60 {flex:0 0 100%;}
    .flex-50 {flex:0 0 100%;}
    .flex-40 {flex:0 0 100%;}
    .flex-495 {flex:0 0 100%;}
    .flex-49 {flex:0 0 100%;}
    .flex-48 {flex:0 0 100%;}
    .flex-35 {flex:0 0 100%;}
    .flex-30 {flex:0 0 100%;}
    .flex-32 {flex:0 0 100%;}
    .flex-25 {flex:0 0 100%;}
    .flex-19 {flex:0 0 100%;}
    .flex-16 {flex:0 0 100%;}



    .mobile_header {display: flex; position: fixed; padding: 15px 20px; box-sizing: border-box; background-color: #000; border-bottom: solid 1px var(--red); z-index: 99;}

    .mobile_logo, .mob_btn_cont {flex: 0 0 48%;}
    .mobile_logo img {height: 40px;}

    .mob_btn {width: 25px; height: 20px;}
    .mob_btn .bar {background-color: #ed1c24; height: 20%; width: 100%; position: absolute; transition: all 200ms; opacity: 1;}

    .mob_btn .bar1 {top: 0;}
    .mob_btn .bar2 {top: 35%;}
    .mob_btn .bar22 {top: 35%;}
    .mob_btn .bar3 {top: 70%;}

    .active_mob_btn .bar1, .active_mob_btn .bar3 {opacity: 0; transition: all 200ms;}
    .active_mob_btn .bar2 {transform: rotate(45deg);}
    .active_mob_btn .bar22 {transform: rotate(-45deg);}

    .main_image {width: 100%; height: 65vh; overflow: hidden;}
    .main_image_small {width: 100%; height: 55vh; overflow: hidden;}

    .big_p {font-size: 18px; font-weight: 700; color: #fff;}
    .small_p {font-size: 12px; font-weight: 400; color: #fff;}

    .two_main_buttons {margin-top: -30px;}
    .grey_button {flex: 0 0 49%; padding: 10px 10px 20px 10px;}
    .grey_button p {font-size: 14px;  min-height: 50px; width: 100%;}
    .grey_button .see_more {width: 100%;   position: relative; bottom: 0; left: 0;}
    .grey_button_icon {width: 100%; padding: 0 20%; box-sizing: border-box;}

    .main_title {padding: 60px 20px;}
    .main_title h1 {font-size: 22px;}

    .watermark1, .watermark2 {display: none;}

    .home_icon {flex: 0 0 100%; text-align: center; margin-bottom: 20px;}

    .actual_projects .col1 {grid-column: auto / span 3;}
    .actual_projects .col2 {grid-column: auto / span 3;}
    .actual_projects .actual_block { transform: translate(0,0);}
    .actual_info h2 {font-size: 20px; padding: 0 0 20px 0; box-sizing: border-box;}
    
    .blured_house {padding: 40px 0;}
    .blured_house .bh_info {flex: 0 0 100%; padding: 0 0 100px 0;}
    .bh_image {height: 240px; flex: 0 0 100%;}

    .bh_info  .red_button {left: 0;}
    .bh_info h2 {font-size: 24px;}

    .contact_image, .contact_form, .slogan, .footer_logo {flex: 0 0 100%;}

    .footer_nav {display: block;}
    .footer_nav a {display: block; text-align: center; width: 100%; padding: 5px 0;}

    .slogan, .footer_logo {text-align: center;}
    .slogan p {font-size: 22px; margin-bottom: 40px;}
    .footer_logo img {width: 100%; padding: 0 20%; box-sizing: border-box;}

    .rights p, .rights a {flex: 0 0 100%; text-align: center;}

    .rights p {margin-bottom: 20px;}


    .mobile_navigation {display: block; padding: 0; box-sizing: border-box; width: 100%; height: 0; overflow: hidden; background-color: #000; transition: all 200ms;}
    .active_mobile_navigation {min-height: 100vh; height: auto; padding: 160px 0 20px 0; transition: all 200ms;}

    .mobile_navigation > a {display: block; padding: 20px; box-sizing: border-box; border-bottom: solid 1px #282828; text-decoration: none; color: #fff; font-weight: 600; font-size: 16px;}
    .mobile_navigation > a:hover {background-color: var(--red);}

    .small_mobile_nav {padding: 40px 20px; box-sizing: border-box;}
    .small_mobile_nav a {font-size: 14px; text-decoration: none; color: #fff;}


    .comingsoon {padding: 120px 0; box-sizing: border-box;}
    .comingsoon p {font-size: 20px; color: #7f7f7f; font-weight: 800; text-align: center;}

    .step {flex: 0 0 100%; margin-bottom: 20px;}

    .main_title .grid3 {grid-template-columns: 1fr;}

    .whatweoffer h2 {font-size: 32px;}

    .main_title .grid4 {grid-template-columns: 1fr;}

    .main_title h2 {font-size: 22px;}

    .about_four {padding: 40px 0 10px 0;}
    .about_four h3 {font-size: 16px;}
    .about_four p {font-size: 14px;}

    .advantage_container, .hoouses {grid-template-columns: 1fr;}

    .contact_details a {font-size: 16px; flex: 0 0 100%; margin-bottom: 20px;}

    .house_box {grid-column: auto / span 3;}

    .house_mainphoto, .house_plan {grid-column: auto / span 2;}
    .house_plan img {position: relative;}

    .prices, .additional_info {grid-column: auto / span 2;}
    .prices .price {font-size:20px;}
    .small_type {line-height: 30%;}
    .additional_info {margin-top: 40px;}
    .additional_info p {font-size: 12px;}

    .loader_box {width: 100px; height: 100px;}

    .grid2 {display: grid; grid-template-columns: 1fr; gap: 20px;}
	
	
	.house_info .price {background-color: #fff; font-size: 18px; font-weight: 600; color: var(--red); line-height: 75%; flex: 0 0 100%; margin-bottom:20px;}





}