/**
THIS IS THE MOST UP TO DATE VERSION OF THE FILE
 * Theme Name: Fivos
 * Author: MVMT
 * Description: Landing Page
 */







.nopadding {
  padding:0 0 0 0 !important;
}
.push { width:100%; float:left; height:100px; padding:0;margin:0;}
.push2 { width:100%; float:left; height:50px; padding:0;margin:0;}

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

.leftside {width:49% !important; float:left; margin:10px 1% 10px 0 !important;}
.rightside {width:49% !important; float:left; margin:10px  0  10px 1% !important;}

.wpcf7-form-control-wrap {position: inherit !important;}
input {
	background:#FFF !important;
	color:#000 !important;
	padding:25px 10px !important;
	border:none !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#000 !important;}
::-moz-placeholder { /* Firefox 19+ */
color:#000 !important;}
:-ms-input-placeholder { /* IE 10+ */
color:#000 !important;}
:-moz-placeholder { /* Firefox 18- */
color:#000 !important;}

textarea {
	width:100%;
	float:left !important;
	background:#FFF !important;
	color:#000 !important;
	margin:10px 0 !important;
	padding:25px 10px !important;
	border:none !important;
}
input[type="submit"] {
	background:#eddcc4 !important;
	padding:15px 60px !important;
	color:#FFF;
}
.wpcf7-response-output {color:#FFF !important; }



body, p, div, span, a {font-family:'Montserrat', sans-serif !important;}
h1, h2, h3, h4, h5 {font-family:'Montserrat', sans-serif !important;}
.spacer {width:100%; float:left; height:100px;}
.spacer-light {width:100%; float:left; height:50px;}
.spacer-mini {width:100%; float:left; height:25px;}

.center {text-align:center !important;}
.left {text-align:left !important;}
.bline {width:100px; height:2px; background:#f0dfc6; margin:0 auto 30px;}
.noborder {border-bottom:none !important;}
.nopadding {padding:0 0 0 0 !important;}


.topheader {
	width:100%;
	float:left;
	margin:0;
	padding:20px 0 10px;
	background:#f0dfc6;
	position:fixed;
	z-index:3;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
}
.topheader img {
	width:80px;
}
.topheader ul {
	float:right;
	width:100%;
	margin-top:20px;
}
.topheader ul li {
	float:right;
	list-style:none;
	margin:0;
	padding:0 25px;
}
.topheader ul li a {
  color:#000;
	transition:all .3s;
	letter-spacing:1px;
	text-transform:uppercase;
}
.topheader ul li a:hover {
  color:#114e31
}


.header {
	width:100%;
	float:left;
	margin:90px 0 0 0;
	padding:0 0 150px;
	color:#FFF;
}
.header h1 {
	color:#FFF;
	font-size:42px;
	font-weight:800;
	margin:0;
	padding:200px 0 0;

}
.header p {
	color:#FFF;
	font-size:18px;
	margin:0;
	font-weight:300;
	padding:0;
}
.header .cta {
	float:left;
	background:#f0dfc6;
	padding:10px 30px;
	margin:30px 0 0 0;
	border-radius:20px;
	color:#114e31;
	font-weight:600;
	font-size:16px;
	transition:all .3s;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
}
.header .cta:hover {
	color:#114e31;
	background:#FFF;
}
.stat {
	width:100%;
	margin:15px 0;
	padding:0;
	float:left;
	color:#FFF;
	text-align:center;
}
.num {
	font-size:72px;
	font-weight:800;
	margin:0;
	padding:0;
}
.descrip {
	font-weight:300;
	font-size:16px;
	line-height:1.7;
	text-transform:uppercase;
}



.quote {
	width:100%;
	float:left;
	padding:0px 0;
	margin:0;
	background:#0a3520;
}
.quote .row {
		position:relative;
}
.quote p {
	font-size:24px;
	color:#FFF;
	font-style:italic;
	font-family: "Libre Baskerville", serif !important;
	position:relative;
	padding:50px 0px 50px 50px;
	z-index:1;
}
.quotemark {
	position:absolute;
	top:30px;
	left:-80px;
	z-index:0;
}
.quotemark img {
	height:100px;
	width:auto;
}


.main {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.main h1 {
	font-size:42px;
	font-weight:400;
	color:#000;
	text-align:center;
	margin:0 0 20px 0;
}
.main h2 {
	font-size:24px;
	font-weight:400;
	color:#000;
	text-align:center;
	margin:-20px 0 20px 0;
}
.main p {
	text-align:center;
	line-height:2;
	color:#666;
}

.band {
	width:100%;
	float:left;
	padding:100px 0;
	margin:0;
	text-align:center;
	border-bottom:2px solid #f0dfc6;
}
.band .cta {
	background:#eddcc4;
	color:#14262e;
	font-size:14px;
	font-weight:800;
	text-transform:uppercase;
	padding:10px 30px;
	border-radius:20px;
	display:table;
	margin:50px auto 0;
	transition:all .3s;
}
.band .cta:hover {
	background:#FFF;
	color:#000;
}
.band h1 {
	color:#FFF;
	font-size:42px;
	margin:0;
}
.band h2 {
	color:#FFF;
	font-size:24px;
	margin:0 0 30px 0;
}
.band p {
	color:#666;
	line-height:2;
}
.band h3 {
	color:#000;
	font-size:24px;
	font-weight:700;
	margin:0 0 0px 0;
}
.holder {
	width:100%;
	text-align: center;
	float:left;
	padding:0 20px;
	margin:0;
}
.holder img {
	height:60px;
	margin:0 0 10px 0;
}
.holder h3 {
	color:#f0dfc6;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 0 0;
	letter-spacing:1px;
}
.holder h2 {
	color:#000;
	font-size:16px;
	font-weight:800;
	text-transform:uppercase;
	margin:0 0 0 0;
	letter-spacing:1px;
}
.holder p {
	font-size:14px;
}
.darkblue {
	background:#0a3520;
	color:#FFF;
}
.darkblue p {
	color:#FFF;
}


.footer {
	width:100%;
	padding:30px 0 10px;
	float:left;
	background:#f0dfc6;
	
}
.footer p {
	color:#000;
	font-size:14px;
	text-align:center;
}
	.bioholder {width:100%; float:left; text-align: center; margin-bottom:40px;}
	.bioholder img {width:50%;}
	.bioholder .name {font-weight:600; font-size:18px;}
	.bioholder .title {font-size:14px;}
	.bioholder p {font-size:14px;}



/*---------------------------- Mobile Styles ---------------*/
@media only screen and (max-width: 600px) {
	
	.topheader {position:relative;}
	.topheader ul {display:none; position:relative;}
	
	.header {margin:-20px 0 0 0; padding-bottom:50px;}
	.header h1 {padding-top:80px;}
	.header .stat {display:none;}
	
	.quotemark {left:0;}
	.quotemark img {width:60px; height:auto;}
	
	.main h1, .band h1 {font-size:32px;}
	
	.holder {margin-bottom:30px;}
	
}