@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700');
*{outline:none;}
a:hover, a:focus, button, button:focus{outline:none;}
h1, h2, h3, h4, h5, h6{font-family: 'Bree Serif', serif;}
body{font-family: 'Barlow Semi Condensed', sans-serif; padding-top:70px;}
.close_menu{display: none;}
.close_menu a{width:30px;height:30px;background:#dc0303;color:#fff;font-size:18px;text-align:center;display:inline-block;line-height:30px;}
.close_menu a:hover, .close_menu a:focus{text-decoration:none;background:#c30505;}
.navbar-brand{height:auto; padding:0; border-radius:0 0 10px 10px; margin:0 0 0 0px !important;}
.navbar-brand img{max-height:80px;}

header{position: fixed; top:0; left:0; right:0; z-index: 10;  padding:8px 0; background:rgb(0 0 0);}
header.header_fixed{box-shadow:0 0 10px 0 #d9d9d9}
header .navbar-default{background:transparent; border-radius:0; border:0; padding:0; margin:0;}
.inner-pages{border-bottom:1px solid #d9d9d9;}
.navbar-default .navbar-nav{padding:22px 0 0 0; margin:0; float: none !important; text-align: center;}
.navbar-default .navbar-nav > li{padding:0; position: relative; float: none; display: inline-block;}
.navbar-default .navbar-nav > li > a{color:#fff; padding:8px 18px; border:1px solid rgba(255,255,255,0.5); background:transparent; font-size:16px; border-radius:20px; text-transform: uppercase; position: relative;}
.navbar-default .navbar-nav > li > a:before{content:''; position: absolute; top:100%; left:50%; margin-left:-10px; border:10px solid transparent; border-top-color:#cf9c17; border-width:0;}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a.active:before{border-width:10px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{background:#cf9c17; color:#fff; border-color:#cf9c17;}

.navbar-default .navbar-brand span{font-size:28px; text-transform:uppercase; color:#c4236e; font-weight:bold;padding:20px 20px; display: inline-block;}
.navbar-default .navbar-brand img{display: inline-block;}

.header-right{float: right; margin: 8px -15px -8px 0;}
.header-right a{display: block; position: relative; text-align: center; font-size: 30px; background:rgb(212, 172, 67); padding:0px 11px; color: #fff; border-left: 2px solid #fff;}
.header-right a:hover, .header-right a:focus{color:#cf9c17; background:#fff; border-left-color:#cf9c17; text-decoration: none;}


.main-banner{background:url(../img/banner-img.jpg) no-repeat 0 0; height:850px; background-size:100% auto; background-size:cover; overflow:hidden; padding:0; position:relative;}
.listing-box{position: absolute; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); box-shadow:0 0 0 10px rgba(0, 0, 0, 0.1); padding:10px 20px 20px; border-radius:0; text-align:center;}
.listing-box h1{margin:0; font-size:48px; color: #fff;}
.listing-box h1 small{font-size:22px; color: #cf9c17; display: block; clear: both; padding-top:5px;} 


.modal .close{width:30px;height:30px;background:#f00;color:#fff;border-radius:50%;position:absolute;top:-10px;right:-10px;opacity:1;line-height:30px; font-size: 16px;}
.modal .close:hover, .modal .close:hover{background:#b80606;text-decoration:none;}
h4.modal-title{background:#18517e;color:#fff;padding:10px;font-size:20px;}

.copyright{font-size:14px;text-align:left;color:#fff;}
.copyright p{font-size:16px;font-weight:300;margin:0;}
.copyright a{color:#fff; font-size:16px; margin-right: 15px; font-weight: 300;}
.copyright a .fa{font-size:18px; padding-right:5px;}
.copyright a:hover, .bottom-line a:focus{color:#96793f;text-decoration:none;}
.copyright a:hover, .bottom-line a:focus{color:#96793f;text-decoration:none;}
.copyright-right{clear: both; padding-bottom: 6px;}

.footer{background-size:100% auto;background-size:cover;position:relative;padding:15px 0;background:#000000; position: relative; z-index:3; border-top:1px solid rgba(255,255,255,0.1);}
.contact_info{background:#cf9c17;padding:10px 15px 10px 35px;color:#fff;font-size:20px; white-space:nowrap;text-transform:capitalize; display: block; margin:0 -15px 15px; position: relative;}
.contact_info img{display: inline-block; margin-right:5px; vertical-align:text-bottom;}
.contact_info:hover{color:#fff;text-decoration:none;background:#cf9c17;}
.contact_info:focus{color:#fff;text-decoration:none;}
.contact_info:before{content:'\f00d'; float: right; font-size:20px; line-height: 25px; font-family:'FontAwesome';}

.enquirw-box.open-cl .contact_info:before{content:'\f067';}
.enquirw-box{position:fixed;right:15px;bottom:0; width:300px; height:300px; padding:0 15px 15px;background:#fff; display: none; box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;z-index:4;}
.enquirw-box.open-cl{bottom:-180px;}
.enquirw-box h4{text-align:center;margin:0 -15px 15px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2);padding:10px 15px;text-transform:capitalize;}
.enquirw-box .form-control{border-radius:0;box-shadow:none;border-color:rgb(150, 150, 148);background:transparent;font-size:13px;color:#666;font-weight:300;}
.enquirw-box textarea.form-control{resize:none;}
.enquirw-box .btn-default{border-radius:0;border-color:#cf9c17;background:#cf9c17;color:#fff;text-transform:uppercase;}
.enquirw-box .btn-default:hover, .enquirw-box .btn-default:focus{background:#cf9c17;color:#fff;border-color:#cf9c17;}
.enquirw-box .form-control::-webkit-input-placeholder{color:#666;}
.enquirw-box .form-control::-moz-placeholder{color:#666;}
.enquirw-box .form-control:-ms-input-placeholder{color:#666;}
.enquirw-box .form-control:-moz-placeholder{color:#666;}

.mail-icon{position: absolute; left:-22px; top:-22px; z-index:4; width:45px; height:45px; line-height:31px; background:#41a84f; border:1px solid rgba(255,255,255,0.6); border-radius:30px 30px 0 30px; display: inline-block; padding:5px 8px; animation: shake 1.5s cubic-bezier(.36,.07,.19,.97) both infinite; box-shadow:0 0 8px 0 rgba(0,0,0,0.3);}
.mail-icon img{max-width:100%;}

@keyframes shake{
5%, 45% {transform: translate3d(-1px, 0, 0);}
10%, 40% {transform: translate3d(2px, 0, 0);}
15%, 25%, 35% {transform: translate3d(-2px, 0, 0)}
20%, 30% {transform: translate3d(2px, 0, 0);}
50% {transform: translate3d(0, 0, 0);}
100% {transform: translate3d(0, 0, 0);}
}

.enquirw-active{display: block;}

.fancybox-arrow[disabled]{display:none;}
figcaption{display:none !important;}

ul.ul-list{list-style: none; padding:0; margin:0;}
ul.ul-list li{display: block; position: relative; padding-left:20px;margin-top: 6px; font-size:16px; font-weight:400;}
ul.ul-list li:before{content:''; position: absolute; top:6px; left:0; width:8px; height:8px; background:#fff;}

.table-bordered tr > th, .table-bordered > tbody > tr > td{padding: 8px 10px;font-size: 16px;}
.table-bordered tr > th {background: #d11c6e;color: #fff; font-size:18px; font-weight:600;}
.table-bordered tr > td a{color:#fff;}
.table-hover > tbody > tr:hover{background:#d11c6e;}
.table-hover > tbody > tr:hover td{color:#fff; background:transparent;}
.table-hover > tbody > tr:hover td a{color:#fff;}
a.call-icon{font-size:20px;}
/*.footer{margin-top:-52px;}*/

/*Thanks You*/
.thanksyou-section{text-align: center; padding:220px 0 100px;  min-height:100vh; font-family: "Montserrat",sans-serif; font-size: 15px; color: #757474;}
.thanksyou-section .thanks{clear:both; width:100%; font-size:60px; color:#4caf50; font-weight:900; padding-bottom:30px; margin: 0; text-transform:uppercase; font-family: "Montserrat",sans-serif;}
.thanksyou-section i{ clear:both; width:100%; font-size:72px; color:#4caf50; text-align:center; font-weight:700; padding-bottom:35px;}
.thanksyou-section span{ color:#ff5722; font-weight:500;}
/*Thanks You*/

.thanksyou-section + .footer{margin-top:-53px; padding:15px 0;}

.form-box{position: absolute; top:50%; right:60px; background:rgba(0, 0, 0, 0.55); padding:20px; width:350px; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-radius:50px 0; box-shadow:0 0 0 5px rgba(255,255,255,0.4);}
.form-box .form-control{border-color:#fff; border-radius:30px; border:0; padding-left:15px;}
.form-box .btn-primary{border-radius:30px;}
.form-box h3{margin:0 0 0px;text-align: center; color:#fff; font-size:16px;}
.form-box p{font-size:16px; text-align: center; color:#fff;margin:0px 0;}
.form-box p.small{font-size:13px;}

.about-section{position: relative; padding:50px 0; overflow: hidden;}
.about-section .section-title{margin-bottom:15px;}
.about-section p{font-size:20px; line-height:26px; text-align:center;}
.about-section ul.ul-list li{color:#444; z-index:2; position: relative; font-size:20px;}
.about-section ul.ul-list li:before{background:#444; top:8px;}
.about-section .img-responsive{width:100%;}
.about-section h3{font-size:22px; color:#444; z-index:2; position: relative; margin:40px 0 10px; padding-top:30px; border-top:1px solid rgba(0,0,0,0.2);}
.about-section h4{font-size:22px; color:#444;}
.about-section .quality-cer p{font-size:20px; line-height:26px; text-align: left;}
.quality-cer{text-align: left;}
.quality-cer ul{list-style: none; padding:0; margin:0;}
.quality-cer ul li{position: relative; padding-left:18px; font-size:20px; line-height:26px; margin-bottom: 4px;}
.quality-cer ul li:before{content:''; position: absolute; top:8px; left:0; width:8px; height: 8px; background:#000;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.about-section .btn-primary{border-radius:30px; margin-top: 10px;}

.location-advantages{background:url(../img/Kids-Bedroom.jpg) no-repeat center 0; padding:50px 0; position: relative;}
.location-advantages:before{content:''; position: absolute; top:0; left:0; bottom:0; right:0; z-index:1; background-color:rgba(88, 86, 80, 0.6);}
.location-advantages .container{z-index:2; position: relative;}
.location-advantages .section-title{color:#fff; margin:0 0 50px}
.location-advantages ul{list-style: none; padding:0; margin:0;}
.location-advantages ul li{position: relative; padding-left:28px; font-size:22px; line-height:25px; margin-bottom:15px; color:#fff;}
.location-advantages ul li:before{content:'\f041'; position: absolute; top:2px; left:0; font-family:'FontAwesome'; font-size:30px;}
.location-advantages .btn-default{border-radius:30px; margin-top: 10px;}

.horizontal-video{padding:30px 0 15px;}
.horizontal-video .owl-next, .horizontal-video .owl-prev{width:30px; height:30px; line-height:24px; border:2px solid #000; border-radius:50%; text-align: center; background:#000; color:#000; font-size:18px; position: absolute; top:50%; margin-top:-15px; left:8px;}
.horizontal-video .owl-next{left:auto; right:8px;}
.horizontal-video .owl-next .fa, .horizontal-video .owl-prev .fa{line-height:auto;}





.amenities-advantages{background:url(../img/bg-dark.png) no-repeat center 0; padding:50px 0; position: relative;}
.location-advantages:before{content:''; position: absolute; top:0; left:0; bottom:0; right:0; z-index:1; background-color:rgba(88, 86, 80, 0.6);}
.amenities-advantages .container{z-index:2; position: relative;}
.amenities-advantages .section-title{color:#333333; margin:0 0 50px}
.amenities-advantages ul{list-style: none; padding:0; margin:0;}
.amenities-advantages ul li{position: relative; padding-left:28px; font-size:22px; line-height:25px; margin-bottom:15px; color:#333333;}
.amenities-advantages ul li:before{content:'\f041'; position: absolute; top:2px; left:0; font-family:'FontAwesome'; font-size:30px;}
.amenities-advantages .btn-default{border-radius:30px; margin-top: 10px;}

.horizontal-video{padding:30px 0 15px;}
.horizontal-video .owl-next, .horizontal-video .owl-prev{width:30px; height:30px; line-height:24px; border:2px solid #333333; border-radius:50%; text-align: center; background:#000; color:#333333; font-size:18px; position: absolute; top:50%; margin-top:-15px; left:8px;}
.horizontal-video .owl-next{left:auto; right:8px;}
.horizontal-video .owl-next .fa, .horizontal-video .owl-prev .fa{line-height:auto;}







.gallery-info{padding:30px 0 15px; background-image: url(../img/asfalt-dark.png); background-color: #ececec; background-repeat:0 0; background-position: 0 0;}
/*.location-advantages:before{content:''; position: absolute; top:0; left:0; bottom:0; right:0; z-index:1; background-color:rgba(46, 147, 84, 0.9);}*/
.gallery-inner{background:#fff; padding:10px; margin-bottom: 30px;}
.gallery-inner h4{margin:15px 0 10px; font-size:24px; position: relative; padding-bottom:10px;}
.gallery-inner h4:before{content:''; position: absolute; bottom:0; left:0; width:40px; height:2px; background:#cf9c17;}
.gallery-inner p{min-height:200px; margin:0; font-size:17px; line-height:20px; text-align: justify;}
.gallery-inner p strong{display: block; clear: both; overflow: hidden; margin-top:10px; font-weight:600; border-top:1px solid #d9d9d9; padding-top:8px;}
.gallery-inner p strong a{float: right;}
.gallery-inner p strong a:hover, .gallery-inner p strong a:focus{color:#444;}

.section-title{font-size:36px; text-align: center; margin:0 0 40px;}

.contact_wrapper{padding:40px 0; background: #000;}
.contact_wrapper .section-title{color:#fff;}
.contact_wrapper .section-title small{color:#fff; display: block; clear: both; font-weight: normal; font-size:18px; padding-top:5px; font-family: 'Barlow Semi Condensed', sans-serif;}
.contact_wrapper .sub_title{color:#fff; margin-bottom:15px;}
.contactaddress{margin-bottom:30px}
.contactaddress a{color:#fff;}
.contactaddress a:hover, .contactaddress a:focus{color:#cf9c17;}
.contactaddress p{font-size:20px;line-height:22px;font-weight:500;color:#fff;position:relative;padding-left:60px;padding-top:9px;margin-bottom:18px;min-height:42px}
.contactaddress p i{width:42px;height:42px;display:block;position:absolute;top:0;left:0;font-size:20px;line-height:40px;text-align:center;color:#cf9c17;border:1px solid #cf9c17;border-radius:50%;}
.contact_form{padding:20px; border:1px solid rgba(255, 255, 255, 0.2);}
.contact_form .control-label{color:#fff; font-weight:400; font-size:16px;}
.contact_form .control-label sup{top:-5px; color:#f00;}
.contact_form .form-group{margin-bottom:12px;}
.contact_form .form-control{background:transparent;border:1px solid rgba(255, 255, 255, 0.2); color:#fff;}
.contact_form textarea.form-control{resize:none; height: auto;}
.contact_form .form-control::-webkit-input-placeholder{color: #fff;}
.contact_form .form-control::-moz-placeholder {color: #fff;}
.contact_form .form-control:-ms-input-placeholder {color: #fff;}
.contact_form .form-control:-moz-placeholder {color: #fff;}
.contact_form select.form-control{overflow:hidden;text-overflow:ellipsis;}
.contact_form .form-control option{background:#ffffff;padding:6px 15px;min-height:32px;}
.contact_form .btn-default{border-width:1px; background:#fff; color:#000;}
.social_links a{width:42px;height:42px; margin-right:16px; display:inline-block;vertical-align:top;font-size:20px;line-height:40px;text-align:center;color:#cf9c17;border:1px solid #cf9c17;border-radius:4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; position: relative; overflow: hidden;}
.social_links a .fa{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.social_links .fb-like{display: inline-block;vertical-align: middle;margin-right: 3px; padding: 6px 0 0;}
.social_links .fb-like > span{vertical-align: middle !important;}
.social_links a:hover{background:#cf9c17;border-color:#cf9c17;color:#fff; border-radius:50%;}

.mobile-btn{display: none;}

body.thankyou-page{padding:0;}

/*Responsive------------------------------------------------*/
@media (max-width:1420px){
	.main-banner{height: 610px;}
	.form-box{top:50px; transform:translateY(0);}
}
@media (max-width:1300px){
	.navbar-default .navbar-brand span{font-size:20px;}
	.navbar-default .navbar-nav > li > a{padding:4px 10px 6px 10px; font-size:16px;}
}
@media (max-width:1191px){
	.navbar-toggle{top:23px; right:15px; width:40px; height:40px; border-radius:50%; text-align: center; line-height:40px; padding:0;}
	.header-right{position: absolute; top:0; right:75px; float: none;}
	body{padding-top: 94px;}
	body.thankyou-page .header-right{right:30px;}
	.navbar-default .navbar-brand{padding-left: 10px;}
	.navbar-default .navbar-toggle{border-color:#fff; color:#fff;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{color:#fff; background:#cf9c17; border-color:#cf9c17;}

	.navbar-default .navbar-collapse{position:fixed; right:-280px; bottom:0; top:0; width:280px; z-index: 5; background:rgba(0,0,0,0.95);  margin:0; display: block !important; height:100% !important; padding:0; border:0; border-left:4px solid #cf9c17; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
	.navbar-default .navbar-collapse.in{right:0;}
	.navbar-default .navbar-nav{padding:30px 0; width:100%; margin:0 auto; text-align: left;}
	.navbar-default .navbar-nav > li{padding:0; width:100%; margin-top: 1px;}
	.navbar-default .navbar-nav > li a:before{display: none;}
	.navbar-default .navbar-nav > li > a{display: block; padding:6px 10px; font-size:16px; color:#fff; border-radius:0; border:0;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{background:#cf9c17; color:#fff;}

	.header-right{padding-top:28px;}
	.header-right a{padding:8px 15px; border:1px solid #fff; background:transparent; color:#fff; font-size:18px; border-radius:30px;}
	.header-right a:hover, .header-right a:focus{border:1px solid #cf9c17; background:#cf9c17; color:#fff;}
	.features ul li{font-size:16px;}
	.close_menu{display: block; text-align: right;}
	.close_menu a{background:#f00; border-radius:0 0 0 10px; color:#fff;}

	.gallery-inner p{font-size:16px; line-height:20px; min-height:224px;}
	.thanksyou-section{padding-top:160px;}
}
@media (max-width:991px){
	.main-banner{height: auto;}
	.footer{padding-bottom:85px;}
	.listing-box{width:85%; margin:20px auto; box-shadow: none; position: static; transform:translate(0);}
	.form-box{position: static; clear:both; margin:0 auto 30px; transform:translate(0);}
	.about-section iframe{margin-bottom: 15px;}
	.site-plan iframe{height: 280px;}
	.features ul{margin-top: 15px;}
	.contactaddress{margin-top: 25px;}
	.main-banner{height: auto;}
	.about-section .img-responsive{margin-bottom: 20px;}
	.copyright{text-align: center;}
	.listing-box h1{font-size:32px;}
	.listing-box h1 small{font-size:18px;}
	.section-title{font-size:28px;}
	.about-section p, .about-section .quality-cer p, .quality-cer ul li{font-size:17px; line-height:22px;}
	.location-advantages ul{margin-top:20px;}
	.location-advantages ul li{font-size:18px; padding-left:22px; margin-bottom: 6px;}
	.location-advantages ul li:before{font-size:22px;}
	.gallery-inner p{min-height:205px;}

}
@media (max-width:767px){
	header{position: absolute;}
	.contact_info:before{padding-left:15px;}

	.thanksyou-section{min-height:1px; padding:120px 0 30px 0; min-height:1px;}
	.thanksyou-section + .footer{margin-top:0;}
	.section-title{font-size:24px; margin-bottom: 20px;}
	.about-section p{font-size:16px; line-height: 20px;}
	.about-section, .payment-plan, .site-plan, .features, .unit-type, .contact_wrapper, .location-advantages{padding:25px 0;}
	.gallery-inner p{min-height:1px;}
	.location-advantages .section-title{margin-bottom:20px;}
	
	

	.enquirw-box{right:72px}
	.mobile-btn{display:inline-block;}
	.desktop-btn{display:none;}

}
@media (max-width:500px){
	.mahira-detail{padding:10px 20px; margin-left:0;
		-webkit-transform: skew(0deg);
		-ms-transform: skew(0deg);
		-o-transform: skew(0deg);
		-moz-transform: skew(0deg);
		transform: skew(0deg);
	}
	.section-title{font-size:20px;}
	.navbar-default .navbar-brand span{padding:20px 5px;}
}
@media (max-width:420px){
	body{padding-top: 104px; overflow-x:hidden;}
	.listing-box span{font-size:18px;}
    .enquirw-box{width:215px;}
    .listing-box{padding-right: 15px;}
    .contact_info{padding-left:15px; font-size:16px;}
    .contact_info img{max-width:20px;}
    .enquirw-box{bottom:-183px;}
    .enquirw-box.open-cl{bottom:0;}
    .form-box{margin:0 auto 20px; width:290px; padding:10px;}
    .form-box h3{font-size:22px;}
    .contact_form{padding:10px;}
    .contact_form .devicefull{width:100%;}
    .section-title{font-size:18px;}
	.contactaddress a{word-wrap:break-word;}
	.navbar-default .navbar-brand{width:220px;}
	.navbar-default .navbar-brand span{padding:0 5px;}


	.thanksyou-section{min-height:100vh}
	.thanksyou-section + .footer{margin-top:-75px;}
	.thanksyou-section .thanks{font-size:28px;}

	.listing-box{width:95%; padding:10px 5px;}
	.listing-box h1{font-size:23px;}
	.listing-box h1 small{font-size:16px;}
	.form-box{border-radius:0;}
	.header-right{padding-top:15px;}
	.header-right a{width:40px; height:40px; line-height:40px; text-align: center; padding:0;}
	.header-right a span{display: none;}
	.location-advantages ul li{font-size:16px;}
	.gallery-inner h4{font-size:18px;}
	.contact_wrapper .section-title small{font-size:14px;}
}


.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

<style type="text/css">
@media screen and (max-height: 767px){
    #rc-imageselect, .g-recaptcha {
            transform:scale(0.77);
            -webkit-transform:scale(0.77);
            transform-origin:0 0;
            -webkit-transform-origin:0 0;
        }
    }
</style>