/* 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 { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Roboto Condensed', sans-serif;
}

h1 {margin-bottom:-10px; letter-spacing: 1px;}
a {color:#fff; text-decoration:none;}

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

p{padding:20px 0;}

.contentwrap {width:80%; margin:0 auto;}
#wrap {background:url(../siteart/Black-Background-Texture-Wallpaper-1920x1080.jpg) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; padding:2% 0;}

#wrap p {font-size:18px;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{box-sizing:border-box;}

body {overflow-x:hidden;}


::selection {color:#fff; background: #e74820;}
::-moz-selection {color:#fff; background: #e74820;}



/* HEADER 
----------------------------------------------*/
.header{width:100%; margin:0 auto; background:#e74820; position: relative;}

/*.headphone {background:linear-gradient(#e74820, #e84b24); color:#fff; text-align:right; font-size:20px; width:40%; float:right; padding:10px 0; border-radius:5px; margin-top:-5px; margin-right:-5px;}
.headphone a {color:#fff!important;}
.headphone a:hover {color:#fff;}

.logo{text-align:center; width:25%; display:inline-block; vertical-align: top; position: absolute; left: 20px; z-index: 9; top:15px;}
.logo img{width:100%; margin:0 auto; max-width:none !important;}
*/

.headphone {float:left; width:45%; color:#fff; font-weight: bold; font-size:18px; margin-top:10px; text-align:left; text-transform: uppercase; letter-spacing: 1px;} 
.headphone a {color:#fff;}
.headright {float:right; width:50%;}


/* HERO IMAGE 
-----------------------------------------------*/
.hero{background:url(../siteart/b68df1bbf6de4529bedbd951fdf98961.jpg) no-repeat; background-size: cover; background-position: center; text-align: right; height: 550px; width:100%; padding: 175px 20px; margin-top:-5px;}

.logo {width:550px; margin-right:1.5%;}

.hero h1{text-transform: uppercase; font-weight: 600; letter-spacing: 6px; text-shadow:4px 2px 3px #333; font-size: 60px; padding:0; margin: 0; color:#fff; text-align:center;}

.hero-btn{display: inline-block; width:250px; margin: 30px 10px; text-align: center; border-radius:4px; box-shadow:1px 1px 2px #000; text-decoration: none; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; font-size: 18px; padding:10px; transition: ease .3s;}


.btn-fill{background:linear-gradient(#a9a9ac, #b9babd); color:#000; font-weight: bold;}
.btn-fill:hover{background:rgba(0,0,0,0.8); color:#fff; transition: ease .3s;}


/*  CTA SECTION
------------------------------------------------*/
.ctawrap {background:url(../siteart/mining-440743_960_720.jpg) no-repeat; background-size: cover;}
.col_three {display:inline-block; width:30%; margin:2% 1%; vertical-align:top;}
.col_three img {width:100%;}
.col_three h2 {font-size:22px; text-transform: uppercase; margin:10px 0 -15px; color:#e74820;}


.btn-col-fill{background:linear-gradient(#e74820, #e84b24); color:#fff; padding:3px 15px; border-radius:3px; font-size:14px;}
.btn-col-fill:hover{background:rgba(0,0,0,0.8); color:#fff; transition: ease .3s;}


/*  MAP
------------------------------------------------*/
.gm-style .place-card-large {display:none!important;}
.map_overlay {background:linear-gradient(#e74820, #e84b24); color:#fff;  font-size:20px; width:40%; padding:10px 0; border-radius:5px; margin-left:-5px; margin-top:-45px; z-index:99999999999; position:absolute;} 


/* INVENTORY
------------------------------------------------*/
.hosted-content .listings-wrapper .listings-list .listing-banner {}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{background:#333333 !important;}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{font-size:22px !important; color:#000; text-transform:uppercase;padding-bottom:0 !important;font-weight:600;}
	
.hosted-content h3{text-transform:none !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{text-transform:none !important;}


/* SUB PAGES
------------------------------------------------*/
.pageleft {float:left; width:20%;}
.pageright {float:right; width:80%;}

.pageleft a {color:#000;}
.pageleft a:hover {color:#e74820;}

.column1 {
float: left;
  padding: 10px;
  width: 49%;
}
.column2 {
  float: left;
  padding: 10px;
  width: 49%;
}
.column2 ul li {
	font-size: 40px;
}
.column3 {
  float: left;
  padding: 7px;
  margin-top: 17px;
  width: 25%;
}
.row img{
	width: 100%;
}


/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.col_one {display:block; width:50%;  vertical-align:top;}
.col_one img {width:100%; }

.send {
	text-align: center;
}
.send p{
	font-size:30px;
}
.send a{
	color:#000;
}
.send a:hover{
	color:#e74820;
}

.service {
	font-size: 20px;
	color:#e74820;
}
/* FOOTER
------------------------------*/
.footer{width:100%; color:#ccc!important; margin: 0 auto;}
.footer a {color:#ccc!important;}
.footer a:hover{color:#ccc!important;}

.footnav {float:left; width:40%; padding:20px 0;}

.legal-foot{width:50%; float:right; color:#ccc; text-align:right;}
.legal-foot p{font-size:15px!important;}
.legal-foot a{color:#fff;}


@media screen and (max-width:1525px){
	.headphone {font-size:18px;}
	.map_overlay {width:75%; font-size:16px; margin-top:-40px;}
	
	.pageright {width:75%;}
}

@media screen and (max-width:1405px){
	.headphone {font-size:14px; margin-top:15px;}
}


@media screen and (max-width:1250px){
	.headphone {font-size:13px;}
	.logo {width:450px;}
		.column2 ul li {
	font-size: 30px;
}
}

@media screen and (max-width:1095px){
	.logo img{width:275px;}
	.headphone {width:55%;}
	.headright {width:40%;}
}


@media screen and (max-width:1000px){
	.contentwrap {width:90%;}

	.cta-info{top:88%; width:90%;}
	
	#wrap p {font-size:14px;}

		.column2 ul li {
	font-size: 25px;
}
}

@media screen and (max-width:800px){
	.hero {text-align:center;}
	.headphone {width:78%; font-size:14px;}
	.headright {width:22%;}
	
	.map_overlay {width:100%; text-align:center; font-size:14px; margin-top:-35px;}
	
	.footnav {float:none; width:100%; padding:0; text-align:center;}
	.legal-foot {float:none; width:100%; text-align:center;}
	
	
	.col_three {display:block; width:75%; margin:0 auto; padding:5% 0;}
	
	.pageright {width:70%;}
	
	.col_three h2 {font-size:20px;}
	.column1 {
  	width: 100%;
}
	.column2 {
  	width: 100%;
}
	.column3 {
  	width: 100%;
}
.col_one { width:100%;  }		
}

@media screen and (max-width:700px){
	
	.pageleft {float:none; width:100%;}
	.pageright {float:none; width:100%;}
}

@media screen and (max-width:600px){
	.logo{width:75%; position:relative; left:0; top:20px;}	
	.logo img{width:75%;}
	
	.headright {float:none; width:100%; margin-top:0%;}
	.headphone {float:none; width:100%; text-align:center; font-size:14px; margin:0 auto; padding:15px 0; background:#fff; color:#000;}
	.headphone a {color:#000;}
		
	.hero{height: auto; padding:100px 20px 80px 20px;}
	.hero h1{font-size: 40px; letter-spacing: 4px;}
	.hero-btn{width:45%; margin: 25px 5px;}
	
	.map_overlay {position:relative; margin:0 auto;}
	
	.col_three h2 {font-size:18px;}
	.column2 ul li {
	font-size: 20px;
}
		
}

@media screen and (max-width:500px){	
	.hero h1{font-size: 34px;}
	.hero-btn{width:70%; margin:7px 0;}
	
	.col_three h2 {font-size:17px;}
	
}

@media screen and (max-width:400px){
	.hero h1{font-size: 27px;}
}