/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

@copyrights 2016 - Paul Sirmon

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

/* Reset */
html{color:#403735;background:#E0D8B3;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#403735;}


html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Parents set to 100% height */
html,body{height:100%;margin:0;padding:0}

body.services{height: auto;}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
	font-family: obviously, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
	background: #403735;
	overflow: hidden!important; 
}	

a{
	font-family: obviously, sans-serif;
	line-height: 1.6;
	text-decoration: none;
	color: #403735;
	display: inline-block;
	position: relative;
	cursor: pointer!important;
	-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		     -o-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
}
p{font-size: 16px; padding-top: 30px;}
a:hover{
	color: #403735;
	text-decoration: none;
}
h1{
	font-size: 30px;
	font-weight: 400;
	line-height: 2;
	position: relative;
	z-index: 1;
	color: #E0D8B3;
	padding: 0px 15px;

}
a::before {
  content: '';
  position: absolute;
  top: 15%;
  left: -6px;
  margin-left: -15px;
  height: 96%;
  background: #403735;
  display: block;
  z-index: -1;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}

a.blue {
	color: #E0D8B3;
}
a.blue:hover {
	color: #403735;
}

a::after {
  content: '';
  position: absolute;
  top: 15%;
  left: -6px;
  margin-left: -15px;
  width: 105%;
  height: 96%;
  background: #E0D8B3;
  display: block;
  z-index: -1;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}
a.blue::before { background: #403735; width:110%; }
a.blue::after {	width:110%;}

a.red::before { background: #F16375; width:110%; color: #403735;}
a.red::after { width:110%;}

a.purple::before { background: #FEC830; width:116%; color: #403735;}
a.purple::after { width:116%;}

a.green::before { background: #54a82e; width:112%;}
a.green::after { width:112%;}

.social a{
	padding: 10px;
	color: #E0D8B3;
}
.social a:hover {
	color: #FEC830;
	opacity: .5;
}
.social a::before {
	display: none;
}
.social a::after {
	left: 0px;
	width:100%;
	background: none;
}

a:hover::after {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}
.img-responsive{width:100%;}

.overhid{
	position: relative;
	overflow: hidden;
}

.small {
	font-family: obviously, sans-serif;
	font-weight: 400;
	font-size: .7em;
	opacity: .5;
}
.small a:hover, .small a {background: none;padding: 0;}
/* -------------------------------- 

	Hero

-------------------------------- */
.hero-wrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #403735;
}
/* .sirmon{
	position: absolute;
	left: 0;
	top:-6%;
	width: 100%;
	height: 100%;
	background: url('images/SirmonLogo_1000.png') no-repeat center center;
	background-size: 20%;
	z-index: 0;
} */

.hero{
	position: relative;
	width: 100%;
	height: 100%;
	background: #403735;
	display: table;
	background: url('images/BG.jpg') no-repeat center center;
	background-size: cover;	
}
	
.hero-v-align{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width:100%;
	text-align: center;
}
.logo-wrapper{
	z-index: 3;
	position: relative;
}	
.footer{
	position: relative;
	width:100%;
	padding: 250px 0;

}

.social{
	padding: 10px;
	color: #E0D8B3!important;
}
.social-media{
	padding-top: 50px;
}
@media only screen and (max-width: 768px) {

	h1, a{
		font-size: 24px;
		color: #E0D8B3;
	}
	.social-media{
		text-align: left!important;
		padding-top: 0;
		margin-top: 0;
		margin-left: -5px;
	}
	.small{font-size: .5em;}
	.sirmon {
		top:-50%;
	}
	.container {
		top:40%;
		position: absolute;
	}
}
.social img{
	max-width: 40px;
	max-height: 40px;
	margin-left: 20px;
}
	
/* -------------------------------- 

	Form

-------------------------------- */
	
.form-container {
        position: absolute;
        right: 0px;
        top: 0px !important;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.7);
        color: #071982 !important;
        padding-top: 5em;
        -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -webkit-transform: translateY(100%);
        	-moz-transform: translateY(100%);
			 -ms-transform: translateY(100%);
			  -o-transform: translateY(100%);
			     transform: translateY(100%);
    }

.form-container.active {
         -webkit-transform: translateY(0%);
        	-moz-transform: translateY(0%);
			 -ms-transform: translateY(0%);
			  -o-transform: translateY(0%);
			     transform: translateY(0%);
			     z-index: 1403735;

    }
.close{
	position: absolute;
	top:20px;
	z-index: 4;
	right: 20px;
	color: #E0D8B3!important;
	opacity: 1;
}
	
/* FORM */

label.desc, legend.desc{
	font-family: 'obviously'!important;
}
#wufoo-s2vrklf05wcy2p input.text, #wufoo-s2vrklf05wcy2p input.search, #wufoo-s2vrklf05wcy2p  textarea.textarea{
	border-top: 0px solid #7c7c7c;
	border-left: 0px solid #c3c3c3;
	border-right: 0px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: transparent!important;
}