/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}



/*  BASIC STYLES
------------------------------------------------*/
	body {-webkit-text-size-adjust:none; font-family: 'Open Sans', sans-serif; font-weight: 300; background: url(../siteart/dots.png) repeat !important; background-attachment: fixed !important; color: #414141; overflow-x: hidden;}

	h1 {font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}
	h2 {font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}
	h3 {font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}

	strong {font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}
	p {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 26px;}
	
	a:link, a:visited, a:active {text-decoration:none; color:#414141;}
	a:hover {text-decoration:underline; color:#cc9933;}

	.center {text-align: center;}
	.wrapper {width: 75%; margin: 0 auto; height: auto; padding: 30px 0px; clear:both;}
	.inv-wrapper {width: 95%; margin: 0 auto; height: auto; padding: 30px 0px; clear:both;}


/*  HOME STYLES
------------------------------------------------*/
	header {width: 75%; margin: 0 auto; height: auto; max-width: 100%; padding: 20px 0px; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}
		header span {font-size: 22px; color: #414141;}
		header a#phone {color: #414141;}

	.logo {max-width: 100%; width: 39%; height: auto; display: inline-block; vertical-align: top;}
		.logo img {max-width: 100%; height: auto; display: inline-block;}
	.manu {width: 60%; height: auto; display: inline-block; text-align: right; vertical-align: top;}
		.manu img {max-width: 100%; width: 15%; padding-left: 1%; vertical-align: middle; height: auto; display: inline-block;}

	.textcontainer {background: url(../siteart/transparent.png) no-repeat; margin:0px auto; height:auto; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; border-top: 1px solid #f20000; border-bottom: 1px solid #f20000;}
	.twocols {width: 49%; height: auto; display: inline-block; vertical-align: top; box-sizing: border-box;}
	.twocols .manu {width: 100%; height: auto; display: inline-block; text-align: left; vertical-align: top;}
		.twocols .manu img {max-width: 100%; width: 12%; padding: 10px; vertical-align: middle; height: auto; display: inline-block;}

	.button {display: inline-block; border-radius: 4px; background-color: #f20000; line-height: normal; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; border: none; color: #FFFFFF; text-align: center; font-size: 22px; padding: 12px; width: 30%; transition: all 0.5s; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out; cursor: pointer; margin: 5px;}
		.button span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out;}
		.button span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out;}
	.button:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
		.button:hover span {padding-right: 25px;}
		.button:hover span:after {opacity: 1; right: 0;}



/*  FOOTER STYLES
------------------------------------------------*/
	.scrolling-wrap {width:100%; height:90px; overflow:hidden; margin: 40px 0px;}
	.scrolling {width:100%; height:92px;}

	footer {background: #b5c600; max-width: 100%; height: auto; color: #414141; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;}
		a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family: 'Archivo Narrow', sans-serif; font-size:13px;}
		a.footerlink:hover {text-decoration:none; font-family: 'Archivo Narrow', sans-serif; font-size:13px;}
		.footertext {font-family: 'Archivo Narrow', sans-serif; font-size:13px;}
		.smallfootertext {font-family: 'Archivo Narrow', sans-serif;font-size:10px;}
	footer span {margin-right: 10px; font-size: 20px;}
	.divfooter {width:100%; text-align:left; margin:0 auto;}

	footer a:link, footer a:visited, footer a:active {text-decoration:none; color:#414141;}
	footer a:hover {text-decoration:underline; color:#414141;}


/*  RESPONSIVE STYLES
------------------------------------------------*/
@media screen and (max-width: 1280px){
	header span {font-size: 18px;}
}



@media screen and (max-width: 1024px){
	header {width: 80%; text-align: center;}
		.logo {width: 100%;}
		.manu {width: 100%; text-align: center;}
			.manu img {width: 15%; padding-left: 0; vertical-align: middle; display: inline-block;}
	.button {font-size: 20px; width: 100%; margin: 5px;}
	.twocols {width: 100%;}
	.twocols .manu img {width: 18%; padding: 0px; text-align: center;}

}



@media screen and (max-width: 737px){
	footer span {margin-right: 10px; font-size: 16px;display: block;}
	.logo img {width: 40%;}
}
 
 

@media screen and (max-width: 320px){
}