/*---colors
F7941D yellow
---*/

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

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

.youtube {
    height: 41vw;
}


.notInv a {
    color: #fff;
    text-decoration: underline;
}

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

p {
    padding: 20px 0;
}

h1 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 32px;
    color: #F05A23;
    padding-bottom: 20px;
}



/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}


* {
    box-sizing: border-box;
}

body {
    background: url(../siteart/metalbg.jpg) no-repeat;
    font-family: 'Montserrat', sans-serif;
}

.wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

.head-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}


::selection {
    color: #fff;
    background: #356088;
}

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



/* HEADER 
----------------------------------------------*/
.header {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 0 auto;
    background: rgb(0 0 0 / 82%);
    /* position: absolute; */
    top: 0;
    left: 0;
    z-index: 9999;
}

.sub-header {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.60);
}


.header-contact {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.header-contact p {
    padding: 0;
}

.header-contact a {
    color: #fff !important;
    text-decoration: none;
}

.header-contact a:hover {
    color: #fff;
    text-decoration: underline;
}

.google {}

.google img {
    display: inline-block;
    width: inherit;
}

#google_translate_element {
    float: right;
    padding: 5px;
}


.logo {
    text-align: center;
    width: 40%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.sub-header .logo {
    width: 100%;
}

.logo img {
    width: 310px;
    margin: 0 auto;
}

.head-contact-left {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
}

.head-contact-left a {
    text-decoration: none;
}

.head-contact-left p {
    color: #fff;
    padding: 5px 0;
}

.head-phone {
    font-size: 20px;
}

.head-contact-right {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: right;
}

.head-contact-right p {
    color: #fff;
    padding: 5px 0;
}

.head-contact-right a {
    text-decoration: none;
}


/* HOME PAGE STYLES */

.hero {
    width: 100%;
    position: relative;
}

/*.hero img{
	width:100%;
	display:block;
	margin:0 auto;
}*/
.mobile {
    display: none;
}

.col-half {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}

.welcome h1 {
    font-size: 42px;
    font-weight: 500;
    text-align: left;
    color: #000;
    padding-bottom: 0;
}

.welcome h2 {
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    font-weight: 500;
}

.welcome .col-half img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

/*--cat bar--*/

.cat-bar {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0;
    background: #333;
    border-top: 10px solid #ecc523;
    border-bottom: 6px solid #ecc523;
    text-align: center;
}

.cat {
    position: relative;
    width: 24%;
    display: inline-block;
    margin: 0 auto;
    background: #000;
}

.cat img {
    width: 100%;
    display: block;
    opacity: 0.5;
}

.cat-cap {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 20%;
    left: 0;
    text-align: center;
}


.cat-cap h2 {
    font-size: 30px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    padding-bottom: 30px;
}

.cat-cap a {
    color: #fff;
    padding: 15px 70px;
    font-size: 18px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 2px #000;
    text-decoration: none;
}

.cat-cap a:hover {
    background: rgba(255, 255, 255, 0.64);
    color: #000;
    text-decoration: none;
}


/*--contact bar--*/
.contact-bar {
    width: 100%;
    background: #333;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    padding: 40px 0;
}

.contact-title {
    background: #333;
    display: block;
    width: 100%;
}

.contact-title h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
}

.line {
    width: 100%;
    position: relative;
    border-top: 1px solid #fff;
    padding: 35px 0;
    margin: 10px 0;
}

.contact-info {
    width: 32%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
}

.top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.contact-info img {
    width: 70px;
    text-align: center;
    padding: 10px;
    display: block;
    background: #333;
}

.contact-info p {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}

.contact-info a {
    color: #fff;
    text-decoration: underline;
}

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

/* CONTACT PAGE STYLES */

.contact {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.contact-content {
    width: 24%;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    vertical-align: top;
}

.contact-content h3 {
    color: #F05A23;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
}

.contact-content p {
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 0 20px 0;
}

.contact-content a {
    color: #000;
}

.contact-content a:hover {
    color: #ECC523;
}

/* 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: #F05A23 !important;
}

.hosted-content h1 {
    font-size: 20px;
    color: #000;
    text-transform: none;
    padding-bottom: 0 !important;
    font-weight: bold;
}

.hosted-content h3 {
    text-transform: none !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
    text-transform: none !important;
}

.scrolling-wrap {
    padding: 10px 0 3px;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #000;
}

.scrolling {
    width: 100%;
    height: 92px;
}



/* FOOTER
------------------------------*/
.footer {
    width: 100%;
    color: #eaeaea;
    font-size: 11px;
    background: #333;
    text-align: center;
}

.footer a {
    color: #eaeaea;
    text-decoration: underline;
}

.footer a:hover {
    color: #eaeaea;
    text-decoration: none;
}

.divfooter {
    width: 60%;
    margin: 20px auto;
}



.head-mobile {
    display: none;
}

@media screen and (max-width:1170px) {
    .header {
        padding-bottom: 0;
    }

    .mobile {
        display: block;
        width: 100%;
        position: relative;
    }

    .mobile img {
        width: 100%;
    }

    video {
        display: none;
    }

    .header {
        position: relative;
    }
}

@media screen and (max-width:1093px) {
    .welcome h1 {
        font-size: 36px;
    }
}

@media screen and (max-width:1006px) {
    .cat-cap a {
        padding: 10px 60px;
    }
}

@media screen and (max-width:940px) {
    .welcome h1 {
        font-size: 30px;
    }
}

@media screen and (max-width:915px) {
    .contact-content {
        width: 40%;
    }
}

@media screen and (max-width:900px) {
    .cat {
        width: 49%;
    }

    .logo img {
        width: 180px;
    }
}


@media screen and (max-width:840px) {
    .welcome .col-half {
        width: 100%;
    }

    .welcome .col-half img {
        width: 70%;
    }
}


@media screen and (max-width:770px) {
    .head-mobile {
        display: block;
    }

    .head-desktop {
        display: none;
    }

    .head-contact-left {
        width: 49%;
        vertical-align: bottom;
    }

    .head-contact-right {
        width: 49%;
        vertical-align: bottom;
    }

    .logo {
        width: 100%;
        padding-top: 15px;
    }

    .logo img {
        width: 250px;
    }
}

@media screen and (max-width:630px) {
    .welcome h1 {
        font-size: 24px;
    }

    .welcome h2 {
        font-size: 18px;
    }
}

@media screen and (max-width:615px) {
    .header-contact .col-half {
        width: 100%;
        text-align: center;
    }

    .header-contact p {
        margin: 0;
    }

    .contact-content {
        width: 100%;
    }

    .contact-info {
        display: block;
        width: 100%;
    }

    .top {
        position: relative;
    }

    .line {
        display: none;
    }

    .contact-bar {
        padding: 0;
    }
}

@media screen and (max-width:530px) {
    .head-contact-right {
        width: 100%;
        text-align: center;
    }

    .head-contact-left {
        width: 100%;
        text-align: center;
    }

    #google_translate_element {
        margin-right: 27%;
    }
}

@media screen and (max-width:495px) {
    .cat-cap h2 {
        font-size: 24px;
    }

    .cat-cap a {
        padding: 10px 50px;
    }

    .welcome h1 {
        text-align: center;
    }

    .welcome h2 {
        text-align: center;
    }
}

@media screen and (max-width:435px) {
    .header-contact .col-half {
        width: 100%;
        display: block;
        text-align: center;
    }

    .divfooter {
        width: 90%;
    }

}