/* BASE
   ================================================== */
   
*                         		{ border: 0; margin: 0; padding: 0; outline: none; }
body, html                		{ width: 100%; height: 100%; }
html             	      		  { font-size: 100%; }
body                      		{ font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 20px; background-color: #fff; overflow-x: hidden;}           
img                       		{ max-width: 100%; vertical-align: middle; }
a                         		{ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
a                         		{ /*color: #333; */text-decoration: none; }
a:hover                   		{ color: #fff; text-decoration: none; }
p                         		{ margin: 0 0 20px 0; }
textarea 						          { overflow: auto; }
.clearfix:after 				      { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* GOOGLE MAP */
.gmnoprint img 					      { max-width: none; }


/* STRUCTURE
   =================================================== */

header, footer, main 			   { width: 100%; }
.inner 							         { max-width: 1120px; margin: 0 auto; }
ul 								           { list-style: none; }
.container 						       { min-height: 100%; position: relative; }

main 							           { padding-bottom: 32px; }
main#gallery                 { padding-bottom: 0;}

.text-left 						       { text-align: left; }
.text-center					       { text-align: center; }
.text-right 					       { text-align: right; }

.float-left						       { float: left; }
.float-right 					       { float: right; }

/* NAVBAR
   ===================================================*/
header    						          { background: rgba(255,255,255,.9); position: absolute; top:0; z-index: 999; height: 90px; }
.nav-left 						          { float: left; width: 25%; padding-top: 10px; text-align: center; }
.nav-right 						          { float: left; width: 75%; }

ul.main-menu 					          { text-align: right; width: 80%; float: left; }
ul.main-menu > li 				      { float:left; width: 14%; text-align: center; position: relative; padding: 45px 0; margin: 0 1%; cursor: pointer;}
ul.main-menu > li > a  			    { color: #000; padding: 45px 5px;}
ul.main-menu > li:hover a,
ul.main-menu > li > a:hover     { color: #fff; }
ul.main-menu > li:hover,
ul.main-menu > li.selected,
ul.main-menu > li > a.selected  { background: #19afb1; color: #fff; }

ul.main-menu li ul              { position: absolute; background: #19afb1; top: 83%; left: 0; width: 100%; display: none; }

ul.main-menu li ul li 			    { float: left; color: #FFF; border-bottom: 1px solid #fff; display: block; padding: 5px 0; width: 100%; }

ul.main-menu li ul li:last-child{ border-bottom: 0; }

ul.main-menu li ul li a 		    { color: #fff; padding: 3px 10px;}

ul.main-menu li ul li:hover, 
ul.main-menu li ul li.submenu-selected { background: #28697a; color: #fff; }

ul.main-menu li:hover ul 	      { display: block; } 

.mobile-menu 					          { display: none; position: absolute; right:15px; cursor: pointer; }
.nav-toggler 					          { width: 40px; padding: 30px 0; }

.anchor-disabled 				        { cursor: auto; }

.logo-2                         { height: 90px; width: 20%; display:block; float: left; }
.logo-2:before                  { content:""; display:inline-block; vertical-align:middle; height: 100%;  }
.logo-2 img                     { width: 100%; max-width: 200px; vertical-align: middle; }

/* FOOTER
   ===================================================*/
footer 							            { background: rgba(255,255,255,1); width:100%; position:absolute; bottom:0; left:0; z-index: 999; }
.footer-inner 					        { text-align: center; padding: 5px 0; font-size: 12px; line-height: 16px; }

/* INDEX
   =================================================== */

.front-page						          { background-image: url(../images/two-lines.jpg);
                  							  background-repeat: no-repeat;
                								  background-position: top center;
                								  background-color: #fff;
                								  background-attachment: scroll;
                    
                								  -webkit-background-size: cover;
                								  -moz-background-size: cover;
                								  -o-background-size: cover;
                								  background-size: cover;

                								  width: 100%;
                								  height: 100%;
                								  position: absolute;
                								  top: 0;
                								  left: 0;
                								  z-index: 999;
}

.front-content  				          { padding-top: 12%; text-align: center; }

.explore 						              { margin: 40px 0;}
.explore-btn 					            { padding: 3px 20px; background-color: #19afb1; color: #fff; font-size: 24px; line-height: 28px; cursor: pointer; }

#action-home {
    position: absolute;
    top: 48%;
    right: 0px;
    width: 80px;
    padding:8px 20px 8px 8px;
    border-radius:5px 0px 0px 5px;
    color:#fff;
    background-image:url(../images/next.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: #383a43;
    opacity: 1;
}

#action-home:hover {
    background-color: #010101;
}

@media screen and (max-width: 480px)   {
    #action-home                    { width: 20px; height: 20px; background-image:url(../images/next-mobile.png); }
    #action-home .label             { display: none; }
}

/* SLIDER
====================================*/
#home-slider 					            { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: auto; width: auto; z-index: 0; }

.home-slide1,

[class^="gallery-slide"]          { background-repeat: no-repeat;
                  								  background-attachment: fixed;
                  								  /*background-position: top center;*/
    
                							      -webkit-background-size: cover;
                							      -moz-background-size: cover;
                							      -o-background-size: cover;
                							      background-size: cover;
}

.home-slide1 					            { background-image: url(../images/home-slide1.jpg); }

.gallery-slide1					          { background-image: url(../images/gallery-slide1.jpg); }
.gallery-slide2					          { background-image: url(../images/gallery-slide2.jpg); }
.gallery-slide3					          { background-image: url(../images/gallery-slide3.jpg); }
.gallery-slide4					          { background-image: url(../images/gallery-slide4.jpg); }
.gallery-slide5                   { background-image: url(../images/gallery-slide5.jpg); }
.gallery-slide6                   { background-image: url(../images/gallery-slide6.jpg); }
.gallery-slide7                   { background-image: url(../images/gallery-slide7.jpg); }
.gallery-slide8                   { background-image: url(../images/gallery-slide8.jpg); }
.gallery-slide9                   { background-image: url(../images/gallery-slide9.jpg); }
.gallery-slide10                  { background-image: url(../images/gallery-slide10.jpg); }
.gallery-position 				        { background-position: 30% 100%; }

.home-caption                     { position: absolute; top: 180px; right: 15px; z-index: 1; width: 45%;}

/* OVERVIEW
   ===========================*/

.body-bg 					                { position: absolute;
                  								  top: 0;
                  								  left: 0;
                  								  width: 100%;
                  								  height: 100%;

                								    background-repeat: no-repeat;
                	  							  background-attachment: fixed;
                    							  background-position: 30% 100%;
                    
                							      -webkit-background-size: cover;
                							      -moz-background-size: cover;
                							      -o-background-size: cover;
                							      background-size: cover;	  
}

.time-wrap      				          { position: absolute; bottom: 0; left: 50%;	z-index: 1; width: 50%;}

.time-wrap-inner 				          { position: relative; left: -50%;}

.time 							              { float: left; padding: 5px 30px; background: #19afb1; margin: 0 5px 0 0; font-family: 'Vijaya', sans-serif; color: #fff; font-size: 26px; line-height: 30px; cursor: pointer; }
.time:hover,
.time-selected 					          { background: #3a6172; }

.time-center					            { float: right; font-family: 'Vijaya', sans-serif; font-size: 26px; line-height: 30px; color: #e5797e; text-align: right; width: 100%; }
.time-down 						            { background: rgba(255,255,255,.9); height: 230px; padding-bottom: 32px;}
.time-left 						            { float: left; width: 30%; }
.time-right  					            { float: left; width: 70%; }

.time-inner 					            { padding: 20px 40px 0; }
.time-right .time-inner 		      { padding-left: 0; }

.time-title 					            { font-family: 'SakkalMajalla', sans-serif; font-size: 25px; line-height: 29px; color: #043145;}
.time-desc 						            { font-family: arial; color: #336666; text-align: justify;}

/* MASTER PLAN
   ===================================*/
 
.masterplan-bg 					          { background-repeat: no-repeat;
                	  							  background-attachment: fixed;
                    							  background-position: top center;
                    
                							      -webkit-background-size: cover;
                							      -moz-background-size: cover;
                							      -o-background-size: cover;
                							      background-size: cover;

                							      background-image: url(../images/bg.png);
}
.master-plan 					            { text-align: center; padding-top: 150px; }
.masterplan-wrap 				          { width: 80%; margin: 0 auto; padding-top: 50px; }

/* LOCATION
   =====================================*/

.location    					            { position: absolute; top:0; left: 0; width: 100%; height:100%; background-color: #fff;}
.location img 					          { position: absolute; top:0; left:0; right:0; bottom:0; margin: auto; }

.notes 							              { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; z-index: 2; margin: auto; height: 43px; max-width: 869px; }
.notes img.outskirts-img		      { position: relative; width: 100%; }
.notes .note-img 			            { position: relative; width: 80%; margin: 0 auto;}


/* CONTACT US
==========================================*/

.map  							              { position: absolute; top:0; left:0; right:0; bottom:0; margin: auto; z-index: 0; }
#map_canvas  					            { width: 100%; height: 100%; }
#map_canvas img 				          { max-width: none; }

.contact 						              { background: rgba(41,161,161,.7); position: relative; padding: 10%; }
.contact-inner 					          { background: #33a1a1; padding: 5%; margin: -5%; }
.contact-row 					            { margin: 0 0 10px 0; letter-spacing: 1px; }
.contact-title 					          { font-family: 'Vijaya', sans-serif, simhei; font-size: 35px; line-height: 35px; color: #fff; }
.contact-info  					          { font-size: 13px; line-height: 17px; color: #fff; }

.mailto 						              { color: #fff; border-bottom: 1px solid #fff; }
.mailto:hover 					          { opacity: .7; }

.contact-signature 				        { position: absolute; bottom: 8%; left: 50%; margin-left: -182px; z-index: 1; }

.contact-form-arrow 			        { position: absolute; left: -49px; top: 247px; border-style: solid; border-width: 0px 50px 25px 0px; border-color: transparent #33a1a1 transparent transparent; }

/* REGISTRATION
   ====================================*/

.reg-wrap 						            { padding: 150px 0 100px; width: 80%; margin: 0 auto; color: #fff; } 
.reg-transparent 				          { background: rgba(41,161,161,.7); position: relative; padding: 3%; }
.reg-inner 						            { background: #33a1a1; padding: 5% 5%; }
.reg-left			 			              { float: left; width: 30%; padding: 0 10% 0 0;}
.reg-right 						            { float: left; width: 60%; }

.reg-title 					              { font-family: 'Vijaya', sans-serif; font-size: 53px; line-height: 56px; }
.reg-desc 						            { font-family: 'Source Sans Pro Light', sans-serif; font-size: 18px; line-height: 22px; }
.required-text 					          { font-style: italic; font-size: 10px; line-height: 14px; margin: 20px 0;}

.row 							                { width: 100%; margin: 0; }
.row input[type='text'],
.row select,
.row label,
.row textarea 					          { width: 100%; box-sizing: border-box; 
                    								-moz-border-radius:0px; /* Firefox */
                    								-webkit-border-radius: 0px; /* Safari, Chrome */
                    								-khtml-border-radius: 0px; /* KHTML */
                    								border-radius: 0px; /* CSS3 */
}

.row select,
.row input[type='text'],
.row textarea 			              { color: #000; padding: 5px; margin: 5px 0; }

.row select 					            { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

.row textarea 					          { max-width: 100%; min-width: 100%; max-height: 50px; min-height: 50px; }

.cbList  						              { list-style-type: none; margin: 5px 0 10px 0;}

.cbList li 						            { float: left; width: 33.33%; margin: 1px 0;}
.cbList input[type='checkbox']    { margin: 0 5px 0 0; 
                    								-moz-border-radius:0px; /* Firefox */
                    								-webkit-border-radius: 0px; /* Safari, Chrome */
                    								-khtml-border-radius: 0px; /* KHTML */
                    								border-radius: 0px; /* CSS3 */
}

.submit 						              { background: #2c5c6f; padding: 5px 50px; margin: 10px 0;
                    								-moz-border-radius:0px; /* Firefox */
                    								-webkit-border-radius: 0px; /* Safari, Chrome */
                    								-khtml-border-radius: 0px; /* KHTML */
                    								border-radius: 0px; /* CSS3 */
}

.submit:hover 				            { opacity: .7; }

.disclaimer 					            { font-size: 9px; line-height: 13px; }

/* MISCELLANEOUS
   ============================*/

.landscapelock 					          { display: none; }
.err 							                { width: 100%; color: #ff0000;}


/* FLOOR PLAN
   ============================*/
.desktop .floor-plan 			        { text-align: center; padding-top: 150px; width: 980px; margin: 0 auto;}
.mobile .floor-plan 			        { text-align: center; padding-top: 150px; }

.mobile 						              { display: none; }

[class^="col-md-"] 				        { padding: 10px 15px; box-sizing: border-box; }

.col-md-6 						            { width: 50%; float: left; }
.col-md-4 						            { width: 33.33%; float: left; }

.type:after 				              { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.floor-plan .row 				          { margin: 0 0 30px 0; }

.tab 							                { float: left; font-family: 'Vijaya', sans-serif; font-size: 20px; line-height: 24px; }
[class^="tab-"] 		 		          { padding: 5px 20px; margin: 0 5px 0 0; cursor: pointer; }
.tab > [class^="tab-"],
.box > .type-head                 { opacity: .7; }

.tab-a, .tab-a1, .tab-a2,
.type-a-info, .type-a1-info,
.type-a2-info 			 		          { background: #dbefe0; }
.tab-b, .tab-b1, .tab-b2,
.type-b-info, .type-b1-info,
.type-b2-info 	 				          { background: #d3d3d5; }
.tab-c, .tab-c1, .tab-c2,
.type-c-info, .type-c1-info,
.type-c2-info 	 				          { background: #e5f3fd; }

.tab.selected > [class^="tab-"],
.box:hover > .type-head,
.box.selected > .type-head        { opacity: 1; }


.info [class^="col-md-"] 		      { padding: 50px 0; }

.floor-title 					            { font-family: 'SakkalMajalla', sans-serif; font-size: 25px; line-height: 29px; }
.facility 						            { margin: 20px 0 0 0; font-style: italic;}


/* MOBILE FLOOR PLAN
   ==================================*/

.type-head 						            { padding: 5px 0; cursor: pointer; }
.type-body 						            { margin: 20px 0 0 0;}
.table 							              { display: table; width: 100%; }
.table-tr 						            { display: table-row; }
.table-td 						            { display: table-cell; }

.table-td img 					          { width: 80%; }
.table-td:nth-child(1) img 		    { max-width: 521px; }
.table-td:nth-child(2) img 		    { max-width: 527px; }

.box .tab 						            { float: none; }


.type-head:hover,
.type-head.selected				        { opacity: 1; }


/* SPECIFICATION
=====================================*/

body.spec-bg main .inner          { max-width: 1065px; }

.specification                    { padding: 180px 0 10px; }
.small-note                       { margin-bottom: 50px; font-size: 12px;}
.spec-bg                          { background-color: #ccffff; }
.box                              { box-sizing: border-box; float: left; margin: 0 1% 4% 1%; width: 31.3%; border-right: 1px solid #B8D7D2; padding: 0 2% 0 0; }
.spec-row                         { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #B8D7D2; }
.box .spec-row:last-child         { border-bottom: none; }
.spec-title                       { color: #4d615e; }

.col-1, .col-2, .col-3, .col-4, .col-5,
.col-6, .col-7, .col-8, .col-9, .col-10 { float:left; }

.col-1 { width: 10%; }
.col-2 { width: 20%; }
.col-3 { width: 30%; }
.col-4 { width: 40%; }
.col-5 { width: 50%; }
.col-6 { width: 60%; }
.col-7 { width: 70%; }
.col-8 { width: 80%; }
.col-9 { width: 90%; }
.col-10 { width: 100%; }

.spec-info .clearfix div:nth-child(1)       { position: relative; }
.spec-info .clearfix div:nth-child(1):after { content: ":"; position: absolute; right: 0; top: 0; }
.spec-info .clearfix div:nth-child(2)       { padding-left: 10px; box-sizing: border-box; }
.spec-info .clearfix div:nth-child(3)       { text-align: right; }

.spec-type-wrap                             { border-bottom: 1px solid #9FD8CF; width: 100%; margin: 0 0 30px 0; }
.spec-type-wrap ul                          { list-style-type: none; margin: 0; padding: 0; }
.spec-type-wrap ul li                       { display: inline-block; padding: 6px 15px; background: #1db0b3; color: #fff; }
.spec-type-wrap ul a.spec_current li        { background: #2e292f; }

.spec-page-title                            { color: #000; margin: 0 0 25px 10px; font-size: 28px; font-family: "Vijaya",sans-serif; }