body,html{overflow-x: hidden; color:#232323; background-color:#dde3e3; font-family: "Inter", sans-serif;}
.aboutus h3{color:#212451; font-size:24px; margin-bottom:30px; font-weight:500;}

a{font-size:15px;}
h3{font-size:24px; color:#212451; margin-bottom:30px;text-transform: uppercase;font-weight: 700;}
h4{font-size:20px; margin:1em 0; color:#000; text-transform: uppercase;font-weight: 700;}
h2{font-size:32px; color:#212451; margin:15px 0; text-transform: uppercase;font-weight: 700;}
h6{color: #ff0000; font-size:20px; font-weight:300; margin-bottom:20px; }

.container-fluid{max-width:1366px;}
.navbar {padding:0px; }


.navbar-nav .nav-item a{padding:0.8em 1em 0.8em !important; border-radius:0px; font-weight:500; color:#676767;}
.navbar-nav .nav-item a:hover{color:#F44336;}
.navbar-nav .nav-item.active a,.navbar-nav .nav-item.active:hover a{background:rgb(250,137,123);background:linear-gradient(0deg, rgba(250,137,123,1) 0%, rgba(255,192,131,1) 100%);color:rgba(var(--white), 1);}
.navbar-nav .nav-item a:hover{}
.navbar-brand{max-width:130px;position:relative; margin:0px; padding-top: 0; padding-bottom: 0;}
a.navbar-brand.d-none.d-md-block {padding: 10px 0 0 !important;}
.page-wrap{position:relative;}

.border-t{border-top-left-radius:10px; border-bottom-left-radius:10px;}
.border-r{border-top-left-radius:10px; border-top-right-radius:10px;}


a{ color:#000;transition:ease-in-out all 0.2s;}
a:hover{ text-decoration: none; transition:ease-in-out all 0.2s; color:#c12327; }


.page-wrap section:nth-child(1)>div{padding-top:140px;}

section{ padding:3em 0;}
#fullpage section{ padding: 0px;}
p{ font-size:16px; line-height: 1.5;}

.setbg{ background-size:cover !important;background-position: center center !important;}
.bg-space{ width: 100%;}


/* Hero CSS */
.hero{padding:0em; position: relative;}
/*.hero .swiper-slide:after {background:rgba(0,0,0,.5);content: ''; width:100%; position: absolute; left:0; height:100%; right:0; top:0;}*/
.hero .hero-images{position:relative;}
.hero-images .caption{color:#fff; }
.hero-images .caption h1{font-size:54px; color: #fff;font-weight:900; font-family: "Inter", sans-serif;}
.hero-images .caption span{font-size:150px; color:#ff2136; font-weight:300;}
.hero h1{font-size:72px; color:#000; font-weight:bold; margin-bottom:20px;}
.hero .swiper-slide{border-radius:10px;}
.hero-contnet {padding:100px 0; }

.creambx{background:#F9F5F2; padding:4em;}
.box-1{padding:5em;}
.box-1 span{background:#3E4095; color:#fff; padding:5px;}

header{top:0px;z-index: 999;position: relative;margin:1em 0; }
header ul.social{margin:0px 0 0 auto;padding:0 0 1em 0;display:flex;}
header ul.social li{list-style:none;padding:0.2em 1em 0.2em 0;margin:0;}
header ul.social li a{color:rgba(var(--darkgray), 1);font-size:1.4em;}
header .whitebe{background-color:#fff; border-radius:10px; }
header .navbar-brand img{ width: 100%;}

.in-header{ padding: 0;}
.in-header .img-bg{width:100%;  top: 0; padding:0em 0; position: relative; height:580px; border-radius: 20px; overflow: hidden;}
.in-header .img-bg img{width:100%;}
.in-header .img-bg:after{border-radius: 20px; content: ""; position: absolute; left: 0px; right: 0px; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0;}
.in-header h1{ font-size:2em; color: rgba(var(--white), 1);text-shadow: rgba(0, 0, 0, 0.6) 0px 16px 160px;}
/* .in-header>div{ padding-top: 190px;} */
.in-header>div{overflow: hidden; position: relative;}
.in-header .page-title { position: absolute; z-index: 2; width: 100%; bottom: 10%; transform: translate(0%,0%); color:#fff; }
.left{width:20px; }


.has-relative{position: relative;}

/* Footer CSS */
.footer{color:#fff;width:100%;}
.footer footer{ width: 100%; color:#000; }
.bg{;background:#404040; border-top:0px;border-bottom:0px;padding:2em 0 1em;}
.footer ul.links{margin:0px;padding:0;}
.footer ul.links li{list-style:none;padding:0.3em 0;margin:0;}
.footer ul.links li a{color:#fff;}

.footer h5{font-size:20px; margin-bottom:20px;font-weight: 700;text-transform: uppercase;}
.footer ul.servicelinks{display:flex;flex-flow:row wrap;}
.footer ul.servicelinks li{width:100%;}
.footer .copyright{color:rgba(var(--darkgray), 1);padding:1.6em 0;}
.footer ul.social{margin:0px;padding:0;display:flex;}
.footer ul.social li{list-style:none;padding:0.2em 1em 0.2em 0;margin:0;}
.footer ul.social li a{color:#fff;font-size:1.4em;}
.footer .line{border-left:2px solid #545454;display:block;height:100%;padding-left:2.5em;}
.footer hr{    border-top: 1px solid #e9ecef33;}
.footer address{font-size:16px;}


.whtbx{-webkit-box-shadow: -1px 0px 9px 0px rgba(89,89,89,1);-moz-box-shadow: -1px 0px 9px 0px rgba(89,89,89,1);box-shadow: 0px 0px 8px 0px rgb(211 211 211); margin-bottom:2em; }
.whitebg{background-color:#fff; border-radius:10px; margin-bottom:1.5em;}

.details h2{font-size:20px; color:#F25A4C; margin-bottom:0px; text-transform: uppercase;font-weight: 700;}
.details span{color:#6D6D6D; font-size:15px;}

label {position: absolute; right: 15px; top: 0px;background: #EDF4F4;padding: 10px;border-top-right-radius: 8px; color:#F25A4C; }
label.sample-house {
    right: 98px;
    border-top-right-radius: 0;
	background: transparent;
}
label.sample-house a{
	color: #fff;
    font-size: 12px;
    background: #F25A4C;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid;
}
label.sample-house a:hover{
	 background: transparent;
	  border: 1px solid #F25A4C;
		color: #F25A4C;
}
.table{margin:0;}
.table thead th{border-bottom:0px; color: #787878; font-weight: 700; text-transform: uppercase; padding:10px 0;}
.table td, .table th{padding:.75rem 0;}
.red{color:#F25A4C;}
.whatapp {
    width: 100%;
    display: inline-block;
}
.whatapp ul{padding:0px; margin:0;}
.whatapp ul li{float: left; list-style:none; display:inline-block; padding:0px 10px 10px 0; }

.details {margin-bottom: 5px;}
.down{color:#6C6C6C; font-size:12px; background:#EDF4F4; padding:6px; border-radius:5px;}
.view{color:#fff; font-size:12px; background:#F25A4C; padding:6px; border-radius:5px; border: 1px solid;}
.view:hover{color:#F25A4C; font-size:12px; background: transparent; border:1px solid #F25A4C;}
.featured span{z-index:99; position: absolute;left: 15px;top: 10px;background: #F25A4C;padding: 6px 20px;border-top-right-radius: 7px;color: #fff;border-bottom-right-radius: 7px;}
.featured span.second {
    padding: 0;
    top: 54px;
}
.featured a.download-brochure-btn {
    padding: 9px 10px;
    display: inline-flex;
    color: #ffffff;
    font-size: 13px;
}
.brdr{border-radius:10px;}
.btn-know{color: #000;padding: 0.6em 1.5em;background: #F25A4C;border-radius: 50px; border: 0; color:#fff; }
.btn-know:hover{background:#4f6475; color:#fff;}
.darkgray{background-color: #CFD8DC;border-radius: 10px;max-width: 1500px;padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;}
.title span{color:#F25A4C;}
.constulant {background-color: #000;}
.numbes{text-align: center;}
.numbes h3{font-size:48px; margin-bottom:5px; font-family: "Inter", sans-serif; font-weight:bold; color:#000;}
.numbes hr {margin-top:10px;margin-bottom:15px;border: 0;border-top: 1px solid rgba(0, 0, 0, .1); width:45%;}

.quickcontatc {background-color: #fff;padding: 1.5em;border-radius: 10px;}
.form-control {line-height: 2.2;background: none !important;height: auto;border:0; border-bottom: 2px solid #ced4da;border-radius: 0;padding: 0px 0 10px;}
.releable{color:#fff; padding:1.5em; }
.releable h3{color:#fff;}
.form-control:focus{border-color: none;}
.clientbg{padding:2em; }
.clientbg span{font-size:32px;}
.slide h4{margin: 0 0 0 9px; font-size:16px; color:#F25A4C; }
.slide b{color:#ABABAB; font-size:14px; font-weight:400;margin: 0 0 0 9px;}

.form-control:focus {border-color: #F44336;box-shadow: none;}

.cabbooking{position:relative; text-align: center;}
.cabbooking h3{font-weight: 700;text-align: center;font-size: 16px;margin:20px 0 0px 0px;color: #f44336; text-transform: uppercase; }
.cabbooking h4{font-size: 15px;font-weight: 500;text-align: center;margin-bottom: 0px;}

.cabul ul{overflow: hidden; padding: 0; margin-bottom:0px; }
.cabul ul li{display: inline-block; float: left; width:100%; color:#696969; overflow: hidden; margin-bottom:0; border-bottom: 1px solid #c5c5c5; 
line-height:2.7; font-weight: 400; border-bottom: 1px solid #c5c5c5;}

.cabul ul li:last-child{border-bottom:none;}
.fixed{position: fixed;}

.nav-tabs .nav-link{padding:20px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-bottom: 3px solid #F44336; border-color:none;}
.nav-tabs .nav-link{border:0px;}
.tab-content h4 {font-size: 16px;margin: 0em 0 1em;color: #F25A4C;}
.bullt ul{padding: 0px 18px; line-height: 2;margin: 0;}
.box-icon-bg .icon {height: 64px;width: 64px;margin: 0 auto 1em auto;display: block;position: relative;}
.box-icon-bg {text-align: center;border-radius: 6px;padding: 1.2em;margin-bottom: 0px;display: -webkit-box;display: -ms-flexbox;display: inline-block;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;}

.contact-box ul{padding:0px; margin-bottom:0px;}
.contact-box ul li {border-bottom: 1px solid #e5e5e5;margin-bottom:0px;padding-bottom:0px; list-style:none;}
.contact-box ul li .contact-thumb {float: left;margin-right: 10px;}
.contact-box-detail h4 {font-size: 16px;}

.contact-box .contact-box-detail {margin-left:58px;}
.contact-map {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}

.contact-map {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.tablebx { padding: 0px 0 15px;}
.slide-team{padding:10px 0; }
.slide-team h4 {margin:0px 0px 5px 0px;font-size: 16px;color: #F25A4C;}
.slide-team p{font-size:14px; }
select {
   width:100%;
   outline:0;
   box-shadow:none;
   border:0px;
   background-image: none;
   flex: 1;
       padding: 0px 5px;
   color:#787878;
   cursor:pointer;
    border-bottom: 2px solid #ced4da;
 
}
select::-ms-expand {
   display: none;
}
.select {
   position: relative;
   display: flex;
   line-height: 3;
   overflow: hidden;
   border-radius: .25em;
}
.select select{
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select::after {
       content: '\25BC';
    position: absolute;
    top: 4px;
    right: 0;
    padding: 0 0.2em;
    cursor: pointer;
    pointer-events: none;
    color: #F44336;
    transition: .25s all ease;
    font-size: 13px;
}
.select:hover::after {
   color: #000;
}
#select-box{
  overflow-y:auto;
}
option{
  overflow-y:scroll;
  padding:10px;
  border-top:2px solid #000;
}
.popup-gallery.gallery h4{
    font-size: 30px;
    color: #F25A4C;
    text-align: center;
    text-transform: uppercase;
}
input#titel-bookavisit {
    border: none;
    outline: none;
    font-size: 20px;
    color: #F25A4C;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
}


.header-btn{
	padding: 0.6em 1em;
    background: #F25A4C;
    border-radius: 50px;
    border: 1px solid #F25A4C;
    color: #fff;
}
.header-btn:hover{
    background: transparent;
	border: 1px solid #F25A4C;
    border-radius: 50px;
    color: #F25A4C;
}
.header-main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}










/*Responsive Setting*/ 

@media only screen and (max-width: 1900px) {
  
}
@media only screen and (max-width: 1600px) {
    

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


@media only screen and (max-width:1366px) {
.container-fluid {max-width:1170px; padding-right:30px; padding-left:30px;}
	.container-fluid .table td,
	.container-fluid.table th{
		width: 17%;
	}
}




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

}

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

}



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


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

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

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


}

@media only screen and (max-width: 767px) {
.hero-images .caption h1 {font-size:24px;}
.details h2{margin:0px 0;}
label{position: relative; right:0px;}
	label.sample-house {
    right: 0px;
	left: 1px;
}
.r11:before{padding-top:73%;}
.tablebx {padding: 0px 10px 20px;}
.details{padding: 0px 10px 0px;}
.whatapp{position: relative; right:0; left:10px;}
.down{display: none;}
.details h2 {font-size:16px;}
table td{font-size:12px; }
.border-t {border-top-left-radius: 10px;border-top-right-radius: 10px; border-bottom-left-radius:0px;}
section {padding: 2em 0;}
h3{margin-bottom:20px;}
	.in-header .img-bg{
		height: auto;
	}	
	
}




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


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


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

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


}