@charset "utf-8";

/* FONTS */
/****
font-family: 'Exo 2', Arial, Helvetica, sans-serif; 

font-family: "copperplate", serif;
font-weight: 500;
font-style: normal;

font-family: "acumin-pro-condensed", sans-serif;
font-weight: 700;
font-style: normal;
****/

html, body {
margin: 0; padding: 0; height: 100%;
font-family: 'Exo 2', Arial, Helvetica, sans-serif;
font-size: 22px; color: #111; }

a { color: #3b526c; text-decoration: none; transition: all 0.15s ease-in-out; }
a:hover { color: #999; }
p { margin: 0; padding: 10px 0; line-height: 34px; }
div { margin: 0; padding: 0; height: auto; }
img { max-width: 100%; height: auto; }
 
.wrap {	position: relative; margin: 0 auto; }
.clearit { clear: both; }
.redactor span { display: inline-block !important; }
html.c5-edit-mode .inner-content { z-index: auto !important; }

#pagewrap,#headwrap,#navwrap,#slidewrap,#basewrap,#cntwrap,#footwrap,#credwrap 
{ position: relative; width: 100%; z-index:1; }

#pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5 {
font-family: "acumin-pro-condensed", sans-serif;
font-weight: 700; font-style: normal;color: #01213c; margin: 5px 0; }
#pagewrap h1 { line-height: 45px; padding-bottom: 20px; font-weight: 300; }
#pagewrap h1 span {
font-size: 30px; text-transform: uppercase; letter-spacing: 1px;
font-family: "copperplate", serif;font-weight: 500;font-style: normal; position: relative; 
margin-top: -15px; }
#pagewrap h2 { font-size: 40px; }
#pagewrap h3 { font-size: 30px; }
#pagewrap h4 { font-size: 35px; }
#pagewrap h5 { font-size: 35px; }
#pagewrap h5 a {
background: rgba(20,85,30,1); padding: 15px 30px; font-size: 45px; color: #fff;
-moz-border-radius: 8px; border-radius: 8px; cursor: pointer; }
#pagewrap h5 a:hover { background: rgba(20,85,30,0.75); }

body { background: #fff; }

#pagewrap { background: #fff; }
 
#headwrap { 
background: url(../images/mwk-stoneback.jpg) no-repeat center center #ececec;
background-size: cover; background-attachment: fixed; 
box-shadow: 0 0 75px rgba(0,0,0,0.5); z-index: 2; }
#header { height: 140px; padding: 0; text-align: center; }

	#logo {
	background: #01213c; position: relative;
	width: 240px; padding: 10px 10px 0 10px; 
	margin: 0 auto; display: inline-block;
	border-bottom: 1px solid #01213c; }
	#logo:before { 
	border-bottom: 25px solid #01213c;
	border-left: 130px solid transparent;
	border-right: 130px solid transparent;
	content: ""; width: 0; position: absolute;
	height: 0; left: 0; bottom: -26px;
	transform: rotate(180deg); }
	
	#headtxt {
	position: absolute; right: 5px; 
	width: 20%; height: auto; text-align: right; }
	#headtxt ul { margin: 0; padding: 0; list-style-type: none; }
	#headtxt li { width: auto; margin: 10px 5px 0 5px; display: inline-block; }

#navwrap { z-index: 10; }
#nav { padding: 0; text-align: center; }

