body{margin:0; padding:0; background-color:#fff;}

.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
a{font-family: 'Raleway', sans-serif; text-decoration:none;}

.main-container{margin:0 15px;}


/*header*/
.header{padding: 34px 0;}
	.logo{float:left;}
	.navbar{float:right;}
	.navbar-nav{list-style:none;}
	.navbar-nav > li{display: inline-block; padding: 6px 10px; margin:16px 16px 0 0;}
	/*.navbar-nav > li:last-child{padding: 6px 1px 6px 10px; margin-left: 4px; margin-right:0;}*/
	.navbar-nav > li > a{color: #505050; text-transform: uppercase; font-size: 13px; font-weight: 700;}
	/*.navbar-nav > li:last-child:hover{padding: 5px 0 5px 9px;} */
	.navbar-inverse .navbar-nav>.open>a:focus{background-color:#fff !important;}
	.navbar-nav > li:hover{ border: 1px solid #b1b1b1; padding: 5px 9px;}
	.navbar-nav > li.active{ border: 1px solid #b1b1b1; padding: 5px 9px;}
	.navbar-inverse .navbar-nav>li>a {color: #505050 !important;}
	.nav>li>a { padding: 0 !important;}
	.navbar-collapse{padding:0 !important;}
	/*sub-menu*/
	.dropdown-menu { margin-top:1px !important; padding:10px 0 0 !important; border:none !important;}
	.navbar-nav li ul{ text-transform: uppercase; color: #505050;  font-size: 13px; font-weight: 700;}
	.navbar-nav li ul li{border-bottom:1px solid #b1b1b1; margin-bottom: 0; text-align:center;}
	.navbar-nav li ul li:last-child{border-bottom:none;}
	.navbar-nav li ul li a{padding: 9px 20px;}
	.navbar-nav li ul li a:hover{background-color:#242424 !important; color:#fff;}
	.navbar-collapse.in {overflow-y: visible !important;}
	.navbar-collapse{  max-height: 420px !important;}
   	
/*banner*/

.banner-area{background-color:#e8e8e8;}
	.carousel-indicators li{width: 10px !important; border-radius: 100%; height: 10px !important;;}
	.carousel-indicators .active{background-color:#a2cfe2 !important;}

/*column-area*/
.content-area{padding: 24px 0;}
	.column{float:left;}
	.col-1{width: 31.625%;}
	.col-1 > span{font-size:20px; color:#e8e8e8; font-weight:500; font-family: 'Raleway', sans-serif; background-color:#242424; display: block; padding: 10px 20px;}
	.text-area{border:1px solid #dcdcdc;  padding: 19px 18px 62px; color:#717171; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif;}
	.text-area a{color:#717171; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif;}
	.text-area a:hover{color:#717171; text-decoration:underline;}
	span.next-contact{margin: 51px 0 0;}
	.text-area span{color:#3a3a3a; font-size:18px; font-weight:500; font-family: 'Raleway', sans-serif;   display: block; padding-bottom: 10px; line-height: normal;}
	.col-2{width: 23.078%;   margin-left: 29px;}
	.col-2 span{display:block; background-color:#242424; height:48px;}
	.col-2 ul{margin:0; padding:0; list-style:none;}
	.col-2 ul li{text-align: center; background-color: #a2cfe2; margin-bottom: 12px;}
	.col-2 ul li:last-child{margin-bottom: 0;}
	.col-2 ul li a{color:#242424; font-size:16px;  padding: 13px 0; font-weight:700; text-transform: uppercase; display: block;}
	.col-2 ul li a:hover, .col-2 ul li:hover{text-decoration:none; color:#a2cfe2; background-color:#242424;}
	.col-3{width: 40.172%; background-image:url(../Images/downlode_bg.jpg); background-repeat:no-repeat; margin-left: 30px; padding-bottom: 34px;}
	.downlode-icon{text-align:center; margin: 61px 0 0 0;}
	.downlode-icon a:hover{}
	.col-3 > a{ width: 185px; margin: auto; padding-top: 20px; display: block; color: #fff; text-align: center;}
	.col-3 a:hover{text-decoration:none; color:#a2cfe2; }
	.col-3 span{display:block; font-size: 28px; line-height: 30px; font-weight: 700; text-transform: uppercase;}
	.indent-list{color:#717171; font-size:12px; font-weight:400; padding-left:20px}
	
/*services-area*/
.services{padding: 76px 0 40px;}	
	.services ul{margin:0; padding: 0 0 0 19px; list-style:none;}
	.services ul li{display:inline-block; margin-left:8px; border:1px solid; padding: 16px 18px; line-height: 21px;}
	/*.services ul li a{ border:1px solid; padding: 16px 18px; line-height: 21px; display: block;} */
	.color-1{color:#717171 !important;}
	.color-2 {color:#78b0ca !important;}
	.concept-services ul li a:hover, .services ul li a:hover{text-decoration:none;}
	
/*footer-top*/
.footer-top-area{background-color:#202020;}	
	.footer-top{padding: 65px 0;}
	.footer-col{text-align:center; width:150px; float:left; color:#717171; font-size:14px; line-height:24px; font-weight:500; font-family: 'Raleway', sans-serif; background-position:center top; background-repeat: no-repeat; padding: 45px 0 0;}
	.footer-col1{background-image:url(../Images/contact_icon.png); margin-left: 77px;}
	.footer-col2{background-image:url(../Images/mail_icon.png);   margin-left: 61px;}
	.footer-col2 a{color:#717171;}
	.footer-col2 a:hover{color:#717171;}
	.footer-col3{background-image:url(../Images/address_icon.png); margin-left: 65px;}
    .footer-col4{margin-left: 65px;}
.footer-col5{margin-left: 65px;}
	
/*footer*/
.footer-area{background-color:#1b1b1b;}
	.footer{padding: 18px 0;}	
	.copyright{color:#717171; font-size:14px; font-weight:500; font-family: 'Raleway', sans-serif; line-height:21px; float:left;}
	.go-to-top{float:right;}
	.go-to-top a{width:15px; height:20px; background:url(../Images/go-to-top.png) no-repeat center center; display:block;}
	.go-to-top a:hover{background:url(../Images/go-to-top_hover.png) no-repeat center center;}
	
	#top-link-block.affix-top { position: absolute;  bottom: -82px;  left: 10px; }
	#top-link-block.affix {position: fixed; bottom: 18px; left: 10px; }
	.well-sm{padding: 0 !important; border-radius: 0 !important;}
	.well{min-height: 0 !important;  padding: 0 !important;  margin-bottom: 0 !important; border: 0px !important;  border-radius: 0 !important;}
		
/*concept-page*/
hr{border-color:#d9d8d8 !important; margin:0!important; padding:0!important; width: 100% !important;}
.breadcrumb-area{background-color:#e8e8e8;}
	.breadcrumb{}	
	.breadcrumb h1{font-size:24px; line-height:24px; color:#242424; font-family: 'Open Sans', sans-serif; font-weight:700; margin:48px 0; text-transform:uppercase;}
	.breadcrumb span{color:#a6a5a5;}
	span.breadcrumb-link-left{float:left;}
	span.breadcrumb-link-right{float:right;}
	.breadcrumb a{color:#a6a5a5; font-size:13px; line-height:25px; font-family: 'Open Sans', sans-serif; font-weight:400; padding: 10px 0;  display: inline-block;}
	.breadcrumb a:hover{color:#a6a5a5;}
	
/*concept-content-area*/
.concept-content-area{}
	.concept-content-img{float:left; margin: 32px 0 90px;}	
	.concept-text-area{float:right; width:460px;}
	.register-area h2, .master-text-area h2, .concept-text-area h2{ color:#202020; font-size:20px; font-weight:600; font-family: 'Raleway', sans-serif; margin: 27px 0 10px;}
	.annex-page-text-area p, .master-text-area p, .concept-text-area p{ color:#717171; font-size:13px; line-height:22px; font-weight:400; font-family: 'Raleway', sans-serif;}
	.concept-services{padding: 50px 0;}	
	.concept-services ul{margin:8px 0 0; padding:0; list-style:none;}
	.concept-services ul li{display:inline-block; border:1px solid; padding: 5px 11px; line-height: 20px; margin-bottom:0;}
	
	
/*master-plan*/
.master-text-area{padding: 50px 0 70px;}
	.master-text-area h2{margin:0 0 10px;}
	.master-text-area img{margin:30px 0 0;}
	
/*location-page*/
.location-area{padding:30px 0 90px;}
	.google-map	{position: relative;
        padding-bottom: 100%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
	 .google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe, .google-map iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	.location-content-area{margin:30px 0 50px;}	
	.location-col-1{width:308px; /*270*/ float:left;}
	.location-col-2 h3, .location-col-1 h3{color:#202020; font-size:18px; font-weight:500; font-family: 'Raleway', sans-serif; margin:0 0 10px; border-bottom:1px solid #d9d8d8; padding-bottom:14px;}
	.location-col-2 h4{color:#202020; font-size:15px; font-weight:500; font-family: 'Raleway', sans-serif; margin:0; padding-bottom:14px;}
	.location-col-2 ul, .location-col-1 ul{list-style:none; margin:0; padding:0;}
	.location-col-1 ul li{}
	.location-col-2 ul li, .location-col-1 > ul > li{color:#717171; font-size:13px; line-height:30px; font-weight:400; background-image:url(../Images/location-list_icon.png); background-repeat:no-repeat; background-position:left center; padding-left: 18px;}
	.location-col-2 ul li a:hover, .location-col-1 > ul > li > a:hover{color:#e8e8e8; text-decoration:none; background-image:url(../Images/location-list_hover_icon.png);}
	.location-col-1 ul li ul li{color:#717171; font-size:13px; line-height:30px; font-weight:400;  padding-left: 18px;}
	.location-col-1 ul li ul li a:hover{color:#e8e8e8; text-decoration:none;}
	.location-heading-1{margin-top: 20px !important;}
	.location-heading-2{  margin-top: 76px !important;}
	.location-col-2{width:260px; /*270*/ float:left; margin:0 0 0 100px;}
	.location-col-3{width:470px; float:left; margin-left: 30px; margin-top: 50px;}
	
/*the annex-page*/
.breadcrumb-link-right a{ border:1px solid; padding: 4px 11px; margin-top: 7px; color:#78b0ca; line-height: 21px; display: inline-block;}	
	.breadcrumb-link-right a:hover{text-decoration:none; color:#717171;}
	a.active{text-decoration:none; color:#717171;}
	.annex-page-content-area{padding:30px 0 90px;}
	.annex-page-content-img{float:left; width:670px;}
	.annex-page-text-area{ float:right; width:450px;}
	.annex-page-text-area > img { max-width: 170px; width:100%;}
	.annex-page-text-area h4{ color:#a2cfe2; font-size:20px; line-height:24px; font-weight:600; font-family: 'Open Sans', sans-serif;}
	.annex-page-img{margin:30px 0 40px;}
	.annex-page-small-img{margin:10px 0 0 -10px;}
	.annex-page-small-img img{display:inline-block; margin-left:8px; max-width: 220px;   width: 100%;}
	.annex-page-content-area span{display:block; color:#717171; font-size:13px; line-height:30px; font-weight:400; font-family: 'Raleway', sans-serif; background-image:url(../Images/location-list_icon.png); background-repeat:no-repeat; background-position:left center; padding-left: 18px;}
	.annex-page-content-area span span{display:inline-block; margin-left:20px;}
	
/*the annex-page-gallery*/
.gallery-content{padding:60px 0;}
	.gallery-main-image{float:left; width: 890px;}
	.gallery-main-image span{margin-bottom:10px; display:block;}
	.gallery-main-image span img{display:inline-block;}
	.gallery-side-image{float:right; width:270px;}
	.i-2{margin-top:10px;}
	.i-3{margin-left:6px;}

/*the annex-page-floor-plan*/
.floor-plan-content{padding:48px 0 70px;}
	.floor-plan-row{  margin: 0 0 25px -30px;}
	.floor-plan-type{width:270px; float:left; text-align:center; margin-left:30px;}
	.floor-plan-type-image{}
	.floor-plan-type-name{color:#242424; font-size:14px; line-height:24px; font-weight:600; font-family: 'Raleway', sans-serif;   margin: 20px 0 0;}
	.floor-plan-type-desc{color:#717171; font-size:13px; line-height:24px; font-weight:400; font-family: 'Open Sans', sans-serif;}
	.floor-plan-row-left{float:left; width:570px;}
	.floor-plan-row-left-row{font-family: 'Raleway', sans-serif; margin:0 0 30px;}
	.floor-plan-row-left-row table, .ful-width-row table{border:1px solid #e4e4e4;}
	.floor-plan-row-left-row table tr td{width:235px;  padding: 7px 0 7px 15px; line-height: 21px;}
	.floor-plan-row-left-row table tr td, .title2{ color:#717171; font-size:13px; font-weight:500; }
	.column-width{width:333px !important;}
	.floor-plan-row-left-heading{color:#242424; font-size:16px; line-height:23px; font-weight:500; background-color:#ebeaea; border:1px solid #e4e4e4; padding: 8px 0 8px 15px;}
	.floor-plan-row-right{float:right; width:570px;}
	.ful-width-row{font-family: 'Raleway', sans-serif;}
	.ful-width-row table tr td{padding: 7px 0 7px 15px; line-height: 21px;}
	.title1, .title{color:#242424; font-size:14px; line-height:20px; font-weight:500; background-color:#ebeaea;}
	.title1, .title3{padding-left:15px;}
	.title3{ width: 30%;}
	.title, .title2{text-align:center;}
	.ful-width-row-2{margin-top:20px;}

/*the annex-page-amenities*/
.amenities-content{padding:50px 0 74px;}
	.amenities-content-left{width:685px; float:left; font-family: 'Raleway', sans-serif;}
	.amenities-content-left span{color:#242424; font-size:14px; line-height:24px; font-weight:500;}
	.amenities-content-left h1{ color:#a2cfe2; font-size:24px; line-height:24px; font-weight:700; text-transform:uppercase; margin: 10px 0;}
	.amenities-content-left p{font-size:13px; line-height:22px; color:#717171; font-weight:400;   margin-bottom: 25px;}
	.amenities-content-right{ width:450px; float:right;}
	.amenities-services{padding:0;}
	.amenities-images{margin:40px 0 0;}
	.amenities-images > a{display:inline-block; margin:10px 0 5px;}
	.amenities-images > img{margin:10px 0;}
	.amenities-images span img{display:inline-block;}

/*register-page*/
/*.register-area{ font-family: 'Raleway', sans-serif; padding:0 0 63px;}
	.register-area p{color:#717171; font-size:18px; font-weight:400;}	
	
	.register-area span{color:#ff0000;  font-size:16px;}
	.register-area select, input[type=text], input[type=tel], input[type=email]{padding: 10px 20px; width:268px; outline:none; border:1px solid #dadada;}	
	.interested-area, .Salutation-area, .Name-area, .Company-area, .Nationality-area, .Contact-area, .Purpose-area, .disclaimer-area{margin:30px 0 0 0;}
	.interested-area label{margin-right: 60px;}
	.Salutation-area label{margin-right:104px;}
	.Name-area label{margin-right:96px;}
	.Name-area input[placeholder="Last Name"]{margin-left:25px;}
	.Nationality-area > label{margin-right:73px;}
	.Nationality-area input{margin: 10px 10px 0 30px !important;}
	.Nationality-area select{margin-left:25px;}
	.Contact-area input[type=text]{margin-left: 98px;}
	.Contact-area input[type=email]{margin-left: 127px;}
	.Purpose-area > label{  margin-right: 20px;}
	.Purpose-area > label p{margin:0; font-size:13px; color:#242424; padding-left:40px;}
	.Purpose-area input{  margin: 0 10px 0 30px !important;}
	.disclaimer-area h1{color:#202020; font-size:20px; font-weight:600;}
	.disclaimer-area a{color:#ff0000;}
	.disclaimer-area a:hover{color:#ff0000;}
	.register-fotm input[type=button]{ color:#fff;   padding: 9px; width: 123px; background-color:#242424; border:none; outline:none; margin:20px 0;}
	.register-fotm input[type=button]:hover{background-color:#78b0ca;}
	/*register-dynamic*/
	.register-area select, input[type=text], input[type=tel], input[type=email]{padding: 10px 20px; width:268px; outline:none; border:1px solid #dadada; line-height: 21px;}
	.form-content{margin:50px 0;}
	.form-line {margin:0 !important; padding:10px 0 !important;}
	.register-area label{color:#202020; font-size:16px; font-weight:600; width: 219px;}
	.form-dropdown{}
	.form-radio-item{}
	.form-radio-item label{  width: 95px;}
	.form-checkbox-item label{width: 550px;}
	.form-checkbox-item label span a{color:#ff0000;}
	.form-submit-button, .form-submit-reset{color:#fff !important;   padding: 9px !important; width: 123px !important; background:#242424 !important; border: none !important; outline:none; margin:20px 0; font-size:13px !important; font-weight:500; font-family: 'Raleway', sans-serif;}
	.form-submit-button:hover, .form-submit-reset:hover{background:#78b0ca !important;}
	.remark{font-size:13px; font-weight:600; font-family: 'Raleway', sans-serif; padding-left: 45px;}

	
/*contact-us*/
.contact-fotm{float:left; width:770px;   margin: 20px 0 50px;}
	.input-width{width: 545px !important;}
	.form-textarea{width: 545px; outline: none; border:1px solid #dadada;}
	.contact-sidebar{float:right; width:370px; padding-left:11px;}
	.contact-sidebar h3{font-size:20px; font-weight:600; color:#202020; border-bottom:1px solid #dadada; padding-bottom: 25px;}
	.contact-address{border-bottom:1px solid #dadada; background:url(../Images/contact-address.png) no-repeat left 20%; padding: 5px 0 20px 30px;}
	.contact-address span{display:block; margin-top:10px;}
	.contact-address span a{color:#78b0ca; font-size:13px; line-height:20px; font-weight:700; text-transform:uppercase; display:block;}	
	.contact-number{border-bottom:1px solid #dadada; background:url(../Images/contact-number.png) no-repeat left center; padding: 20px 0 20px 30px;}
	.contact-mail{border-bottom:1px solid #dadada; background:url(../Images/contact-mail.png) no-repeat left center; padding: 20px 0 20px 30px;}
	.contact-mail a, .contact-mail a:hover{color:#717171;}