/*===================== 
	Color information
	
	- Yellow: #ffbc29;
	- Dull Yellow: #cc9933;
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	  Fonts 
=======================*/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,700,900);

/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	}

body {
	font-family: 'Roboto', sans-serif;
    margin: 0;
	padding:0;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	}
	h1 {
		font-size: 28px;
		color:#000;
		padding:2% 2% 1% 2%;
		margin:0;
	}
	h1.header_text{
		color:#fff;
		font-weight:900;
		font-size:58px;
		float:left;
		display:block;
		margin:0;
		padding:1% 0 0 2%;
		}
	h2 {
		text-transform: uppercase;
		color:  #ffbc29;
		font-family: 'Roboto', sans-serif;
		}
	.hosted-content h3{
		font-size: 28px;
		padding:2% 0 1% 0;
	}

p {
	color:#000;
	padding:2% 2% 1% 2%;
	font-size:15px;
	margin: 0;
	}
	p.contact{
		width:35%;
		float:left;
		padding:1% 2%;
	}
	p.top{
		padding:1%;
		text-align:right;
	}
	p.testimonies{
		background:url(../siteart/quotes.png) top left no-repeat;
		color:#333;
		padding:2%;
		font-size:14px;
		line-height:22px;
	}
	p.facts{
		color:#333;
		padding:2%;
		font-size:16px;
		line-height:15px;
	}	
	.integers{
		font-size:28px;
		font-weight:100;
		color:#5F5F5F;
	}
.match{
	font-size:28px;
	font-weight:100;
	color:#5F5F5F;
}
.pad{
	display:block;
	padding: 18px 0 5px 0;
	margin:0;
}
.yellow{
	color:#ffbc29;
	}
.white{
	color:#fff;
	}
.bold {
    font-weight: bold;
	}
.banner_text{
	color:rgba(204,153,51,.6);
	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
	font-weight:900;
	font-size:65px;
	width:80%;
	padding:10% 1% 10% 1%;
}
.Sm_banner_text{
	color:rgba(204,153,51,.9);
	font-weight:900;
	font-size:40px;
	max-width:465px;
	padding:2% 1%;
	float:right;
}
/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color:inherit; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: underline;
		}  

/*===================== 
	header styles 
=======================*/
.header-wrap {
	width: 100%;
	height:105px;
	margin: 0;
	background-color:#333;
	border-bottom:#fff solid 5px;
	}
.header-wrap-2 {
	width: 100%;
	margin: 0;
	background-color:#333;
	border-bottom:#ffbc29 solid 5px;
	}
header {
	margin: 0 auto;
	padding:0;
	max-width: 1100px;
	}
header#hs-header-wrapper{
	width:100%;
	max-width: 100%;
}
img.logo{
	float:left;
	display:block;
	background:url(../siteart/logo-bg.png) no-repeat;
	background-size: cover;
	position:relative;
	z-index:100;
}
img.Smlogo{
	float:left;
	display:block;
	background:url(../siteart/logo-bg.png) no-repeat;
	background-size: cover;
	width:21%;
}

/*===================== 
	nav styles 
=======================*/
/*See menumaker.css*/



/*=======================
finance button
=======================*/

.financebutton {
	padding: 2% 2% 1% 2%;
	
	}

.expressbutton { 
	clear:both;
	padding: 2% 2% 1% 2%;
	}

.expresslogo  {
	width:	190px;
	padding-top: 24px;
	}	

.expressdisc {
    color: #000;
    padding-top: 57px;
    font-size: 15px;
    margin-left: -261px;
    float: left;
	}
	
	

