@import url(effect.css);
@import url(font-awesome/line-awesome.css);
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Montserrat', sans-serif;
font-weight:normal; 
padding:0; 
color:#151515;  
padding-right:0!important;
font-size:15px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#161616; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1f1917;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; font-family: 'Montserrat', sans-serif;}


.fix{
position:fixed !important ; 
z-index:999999 ; 
padding:0 ;
top: 0 ;
left: 0 ;
right: 0 ;
margin: 0;
width:100%;
background:#fff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.container { max-width: 1200px!important;}

.hader-bg-area{ display:block; border:none; transition: 1s; width:100%; width:100%; left:0; top:0; z-index:999;}
.header-area{ display:block; padding:0px 20px;}
.phone-no{ display:block; font-size:22px; position:relative; background:#bf2625; color:#fff; padding:8px 10px; text-align:center; border-radius: 6px;}
.phone-no strong{ display:block;}

.relative{position:relative;}
a.logo{ position:relative; top:0; left:0; transition: 1s; padding:0; display:block;}
a.logo img{height:117px; transition: 1s;}
.fix a.logo img{  height:80px; }

.banner-area{ display:block; clear:both; position:relative;}
.banner-area img{ width:100%; }
.banner-area .carousel-caption{ font-family: 'Raleway', sans-serif;  left:15%; top:35%; bottom:auto; text-align:left; background:rgba(0, 0, 0, 0.5);}
.banner-area .carousel-caption span{ display:block;  font-size:60px; text-transform:uppercase; font-weight:200; line-height:1.2; margin-bottom:15px;}
.banner-area .carousel-caption a{ color:#f4d432; font-weight:500; text-transform:uppercase;}
.banner-area .carousel-caption a i{ font-size:16px;}
.banner-area .carousel-indicators .active{ background-color:#fff;}
.banner-area .carousel-indicators{ bottom: 20px;}
.banner-area .carousel-indicators li{ width:10px; height:10px; border:1px #fff solid;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}

.banner-head{ position:absolute; left:50%; top:45%; transform: translate(-50%,-45%); text-align:center;}
.banner-head h1{ display:block; font-size:50px; color:#4d4d4d; margin-bottom:15px; font-weight:500;}

.featured-area{ display:block; padding:50px 0 100px;}
.featured-area h1{ display:block; text-align:center; font-size:32px; font-weight:600; color:#000;}
.featured-area > span{ display:block; overflow:hidden; text-align:center; font-size:22px; font-weight:400; color:#9b9b9b; position:relative;}
.featured-area [class^="col-"]{ margin-bottom:40px;}
.owl-carousel .item > div{ display:block; border:1px solid #d7d7d7; margin:0px 3px 0 3px;}
.owl-carousel .item > div span{ display:block; overflow:hidden; }
.owl-carousel .item div span img{ transition: 0.5s ease-out; width:100%;}
.owl-carousel .item div:hover img{transform: scale(1.1);}

.owl-carousel .item .property-box{ display:block; padding:15px; position:relative;}
.owl-carousel .item .property-box h2{ display:block; font-size:18px; color:#cf3a3a; margin:10px 0 15px;}
.owl-carousel .item .property-box span{ display:block; position:relative; font-size:14px; padding-left:18px; margin-bottom:15px;}
.owl-carousel .item .property-box span i{ position:absolute; left:0; top:3px; color:#d1292a;}

.owl-carousel .item .property-box p{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight:300;}
.owl-carousel .item .property-detail{ display:block; width:100%;}
.owl-carousel .item .property-detail div{ display:block; width:100%; padding: 5px 4px;}
.owl-carousel .item .property-detail div i{ font-size:20px; margin-right:4px; color:#d1292a;}

ul.two-box{ list-style-type:none; padding:0; margin-bottom:0; border-top:1px solid #d7d7d7; text-align:right;}
ul.two-box li{ display:inline-block; border-left:1px solid #d7d7d7; }
ul.two-box li a{ display:block; padding:8px 15px; font-size:20px; color:#d7d7d7;}
ul.two-box li a:hover{ background:#d1292a; color:#fff;}
ul.two-box li i{ font-size:22px;}

.owl-carousel{margin-top:0px;}
/*.owl-carousel .item div{ display:block; padding:0px; margin:0px 0px; text-align:left; border:1px solid #d7d7d7;}
.owl-carousel .item div div{ display:block; padding:25px; background: rgb(255,255,255);}
.owl-carousel .item{position:relative; display:block; padding:0px;} 
.owl-carousel .owl-item img{ display:block; width:100%;}  
.owl-carousel .item:hover img{filter: gray; -webkit-filter: grayscale(1);} 
.owl-carousel .item span{ display:block; font-size:17px; margin-bottom:10px; text-align:center;}
.owl-carousel .item:hover span{ color:#be0e19;}*/
.owl-theme .owl-nav{position:absolute; top:40%; left:0; width:100%;}
.owl-nav button.owl-next{position:absolute; right:-50px; width:40px; height:40px; border-radius:50%; border:1px solid #e9e9e9 !important; background:#e9e9e9 !important;}
.owl-nav button.owl-next:focus{outline: 0;}
.owl-nav button.owl-prev{position:absolute; left:-50px; width:40px; height:40px; border-radius:50%; border:1px solid #e9e9e9 !important; background:#e9e9e9 !important;}
.owl-nav button.owl-prev:focus{outline: 0;}
.owl-theme .owl-dot{display:none;}

.services-area{ display:block; background:#efefef;}
.services-area [class^="col-"] > div{ display:block; padding:20px 50px;}
.services-area [class^="col-"] > div h2{ display:block; font-size:35px; font-weight:600;}
.services-area  [class^="col-"] img{ width:100%; }

.services-box [class^="col-"]{ /*margin-bottom:10px;*/}
.services-box [class^="col-"] > img{ display:block; margin-bottom:10px; width:auto;}
.services-box [class^="col-"] h4{ display:block; font-size:20px; font-weight:bold; margin-bottom:5px; color:#bf2627;}

.space-box{ display:block; padding:50px 0; text-align:center;}
.space-box img{ margin:0px 0 10px;}
.space-box h3{ display:block; font-size:30px; font-weight:600;}
.txt-box{ display:block; width:835px; max-width:100%; margin:0px auto 30px; position:relative;}
.space-box [class^="col-"] span{ display:block; font-size:18px; font-weight:600; margin-bottom:10px;}

.icon-box-bg-area{ display:block; width:100%; background:url(../images/icon-bg-area.jpg) no-repeat; height:100%; background-attachment: fixed; background-position: center; background-size: cover; padding:80px 0;}
.icon-box{ display:block; width:1000px; max-width:100%; margin:0px auto; color:#fff; text-align:center;}
.icon-box [class^="col-"] div{ display:inline-block; width:120px; height:120px; line-height:120px; background:#ff5554; margin-bottom:20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.icon-box [class^="col-"] span{ display:block; font-size:15px; text-transform:uppercase; letter-spacing:1px;}


.blogs-area{ display:block; width:1240px; max-width:100%; position:relative; margin:0px auto;}
.blogs{padding:50px;}
.blogs h3{color:#2c3e50; margin:0 0 30px; text-transform:uppercase; font-size:30px; font-weight:700; padding:10px 0; text-align:center;}
.blogs [class^="col-"] div{ text-align:left; margin-bottom:10px;}
.blogs [class^="col-"] div h4{ font-size:18px; text-transform:capitalize; font-weight:600; margin:0 0 10px; color:#2c3e50;}
.blogs [class^="col-"] div p{margin-bottom:20px;}
.blogs [class^="col-"] > a{position:relative; display:block;}
.blogs [class^="col-"] > a span{background:#2c3e50; color:#fff; padding:7px 5px; top:0; right:10px; text-transform:uppercase; z-index:100; position:absolute; font-weight:600; width:45px; text-align:center;}
.blogs [class^="col-"] > a:hover span{background:#000;}
.link{ display:inline-block; padding:5px 10px; border:2px solid #2c3e50; font-weight:600;}
.link:hover{ background:#2c3e50; border:2px solid #2c3e50; color:#fff;}

.footer-bg-area{ display:block; padding:50px 0 20px; background:#3f3f3f; color:#fff;}
.footer-area{ display:block; width:1240px; max-width:100%; position:relative; margin:0px auto;}
.footer-area [class^="col-"] div{ display:block; padding:0px 30px; }
.footer-area [class^="col-"] div > span, .footer-area [class^="col-"] > span{ display:block; font-size:16px; text-transform:uppercase; margin-bottom:10px; color:#fff; font-weight:600;}
.footer-area [class^="col-"] ul{ list-style-type:none; padding-left:0;}
.footer-area [class^="col-"] ul > li{ margin-bottom:3px;}
.footer-area [class^="col-"] ul > li > a{ color:#fff; font-size:14px; letter-spacing:1px;}
/*.footer-area [class^="col-"] ul > li > a:hover{color:#d5251b;}*/

ul.social-icon{ list-style-type:none; padding-left:0;}
ul.social-icon > li{ margin-bottom:7px!important;}
ul.social-icon li a{ display:block; color:#666666;}
ul.social-icon li a:hover{color:#deaa0c;}
ul.social-icon li a i{ font-size:20px;}


ul.useful-links{ list-style-type:none; padding-left:0;}
ul.useful-links > li{ margin-bottom:7px!important;}
ul.useful-links li a{ display:block; color:#666666;}
ul.useful-links li a:hover{color:#d5251b;}
ul.useful-links li a i{ font-size:20px;}

ul.contact-info{ list-style-type:none; padding-left:0;}
ul.contact-info li{ overflow:hidden; background:#2b2a2a; padding-left:30px; border-radius: 5px; position: relative; }
ul.contact-info li span{ overflow:hidden; background:#1f201e; padding:10px; margin-right:10px; width:30px; position: absolute; left:0; height:100%;  }
ul.contact-info li a{ display: block; padding:10px;}

.footer-area hr{ border-top: 1px solid rgba(255, 255, 255, 0.1);}


/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: #2098D1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}


/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: #2098D1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.inner-area{ display:block; padding:50px 0 30px;}
.inner-area h1{ display:block; font-size:32px; font-weight:600; color:#000;}

.current-project-area{}
.current-project-area > span{ display:block; overflow:hidden; text-align:center; font-size:22px; font-weight:400; color:#9b9b9b; position:relative;}
.current-project-area h1{ display:block; text-align:center;}
.current-box{ display:block; padding:30px; border:1px solid #dfdfdf;}
.current-box h2 a{ display:block; font-size:26px;}
.current-box ul{ list-style-type:none; padding-left:0px; margin-bottom:25px;}
.current-box ul li{ display:block; position:relative; font-size:15px; padding-left:30px; margin-bottom:8px;}
.current-box ul li i{ position:absolute; left:0; top:1px; color:#d1292a; font-size:18px;}
.current-box > a{ display:inline-block; padding:8px 20px; border:2px solid #bfbfbf; font-size:16px; font-weight:600;}
.current-box > a:hover{ background:#af1516; border:2px solid #af1516; color:#fff;}

.project-details-area h1{ display:block; text-align:center;}

.overview-area{ display:block; padding:20px 0;}
.overview-area div{ display:block; position:relative; margin:0px auto; width:700px; max-width:100%; text-align:center;}

.location-area{ display:block; padding:30px 0;}
.location-area img{ display:block; margin:0px auto;}
.location-area h2{display:block; margin-bottom:0px; font-weight: 600; text-align:center;}
.location-area span{ display:block; text-align:center; padding:20px; font-size:18px; font-weight:500;}
.location-area i{ color:#d1292a; font-size:20px;}
.location-area1 span{ display:block; text-align:left; padding:0px 0 15px; font-size:18px; font-weight:500;}
.location-area1 strong{ display:block; margin-bottom:15px; font-size:16px;}
.location-area1 ul{display:block; margin:0; padding:0 0 25px; list-style:none;}
.location-area1 ul li{position:relative; display:block; padding-left:15px; margin-bottom:5px; color:#000;}
.location-area1 ul li i{font-size:6px; position:absolute; left:0; top:0; color:#ff2626; top:8px;}

.location-area2{ display:block; padding:30px 0; width:800px; max-width:100%; margin:0px auto;}
.location-area2 h2{display:block; margin-bottom:0px; font-weight: 600; text-align:center;}
.location-area2 span{ display:block; text-align:center; padding:20px; font-size:18px; font-weight:500;}
.location-area2 i{ color:#d1292a; font-size:20px;}

.amenities-area{ display:block; padding:50px 0; text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,ffffff+100 */
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.amenities-area h2{display:block; margin-bottom:50px; font-weight: 600; text-align:center;}
.amenities-area [class^="col-"] div{ display:block; padding:40px 11px; font-size:18px; font-weight:600; border:1px solid #dddddd;}
.amenities-area [class^="col-"]:hover div{ background:#d8303b; color:#fff;}

.specification-bg-area{ display:block; padding:30px 0; background:#efefef;}
.specification-bg-area h2{display:block; margin-bottom:50px; font-weight: 600; text-align:center;}
.specification-bg-area h3{display:block; font-weight:500; letter-spacing:1px; font-size:18px; color:#d1292a; margin-bottom:15px;}
.specification-bg-area [class^="col-"] > ul{display:block; margin:0; padding:0 0 25px; list-style:none;}
.specification-bg-area [class^="col-"] > ul li{position:relative; display:block; padding-left:15px; margin-bottom:10px; color:#000;}
.specification-bg-area [class^="col-"] > ul li i{font-size:6px; position:absolute; left:0; top:0; color:#ff2626; top:8px;}

ul.specification-nav{display:block; margin:0; padding:0 0 0px!important; list-style:none;}
ul.specification-nav li{position:relative; display:block; padding-left:15px; margin-bottom:10px; color:#000;}
ul.specification-nav li i{font-size:6px; position:absolute; left:0; top:0; color:#ff2626; top:8px;}

.plan-area{ display:block; padding:50px 0; text-align: center;}
.plan-area h2,h3,h4{display:block; margin-bottom:50px; font-weight: 600;}
.plan-area [class^="col-"]{ margin-bottom:20px;}
.plan-area span{ display:block; text-align:center; padding:15px; font-size:15px; font-weight:600; margin-bottom: 20px;}


.feature-area{ display:block; padding:40px 0; background:#f3f3f3; margin-bottom:30px;}
.feature-area h2{display:block; margin-bottom:50px; font-weight: 600; text-align:center;}
.feature-area [class^="col-"] ul{display:block; margin:0; padding:0 0 25px; list-style:none;}
.feature-area [class^="col-"] ul li{position:relative; display:block; padding-left:15px; margin-bottom:10px; color:#000;}
.feature-area [class^="col-"] ul li i{font-size:6px; position:absolute; left:0; top:0; color:#ff2626; top:8px;}

.contact-details1 [class^="col-"] {border-right: 1px solid #efecec; }
.contact-details1 [class^="col-"]:last-child {border-right: 0; }
.contact-details1 [class^="col-"] > div{display:block; /*padding:15px;*/}
.contact-details1 [class^="col-"] > div h3{ display:block; overflow:hidden; text-align:left; font-size:20px; line-height:1.5; font-weight:600; color:#ef2615; margin-bottom:10px;}
.contact-details1 [class^="col-"] > div p{line-height:26px;  margin-bottom:10px; color:#190e00;}

.send-box{ display:block; padding:15px; border:1px solid #efecec;}
.send-box div[class^="col-"] span{display:block;clear:both;overflow:hidden; margin-bottom:5px;}
.send-box div[class^="col-"]{margin-bottom:25px; border-right: 0;}
.send-box div[class^="col-"]:last-child{margin:0 0 10px;}
.send-box input, .send-box textarea{width:100%;border:none;background:#fff;border-bottom:1px #ddd solid; padding:8px;}
.send-box .btn{ width:100%;}


#outer{width:100%;background:#fff;text-align:center;}
#cover{border:2px solid #111;border-radius:7px;box-shadow:inset 0 0 13px #888;padding:7px 0}
.main{table-layout:fixed;width:94%;border:0;border-collapse:collapse;margin:0 auto;}
.main td{padding:0 8px;vertical-align:middle;text-align:left;border:0;font:500 11px arial}
.main input{width:96%;border:1px solid #ccc;margin:2px 0;padding:0 2%;height:17px;text-align:right;font:500 11px arial}
.main select{width:100%;border:1px solid #ccc;margin:2px 0;background:#fff;height:18px;font:500 11px arial}.w50{width:50%}.main button{width:100%;font:600 12px arial;margin:2px 0;}

.download-brochure{ display:block; margin:30px auto 20px; text-align:center;}








/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1030px){
	body{ overflow-x: hidden;}
	.fix #cssmenu > ul > li > a { padding: 26px 10px;}
	a.logo{ text-align:center; margin-bottom:10px;}
	a.logo1{ display:none;}
	.fix a.logo img{ height:90px;}
	.serv-img{ display:none;}
	.blogs [class^="col-"] img{ width:100%;}
	.footer-bg-area{ padding: 50px 20px 20px;}
}

@media (max-width: 991px){
	/*.fix #cssmenu > ul > li > a{ padding: 15px 10px;}
	a.logo img{height:100px; transition: 1s;margin: 0;display: block;}*/
	.header-area{ text-align:center; padding-bottom: 20px;}
	.fix{ position:static!important;}
	a.logo img{ display:block; height:auto;}
	.fix a.logo img{  height:auto;} 
	
	.featured-area{ padding:50px 100px;}
	.footer-area [class^="col-"] div{ padding:0;}
	
	.current-project-area { padding: 0px 50px;}
	.current-project-area [class^="col-"] img{ width:100%;}
}

@media (max-width: 767px){
	.featured-area{ padding:50px;}
	.services-area{ text-align:center;}
	.services-box [class^="col-"] > img{ margin: 0px auto 20px;}
	.icon-box [class^="col-"]{ margin-bottom:20px;}
	

	

}

@media (max-width: 480px){
	.featured-area{ padding:50px 0;}
	.blogs{ padding:50px 15px;}
	.footer-area{ text-align:center;}
	
	.current-project-area { padding: 0px;}
}

@media (max-width: 380px){
	

}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}