/* CSS Document */

html, body { margin: 0px; height: 100%; font-family: "museo"; }
a img { border: 0px; }
#home { width: 100%; background-image: url(../images/background.jpg); background-size: cover; background-position: center; position: relative; z-index: 0; display: block; min-width: 320px; }
nav { height: 119px; background-color: #69884d; z-index: 2000; width: 100%; display: block; }
#logo { margin: auto; top: 0; bottom: 0; position: absolute; }
#info { width: 100%; height: 100%; background-color: #e6e6e6; z-index: 0; min-width: 320px; position: relative; }
#contact { width: 100%; height: 100%; background-color: white; z-index: 0; position: relative; min-height: 720px; }

#tagline { color: white; color: white; font-weight: 300; }
#phone { width: 150px; height: 21px;  top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; position: absolute; font-size: 21px; color: white; display: block; text-decoration: none; }
#background-pic { display: none; }

@media screen and (min-width: 0px) {
nav ul { width: 240px; display: block; margin: 0px; position: absolute; left: 130px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 24px; }
nav ul li { display: block; width: 50px; float: none; list-style: none; font-size: 16px; line-height: 16px; height: 16px; }
nav ul li a { text-decoration: none; color: white; }
}

@media screen and (min-width: 406px) {
nav ul { width: 240px; display: block; margin: 0px; position: absolute; left: 130px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 16px; }
nav ul li { display: block; width: 50px; float: left; list-style: none; font-size: 16px; line-height: 16px; height: 16px; }
nav ul li a { text-decoration: none; color: white; }
}

@media screen and (min-width: 951px) {
#background-pic { display: none; background-image: url(../images/background.jpg); }	
#home {  height: 100%; }
nav { position: absolute; bottom: 0px; }
#tagline { width: 380px; position: absolute; left: 115px; bottom: 170px; font-size: 43px; }
#logo { margin-left: 115px; }
#phone img { display: none; }
#phone { right: 115px; }
nav ul { width: 240px; display: block; margin: 0px; position: absolute; left: 300px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 16px; }
nav ul li { display: block; width: 50px; float: left; list-style: none; font-size: 16px; line-height: 16px; height: 16px; }
nav ul li a { text-decoration: none; color: white; }
#info #padding { width: 950px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }
#contact #padding { width: 950px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }
#info #padding #col1 { width: 383px; float: left; }
#info #padding #col2 { width: 492px; float: right; }
#info #padding #col2 .bold { font-weight: 900; }
#info #padding ul { margin: 0px; }

.fixed {
    position: fixed !important;
    top: 0px;
    height: 119px;
}
}
@media screen and (max-width: 950px) {
#background-pic { width: 100%; display: block; background-image: none;  height: 350px; }
#home {  height: auto; }	
nav { position: relative; bottom: auto; }
#tagline { width: 90%; padding-left: 5%; padding-right: 5%; position: relative; text-align: center; font-size: 23px; height: 60px; margin-top: -60px; margin-left: auto; margin-right: auto; line-height: 23px; }
#logo { margin-left: 25px; width: 120px; }
#phone span { display: none; }
#phone img { display: block; position: absolute; right: 0px; margin-top: -14px; }
#phone { right: 25px; }
#info #padding { padding-top: 50px !important; }
#contact #padding { padding-top: 50px !important; }

#info { height: auto !important; padding-bottom: 50px; }
#contact { height: auto !important; padding-bottom: 50px; }



}
@media screen and (min-width: 0px) {
#info #padding { width: 80%; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }
#contact #padding { width: 80%; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; padding-bottom: 20px; }

#info #padding #col1 { width: 100%; }
#info #padding #col2 { width: 100%; padding-top: 50px; }
#contact #padding #col1 { width: 100%; float: none; }
#contact #padding #col2 { width: 100%; float: none;  padding-top: 50px; }

#info #padding #col2 .bold { font-weight: 900; }
#info #padding ul { margin: 0px; }
textarea { width: 90% !important; }
.form-control {
	background:#e5e5e5;
	border:none;
	border-radius:0;
	color:#aca7ab;
	font-size:12px;
	margin-bottom:10px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
	width: 90%;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0px;
	line-height: 14px;
	float: left;
}
.form-control-captcha {
	background:#ffffff;
	border:none;
	border-radius:0;
	color:#aca7ab;
	font-size:12px;
	margin-bottom:10px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
	width: 90%;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0px;
	line-height: 14px;
	float: left;
}
.btn {
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
 background-color: #69884d; color: white; font-weight: 900; text-decoration: none;
	border: 0px;
	cursor: pointer;
	margin-left: 0px;	 width: 100% !important;
}

}

@media screen and (min-width: 960px) {
	textarea { width: 75% !important; }
.form-control {
	background:#e5e5e5;
	border:none;
	border-radius:0;
	color:#aca7ab;
	font-size:12px;
	margin-bottom:10px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
	width: 30%;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 5%;
	line-height: 14px;
	float: left;
}
.form-control-captcha {
	background:#ffffff;
	border:none;
	border-radius:0;
	color:#aca7ab;
	font-size:12px;
	margin-bottom:10px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
	width: 30%;
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 5%;
	line-height: 14px;
	float: left;
}
.btn {
	padding: 20px;
	padding-left: 5%;
	padding-right: 5%;
 background-color: #69884d; color: white; font-weight: 900; text-decoration: none;
	border: 0px;
	cursor: pointer;
	margin-left: 5%;	 width: 85% !important;
}

	#info { height: 614px; }

#info #padding { width: 720px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }

#contact #padding { width: 720px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }
#info #padding #col1 { width: 283px; float: left; }
#info #padding #col2 { width: 392px; float: right;  padding-top: 0px; }
#info #padding #col2 .bold { font-weight: 900; }
#info #padding ul { margin: 0px; }
#contact #padding #col1 { width: 283px; float: left; }
#contact #padding #col2 { width: 427px; float: right;  padding-top: 0px; }


}
@media screen and (min-width: 1157px) {
#info #padding { width: 950px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }
#contact #padding { width: 950px; position: relative;  z-index: 0; margin: auto; padding-top: 200px; line-height: 25px; color: #4d4d4d; }

#info #padding #col1 { width: 383px; float: left; }
#info #padding #col2 { width: 527px; float: right;  padding-top: 0px; }
#info #padding #col2 .bold { font-weight: 900; }
#info #padding ul { margin: 0px; }
#contact #padding #col2 { width: 527px; float: right;  padding-top: 0px; }

}
#contact #padding .bold { font-weight: 900; color: #69884d; }
.err-wrap {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 999999;

	display:none;
}

.err-wrap.show {
	display:block;
}

.err-msg {
	background: #666;
	color: #fff;
	
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20%;
	width: 40%;
	padding: 20px;
	margin: auto;
	
	margin: auto;
	padding: 30px;
	line-height: 1.3;
	box-shadow: 0 0 20px #000;
}
.err-msg p { color: #bbb; }
.err-msg ul { list-style-type: disc; color: #fff; padding-left: 25px;}
@media screen and (min-width: 950px) {
#home {  min-height: 683px; }
}
@media screen and (min-width: 1697px) {
#home {  min-height: 783px; }
}