/*===================== 
	content styles 
=======================*/
a.thumb{
	width:20%;
	display:inline-block;
	zoom:1; 
	*display:inline;
	padding:2%;
}
a.thumb img{
	width:100%;
}
.myform label{
	width:80px;
	display:inline-block;
	zoom:1; 
	*display:inline;
	padding:1% 0;
}
.myform input{
	width:80%;
	display:inline-block;
	zoom:1; 
	*display:inline;
	padding:1%;
	margin:1% 0;
}
.myform textarea{
	width:98%;
	height:100px;
}
.myform .button1{
	border:none;
	background-color:#000;
	color:#fff;
	padding:2% 0;
}
.myform .button1:hover{
	background-color:#ffbc29;
	color:#000;
}
.line{
	display:block;
	width:80%;
	height:1px;
	background-color:#868686;
	margin:3% auto 2% auto;
}
/*===================== 
	banner styles 
=======================*/
.mobilecontainer{
	width:100%;
	height:92px;
	overflow:hidden;
	padding:5% 0 0 0;
}
iframe.banner{
	height:92px;
	width:100%
}

/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	margin: 0;
	}

.container {
	max-width: 1024px;
	margin: 0 auto;
	}
.mid_banner{
	width: 100%;
	margin: 0;
	padding:0;
	background:url(../siteart/mid-bg.jpg) no-repeat;
	background-size:cover;
}

.contact-wrap{
	width: 100%;
	margin: 0;
	background-color:#000;
}
	
.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { 
	width: 45%;
	float:left;
	padding: 2%;
}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}

/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	background:#333;
	border-top:#ffbc29 solid 5px;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #fff;
	}
	a.footerlink:hover {
		text-decoration:underline; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#fff;
	}

.smallfootertext {
	font-size:10px; 
	color:#fff;
	}

.divfooter {
	max-width:490px; 
	text-align:left;
	padding:2% 1%;
	float:left;
	color:#fff;
	}
img.foot_logo{
	width:15%;
	float:right;
	padding:2% 1%;

}
/*===================== 
	Responsive Styles 
=======================*/
@media screen and (max-width: 996px) {
h1.header_text{
	font-size:42px;
	padding:3% 0 0 2%;
	}	
p.contact{
	width:50%;
	float:left;
	padding:1% 0;
	}
.banner_text{
	font-size:50px;
	width:80%;
	padding:10% 0;
}
p.top{
	font-size:14px;
	padding:1%;
	text-align:right;
}
}
@media screen and (max-width: 820px) {
h1.header_text{
		font-size:32px;
		padding:5% 0 0 2%;
	}	
.divfooter {
	max-width:490px; 
	text-align:center;
	padding:2% 1%;
	float:none;
	display:block;
	margin:auto;
	}
img.foot_logo{
	width:45%;
	float:none;
	display:inline-block; 
	zoom:1; 
	*display:inline;
	padding:2% 1%;
}
.mobile_align{
	width:35%;
	display:block;
	margin:auto;
}
}
@media screen and (max-width: 720px) {
h1.header_text{display:none;}
h1 {font-size: 24px;}

img.logo{
		float:none;
		display:block;
		margin:auto;
	}
p.contact{
		width:100%;
		float:none;
		text-align:center;
		padding:20% 0 1% 0;
	}
.banner_text{
		font-size:30px;
		width:100%;
		padding:5% 0;
		text-align:center;
	}
.Sm_banner_text{
	font-size:25px;
	max-width:400px;
}

.expresslogo {
	    float: none;
    display: block;
    margin: auto;
	}	
	
.expressdisc {
    color: #000;
    padding-top: 57px;
    font-size: 15px;
    margin-left: 0px;
    float: left;
	}

}
@media screen and (max-width: 560px) {
img.Smlogo{
	float:none;
	display:block;
	width:25%;
	margin:auto;
}
.Sm_banner_text{
	display:none;
}	
a.thumb{width:28%;}
.col-1-2 { 
	width: 95%;
	float:none;
	display:block;
	padding: 2%;
	margin:auto;
}
p.facts{text-align:center;}
}
@media screen and (max-width: 416px) {
img.logo{width:70%}
p {font-size:14px;}
img.Smlogo{
	float:none;
	display:block;
	width:40%;
	margin:auto;
}

.expresslogo {width: 50%;}
}