@charset "utf-8";
/* CSS Document */

.header {
	padding-top: 20px;
	padding-bottom: 0px;
}
.title {
	background-color: #fff;
}
.title p {
	color: #366185;
}
.title small {
	color: #366185;
}
.main {
	background-color: #c5d5e2;
	padding-top: 40px;
	padding-bottom: 20px;
}
.btn-default {
  color: #366185;
  background-color: #c5d5e2;
  border-color: #799ebc;
}
.formheading {
	color: #fff;
	margin-top: 0px;
	padding-top: 0px;
	text-shadow: 1px 1px 3px #333;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 35px;
}
.txt {
	margin-left: 20px;
}
footer {
	color: #c5d5e2;
}
h1, h2, h3{
  color: #366185;
}
.video-title {
	text-align: center;
	line-height: 2em;
	text-shadow: #fff 0 1px 2px;
}
.name {
	color: #366185;
	text-align: center;
	line-height: 1.5em;
	padding-bottom: 15px;
	text-shadow: #fff 0 1px 2px;
}
.name small {
	color: #366185;
}
.video {
	margin-top: 50px;
}
.flex-video {
	-moz-box-shadow: 2px 2px 20px #000;
	-webkit-box-shadow: 2px 2px 20px #000;
	box-shadow: 2px 2px 20px #000;
	border: solid #fff 1px;
	background: #c5d5e2;

}
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

/* form */

#form {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

input, select {
	color: #666;
	font-size: 12px;
	height: 25px;
	font-family: 'Lato', sans-serif;
	width: 100%;
	padding: 0px 5%;
	margin-bottom: 10px;
	background: #ededed;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	-moz-box-shadow: inset 1px 1px 0px 0px #9a9a9a;
	-webkit-box-shadow: inset 1px 1px 0px 0px #9a9a9a;
	box-shadow: inset 1px 1px 0px 0px #9a9a9a;
	
}

input:hover, select:hover {
	background: #f3f3f3;
}

/* place holder for input text color */
::-webkit-input-placeholder {
    color: #666;
 
}
:-moz-placeholder {
    color: #666;

}
::-moz-placeholder {
    color: #666;

}
:-ms-input-placeholder {
    color: #666;

}

:hover:-moz-placeholder {
    color: #666;

} 

#form .btn{
	-moz-border-radius: 3;
	-webkit-border-radius: 3;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border: 0px solid #0876B0;
	background: #e98f23 url(../img/arrow.png) no-repeat right 55%!important;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
	padding-top: 0px;
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	display: inline;
	margin-bottom: 20px;
	width: auto;
	height: 30px;
	-moz-box-shadow: inset 0px 0px 0px 0px #9a9a9a;
	-webkit-box-shadow: inset 0px 0px 0px 0px #9a9a9a;
	box-shadow: inset 0px 0px 0px 0px #9a9a9a;
}
#form ul {
	list-style: none;
	padding-left:0
}
.btn:link{
	background-color: #F7931E!important;
}
.btn:hover{
	background-color: #B76F19!important;
}

li:before{
	color: #666;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	
} 
    
.ie8 #name:before, .ie9 #name:before{
	content: "Name";
	position: relative;
	right: 88%;
	top: -7px;
}

.ie8 #company:before, .ie9 #company:before{
	content: "Company";
	position: relative;
	right: 82%;
	top: -7px;
}

.ie8 #email:before, .ie9 #email:before{
	content: "Email";
	position: relative;
	right: 88%;
	top: -7px;
}

.ie8 #phone:before, .ie9 #phone:before{
	content: "Phone";
	position: relative;
	right: 86%;
	top: -7px;
}

/* remove default highlights */
 input:focus,
 .styleSelect:focus,
 select:focus,
 textarea:focus{
 	 outline: none;
 	 color: #000;
 	 background: #ccc;
 	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 	 filter: alpha(opacity=50);
 	 opacity: .5;
 	 
    } 


/**/
.testimonial-photo {
	float: left;
	padding-right: 10px;
	margin-bottom: 3px;
	padding-bottom: 0px;
}
.quote {
	font-size: 0.8em;
}
#thanks_container p {
	margin-left: 20px;
}
#yes_container p {
	margin-left: 20px;
}