@import url('https://fonts.googleapis.com/css?family=Roboto');

*{outline:none;}
a:hover, a:focus, button, button:focus{outline:none;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', serif;}
body{font-family: 'Roboto', sans-serif; padding-top:70px; line-height:1.8; font-size:16px;}

.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:12px 0; background:#fff;}
header.header_fixed{box-shadow:0 0 10px 0 #d9d9d9}
header .navbar-default{background:transparent; border-radius:0; border:0; padding:0; margin:0; min-height:1px;}
.inner-pages{border-bottom:1px solid #d9d9d9;}
.navbar-default .navbar-nav{padding:6px 0 0 0; margin:0 45px 0 0; text-align: center; float: none !important;}
.navbar-default .navbar-nav > li{padding:0; position: relative; float: none; display: inline-block;}
.navbar-default .navbar-nav > li > a{color:#444; padding:8px 22px 10px; margin:0 2px; background:#f1f1f1; font-size:18px; position: relative; border-radius:4px;
	-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;
	-webkit-transform:skew(-25deg);
	-ms-transform:skew(-25deg);
	-o-transform:skew(-25deg);
	-moz-transform:skew(-25deg);
	transform:skew(-25deg);
}

.navbar-default .navbar-nav > li > a span{display: block;
	-webkit-transform:skew(25deg);
	-ms-transform:skew(25deg);
	-o-transform:skew(25deg);
	-moz-transform:skew(25deg);
	transform:skew(25deg);
}

/*.navbar-default .navbar-nav > li > a:before{content:''; position: absolute; top:100%; left:50%; margin-left:-10px; border:10px solid transparent; border-top-color:#26ad22; 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:#08692b; color:#fff;}

.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:-12px -15px -12px 0;}
.header-right a{display: block; position: relative; text-align: center; font-size:24px; background:#08692b; padding:11px; color: #fff; -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;}
.header-right a:hover, .header-right a:focus{color:#fff; background:#000;  text-decoration: none;}


.main-banner{background:url(../img/banner-img.jpg) no-repeat 0 0; height:500px; background-size:100% auto; background-size:cover; overflow:hidden; padding:0; position:relative;}
.listing-box{position: absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:rgba(255, 255, 255, 0.82); padding:30px 25px; box-shadow: 8px 7px 0 0 rgba(0, 0, 0, 0.4); border-radius:0 20px 20px 0;}
.listing-box h1{margin:0; font-size:48px; color:#1d8e12; text-transform:uppercase;}
.listing-box h1 span{display: block; font-size:24px; color:#000; padding:15px 0 5px; font-family: 'Roboto', sans-serif; font-weight:700;}
.listing-box p{font-size:26px; color:#1d8e12; margin:0;}


.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;}
.modal-header{padding:0; border:0;}
h4.modal-title{background:#000;color:#fff;padding:6px 15px;font-size:18px;}
.modal.popupsize .modal-dialog{width:280px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin:0 auto;}

.copyright{font-size:14px;text-align:left;color:#fff;}
.copyright p{font-size:14px;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:#17232d; position: relative; z-index:3; border-top:1px solid rgba(255,255,255,0.1);}
.contact_info{background:#26ad22;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:#08692b;}
.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:285px; 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:-230px;}
.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:#08692b;background:#08692b;color:#fff;text-transform:uppercase;}
.enquirw-box .btn-default:hover, .enquirw-box .btn-default:focus{background:#08692b;color:#fff;border-color:#08692b;}
.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:28px; background:#08692b; border:1px solid rgba(255,255,255,0.6); border-radius:50%; 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: #08692b; color: #fff; font-size:18px; font-weight:600;}
.table-bordered tr > td a{color:#08692b;}
.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:#444;}
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.8); padding:30px; 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 5px;text-align: center; color:#fff; font-size:24px;}
.form-box h3 span{color:#fbf427;}
.form-box p{font-size:16px; text-align: center; color:#fff;margin:10px 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:18px; text-align:center; color:#000;}
.about-section .btn-primary{border-radius:30px; margin-top: 10px;}

.location-map{background:url(../img/banner-img1.jpg) no-repeat center 0; padding:50px 0; position: relative;}
.location-map:before{content:''; position: absolute; top:0; left:0; bottom:0; right:0; z-index:1; background-color:rgba(33, 36, 39, 0.85);}
.location-map .container{z-index:2; position: relative;}
.location-map .section-title{color:#fff; margin:0 0 50px}
.location-map a{text-align: center;}
.location-map a img{display: inline-block; max-width:600px; margin:0 auto;}

.floor-plan{padding:50px 0;}

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

.contact_wrapper{padding:40px 0;background:#17232d; position: relative;}
.contact_wrapper:before{content:''; position: absolute; left:0; top:-7px; right:0; background:url(../img/contact.png) repeat 0 0; height:20px;}
.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: 'Roboto', 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:#26ad22;}
.contactaddress p{line-height:22px;font-weight:500;color:#fff;position:relative;padding-left:60px;padding-top:5px;margin-bottom:18px;min-height:42px}
.contactaddress p i{width:35px;height:35px;display:block;position:absolute;top:0;left:0;font-size:18px;line-height:35px;text-align:center;color:#26ad22;border:1px solid #26ad22;border-radius:10px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

.contactaddress p i:before{display: block;
         -webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);	
}

.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:#26ad22;border:1px solid #26ad22;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:#26ad22;border-color:#26ad22;color:#fff; border-radius:50%;}


.gallery{padding:50px 0; background:#f1f1f1;}
.gallery .row{margin:0 -5px;}
.gallery .col-md-4{padding:0 5px 10px;}

.mobile-btn{display: none;}

body.thankyou-page{padding:0;}

/*Responsive------------------------------------------------*/
@media (max-width:1420px){
	.main-banner{height: 500px;}
	/*.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:5px; 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:72px;}
	body.thankyou-page .header-right{right:30px;}
	.navbar-default .navbar-brand{padding-left: 10px;}
	.navbar-default .navbar-toggle{border-color:#000; color:#000;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{color:#fff; background:#26ad22; border-color:#26ad22;}

	.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 #26ad22; -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:1px 0 0;}
	.navbar-default .navbar-nav > li a:before{display: none;}
	.navbar-default .navbar-nav > li > a{display: block; padding:6px 10px; margin:0; font-size:16px; color:#444; border-radius:0; border:0;
		-webkit-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
		-moz-transform:skew(0deg);
		transform:skew(0deg);
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{background:#26ad22; color:#fff;}
	.navbar-default .navbar-nav > li > a span{
		-webkit-transform:skew(0deg);
		-ms-transform:skew(0deg);
		-o-transform:skew(0deg);
		-moz-transform:skew(0deg);
		transform:skew(0deg);
	}

	.header-right{padding-top:16px;}
	.header-right a{padding:8px 15px; border:1px solid #000; background:transparent; color:#000; font-size:18px; border-radius:30px;}
	.header-right a:hover, .header-right a:focus{border:1px solid #26ad22; background:#26ad22; 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; border-radius:10px; text-align: center; 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 span{font-size:18px;}
	.listing-box h1 p{font-size:17px;}
	.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;}
	.location-map a img{max-width:100%;}

}
@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:55px; overflow-x:hidden;}
    .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:-235px;}
    .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:20px;}
	.listing-box h1 span{font-size:17px; padding-top: 5px;}
	.listing-box p{font-size:16px;}
	.form-box{border-radius:0;}
	.navbar-toggle{top:-3px;}
	.header-right{padding-top:8px;}
	.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;}
	.contactaddress p{font-size:16px;}
	.navbar-brand img{max-height:34px;}
}





.secti-inner
{
color:#fff;
}
.secti-inner li
{
color:#fff;
line-height: 40px;
}

.light {
    border-color: #333;
    border-width: 2px;
    max-width: 100px;
    margin: 30px auto 40px auto;
}


.list div >span {
    position: absolute;
    top: 40%;
    font-size: 15px;
    left: 25%;
}


.img-bor img {
    padding:5px;
    border:1px solid #000;
}

.head-bor h4 {
    padding: 5px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.col-white
{
color:#fff;
line-height:50px;
}

.color-h3
{
color:#fff;
}

.f-btn-group-hor__item .fa {
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
	padding:5px;
	margin-left:15px;
}

.qck-link li, a
{
color:#fff;
line-height: 2.5;
}