
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Light/Oswald-Light.eot');
	src: local('☺'), url('../fonts/Oswald-Light/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light/Oswald-Light.ttf') format('truetype'), url('../fonts/Oswald-Light/Oswald-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Regular/Oswald-Regular.eot');
	src: local('☺'), url('../fonts/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular/Oswald-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('../fonts/RobotoCondensed-Light/RobotoCondensed-Light.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Light/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light/RobotoCondensed-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot');
	src: local('☺'), url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.ttf') format('truetype'), url('../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
    font-display: swap;
}

:root{
    --font-oswald:'Oswald';
    --font-roboto-condensed:'RobotoCondensed';
	--red:#da251c;
	--dark_red:#782829;
    --dark_color:#191919;
    --brown_color:#ba9778;
    --light_text:#66717a;
}
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-family: var(--font-roboto-condensed);}
ul,ol{margin:0;padding:0; list-style-type: none;}
body{font-family: var(--font-roboto-condensed); font-weight: 400;}
.mx_-20{margin-left:-20px; margin-right:-20px}
.mx_-25{margin-left:-25px; margin-right:-25px}
.mx_-40{margin-left:-40px; margin-right:-40px}
.px_20{padding-left:20px; padding-right:20px;}
.px_25{padding-left:25px; padding-right:25px;}
.px_40{padding-left:40px; padding-right:40px;}
p{font-family: var(--font-roboto-condensed); font-size:16px; font-weight: 300; letter-spacing: 0.8px;}
a{text-decoration: none!important;}
.btn{font-family: var(--font-oswald); text-transform: uppercase; font-weight: 300; letter-spacing: 1.5px; padding:5px 10px; font-size:16px; border-radius: 0; display: flex; align-items: center; box-shadow:none!important;}
.btn .icon{height: 30px; width: auto; object-fit: contain; transform: translateX(10px); transition: 0.3s transform;}
/* .btn:hover .icon{transform: translateX(15px); transition: 0.3s all;} */
.btn_trans{color:#fff; background:transparent;}
.btn_trans .light_icon{filter:invert(1); }
.btn_trans:hover{color:var(--brown_color);}
.dark_btn{background:var(--dark_red); color:#fff!important; padding:5px 25px; height:55px;}
.dark_btn .icon{filter:invert(1);}
.an_top_btn{transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.2s transform; -webkit-transition:0.2s transform; -ms-transition:0.2s transform;}
.an_top_btn:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); -ms-transform:translateY(-5px);}

