﻿/***** 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;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: none;
	overflow-x: hidden;
	line-height: 1.4;
}

.notInventory {
    line-height: 24px;
}

h1 {
    font-family: 'Montserrat', sans-serif;
	font-weight: 600;
    font-size: 18px;
}

.logo {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding: 1.5em;
}

.logo a {display: inline-block; margin: 0 auto;}

.logo img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.clear-box {
    background: rgba(91, 90, 90, 0.4);
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.clear-box .center h1 {color: #fff; text-transform: uppercase; display: block; margin-bottom: 1em; font-size: 24px;}
.clear-box .center p {color: #fff;}
.clear-box .eq a {color: #000;}
.clear-box .eq:hover a {color: #fff; transition: .3s ease-in-out all;}
.contact-box a {color: #fff; font-weight: bold;}

.contact-box {color: #fff;}

.wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0px;
}

.container {
    width: 1020px;
    max-width: 100%;
    margin: 0 auto;
}

.show-menu-for-mobile {
    display: none;
}

/* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
.center {
    text-align: center;
}

.eq {
    background: #ffe35a;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 600;
    width: 300px;
    max-width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
}

.eq:hover {
    background: #5b5a5a;
    color: #ffe35a;
    cursor: pointer;
    border: 1px solid #fff;
}

.center a:link,
.center a:visited,
.center a:active {
    text-decoration: none;
}

.scrolling-wrap {
    width: 100%;
    height: 92px;
    overflow: hidden;
}

.scrolling {
    width: 100%;
    height: 92px;
    margin: 10px 0px;
}

.two-cols {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.dozer {
    background: url(../siteart/dozer.png) !important;
    background-repeat: no-repeat !important;
    width: 376px !important;
    height: 249px !important;
    position: relative !important;
    bottom: -180px !important;
    right: -400px !important;
    margin: 0 auto;
    max-width: 100%;
    z-index: 10;
}

.four-cols {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.line {
    background: #5b5a5a;
    height: 1px;
    width: 100%;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

a.footerlink:hover {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.footertext {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #999999;
}

.smallfootertext {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    color: #999999;
}

.divfooter {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0px;
}

.footer {
    background: #ffe35a;
    color: #000;
    font-size: 14px;
    width: 100%;
	font-family: 'Montserrat', sans-serif;
}

.footer a {
    text-decoration: underline;
    color: #000;
}

.footer a:hover {
    text-decoration: none;
    color: #5b5a5a;
}


/************************************************ Responsive Styles **/
@media screen and (max-width: 1280px) and (min-width:1024px) {}

@media screen and (max-width: 1023px) and (min-width:568px) {
    body {
        font-size: 14px;
    }

    .loader {
        display: none;
    }

    .four-cols {
        width: 33%;
    }
}

@media screen and (max-width: 568px) {
    body {
        font-size: 14px;
    }

    .loader {
        display: none;
    }

    .four-cols {
        width: 100%;
    }

    .two-cols {
        width: 100%;
    }
}

@media screen and (max-width: 1280px) {
    .dozer {
        display: none
    }
}
