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

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'latoregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 10, 2015 */
@font-face {
    font-family: 'latoregular';
    src: url('../webfonts/Lato-Regular-webfont.eot');
    src: url('../webfonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('../webfonts/Lato-Regular-webfont.woff') format('woff'),
         url('../webfonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 6, 2016 */
@font-face {
    font-family: 'latoitalic';
    src: url('../webfonts/lato-italic-webfont.eot');
	src: url('../webfonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/lato-italic-webfont.woff2') format('woff2'),
         url('../webfonts/lato-italic-webfont.woff') format('woff'),
		 url('../webfonts/lato-italic-webfont.ttf') format('truetype'),
         url('../webfonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 6, 2016 */
@font-face {
    font-family: 'latoheavy';
    src: url('../webfonts/lato-heavy-webfont.eot');
	src: url('../webfonts/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../webfonts/lato-heavy-webfont.woff') format('woff'),
		 url('../webfonts/lato-heavy-webfont.ttf') format('truetype'),
         url('../webfonts/lato-heavy-webfont.svg#latoheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 6, 2016 */
@font-face {
    font-family: 'latoheavy_italic';
    src: url('../webfonts/lato-heavyitalic-webfont.eot');
	src: url('../webfonts/lato-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/lato-heavyitalic-webfont.woff2') format('woff2'),
         url('../webfonts/lato-heavyitalic-webfont.woff') format('woff'),
		 url('../webfonts/lato-heavyitalic-webfont.ttf') format('truetype'),
         url('../webfonts/lato-heavyitalic-webfont.svg#latoheavy_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


header, nav, article, footer {display:block;}

body {
	background:#fff;
	font-family: 'latoregular';
	color:#fff;
	font-weight:normal;
	-webkit-text-size-adjust: none;
}

.wrap {width:90%; max-width:1230px; margin:0 auto;}

.show-tablet {display:none;}

.white-bg {background:#fff;}

.height-filler {height:630px; display:block;}


/************************** typography styles **/

p {margin-bottom:14px;}
.no-margin {margin:0 !important;}

strong {font-family: 'latoheavy'; font-weight:normal;}
em {font-style:normal; font-family: 'latoitalic';}

.red {color:#992a20;}
.white {color:#fff;}
.black {color:#000;}

a {color:#fff; text-decoration:underline;}
a:hover {color:#992a20; text-decoration:none;}


h1 {
	color:#fff;
	font-size:24px;
	font-weight:normal;
	font-family: 'latoheavy';
	margin-bottom:16px;
}

h2 {
	color:#992a20;
	font-size:32px;
	font-weight:normal;
	font-family: 'latoheavy';
	margin-bottom:0;
}

h4 {
	color:#fff;
	font-size:22px;
	font-weight:normal;
	font-family: 'latoheavy';
	margin-bottom:0px;
}





/************************** header styles **/

header {width:100%; padding:20px 0;}

.logo {width:40%; float:left; margin-right:25%;}
.logo img {
	width:100%;
	max-width:300px;
	height:auto;
	display:block;
}

.phone {width:35%; text-align:right; margin-top:60px; float:left;}
.phone h2 a {color:#992a20; font-family: 'latoheavy'; text-decoration:none;}
.phone h2 a:hover {color:#000;}




/************************** nav styles **/

nav {width:100%; background:#9b2b20 url('../siteart/layout/nav-bg.jpg') repeat-x;}
nav ul {width:100%; margin:0 auto;}
nav li {float:left; display:inline; position:relative;}

nav a:link, nav a:active, nav a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size:18px;
	font-family: 'latoheavy';
	padding:0 18px;
	line-height:50px;
}
nav a:hover, nav li.current a {background:#992a20;}







/************************** content styles **/

.cycle-slideshow {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.cycle-slideshow img {width:100%; height:auto; display:block; z-index:1;}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 99999; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline; color: #000; cursor: pointer; z-index:99999; 
}
.cycle-pager span.cycle-pager-active { color: #992a20;}
.cycle-pager > * { cursor: pointer;}


article {width:100%; background:rgba(0,0,0,0.6); padding:35px 0;}

.lt-content {width:72%; float:left; margin-right:7%;}
.rt-content {width:21%; float:left; text-align:center;}

.rt-content img {width:100%; display: block; margin:7px 0 5px 0;}
.rt-content a {text-decoration:none; color:#fff;}
.rt-content a:hover {color:#992a20;}


.inv-boxes {width:100%; display:block; border-top:3px #fff solid;}
.inv-boxes:after {clear:both; display:block; content:"";}
.inv-boxes div {width:33.33333%; float:left; background-size:cover; height:200px;}

.constr-box {background:url('../siteart/layout/constr-box.jpg') no-repeat center;}
.trk-box {background:url('../siteart/layout/trk-box.jpg') no-repeat center;}
.ag-box {background:url('../siteart/layout/ag-box.jpg') no-repeat center;}

.constr-box a, .trk-box a, .ag-box a {
	width:60%;
	padding:70px 20% 0 20%;
	height:130px;
	text-decoration:none;
	color:#fff;
	background:url('../siteart/layout/red-70.png') repeat;
	display:block;
	text-align:center;
	font-weight:normal;
	font-size:24px;
	font-family: 'latoheavy';
}
.constr-box a:hover, .trk-box a:hover, .ag-box a:hover {background:transparent; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}


.inv {width:100%; display:block;}

.contact-info {width:100%; display:block; margin-bottom:10px;}
.contact-info p {width:32.33333%; float:left; margin-right:1%;}

.map {width:100%; display:block;}
.map iframe {
	width:100%;
	width:calc(100% - 6px);
	border:3px #992a20 solid;
	height:400px;
	display:block;
}



/************************** scrolling inv & footer styles **/

.scroll-bar {
	width:100%;
	background:#000;
	border-top:3px #fff solid;
	padding:7px 0;
}
.scroll-text {width:17.7%; float:left; padding:15px 2.5% 0 2.5%;}
.scroll-frame {
	width:77.3%;
	display:block;
	float:left;
	height:90px;
	overflow:hidden;
}
.scrolling {width:100%; display:block; background:#000; height:90px;}


footer {width:100%; line-height:12px; padding:30px 0; color:#000;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#000;}
a.footerlink:hover {text-decoration:none; color:#000;}

.footertext{font-size:12px; color:#000;}
.smallfootertext{font-size:12px; color:#000;}

.divfooter {width:90%; max-width:650px; text-align:center; margin:0 auto;}





/************************** responsive styles **/

@media screen and (max-width:1350px) {
	nav a:link, nav a:active, nav a:visited {padding:0 9px; font-size:15px;}
}


@media screen and (max-width:1024px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	.logo {width:45%; float:left; margin-right:20%;}
	.phone {margin-top:50px;}
	
	#simple-menu{
		float:left;
		background:url(../siteart/layout/mobile-nav-icon.png) no-repeat center center;
		height:50px;
		width:50px;
		display:block;
		cursor:pointer;
	}
}


@media screen and (max-width: 768px) {
	h1 {font-size:22px; margin-bottom:14px;}
	h2 {font-size:28px;}
	h4 {font-size:20px;}
	
	
	.logo {width:55%; float:left; margin-right:10%;}
	.phone {margin-top:30px;}
	
	.lt-content {width:100%; margin:0 0 15px 0;}
	.rt-content {width:33.33333%;}
	
	.constr-box a, .trk-box a, .ag-box a {
		width:80%;
		padding:55px 10% 0 10%;
		height:145px;
	}
	
}


@media screen and (max-width:640px) {
	header {padding:15px 0 15px 0;}
	.logo {width:60%; float:left; margin:0 20%;}
	.phone {margin-top:10px; width:100%; text-align:center;}
	
	.contact-info p {width:100%; margin-right:0%;}
	.map iframe {height:250px;}
	
	.inv-boxes div {height:140px;}
	.constr-box a, .trk-box a, .ag-box a {
		width:80%;
		padding:55px 10% 0 10%;
		height:85px;
		font-size:18px;
	}
	
	.scroll-text {width:97%; padding:5px 0% 10px 3%;}
	.scroll-frame {width:100%;}
	
	
}


@media screen and (max-width:480px) {
	h1 {font-size:20px; margin-bottom:12px;}
	h2 {font-size:26px;}
	h4 {font-size:18px;}
	
	.logo {width:80%; float:left; margin:0 10%;}
	
	.rt-content {width:55%;}
	
	.constr-box a, .trk-box a, .ag-box a {
		padding:40px 10% 0 10%;
		height:100px;
		font-size:16px;
	}
	
	
	footer {padding:15px 0;}
	
}


@media screen and (max-width:375px) {
	.constr-box a, .trk-box a, .ag-box a {
		padding:25px 10% 0 10%;
		height:115px;
	}
}