@charset "UTF-8";
/* CSS Document */
body {font-family: 'Oswald', sans-serif;}
h1 {font-family: 'Oswald', sans-serif; font-size: 50px; text-align: center;}
h2 {font-family: 'Open Sans', sans-serif; font-size: 40px; text-align: center;}
h3 {font-size: 18px; font-weight: bold;}
p {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; text-align: left; }
li {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300;}

#comingsoon {text-align: center; color: #3b4245; font-size:42px;}
#comingsoon2 {text-align: center; color: #3b4245; font-size: 55px; font-weight: 100;}
#comingsoon3 {text-align: center; color: #b07446; font-size: 28px}
#thankyou {text-align: center; color: #3b4245; font-size: 30px; font-weight: 100;}

.logo {max-width:250px; margin:10px auto 10px auto;}
.logo-form {max-width:200px; width:100%; margin:10px auto 10px auto; display: block; padding-top: 15px;}

.offer-banner {width:200px; height: 200px; position: fixed; background:url(../images/header-bg.jpg) no-repeat; background-size: relative; marign-left: 0px; margin-top: 0px; z-index: 2;}
.jumbotron {min-height: 500px; position: relative; background:none!important;}
.bg-dblue {background:#3b4245; color:#FFFFFF;}
.bg-lblue {background:#596167; color:#FFFFFF;}
.bg-orange {background-color:#B8703C; color:#ffffff!important; }

.bg-bk-trans {background-color:rgba(255,255,255,0.80); color:#FFFFFF!important; margin-top: 50px; box-sizing: border-box;}

.bg-header {background:url(../images/sunset-bg.jpg) center center; background-size: cover;}
.bg-form {background:#B8703C;}

.btn {font-size: 18px!important; font-weight: 300!important; display: block!important; margin:35px auto!important;}

.buffer100 {padding-top:100px;}
.buffer50 {padding-top:50px;}
.buffer30 {padding-top:30px;}
.buffer20 {padding-top:20px;}

.btn:focus {outline:none!important; border: none!important;}

.slick-slide img {width:100%!important; max-width: 503px!important; margin: auto!important; display: block;}
.slick-slide p {text-align: center;}
.slick-prev:before {color:#CCCCCC!important;content: url(../images/icon-prev.png)!important;}
.slick-next:before {color:#CCCCCC!important;content: url(../images/icon-next.png)!important;}

.form {max-width:500px; width:100%;  left:50%; position: absolute; z-index: 99; margin-top:75px;}
.form-wrap {position:relative;left:-50%; background:rgba(184,112,60,0.75);}

.form table {width:100%;}
.form table tr {width:100%;}
.form table tr td {width:100%;}
.form table tbody {width:100%;}
.form span {background:#B8703C; padding: 10px; color:#FFFFFF;}

input {
	width: 95%;
	height: 45px;
	text-transform: uppercase;
	font-weight: 300;
	color:#B8703C;
	padding: 10px;
	margin: 5px auto;
	display: block;
 }

input[type="submit"] {
	background:rgba(184,112,60,0.0);
	color: #ffffff;
	font-size: 30px;
	border: none;
	outline:none;
	height: 60px;	
	
}

textarea {
	width:95%;
	height:100px;
	margin: 5px auto!important;
	display: block;
	text-transform: uppercase;
	font-weight: 300;
	color:#B8703C;
	padding: 10px;
}
select {
	-webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
	width:300px;
	padding: 10px;
	margin-right:15px;
	text-transform: uppercase!important;
	background:url(../images/icon-dropdown.png) #fff;
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: 0px;
	border: none!important;
	outline:none!important;
	color:#B8703C;
}

input:focus, textarea:focus {outline:none; border:none; background:#eee;}
select::-ms-expand { 
    display: none;
}
label {width:100%; padding: 10px; color: #FFFFFF; font-weight: 300!important;}

.map_canvas {
	width: 100%;
	height: 100%;
	overflow: inherit;
}

.footer-img {
	width: 100%;
	height: 100%;
	overflow: inherit;
}

.footer-icons {padding-left: 400px;}

footer {text-align: center; padding-top:20px;}


.carousel img {height:700px!important; margin: 50px auto; display: block; object-fit: cover;!important;}

@media screen and (max-width:1015px) {
	.form, .form-wrap {max-width:350px;}
	select {width:auto;}
}
@media screen and (max-width:993px) {
	#border {border-right: 0px; border-bottom: 1px solid #ADADAD; padding-bottom:30px;}
	.am-wrap {text-align: center;}
}
@media screen and (max-width: 717px) {
	.form {width:100%; left:0px; position: relative; z-index: 0; margin: auto; display: block;}
	.form-wrap {width:100%; position:relative;left:0px; background:rgba(184,112,60,1.0); margin: auto; display: block;}
	form {width:100%;}
	input {
	width: 100%;
	height: 45px;
	text-transform: uppercase;
	font-weight: 300;
	color:#B8703C;
	padding: 10px;
	margin: 5px auto;
	display: block;
 }

textarea {
	width:100%;
	height:100px;
	margin: 5px auto!important;
	display: block;
	text-transform: uppercase;
	font-weight: 300;
	color:#B8703C;
	padding: 10px;
}
	.carousel img {height:400px!important; margin: 50px auto; display: block; object-fit: cover;!important;}

}
@media screen and (max-width: 600px)
{
	.slick-next {right:-10px!important; z-index: 2!important;}
	.slick-prev {left:-10px!important; z-index: 2!important;}
	select {width:150px;background-position: 115px 50%; height: 60px;}
		.brand {width:100%;}
	.brand img {width:95%; margin: auto; display: block;}
	.buffer100 {padding-top:15px;}
	.offer-banner {height: 30px; position: fixed; background:#9f958b; marign-left: 0px; margin-top: 0px; margin-right:0px; width:100%; z-index: 2;}
	.offer-banner p {display:block;}
	.bg-bk-trans {padding: 1px;}
	h1 {font-size: 35px; padding-top: 20px;}
	h2 {font-size: 30px;}
	.footer-icons {padding-left: 0px;}
}
@media screen and (max-width: 478px){
	.am-wrap {text-align: left;}
	#form-headline {font-size:36px; margin-top:-10px;}
	.brand {width:100%;}
	.brand img {width:95%; margin: auto; display: block;}
	.buffer100 {padding-top:15px;}
	.offer-banner {height: 30px; position: fixed; background:#9f958b; marign-left: 0px; margin-top: 0px; margin-right:0px; width:100%; z-index: 2;}
	.offer-banner p {display:block;}
	.bg-bk-trans {padding: 10px;}
	.footer-img {display: none;}
	h1 {font-size: 35px; padding-top: 10px;}
	h2 {font-size: 30px;}
	.footer-icons {padding-left: 0px;}


}
.phone_icon {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 3%;
    width: 50px;
}
