html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'Conv_Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Light.woff2') format('woff2'),
         url('../fonts/Gotham-Light.woff') format('woff'),
         url('../fonts/Gotham-Light.ttf') format('truetype'),
         url('../fonts/Gotham-Light.svg#Conv_Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Book.woff2') format('woff2'),
         url('../fonts/Gotham-Book.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/Gotham-Book.svg#Conv_Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cassannet_boldbold';
    src: url('../fonts/Cassannet Bold_0-webfont.eot');
    src: url('../fonts/Cassannet Bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cassannet Bold_0-webfont.woff2') format('woff2'),
         url('../fonts/Cassannet Bold_0-webfont.woff') format('woff'),
         url('../fonts/Cassannet Bold_0-webfont.ttf') format('truetype'),
         url('../fonts/Cassannet Bold_0-webfont.svg#cassannet_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pill_gothic_300mgthin';
    src: url('../fonts/PillGothic300mg-Thin-webfont.eot');
    src: url('../fonts/PillGothic300mg-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PillGothic300mg-Thin-webfont.woff2') format('woff2'),
         url('../fonts/PillGothic300mg-Thin-webfont.woff') format('woff'),
         url('../fonts/PillGothic300mg-Thin-webfont.ttf') format('truetype'),
         url('../fonts/PillGothic300mg-Thin-webfont.svg#pill_gothic_300mgthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pill_gothic_600mgbold';
    src: url('../fonts/PillGothic600mg-Bold-webfont.eot');
    src: url('../fonts/PillGothic600mg-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PillGothic600mg-Bold-webfont.woff2') format('woff2'),
         url('../fonts/PillGothic600mg-Bold-webfont.woff') format('woff'),
         url('../fonts/PillGothic600mg-Bold-webfont.ttf') format('truetype'),
         url('../fonts/PillGothic600mg-Bold-webfont.svg#pill_gothic_600mgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pill_gothic_300mgregular';
    src: url('../fonts/PillGothic300mg-Regular_0-webfont.eot');
    src: url('../fonts/PillGothic300mg-Regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PillGothic300mg-Regular_0-webfont.woff2') format('woff2'),
         url('../fonts/PillGothic300mg-Regular_0-webfont.woff') format('woff'),
         url('../fonts/PillGothic300mg-Regular_0-webfont.ttf') format('truetype'),
         url('../fonts/PillGothic300mg-Regular_0-webfont.svg#pill_gothic_300mgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: 'Conv_Gotham-book';
	font-size: 14px;
	line-height:21px;
	color: #3e3e3e;
	overflow-x:hidden;
	padding-bottom:0 !important;
}
html,body {height:100%;}

::selection {
	background: #fdc82b;
	color:#fff;
}
::-moz-selection {
	background: #fdc82b; /* Firefox */
	color:#fff;
}
img {
	max-width: 100%;
}
a:link {
	color: #fdc82b;
	text-decoration: none !important;
}
a:hover {
	color:#fdc82b;
}
a:visited {
	color: #fdc82b;
	text-decoration: none !important;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}

#headertop:after, #wrapper-container:after, #footer:after, .footer-container:after, .tab_content:after, .download:after {content:""; clear:both; display:block; visibility:hidden;}

/***** Header style *******/

.headertop {width:100%; background:#c8ae7d; height:80px;}
.headertop .logo{float:left; margin-left: 2vw; margin-top: -45px; height: 44px; width: 170px; position: relative; z-index: 999;}
.headertop .navigation { float: left;  margin-left: 9%;  margin-top: 30px;  position: absolute;  text-align: center;  width: 100%; z-index: 99;}
.headertop .navigation ul {position:relative; float: left; margin-left: 14%;}
.headertop .navigation ul li {display:inline; /*margin:0 3vw;*/}
.headertop .navigation ul li a{color:#fff; font-family:'Conv_Gotham-Light'; font-size:1vw; padding: 8px; margin-right:4vw; letter-spacing:1px}
/*.headertop .navigation ul li a:hover, .headertop .navigation ul li a.active {border-bottom: 2px solid #fff; padding-bottom: 7px;}*/
ul.underlinemenu li.active{ position:absolute; width:0; border-bottom:2px solid #fff; left: 197.6px;}

.menu-icon {display:none}
.menu.menu-mobile {display:block;}



.banner {position:relative;}
.banner img {width:100%; height:auto;}
.banner span.banner-content {color: #fff;
    font-family: "cassannet_boldbold";
    font-size: 42px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    z-index: 1;}

span.symbol-arrow {background:url('../images/symbol-arrow.png') no-repeat; width:70px; height:60px; position: absolute; bottom: 73px; z-index: 1; left:47%}

/*** Main style *******/

#wrapper-container {width:80%; margin:0 auto;  padding-bottom: 70px; max-width:1280px;}
#wrapper-container .main {}
#wrapper-container .main .main-content p{text-align:center; font-family:'Conv_Gotham-book'; font-size:1.2vw; width:100%; margin:0 auto; line-height:30px}

h2.head-title{color:#c8ae7d; font:normal 32px "cassannet_boldbold"; text-align:center; padding: 50px 0;}

.main-content { padding: 4vw 1vw;}


/** landing page **/
.overflowhide {overflow: hidden !important;}
.bkg-img {background:url('../images/landing-bkg.jpg') no-repeat 0 0 / cover transparent; width:100%; height:100%; position:fixed; z-index:999;}
.bkg-img .ladding-content {position:absolute; top:40%; text-align: center; width: 100%; display: block;}
.bkg-img .ladding-content .btn-villa {display:block; text-align:center; margin-top: 40px;}
.bkg-img .ladding-content .btn-villa span{border: 1px solid #fff;
    border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important;
    color: #fff;
    font: 15px "Conv_Gotham-book";
    padding: 7px 27px;
    width: auto !important; margin-top: 20px; cursor:pointer;}

/** ame **/

.amenities-page #wrapper-container {width: 86.5%;}

.amenities-page .banner span.banner-content { left: 44%;  top: 30%;}
.gallery-block {position:relative; height: 900px;}
.gallery-block .ame-box {width:273px; height:274px; position:relative;  margin:0 20px 20px 0; float:left;}
.gallery-block .ame-box img {width:100%;}
.gallery-block .ame-box .brown-bkg{position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/brown-light-trans.png') repeat; display:table;}
.gallery-block .ame-box .gly-name {display:table-cell;display: table-cell; vertical-align: middle; text-align:center; font:normal 32px "cassannet_boldbold"; color:#fff; }
span.plusicon {background:url('../images/plus-icon.png') no-repeat; width:28px; height:27px; display:block; margin:0 auto;}

.boxes-left {float:left; margin-right: 24px;  width: 273px;  margin-top: -140px;}
.boxes-center {float:left;}
.boxes-right {float:right; width: 273px;  margin-top: -140px;}




.gallery-block .ame-box.box1 { left: 0;  position: absolute; top: 0;}
.gallery-block .ame-box.box2 { left: 0;  position: absolute; top: 290px;}
.gallery-block .ame-box.box3 { left: 290px;  position: absolute; top: 150px;}
.gallery-block .ame-box.box4 { left: 580px;  position: absolute; top: 150px;}
.gallery-block .ame-box.box5 { right: 0;  position: absolute; top: 0;}
.gallery-block .ame-box.box6 { right: 0;  position: absolute; top: 290px;}
.gallery-block .ame-box.box7 { left: 0;  position: absolute; top: 642px;}
.gallery-block .ame-box.box8 { left: 330px;  position: absolute; top: 470px;}
.gallery-block .ame-box.box9 { left: 650px;  position: absolute; top: 470px;}
.gallery-block .ame-box.box10 { right: 0;  position: absolute; top: 642px;}

/** agami **/

.agami-page .banner span.banner-content {left: 12%; top: 40%;}
.btn-container {display:block;}
a.visit-btn {background:url('../images/visitthewebiste-bkg.png') no-repeat; width:196px; height:25px; margin:40px auto 0; display: block; color:#fff; text-align:center;}
a.visit-btn:hover {color:#fff;}

/** smart living **/

.smartliving-page .banner span.banner-content {left: 2%; text-align: left; top: 60%;}
.gallery-block.smartliving-glry .boxes-center {display: block; float: none; margin: 0 auto; width: 55vw;}
.gallery-block.smartliving-glry .ame-box {margin-right:15vw;}
.gallery-block.smartliving-glry .ame-box.last {margin-right:0;}

.gallery-block.smartliving-glry .gallery {
    margin-left: 18%;
}

.gallery-block.smartliving-glry {
    height: auto;
}

/** villa **/
.villa-page .banner span.banner-content { left: 20%; text-align: left; top: 45%;}

#highlight .line-label {display:block; background:url('../images/point-line.png') no-repeat left;}
#highlight .line-label h2 {display:block; background:url('../images/point-line.png') no-repeat right; text-align:center; font:normal 32px "cassannet_boldbold"; color:#c8ae7d; margin:0;}
#highlight .line-label:before {border-top: 1px solid #c8ae7d;
    content: "";
    display: block;
    left: 0;
    position: relative;
    top: 19px;
    width: 100%;  z-index: -1;}

#highlight .line-label h2 span {
    background: none repeat scroll 0 0 #fff;
    padding: 17px;
    z-index: 99;
}

.tab-main {padding:0 6vw}

ul.tabs {
	height: 32px;
    list-style: outside none none;
    margin: 42px auto;
    padding: 0;
    width: 580px;
}
ul.tabs li {
	
	float: left;
	padding: 0;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin:  0 15px;
}
ul.tabs li a {
	text-decoration: none;
	color: #c8ae7d;
	display: block;
	font-size: 19px;
	padding: 0 15px;
	outline: none;
	font-weight:bold;
}
ul.tabs li a:hover {
	border-bottom: 3px solid #c8ae7d;
	padding-bottom: 6px;
}	

.content-disclaimer{
    font-size: 0.5rem;
    text-align: right;
    color: white;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	border-bottom: 3px solid #c8ae7d;
	padding-bottom: 6px;
}
.tab_container {

	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	height:550px;

}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	position: relative;
	height: 550px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content .tab-img img {
	float: left;
	width:550px;
}

.tab_content .tab-img {left: 0;  position: absolute;  top: 0;}

.tab-box-content { background:#c8ae7d;  margin-left: -70px; margin-top: 43px; float: left; width: 31vw; position: absolute;  right: 0; top: 0;}
.tab-box-content h3 { font: bold 2.5vw/32px "cassannet_boldbold"; margin-bottom: 10px; color:#fff;}
.tab-box-content .boxpadding {padding: 2vw 2vw;}
.tab-box-content .boxpadding ul {margin:0; padding:0}
.tab-box-content .boxpadding ul li{margin:0; padding-left: 23px; font:normal 1vw/27px 'Conv_Gotham-book'; color:#fff; background:url('../images/point.png') no-repeat left center; }

.tab-box-content .boxpadding p{font:normal 1vw/27px 'Conv_Gotham-book'; color:#fff; padding:0;}

.tab-box-content.security1 {margin-left: -70px; margin-top: 23px;}
.tab-box-content.security1 .boxpadding {padding: 1.5vw;}

.tab-box-content.security2 {margin-left: -70px; margin-top: 23px; top:30%}
.tab-box-content.security2 .boxpadding {padding: 1.5vw;}



.download a {border:1px solid #c8ae7d; padding:16px 20px; color:#c8ae7d;  font:normal 20px 'Conv_Gotham-book'; cursor: pointer; }
.download a:hover {color:#c8ae7d; }
.download  {display:block; text-align:center; clear:both;margin-top: -110px; padding: 0; position: relative; width: 100%;}


/** Gallery **/
.gallery-content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:90%;margin:55px auto 20px;}
#galleria{height:600px}
.gallery-page .main {border:1px solid #d3bf98}
.head-villatour {display:block; text-align:center; margin: 27px 0 -16px;}
.gallery-page #wrapper-container { padding-bottom: 140px;}


/** Enquire **/

.enquire-page {background:url() no-repeat 0 0 / cover transparent;}

.enquire-page #footer {bottom: 0; position: fixed; width: 100%;}
.right-map {float:right;}
.right-map img {width:93%; margin-top:3%}
.left-form {float:left; margin-top: 6%; width: 25%;}
.left-form span {display:block; color:#fff; font:normal 15px/30px 'Conv_Gotham-light';}
.left-form input {display:block; color:#fff !important; border:1px solid #fff; background:transparent !important;  width: 100% !important; border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; padding: 4px 10px;}
h3.head-title {color:#fff; font:normal 32px "cassannet_boldbold";}
.left-form .form-list { margin-bottom: 20px;}

input.btn-submit {border: 1px solid #fff;
    border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important;
    color: #fff;
    font: 15px "Conv_Gotham-book";
    padding: 7px 27px;
    width: auto !important; margin-top: 40px;}

.enquire-page #wrapper-container {padding-bottom:0;}

.enquire-page .main-content {padding:0px;}


/*** Pop up **/

#overlay {
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:999;
			background:#fff;
			display:none;
		}

		.popup {
			visibility: hidden;
			position:fixed;
			width:100%;
			margin:5% auto 0;
			z-index:1000;
		}

		.pop-content {
			padding:10px;
			width:70%;
			height:450px;
			margin:0 auto;
			z-index:102;
			background:#c8ae7d;
			position:relative;
			text-align:center;
		}

		.pop-content p {
			font-size:14px;
			color:#fff;
			text-align:left;
		}

		.pop-content h2 {color:#fff; font:normal 32px "cassannet_boldbold";}

		.close-icon {
			float:right;
			text-decoration:none;
			padding:3px 5px;
			background:#000000;
			color:#ffffff;
			font-weight:bold;
			font-family:sans-serif;
			width:28px;
			height:28px;
			text-indent:-9999px;
			background:url('../images/close-icon2.png') no-repeat;

		}

/*** scroll bar **/

.scroll-content{margin:20px; width:95%; height:350px; padding:20px; overflow:auto;}
.scroll-content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.scroll-content p:nth-child(3n+0){color:#c96;}

.scroll-content ol, .scroll-content ul, .scroll-content li {list-style: inside none decimal; margin-bottom: 15px; text-align: left; color: #fff;}



/*** Footer **/

#footer {background:#c8ae7d;}
#footer .footer-container {padding:16px 20px; font:normal 13px 'Conv_Gotham-book'; color:#fff;}
#footer .designed {float:left; margin-top: 10px; position: relative; z-index: 99; font-family: 'pill_gothic_300mgregular'; font-size:14px;}
#footer .designed a{font-size:15px; font-family: 'pill_gothic_600mgbold';}
#footer ul {margin:0;}
#footer ul.footer-link {left: 0; margin-top: 10px; position: absolute; text-align: center; width: 100%;}
#footer ul li{display: inline; line-height: normal; border-right:1px solid #fff; padding:0 10px}
#footer ul li:last-child{ border-right:0px solid #fff; padding-right:0}
#footer ul li a, #footer a{color:#fff;}
#footer a:hover{color:#fff;}

#footer .footer-right {float:right;position: relative; z-index: 99; }
#footer .footer-right span {float:left; margin-top: 10px; margin-right:10px}
#footer .footer-right img {float:left; }

#errordiv {width: 325px;}

#errordiv span.error{color: #ff0000;}

#errordiv span.sucess{color: #83ff7d;}