.form-control{background:#f5f5f5!important; min-height:54px; padding:5px 15px; border:none; box-shadow:none!important;}
.form-control::placeholder{font-size:15px; color:var(--light_text); font-weight: 300; font-family: var(--font-roboto-condensed); letter-spacing: 0.7px;}

.section_superHeading{font-family: var(--font-oswald); font-weight: 400; text-transform: uppercase; font-size:18px; letter-spacing: 2px; color:var(--dark_red); margin:0; position:relative; padding-left:90px;}
.section_superHeading:before{position:absolute; content:''; left:0; top:calc(50% - 2px); height:1px; width:70px; background:var(--dark_red);}
.section_superHeading.center{display: table; margin: auto; padding-right:90px;}
.section_superHeading.center:after{position:absolute; content:''; right:0; top:calc(50% - 2px); height:1px; width:70px; background:var(--brown_color);}
.section_title{font-size:50px; font-weight: 400; margin: 40px 0;}
.section_title.center{text-align: center;}

/* navbar_top */

.navbar_top{padding:12px 0; background-color:var(--dark_red); color:#fff;}
.navbar_top ul{display: flex; align-items: center; margin-left: auto; justify-content: flex-end;}
.navbar_top ul li{font-size:14px;}
.navbar_top ul li:not(:last-child){margin-right:15px;}
.navbar_top li .title{text-transform: uppercase; color:#fff; font-family: var(--font-oswald); letter-spacing: 0.8px; font-weight: 300;}
.navbar_top li .text{opacity:0.8; font-size:13px; letter-spacing: 0.5px; font-weight: 300;}

/* navbar */
.navbar{position:absolute; content:''; z-index: 99; width:100%; padding: 20px 0; transition:0.3s all;} 
.navbar .navbar-brand{margin:0; margin-top: -50px; margin-right: 70px;}
.navbar .navbar-brand img{max-width: 70px;}
.navbar .nav-icons{display:flex; margin-left: auto;}
.navbar .nav-icons li:not(:last-child){margin-right:20px;}
.navbar .nav-icons li img{max-width: 16px; filter: invert(1);}
.navbar .navbar-collapse .top{display:none;}
/* .navbar */
.navbar .nav-item{position:relative;}
.navbar .nav-item:not(:last-child){margin-right:50px;}
.navbar .nav-item .dropdown{position:absolute; top: 100%; padding-top:40px; opacity:0; visibility: hidden; transition:0.2s padding;}
.navbar .nav-item .dropdown_menu{ min-width:250px; background: #fff; padding: 0 20px; }
.navbar .nav-item:hover .dropdown{padding-top:20px; opacity:1; visibility: visible;}
.navbar .nav-link{color:#fff; text-transform: uppercase; font-family: var(--font-oswald); font-weight: 300; letter-spacing: 1.5px; padding:10px 0!important; position:relative;}
.navbar .nav-link.has_dropdown{padding-right:20px!important;}
.navbar .nav-link.has_dropdown:after{position:absolute; content:''; height:10px; width:10px; background:url('../images/icons/arrow_down.png'); filter:invert(1); background-size:contain; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.navbar .nav-link:before{position:absolute; content:''; height:2px; width:0%; right:0; background:#fff; bottom:0; transition:0.5s width;}
.navbar .nav-item.active .nav-link:before{width:100%;}
.navbar .nav-link:hover:before{left:0; width:100%;}
.navbar .dropdown_menu a{padding:20px 0; width:100%; display:inline-block; text-transform: uppercase; color:var(--dark_color); text-decoration: none!important; font-size:15px; letter-spacing: 1px; font-family: var(--font-oswald); font-weight: 300; transition:0.3s padding; position:relative;}
.navbar .dropdown_menu a:hover{padding-left:20px; color:var(--dark_red);}
.navbar .dropdown_menu a:before{position:absolute; content:''; left:0; top:50%; width:0; height:2px; background:var(--dark_red); transition:0.2s width;}
.navbar .dropdown_menu a:hover:before{width:10px;}
.navbar .dropdown_menu li:not(:last-child) a{border-bottom:1px solid #e7e7e7;}

.navbar.fixed{position: fixed; top: 0; left: 0; width: 100%; background:#fff; padding:0; box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
.navbar.fixed .navbar-brand{margin-top:0; padding:0; margin-right: 50px;}
.navbar.fixed .nav-link{color:var(--dark_color); font-size: 13px; font-weight: 300;}
.navbar.fixed .navbar-brand img{max-width: 45px;}
.navbar.fixed .nav-icons li img{filter:unset; max-width: 12px;}
.navbar.fixed .nav-item:hover .dropdown{padding-top: 8px;}
.navbar.fixed .nav-item .dropdown_menu{box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.navbar.fixed .dropdown_menu a{padding: 15px 0; font-size: 13px;}
.navbar.fixed .dropdown_menu a:hover{padding-left:15px;}
.navbar.fixed .nav-link.has_dropdown:after{filter:unset; height:8px; width:8px;}
.navbar.fixed .nav-link.has_dropdown{padding-right: 15px!important;}
.navbar .navbarBackdrop{position: fixed; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0 0 0 / 40%); z-index: 999; animation: fades 300ms;}

/* hero section */

.hero_section{position:relative;}
.hero_section:before{position: absolute; content:''; left:0; top:0; width:100%; height:100%;}
.hero_section .container{position:absolute; content:''; left:50%; top:0; width:100%; height:100%; transform: translateX(-50%); display: flex; align-items: center;}
/* .hero_section .carousel-caption{top:50%; left:15px; bottom:unset; right:unset; text-align: left; position:relative;} */
.hero_section .carousel-caption{top:unset; left:unset; bottom:unset; right:unset; text-align: left; position:relative; padding: 0 0 0 40px;}
.hero_section .carousel-caption:before{position:absolute; content:''; height:20%; left:0; top:0; width:2px; background:rgba(255 255 255 / 80%); opacity:0; transition:0.5s all; transition-delay: 0.6s;}
.hero_section .carousel-caption .location{font-family: var(--font-oswald); text-transform: uppercase; font-size:20px; font-weight: 400; letter-spacing: 2px; margin:0; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; opacity:0;}
.hero_section .main_title{margin:50px 0; font-size:70px; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.2s all; transition-delay: 0.3s; opacity:0;}
.hero_section .main_title span{display:block;}
.hero_section .btn{width: auto; display: inline-flex; align-items: center; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.2s all; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6; opacity:0; visibility: hidden;}
/* .hero_section .btn .icon{transform: translateX(15px); transition: 0.3s all;} */
.hero_section .btn .dark_icon{display:none;}
.hero_section .btn:hover{color:#fff;}
/* .hero_section .btn:hover .dark_icon{display:flex;} */
/* .hero_section .btn:hover .light_icon{display:none;} */
.hero_section .carousel-item.active .location{transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); opacity:1;}
.hero_section .carousel-item.active .main_title{transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); opacity:1;}
.hero_section .carousel-item.active .btn{transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); opacity:1; visibility: visible;}
.hero_section .carousel-item.active .carousel-caption:before{opacity:1; height:100%;}
/* .hero_section .btn:hover .icon{margin-left:15px;} */

.hero_section .left_btns{position:absolute; content:''; top:50%; left:50px; z-index: 9; display: flex; flex-direction: column; align-items: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.hero_section .left_btns .carousel-indicators{position: relative; right: unset; bottom: unset; left: unset; margin: unset; display: unset;}
.hero_section .left_btns .carousel-indicators li{height: auto; width: auto; text-indent: unset; background: transparent; color: #fff; padding: 0; margin: 0px auto; border: none; line-height: initial; font-size: 15px; font-family: var(--font-oswald); letter-spacing: 1px;}
.hero_section .left_btns .carousel-indicators li:not(:last-child){margin-bottom:20px;}
.hero_section .left_btns .carousel-control-prev,
.hero_section .left_btns .carousel-control-next{position:relative; top:unset; bottom:unset; width:unset; left:unset;}
.hero_section .left_btns .arrow_btn{width: 20px;}
.hero_section .left_btns .arrow_btn img{max-width: 35px; filter:invert(1); transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.hero_section .left_btns .line{height: 140px; width: 1px; background: #a3a3a3; margin-bottom: 30px;}

/* overview section */

.overview_section .left_col .contents{padding:100px 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.overview_section .right_col img{margin-top: -80px; position: relative; z-index: 9; height: calc(100% + 80px); object-fit: cover;}
.overview_section p{text-align: justify;}
.overview_section .btn{width: fit-content; margin-top: 30px;} 

/* properties_section */

.properties_section{padding:100px 0;}
.properties_section .nav-tabs{margin: 50px 0 80px;}
.properties_section .nav-tabs .nav-item{width:33.33%;}
.properties_section .nav-tabs .nav-link{margin-bottom:0; border:none; font-family: var(--font-oswald); color:var(--dark_red); font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; padding: 20px 10px; position: relative; width:100%; text-align: left;}
.properties_section .nav-tabs .nav-link:before{position:absolute; content:''; height:2px; width:100%; left:0; bottom:-1px; background:transparent}
.properties_section .nav-tabs .nav-link.active:before{background: #b8b8b8;}
.properties_section .single{margin-bottom:60px;}
.properties_section .single_col .thumbnail{overflow:hidden; border-radius: 3px; position:relative;}
.properties_section .single_col .thumbnail img{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition:0.5s transform;}
.properties_section .single_col .typology{margin: 0; font-size: 16px; font-weight: 300; letter-spacing: 0.5px;}
.properties_section .single_col:hover .thumbnail img{transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); }
.properties_section .single_col .name{margin: 15px 0 10px; font-weight: 400; font-size: 24px;}
.properties_section .single_col .location{margin: 30px 0 0; font-weight: 400; color: var(--dark_red); font-size: 14px; letter-spacing: 1px; text-transform: uppercase;}
.properties_section .single_col .price{font-size: 22px; margin: 15px 0 20px; letter-spacing: 0.5px;}
.properties_section .single_col .btn{font-size: 14px; height: 46px; padding: 3px 20px;}
.properties_section .single_col .btn .icon{height: 20px;}

/* testimonial_section */

.testimonial_section .top{display:flex; }
.testimonial_section .top .quote_icon{max-width: 80px;}
.testimonial_section .section_title span{display:block;}
.testimonial_section .top .right{margin-left: auto; display: flex; align-items: flex-end; padding-bottom: 40px;}
.testimonial_section .contents_row{margin-top: 50px; padding: 60px 0; position:relative;}
.testimonial_section .contents_row:before{position:absolute; content:''; right:0; top:0; width:80%; height:100%; background:#f7f2ee; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.testimonial_section .contents_row .left_col img{border-radius: 5px;}
.testimonial_section .msg{font-size:18px; line-height:32px;}
.testimonial_section .user{margin-top:40px; padding-left: 85px; position:relative;}
.testimonial_section .user:before{position:absolute; content:''; width:60px; height:2px; background:var(--brown_color); left: 0; top: 5px;}
.testimonial_section .user .name{font-size: 20px; letter-spacing: 0.5px; margin-bottom: 5px;}
.testimonial_section .user .location{color:var(--light_text); margin-bottom:0;}
.testimonial_section .owl-dots{display:none;}
.testimonial_section .testimonial_carousel{padding-right: 100px;}
.testimonial_section .owl-nav{position: absolute; right: 0; display: inline-block; top: 50%; transform: translateY(-50%);}
.testimonial_section .owl-nav button{height:50px; width:50px; background:#fff!important; display: block; border: 1px solid #e1e1e1!important; margin:10px 0; border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s;}
.testimonial_section .owl-nav button img{max-width: 12px; opacity: 0.6;}
.testimonial_section .owl-nav button:hover{background:var(--brown_color)!important;}
.testimonial_section .owl-nav button:hover img{filter:invert(1);}

/* brand_section */

.brand_section{padding:0 0 100px; }
.brand_section .item{padding-bottom:20px}
.brand_section .single{border: 1px solid #e1e1e1; padding:20px; border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s;}
.brand_section .single img{filter: grayscale(100%); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s;}
.brand_section .single:hover{box-shadow: 0 5px 15px 0 rgb(0 0 0 / 5%);}
.brand_section .single:hover img{filter:unset;}
.brand_section .owl-dots{display:none;}

/* contact_form */

.contact_form{padding-bottom:100px;}
.contact_form .section_title{margin-bottom:0;}
.contact_form .form{display:flex;}
.contact_form .form .left{width:100%;}
.contact_form .form-row{margin-left:-15px; margin-right:-15px;}
.contact_form .form-row .form-group{width:50%; padding:0 15px; margin-bottom:30px;}
.contact_form button[type=submit]{background:var(--dark_red); color:#fff; border-radius: 3px; padding: 10px 30px; height: calc(100% - 30px); display:block; text-align: center; font-size: 12px; letter-spacing: 2px; width: 150px;}
.contact_form button[type=submit] span{display:block;}
.contact_form .call_icon{display: block; max-width: 30px; filter: invert(1); margin: auto; margin-bottom: 12px;}
.contact_form .form .right{padding-left: 30px;}

/* footer */

footer{padding:100px 0; background:url('../images/footer_bg.jpg') no-repeat center center; position:relative; color:#fff;}
footer:before{position:absolute; content:''; height:100%; width:100%; left:0; top:0; background:rgb(120 40 41 / 95%);}
footer .footer_logo{max-width: 60px; margin-bottom: 30px;}
footer p{color:#d7d7d7; margin:0; font-size: 14px; text-align: justify;}
footer .footer_title{color:#fff; font-size:16px; font-family: var(--font-oswald); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 50px;}
footer li{display:inline-flex; width:100%; border-bottom:1px solid rgba(122,122,122,0.3)}
footer li a{color:#d7d7d7!important; font-size:14px; font-weight: 300; letter-spacing: 0.3px; padding:8px 0;} 
footer .call_number{color:#fff; font-family: var(--font-oswald); font-weight: 300; font-size: 18px; letter-spacing: 1px; display: flex; align-items: center;}
footer .call_number:hover{color:#fff;}
footer .call_number .white_icon{display:none;}
footer .call_number:hover .white_icon{display:block;}
footer .call_number:hover .dark_icon{display:none;}
footer .call_number .icon{position:relative;margin-right:0px; width:15px; height:15px; display: flex; align-items: center; justify-content: center;}
footer .call_number .call_icon{width:100%; height:100%; object-fit: contain; position: relative;}
footer .call_number .no{position: relative; border-left:1px solid #fff; margin-left:12px; padding-left: 12px;}
footer .call_number:hover .no{border-color:#fff;}
/* footer .call_number .no:before{position:absolute; content:''; height:100%; width:1px; background:var(--brown_color); left:0;} */
footer .other_details{margin-top:30px;}
footer .other_details .icon{max-width: 16px; max-height: 16px; object-fit: contain; margin-right: 5px;}

/* copyright section */
.copyright{background:var(--dark_color); color:#c7c7c7; padding:13px 0;}
.copyright p{margin:0; font-weight: 300; font-size:14px; letter-spacing: 0.5px;}
.copyright a{color:#fff;}

/* enquire_modal */

.enquire_modal .modal-body{padding: 50px;}
.enquire_modal .location{font-family: var(--font-oswald); font-weight: 300; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: var(--dark_red); margin: 0; position: relative; padding-left: 40px;}
.enquire_modal .location:before{position: absolute; content: ''; left: 0; top: calc(50% - 2px); height: 1px; width: 30px; background: var(--brown_color);}
.enquire_modal .name{margin: 20px 0 10px; font-size: 24px;}
.enquire_modal .price{margin-bottom: 25px; font-size: 21px;}
.enquire_modal .btn{margin-top:20px;}
.enquire_modal .close{position: absolute; right:20px; top:20px; font-size:50px; font-weight: 300; text-shadow: none; height: 50px; width: 50px; z-index: 9; line-height: unset; display: flex; align-items: center; justify-content: center;}

/* about us page */

.inner_title_section{background:url('../images/inner_title_bg.jpg') no-repeat center; padding:206px 0 120px; color: #fff;}
.inner_title_section .innersection_superHeading{position:relative; margin:0; font-family: var(--font-oswald); text-transform: uppercase; font-weight: 300; font-size: 20px; letter-spacing: 1px; padding-left: 65px;}
.inner_title_section .innersection_superHeading:before{position: absolute; content: ''; left: 0; top: calc(50% - 2px); height: 1px; width: 50px; background: #fff;}
.inner_title_section .innersection_title{margin-top:30px; font-size: 70px; margin-bottom:0;}

.aboutpage_section{padding:100px 0;}
.aboutpage_section .btn{display:inline-flex; margin-top: 30px;}
.aboutpage_section p{text-align: justify;}

/* why_builder */
.why_builder{background:#fffaf6; padding: 100px 0;}
.why_builder .single_col{margin:20px 0;}
.why_builder .single{padding: 30px; height: 100%;}
.why_builder .single .icon{max-width: 50px; max-height:50px; display: table; margin-left: auto; margin-bottom: 40px;}
.why_builder .single.grey{background: #f1f1f1;}
.why_builder .single.dark{background: var(--dark_red); color: #fff;}
.why_builder .single.dark .icon{filter:invert(1);}

/* how_we_work */

.how_we_work{padding:100px 0;}
.how_we_work .lists{position:relative; margin-top: 20px; display: inline-block; width: 100%;}
.how_we_work .lists:before{position:absolute; content:''; height:100%; width:1px; background:var(--red); left:50%; top:0;}
.how_we_work .lists li{width:calc(50% - 30px); background:#f5f5f5; padding: 15px 20px; border-radius: 5px; position:relative;}
.how_we_work .lists .assistance_icon{width: 35px; height: 35px; object-fit: contain; opacity: 0.1; display: table; margin-bottom: 10px; margin-left: auto;} 
.how_we_work .lists li.left{border-top-right-radius: 0;}
.how_we_work .lists li.right{margin-left:auto; border-top-left-radius: 0;}
.how_we_work .lists li:before{height:10px; width:10px; content:''; background:#f1f1f1; top:0; position:absolute;}
.how_we_work .lists li.left:before{left:100%; clip-path: polygon(0 0, 100% 0, 0 100%);}
.how_we_work .lists li.right:before{right:100%; clip-path: polygon(0 0, 100% 0, 100% 100%);}
.how_we_work .lists .title{margin: 0; font-size: 18px; color:var(--dark_red)}
.how_we_work .lists li:after{position:absolute; content:''; height:14px; width:14px; border-radius: 50%; background:#fff; border:3px solid var(--dark_red); top:0px;}
.how_we_work .lists li.left:after{left:calc(100% + 30px - 7px);}
.how_we_work .lists li.right:after{right:calc(100% + 30px - 7px);}

/* contact page */

.contact_section{padding:100px 0;}
.contact_section .contents_row{padding: 60px 0; position: relative;}
.contact_section .contents_row:before{position: absolute; content: ''; right: 0; top: 0; width: 80%; height: 100%; background: #fff8f8; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.contact_section .contents_row .section_title{margin:0; margin-bottom:20px;}
.contact_section iframe{width:100%; height:100%; border-radius: 5px; overflow:hidden;}
.contact_section .title{font-size: 15px; text-transform: uppercase; margin: 40px 0 30px; font-family: var(--font-oswald); font-weight: 400; letter-spacing: 1.5px;}
.contact_section .office_detail .icon{height: 14px; width: 14px; object-fit: contain; margin-right:8px; display: inline-flex;}
.contact_section .office_detail li,
.contact_section .office_detail li a{color:var(--dark_color); font-size:14px; letter-spacing: 0.5px; display: flex; align-items: center;}
.contact_section .office_detail li:not(:last-child){margin-bottom:10px;}
.contact_section .office_detail li .text strong{display:block;}
/* .contact_section */

/* services page */

.services_section{padding:100px 0;}
.services_section .service_col{margin-bottom: 60px;}
.services_section .service_col .image_col{position:relative; height:100%;}
.services_section .service_col .service_img{position:absolute; height: 100%; width: 100%; content: ''; object-fit: cover;}
.services_section .service_col .contents{/* padding: 4px 0px; */}
.services_section .service_col .contents p{text-align: justify; margin:0;}
.services_section .service_col .service_icon{max-width: 70px;}
.services_section .service_col .title{margin:25px 0 20px; color:var(--dark_red);}


/* leasing css */
section.properties_section.properties_page_section.leasing_commercial {
    padding: 0px;
}
.leasing_services_sectn {
    padding: 100px 0px 0px 0px;
}

/* start resonsive */

/* 1500px */ 

@media(max-width:1500px){
	.navbar{padding:15px 0;}
	.hero_section .container{align-items: flex-end; padding: 70px 0;}
	.hero_section .main_title{margin: 30px 0;}
}

/* 1500px */

/* 1400px */

@media(max-width:1400px){
	.hero_section .left_btns{left:30px}
	.hero_section .carousel-caption{padding: 0 0 0 30px;}
	.hero_section .carousel-caption .location{font-size: 16px;}
	.inner_title_section .innersection_title{font-size: 60px;}
}

/* 1400px */

/* 1199px */

@media(max-width:1199px){
	.navbar{padding: 8px 0;}
	.navbar_top{padding: 8px 0;}
	.navbar_top ul li{font-size: 12px;}
	.navbar .navbar-toggler{padding: 8px; border: None; background: var(--red); border-radius: 0; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center;}
	.navbar .navbar-toggler img{filter:invert(1);}
	.navbar .navbar-collapse { display: block; position: fixed; right: -35%; top: 0; width: 100%; max-width: 35%; height: 100vh; background: #fff; padding: 40px; z-index: 9999; transition: all 400ms ease-in-out;}
	.navbar .navbar-collapse.show {right: 0;}
	.navbar .navbar-collapse .top{display: flex; align-items: center; border-bottom: 1px solid rgba(0 0 0 / 08%); padding-bottom: 20px; margin-bottom: 15px;}
	.navbar .navbar-collapse .logo {max-width: 50px;}
	.navbar .navbar-collapse .close {margin-left: auto; font-size: 40px; text-shadow: none; font-weight: 300; cursor: pointer;}
	.navbar .navbar-collapse .navbar-nav { overflow-y: auto; overflow-x: hidden; height: calc(100% - 180px);}
	.navbar .navbar-collapse .nav-item {margin: 10px 0;}
	.navbar .navbar-collapse .nav-link { padding: 8px 0!important; color: #333; font-weight: 400; font-size: 16px; position: relative;}
	.navbar .navbar-collapse .nav-icons{margin-top:50px;}
	.navbar .nav-icons li img{filter:unset;}
	.navbar .nav-link.has_dropdown:after{filter:unset;}
	.navbar .nav-item .dropdown{position: relative; top:0; padding-top:0px; margin-top:20px; opacity:1; visibility: visible; display:none;}
	.navbar .nav-item.open .dropdown{display:block;}
	.navbar .nav-item:hover .dropdown{padding-top:0px;}
	.navbar .nav-item .dropdown_menu{border-left:1px solid var(--brown_color); padding: 0 10px;}
	.navbar .nav-link:hover:before{left:unset; width:0;}
	.navbar .nav-item.open .nav-link:before{left:0; width:100%;}
	.navbar .dropdown_menu a{padding: 12px 15px;}
	.navbar.fixed .dropdown_menu a{padding: 12px 15px;}
	.navbar .nav-item.open .dropdown_menu .active a{background:var(--brown_color); color:#fff;}

	.hero_section .left_btns{left:unset; right:30px;}
	.hero_section .carousel-caption:before{display:none;}
	.hero_section .carousel-caption{padding:0;}
	.hero_section .left_btns .line{height: 40px; margin-bottom: 15px;}
	.hero_section .main_title{font-size: 50px;}
	.hero_section .left_btns .carousel-indicators li:not(:last-child){margin-bottom: 10px;}

	.inner_title_section{padding: 150px 0 90px;}

	.services_section .service_col .contents{padding: 40px 0;}
	.navbar.fixed .nav-item .dropdown_menu{box-shadow: none;}
}

/* 1199px */

/* 991px */
@media(max-width:991px){
	.mx_md_-15{margin-left:-15px; margin-right:-15px;}
	.mx_md_-25{margin-left:-25px; margin-right:-25px;}
	.px_md_15{padding-left:15px; padding-right:15px;}
	.px_md_25{padding-left:25px; padding-right:25px;}
	.text_md_center{position:relative;display: table; margin-left: auto!important; margin-right:auto!important; }
	.section_superHeading.text_md_center{padding-right: 90px; padding-left: 90px;}
	.section_superHeading.text_md_center:after{position: absolute; content: ''; right: 0; top: calc(50% - 2px); height: 1px; width: 70px; background: var(--brown_color);}

	.navbar_top ul{padding-left: 100px;}

	footer .col3 .footer_title{margin-top:40px;}
	footer .col4 .footer_title{margin-top:40px;}

	.section_title{font-size: 40px; margin: 20px 0 40px;}

	.navbar .navbar-brand{margin-top: -60px;}
	.navbar .navbar-brand img{max-width: 60px;}
	.hero_section .container{padding: 20px 0;}
	.hero_section .main_title{font-size: 40px; margin: 20px 0;}
	.navbar .navbar-collapse{max-width: 40%; right: -40%;}
	.navbar .navbar-collapse{max-width: 50%; right: -50%;}

	.overview_section .right_col{display:none;}

	.properties_section{padding: 0 0 100px;}
	.properties_section .nav-tabs{margin: 40px 0 60px;}
	.properties_section .nav-tabs .nav-link{font-size: 16px;}
	.properties_section .single_col .name{font-size: 20px; margin: 20px 0 5px;}
	.properties_section .single_col .price{font-size: 20px; margin: 10px 0 20px;}

	.testimonial_section .contents_row{margin-top: 30px; padding: 0;}
	.testimonial_section .contents_row:before{display:none;}
	.testimonial_section .testimonial_carousel{margin-top: 40px;}

	.contact_form .right_col{margin-top:40px;}
	.brand_section .item{padding-bottom:0;}

	.inner_title_section{padding: 100px 0 50px;}
	.inner_title_section .innersection_superHeading{font-size: 16px; padding-left: 40px;} 
	.inner_title_section .innersection_superHeading:before{width: 25px;}
	.inner_title_section .innersection_title{font-size: 40px; margin-top: 20px;}
	.aboutpage_section .left_col{display:None;}

	.how_we_work .right_col{display:none;}

	.properties_page_section{padding:100px 0;}
	.services_section{overflow-x: hidden;}
	.services_section .service_col .service_icon{max-width: 50px}

	.contact_section .contents_row{padding:0;}
	.contact_section .contents_row:before{display:none;}
	.contact_section iframe{height: 300px;}
	.contact_section .right_col{margin-top:40px;}
	/* .contact_section .contents_row .section_title{font-size: 34px;} */

}

/* end of 991px */


/* 767px */
@media(max-width:767px){
	.mx_sm_-15{margin-left:-15px; margin-right:-15px;}
	.px_sm_15{padding-left:15px; padding-right:15px;}
	.d_sm_none{display:none!important;}
	.d_sm_block{display:block!important;}
	.section_superHeading.text_md_center{padding-left: 60px; padding-right:60px;}
	.section_superHeading.text_md_center:after{width: 40px;	}

	.btn{font-size:12px;}
	.dark_btn{height: 46px; padding: 5px 18px;}
	.btn .icon{height: 20px; transform:unset; margin-left: 8px;}
	.navbar_top{display:none;}
	.navbar{position:relative; background:var(--dark_color); padding:0 15px;}
	.navbar.fixed{padding:5px 15px;}
	.navbar .navbar-brand{margin:0;}
	.navbar .navbar-brand img{max-width: 50px;}
	.hero_section .container{align-items: center;}
	.hero_section .main_title{margin: 30px 0;}
	.navbar .navbar-collapse{max-width: 60%; right: -60%; padding: 20px}
	.navbar .nav-icons li img{max-width: 14px;}
	.navbar .navbar-collapse .navbar-nav{height: calc(100% - 220px);}

	.section_title{font-size: 32px;}
	.section_superHeading{font-size: 14px; font-weight: 300; padding-left: 60px; }
	.section_superHeading.center{padding-right: 60px}
	.section_superHeading:before{width: 40px;}
	.section_superHeading.center:after{width: 40px;}
	.overview_section .left_col .contents{padding: 60px 0;}
	.properties_section .nav-tabs .nav-item{width: 50%;}
	.properties_section .nav-tabs .nav-link{font-size: 14px; padding: 12px 0px;}
	.properties_section .single_col .btn{font-size: 12px; height: 38px;}
	.properties_section .single_col .btn img{ transform:unset; margin-left: 8px;}
	.properties_section .single{margin-bottom: 40px;}
	#enquire_modal .modal-body{padding: 40px;}
	.properties_section{padding: 0 ;}
	.testimonial_section .top .quote_icon{max-width: 50px;}
	.brand_section{padding: 60px 0;}
	.contact_form{padding-bottom: 60px;}
	.contact_form .form{display:block;}
	.contact_form .form .right{padding-left: 0;}
	.contact_form button[type=submit]{width:100%; display:inline-flex; justify-content: center; padding: 14px 30px;}
	.contact_form button[type=submit] span{margin-left: 3px;}
	.contact_form .call_icon{margin:unset; margin-right: 15px; max-width: 20px;}
	footer{padding:60px 0;}
	footer .footer_title{margin-bottom: 25px; margin-top: 40px;}

	.aboutpage_section{padding: 60px 0;}
	.why_builder,
	.how_we_work,
	.contact_section{padding:60px 0;}
	
	.properties_page_section{padding:60px 0;}
	.services_section{padding:60px 0;}
	.services_section .service_col .service_img{position:relative; height:auto; object-fit: unset;}
	.services_section .text_content{order:1;}
	.services_section .image_content{order:2;}
	.services_section .service_col{background: #efefef; margin-bottom: 40px;}
	.services_section .service_col .contents{padding:30px;}

	.contact_section iframe{height: 230px;}
	.contact_form .section_title{margin-bottom: 30px;}
}

/* end of 767px */

/* 575px */

@media(max-width:575px){
	.form-control{min-height: 48px; padding: 2px 15px;}
	.navbar .navbar-toggler{height: 35px; width: 35px; padding: 6px;}
	.navbar .navbar-collapse{max-width: 100%; right: -100%;}
	.hero_section .container{left:0;transform:unset;}
	.navbar .navbar-collapse .nav-icons{justify-content: center; margin-top: 30px;}
	.hero_section .carousel-caption{padding-left: 15px;}
	.hero_section .carousel-caption .location{font-size: 12px;}
	.hero_section .main_title{font-size: 30px; margin: 15px 0;}
	.hero_section .btn{padding:0; font-size: 14px;}
	.section_title{font-size: 28px; margin: 15px 0 30px;}
	.overview_section .btn{margin-top: 20px;}
	#enquire_modal .modal-body{padding: 30px;}
	#enquire_modal .name{font-size: 22px;}
	#enquire_modal .price{font-size: 24px;}
	.testimonial_section .msg{font-size: 16px; line-height: 26px; text-align: justify;}
	.testimonial_section .user:before{width: 40px;}
	.testimonial_section .user{padding-left: 60px; margin-top: 30px;}
	.testimonial_section .testimonial_carousel{padding-right:0;}
	.testimonial_section .owl-nav{position:relative; top:unset; transform:unset; display: flex; justify-content: flex-end; margin-top: 15px;}
	.testimonial_section .owl-nav button{height: 40px; width: 40px; margin:0 0 0 10px;}
	.brand_section{padding:40px 0;}
	.brand_section .single{padding:5px;}
	.contact_form .form-row{margin-left: -8px; margin-right: -8px;}
	.contact_form .form-row .form-group{padding: 0 8px; margin-bottom: 16px;}
	footer{padding: 40px 0;}
	.copyright{padding: 10px 0;}
	.copyright p{font-size:12px; line-height:20px;}

	.inner_title_section{padding: 80px 0 40px;}
	.inner_title_section .innersection_superHeading{letter-spacing: 1.5px; font-size: 12px;}
	.inner_title_section .innersection_title{font-size: 30px; margin-top: 15px;}

	.why_builder .single_col{margin:10px 0;}
	.why_builder .single{padding: 20px;}
	.why_builder .single .icon{max-width: 40px; max-height: 40px; margin-bottom: 10px;}
	.why_builder .single .title{font-size: 20px;}
	.why_builder .single p{margin: 0; font-size: 14px;}
	.how_we_work .lists li{padding:10px;}
	.how_we_work .lists .title{font-size: 16px;}
	.how_we_work .lists .assistance_icon{width: 25px; height: 25px;}
	.how_we_work .lists li:after{height: 10px; border: 2px solid var(--brown_color); width: 10px;}
	.how_we_work .lists li.left:after{left: calc(100% + 30px - 4px);}
	.how_we_work .lists li.right:after{right: calc(100% + 30px - 6px);}

	.services_section .service_col .contents{padding: 20px;}
	.services_section .service_col .service_icon{max-width: 40px;}
	.services_section .service_col .title{margin: 20px 0 10px; font-size: 20px;}
}

/* 575px */

@media(max-width:575px) and (max-height:500px){
	.navbar .navbar-collapse .navbar-nav{height: calc(100% - 280px);}
}