#quotewrap { 
background: #14561f; position: relative; z-index: 1; display: none; }
#quotebox { padding: 50px 0; text-align: center; color: #fff; }

	#pagewrap #quotewrap h2 { color: #fff; }
	#quotewrap form { text-align: left; padding: 25px 0; } 
	#quotewrap form .form-group input,
	#quotewrap form .form-group textarea { 
	font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;}
	#quotewrap form button {
	background: rgba(230,230,230,0.65); padding: 10px 15px; margin: 10px 0; font-size: 25px; color: #14561f; 
	font-family: "acumin-pro-condensed", sans-serif;font-weight: 700;font-style: normal;width: auto; border: 0;
	-moz-border-radius: 8px; border-radius: 8px; cursor: pointer; transition: all 0.15s ease-in-out; }
	#quotewrap form button:hover { background: rgba(230,230,230,1); }
	.form-group {
    margin-bottom: 15px;
	}
	.form-control {
    display: block;
    width: 90% !important; margin: 0 auto !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
	.g-recaptcha, #quotewrap form button { display: table; width: auto; margin: 0 auto; }
	.help-block { font-size: 13px; }
	textarea.form-control { height: auto; }

#slidewrap {
background: url(../images/mwk-banner-01.jpg) no-repeat center center;
background-size: cover; background-attachment: fixed; }
#slidewrap:before {
position: absolute; top: 0; left: 0; z-index: 0; content:''; 
background: rgba(255,255,255,0.80); width: 100%; height: 100%; }
#slideshow { text-align: center; }
	
	#slideshow table { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
	#slideshow span { color: #14561f !important; }
	#pagewrap #slideshow h4 { 
	font-size: 30px; letter-spacing: 1px; text-transform: uppercase; 
	font-family: "copperplate", serif;font-weight: 500;font-style: normal;}
	#pagewrap #slideshow h5 { margin-top: 125px; }

#cntwrap { background: #fff; text-align: center; }
#content { padding: 100px 0; min-height: 350px; }

#basewrap { background: #01213c; }
#basebox { padding: 50px 0; text-align: center; color: #fff; }
	
	#pagewrap #basewrap h2 { color: #fff; }
	#basewrap .left, 
	#basewrap .right { display: inline-block; vertical-align: middle; margin: 15px 2%; }
	
#footwrap { 
background: url(../images/mwk-stoneback.jpg) no-repeat center center #ececec;
background-size: cover; background-attachment: fixed;
border-bottom: rgba(200,200,200,1) solid 1px; }
#footer { padding: 75px 0; }
	
	#footer ul { margin: 0; padding: 0; list-style-type: none; }
	#footer li { width: auto; margin: 10px 2%; padding: 0; display: inline-block; }
	#footer a { }
	#footer a:hover { }
	#footer .left, 
	#footer .right { display: inline-block; vertical-align: middle; margin: 15px 1%; }
	#footer span { color: #14561f; font-weight: bold; }
	
#credwrap { }
#credits { padding: 25px 0; text-align: center; }

	#credits, #credits a { color: #01213c; font-size: 15px; line-height: 20px; }
	#credits a:hover { color: #bbb; }

/* ///////////////////////////////////////////////////////////// */
/* //////////////MAKE/IT/RESPONSIVE/THEY/SAID/////////////////// */
/* ////////////////////////////.../SO/I/DID///////////////////// */
/* ///////////////////////////////////////////////////////////// */

@media screen and (min-width: 250px)
{
#pagewrap h1 { font-size: 60px; }

.wrap { width: 90%; }
#header { text-align: left; } 
#headtxt { display: block; top: 5px; right: -5px; }

#slidewrap { padding: 100px 0; }
#pagewrap #slideshow h3 { font-size: 60px; line-height: 70px; }

#article,#articlefull,#aside {
position: relative; width: 100%; margin: 0 auto; padding: 0; } 

#footwrap { text-align: center; }
#footer .left, #footer .right { width: 100%; }
	
#credits { width: 90%; margin: 0 auto; }
}
@media screen and (min-width: 550px)
{ 
#pagewrap h1 { font-size: 60px; }

#header { text-align: center; }
#headtxt { top: 40px; }

#slidewrap { padding: 200px 0; }
#pagewrap #slideshow h3 { font-size: 70px; line-height: 100px; }

.eighty { width: 85% !important; float: none !important; margin: 0 auto !important; }

#footer .left { width: 75%; text-align: left; font-size: 30px; }
#footer .right { width: 20%; text-align: right; }
}
@media screen and (min-width: 1140px)
{ 
.wrap { width: 1140px; } 

#article,#articlefull,#aside { float: left; }
#article { 		width: 800px; 	padding: 0 0; }
#articlefull { 	width: 1140px; 	padding: 0 0; }
#aside { 		width: 290px; 	padding: 0 0 0 50px; }
} 

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