/**********************************

Use: Main Screen Import

***********************************/
@import url("fonts/fonts.css");
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
html.home { background:white;}
p, .feature-content li {font-family: 'SinkinSans-300Light', Arial; font-size:13px; line-height:22px; color:#231f20}
input[type=text], textarea { width:100% !important; padding:3px;}
.col-lg-12 { margin:0;}
.navbar-default{ background:white; border-bottom:1px solid #6f3320; margin-bottom:0}
.navbar-default img { margin:20px 0; width:100%; max-width:410px;}
.navbar-default img.reg-button { margin-top:10px;}
.js body { display: none; }

.main #content {  padding:0 0 40px;}
body { color:#231f20; font-size:15px;}
body#home {background:none }

.submit { width:320px; height:74px; background:url(../_img/reg-button.png); text-indent:-999; border:none;}


@media ( max-width:497px){
}

@media ( max-width: 390px)
{
.submit { width:100% !important; background-size:100% 100%;}
}


@media (min-width: 1200px){
#registerform footer, #success footer{	position:fixed; width:100%; bottom:0%; }
.navbar-default img { margin:25px 0; }
.navbar-default img.reg-button { margin-top:70px;}
.home-content img {  max-width:430px;}
.home-content img.first { margin-left:-100px;}
.main #content {  padding:0 0 0 !important}
.navbar-default .navbar-collapse  { margin-top:0;}
}
.navbar-default .navbar-collapse { float:right}
@media (max-width: 1199px){
.home-content img { max-width:100%}
.col-lg-2, .col-lg-8, #home .col-lg-6 { text-align:center;}
.col-lg-6.logo { text-align:center}
h3 { margin:10px 0 !important}
.logo { text-align:center}
.navbar-default .navbar-collapse{ float:inherit}
.navbar-nav { display:inline-block; float:inherit}
}

label { color: #5773eb}
label.error { color:#fc0000; font-weight:normal;}

footer { background:url(../_img/footer-bg.jpg) no-repeat; color:white; background-size:100% 100%; font-size:12px;padding:12px 0; }
h3 {font-family:'SinkinSans-600SemiBold', Arial; text-align:center; color:#5773eb; font-size:35px;}
.navbar-default .navbar-nav>li>a { text-transform:uppercase; color:#555; padding:10px 6px; font-size:15px; }
.navbar-default .navbar-nav>li:last-child>a { padding-right:0}
.navbar-default .navbar-nav>li:first-child>a { padding-left:0}

@media (max-width:767px){
	.topphone { display:none;}
	.mobile { display:block}
}
@media ( min-width:768px){
.mobile { display:none;}
}

img { max-width:100%}
.download { color:white; float:right; position:absolute; right:25px; top:10px;}
.download a { color:white;} 
.download a:hover { text-decoration:none;}
h4 { color:white;font-family:'SinkinSans-600SemiBold', Arial; text-transform:uppercase }
h5{ font-size:16px;}
.feature ul li { line-height:22px;}
.navbar-default .navbar-nav>li>a.active { color:#5773eb}
h3.topphone { margin-top:70px; margin-bottom:40px;}
.main h1{ color:#5773eb; margin-top:40px;}
.main h4  { color:#5773eb; margin-bottom:40px;}
.floorplan h3 { margin-top:0; padding:20px 0 0; color:black;font-family: 'SinkinSans-400Regular', Arial;} 
h6 { font-size:17px; line-height:28px; text-align:center;font-family: 'SinkinSans-400Regular', Arial; margin-top:0; }
hr { border-style:dashed; background:#333}
a , a:hover{ color:black; text-decoration:none}
.floorplan2 { background:white;}
.floorplan2 img { max-width:100%}
.flex-control-nav { bottom:10px !important; right:0 !important} 
.flex-control-paging li a.flex-active { background:#5c78ed !important}
.flex-control-paging li a { background:white !important;}
.flex-direction-nav a:before{ color:white !important}
.flex-direction-nav a { height:50px !important}
.flexslider{ border:none !important;}
.rending-s img { border:5px solid #b9b9b9}
h2 { text-align:left; font-size:29px; margin:0; line-height: 41px;font-family:'SinkinSans-600SemiBold', Arial;color:#5773eb; margin-bottom:10px; }
.rending-s h6 { color:black; text-align:left; font-size:16px; line-height:30px; padding:8px 0 20px; font-family: 'SinkinSans-500Medium';}
h5 { color:#5773eb; font-family: 'SinkinSans-500Medium'; font-size:18px}
.areaimg img { border:3px solid white; border-top:6px solid white;border-bottom:6px solid white; width:285px;}
@media (max-width: 1199px){
	.areaimg img { width:235px;} 
	.areatitle { padding:0 20px !important}
	}
	@media (max-width: 990px){
	.areaimg img { width:180px;} 
	.areatitle { display:none;}
	}
@media (max-width: 767px){
	.areaimg img { width:50%;border-bottom:3px solid white;border-top:3px solid white;} 
	}
.areatitle { position:absolute; top:0; padding: 20px 0 0 40px; max-width:780px;}
.areatitle h3 {font-family: 'SinkinSans-300Light', Arial; color:white; text-align:left; margin-top:10px;}
.floorplan h3 a { color:#5773eb; font-family: 'SinkinSans-300Light', Arial;}
.blue {color:#5773eb;font-family: 'SinkinSans-300Light', Arial; line-height:42px; padding-bottom:6px; }
.floorplan .info { text-transform:uppercase; font-size:13px; line-height:20px; display:inline-block}
.floorplan .col-lg-6 { text-align:center}
.flex-control-nav { z-index:99}
body#registerform { background:url(../_img/reg-bg.jpg) center top no-repeat}
#registerform .col-lg-12 { margin:8px 0}
@media (min-width: 1200px){
#registerform #content { padding:50px 0 100px}
.floorpland img:first-child{ margin-right:10px;}
.floorpland img { margin-top:-70px}
.floorpland { max-height:300px; overflow:hidden}
}
.floorpland{ text-align:center}
.floorpland img { max-width:565px;}
@media ( max-width:620px){
	.floorpland img { width:100%;}

}
@media(max-width:1199px){
		.floorpland img{ margin-bottom:10px;max-width:400px;}
		.floorpland img:first-child{ margin-right:10px;}
}
@media(max-width:990px){
		.floorpland img{ margin-bottom:10px;max-width:355px;}
		.floorpland img:first-child{ margin-right:10px;}
		.navbar-default .navbar-nav>li>a { padding:10px 5px; font-size:14px;}
}
ul { margin-bottom:20px;}
footer p { color:white;}