@charset "utf-8";
/* CSS Document */


/*===================== 
	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%;}

/*===================== 
	default styles 
=======================*/

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

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0; padding-right: 0;}
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {padding-left: 0; padding-right: 0;}

a:focus, a:hover {text-decoration: none; outline:none;}
button:focus, button:active, input:focus, input:active {outline: none;}

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

.top-head {padding: 0 0 15px 0;}
.head-left {padding: 10px 2% 0 10%; box-sizing: border-box;}
.head-right {padding: 0; text-align: right;}
.logo {width: 100%; max-width: 275px;}


.connect-wrap {display: inline-block;}
.headtxt {
	font-family: 'Oswald',sans-serif;
	font-size: 20px; 
	font-weight: 800; 
	display: inline-block;	
	margin: 0; 
	text-transform: uppercase;
}

.social-area {
	background-image: url('/siteart/bg-metal-head.png');
	background-size: cover;
	background-position: left center;	
	background-repeat: no-repeat;
	padding: 10px 15% 10px 2%;
	box-sizing: border-box;
}

.phone-area {
	padding: 15px 15% 0 2%;	box-sizing: border-box;
}

.fb-box {
	display: inline-block;
	background-color: #c28e21;
}
.fb-box i {
	font-size: 20px; 
	padding: 10px 15px; box-sizing: border-box;
	color: #fff;
}

.insta-box {
	display: inline-block;
	background-color: #c28e21;
}
.insta-box i {
	font-size: 20px; 
	padding: 10px 12px; box-sizing: border-box;
	color: #fff;
}

.linkedin-box {
	display: inline-block;
	background-color: #c28e21;
}
.linkedin-box i {
	font-size: 20px; 
	padding: 10px 12px; box-sizing: border-box;
	color: #fff;
}

.fb-box:hover, .insta-box:hover, .linkedin-box:hover {background-color: #333333;}

/*---------------------NAVIGATION------------------*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #58585a;
}

.navitems {padding: 0 5%; box-sizing: border-box;}

.centernav {float: none; text-align: center;}
.navbar-nav>li {float: none; display: inline-block;}
.navbar-default .navbar-nav>li>a {
	background-color: transparent; 
	color: #fff;
	font-family: 'Oswald',sans-serif;
	font-weight: 500; 
	text-transform: uppercase;
	font-size: 15px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: #c28e21;
	color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #c28e21;
	color: #fff;
}
.dropdown-menu {
	padding: 0;
	border: none;
	border-radius: 0px;
}

.dropdown-menu>li>a {
	padding: 10px 15px; 
	font-family: 'Oswald', sans-serif;
	font-weight: 500; 
	text-transform: uppercase;
	font-size: 15px;
}
.dropdown-menu>li>a:hover {
	background-color: #ebebeb;	
}

/*---------------------MOBILE NAVIGATION------------------*/

.navbar-default {
	background-color: #58585a;
	border: none; 
	border-radius: 0px;
	margin: 0;
}

.navbar-default .navbar-toggle {border: none; margin: 0; padding: 15px 5%; box-sizing: border-box;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; border-radius: 0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent;}
.navbar-collapse.in {margin: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #ebebeb;}

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

.footer-bg {background-color: #333333; padding: 50px 10%; box-sizing: border-box;}
.foot-logo {width: 100%; max-width: 250px; display:block; margin: auto;}
.foot-social-wrap {padding-bottom: 20px;}
.foot-head {
	font-family: 'Oswald',sans-serif; 
	font-size: 18px; 
	margin: 0; 
	padding-bottom: 10px; 
	color: #c28e21; 
	font-weight: 800;
	text-transform: uppercase;
}

.footlist {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
	text-align: center;
}
.footlist li a {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-weight: 400; 
	font-size: 15px; 
}
.footlist li a:hover {color: #c28e21;}

.fb-box-foot {
	display: inline-block;
	background-color: #c28e21;
}
.fb-box-foot i {
	font-size: 20px; 
	padding: 10px 15px;
	box-sizing: border-box;
	color: #fff;
}

.insta-box-foot {
	display: inline-block;
	background-color: #c28e21;
}
.insta-box-foot i {
	font-size: 20px; 
	padding: 10px 12px; 
	box-sizing: border-box;
	color: #fff;
}

.linkedin-box-foot {
	display: inline-block;
	background-color: #c28e21;
}
.linkedin-box-foot i {
	font-size: 20px; 
	padding: 10px 12px;
	box-sizing: border-box;
	color: #fff;
}

.fb-box-foot:hover, .insta-box-foot:hover, .linkedin-box-foot:hover {background-color: #58585a;}

/*-----------------BOTTOM FOOTER----------*/
.btm-footer {padding-top: 30px;}
.btm-left {text-align: left;}
.btm-right {text-align: right;}
.copyright {
	font-family: 'Roboto', sans-serif;
	font-size: 12px; 
	margin: 0; 
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 400;
}
.copyright a {color: #fff; font-weight: 600;}
.copyright a:hover {color: #c28e21;}

/*===================== 
	home hero styles 
=======================*/

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Carousel Styles */
.carousel-inner img {
    width: 100%;
    max-height: 700px
}

.carousel-control {
    width: 0;
}
.carousel-indicators {
	text-align: right;
}
.carousel-indicators li {
	border-radius: 0px;
	width: 20px; 
	height: 20px;
	border: none;
	background-color: #fff;
	opacity: .5;
	margin: 3px;
}
.carousel-indicators .active {
	width: 20px; 
	height: 20px;	
	border:none; 
	background-color: #fff;
	opacity: 1;
	margin: 3px;
}

/*------------------HERO OVERLAY----------------------*/

.hero-overlay {
	background-image: url('/siteart/overlay-hero.png'); 
	background-size: cover; 
	background-position: right center;
	position: absolute;
	bottom: 0;  
	padding: 50px 2% 50px 10%;	
}


/*===================== 
	home content styles 
=======================*/

.about-list {
	margin: 0;
	padding: 30px 0 0 0;
}
.about-list li {
	font-family: 'Roboto',sans-serif; 
	font-size: 16px; 
	font-weight: 600; 
	color: #333333;
	line-height: 25px;
	list-style-type: none;
	list-style-position: inside;
	text-indent: -1em; 
	padding-left: 1em;
}
.about-list li::before {
    content: "\2022"; 
	color: #c28e21;
    font-weight: bold;
	font-size: 20px; 
	padding-right: 10px;
}
.map-img {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 600px;	
}

/*----------------------Map Section-----------------------*/

.fixed-bg {
	background-image: url('/siteart/location-bg.jpg'); 
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.left-col {padding-right: 2%;}
.right-col {padding-left: 2%;}

.location-box {background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.txt-area {padding: 20px;}
.map-wrap iframe {margin-bottom: -5px;}

.maps-body {padding: 30px 0;}

/*===================== 
	form styles 
=======================*/

.form-body {padding-top: 30px;}
.form-inner {border: solid 1px #58585a; padding: 30px;}
.input-wrap {padding: 5px;}
.field {width: 100%; padding: 5px; font-family: 'Roboto',sans-serif;}
.selectfield {width: 100%; padding: 7px; font-family: 'Roboto',sans-serif;}
.datefield {width: 100%; padding: 4px; font-family: 'Roboto',sans-serif;}
.textfield {width: 100%; padding: 5px; height: 125px;}

.checkboxinput {display: inline-block;}
.formcontent {
	display: inline;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
}

.formhead {
	margin: 0; 
	padding: 15px 0; 	
	font-family: 'Oswald',sans-serif;
	text-transform: uppercase;
	font-size: 22px;
}

/*===================== 
	auction styles
=======================*/

.auction-wrap {
	border: solid 1px #58585a;
	padding: 30px;
}
.auction-logo {
    float: right;
    width: 100%;
    max-width: 250px;
}
.top-btns {padding-bottom: 30px;}
/*===================== 
	typography styles 
=======================*/

.head {
	font-family: 'Oswald',sans-serif; 
	font-size: 40px; 
	margin: 0; 
	font-weight: 800; 
	padding-bottom: 10px; 	
	text-transform: uppercase;
}

.subhead {
	font-family: 'Roboto',sans-serif;
	font-size: 20px; 
	font-weight: 400;
	text-transform: uppercase; 
	letter-spacing: 3px; 
	margin: 0; 	
}

.goldhead {
	font-family: 'Oswald',sans-serif; 
	font-size: 23px; 
	margin: 0; 
	font-weight: 800; 
	padding: 20px;	
	text-transform: uppercase;
	background-color: #c28e21;
}

.content {
	font-family: 'Roboto',sans-serif;
	font-size: 16px; 
	font-weight: 500;
	margin: 0; 
	line-height: 25px;
}

/*===================== 
	button styles 
=======================*/

.btn-wrap {padding-top: 15px;}

.gen-btn {
    background-color: #c28e21;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
    font-weight: 600;
    padding: 15px 25px;
    transition: all 0.5s;
    cursor: pointer;
	letter-spacing: 1px;
}
.gen-btn:hover {
	background-color: #58585a;
}

/*===================== 
	common styles 
=======================*/
.white {color: #fff;}
.gold {color: #c28e21;}
.gray {color: #58585a;}
.dkgray {color: #333333;}
.pad-right {padding-right: 20px;}

.gold-link {color: #c28e21;}
.gold-link:hover {color: #58585a; text-decoration: none;}
.gray-link {color: #333333;}
.gray-link:hover {color: #58585a; text-decoration: none;}

.center {text-align: center; display: block; margin: auto;}
.bold {font-weight: 700;}

.pad-top {padding-top: 15px;}
.pad-btm {padding-bottom: 15px;}

/*-----------layouts---------------*/

.pad-row {padding: 50px 10%; box-sizing: border-box;}
.no-top {padding-top: 0;}
.left-content {padding-right: 2%;}
.right-content {padding-left: 2%;}
.inv-btn-row {padding: 20px 10%; background: #ebebeb;}


@media screen and (max-width: 1200px) {
	.head-left {padding: 10px 2% 0 5%;}
	.social-area {padding: 10px 10% 10px 2%;}
	.phone-area {padding: 15px 10% 0 2%;}
	.nav>li>a {padding: 15px 10px;}
	.navbar-default .navbar-nav>li>a {font-weight: 400; font-size: 14px;}
	.dropdown-menu>li>a {font-size: 14px;}
	
	.hero-overlay {padding: 30px 2% 30px 5%;}
	.pad-row {padding: 50px 5%;}
	.inv-btn-row {padding: 15px 5%;}
	.head {font-size: 30px;}
	.inner-wrap.cf.p-tb-10.listing-list-wrapper.pad-left-25 {padding: 0 5% 30px 5%;}
	.hosted-content .p-tb-10 {padding: 0 5% 30px 5%!important;}
	.no-top {padding-top: 0!important;}
	.txt-area {padding: 10px;}
	.txt-area p {font-size: 15px;}
} 

@media only screen and (max-width: 991px) {
   .navbar-toggle {
    display: block !important;
    position:absolute;
    right:0;
	}
	.navbar-nav > li{
	display:block;
	width:100%;
	text-align:right;
	}
	 
	.navbar-collapse {
		position:relative;
		top:40px;
		margin-bottom:40px !important;
	} 
	  
	.navbar-collapse.collapse {
		display:none !important;
	} 
	  
	.navbar-collapse.in{
	display:block !important ;
	}

	.navbar-default .navbar-nav>li>a {text-align: center; font-size:15px; padding:8px;}
	.dropdown-menu {position: relative; float: none;-webkit-box-shadow: none; box-shadow: none;}
	.navbar {min-height: 45px; margin: 0;}
	.navbar-collapse.in {box-shadow: -webkit-box-shadow: 0 10px 12px rgba(0,0,0,.175); box-shadow: 0 10px 12px rgba(0,0,0,.175);}
	.dropdown-menu>li>a {text-align: center;}
	.headtxt {font-size: 16px;}
	.fb-box i {font-size: 16px; padding: 8px 12px;}
	.insta-box i {font-size: 16px; padding: 8px 10px;}
	.linkedin-box i {font-size: 16px; padding: 8px 10px;}
	.logo {max-width: 225px;}
	.foot-left {padding-bottom: 20px;}
	.btm-left, .btm-right {text-align: center;}
	.copyright {line-height: 18px;}
	.foot-right {padding-top: 20px;}
	.fb-box-foot i {font-size: 16px; padding: 8px 12px;}
	.insta-box-foot i {font-size: 16px; padding: 8px 10px;}
	.linkedin-box-foot i {font-size: 16px; padding: 8px 10px;}
	
	.carousel-indicators {display: none;}
	.hero-overlay {background-color: rgba(0, 0, 0, 0.50); background-image: none;}
	.left-content {padding-right: 0;}
	.right-content {padding-left: 0; padding-top: 30px;}
	
	.txt-area p {font-size: 16px;} 
	.left-col {padding-right: 0;}
	.middle-col {padding-top: 30px;}
   .right-col {padding-left: 0; padding-top: 30px;}
}

@media only screen and (max-width: 767px) {
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333333;background: #fff;}
   .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
   .headtxt {display: block; padding: 10px 0 0 0;}
   .phone-area {padding: 0 10% 0 2%;}
   .logo {max-width: 100%; padding-right: 2%;}
   .footer-bg {padding: 30px 5%;}
   .top-footer {padding: 0 5%;}
   .btm-footer {padding: 20px 5% 0 5%;}
   
   .pad-row {padding: 30px 5%;}
   .inv-btn-row {padding: 10px 5%;}
   .hero-overlay {position: unset; background-color: #333333;}
}

@media only screen and (max-width: 600px) {
	.head-left {width: 100%; padding: 0;}
	.head-right {width: 100%; padding: 0 5% 10px 5%;}
	.logo {max-width: 200px; padding: 0; display: block; margin: auto;}
	.social-area {background: #fff; text-align: center; padding: 10px 0 0 0;}
	.headtxt {display: inline-block; padding: 0 2%;}
	.phone-area {text-align: center; padding-top: 10px; padding-right: 0;}
	.head-right {padding: 0;}
	.top-head {padding: 10px 5%;}
}

@media only screen and (max-width: 400px) {
	.head {font-size: 25px;}
	.subhead {font-size: 18px;}
	.content {font-size: 14px;}
	.gen-btn {font-size: 14px;}
	.about-list li a {font-size: 14px;}
}