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

.otherPage .invWrap {
    padding: 90px 90px;
}

.invWrap.otherPageWrap img {
    max-width: 800px;
    width: 100%;
}

.centerFlexStuff {
    display: flex;
    justify-content: center;
}

.bio img {
    max-width: 400px;
}

.otherPage .invWrap {}

.flex {
    display: flex;
    justify-content: space-between
}

.flexLeft {
    padding-right: 20px;
}

.flex-right {
    max-width: 740px;
    width: 100%;
}


/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address {
    display: block;
}

/*-------- COLORS --------*/

/***** END RESET *****/
::-moz-selection {
    background: #282E32;
    color: #F7F4F2;
    text-shadow: none;
}

::selection {
    background: #282E32;
    color: #F7F4F2;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body * {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Teko', sans-serif;
}

h1 {
    font-size: 70px;
    /* color: var(--primary); */
}

.centerStuffNow h1 {
    text-align: center;
}

p {
    font-size: 18px;
}

.bgArea p a {
    color: #f7f4f2;
}

.bgArea p a {}

.bio {
    display: flex;
    padding: 50px 0;
    justify-content: space-between;
}

.bio div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.bio:nth-of-type(even) {
    flex-direction: row-reverse;
}

.bio:nth-of-type(even) img {
    padding-right: 40px;
}

.bio:nth-of-type(odd) p {
    padding-right: 40px;
}

h3 {
    font-size: 21px;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


hr {
    border: #282E32 1px solid;
}

/*--- HEADER STYLES ---------------------*/
/*.notInventory {*/
header {}

/*}*/


/*---BODY--------------------------------*/
/*.notInventory {*/

.flexBox {

    display: flex;

    align-items: center;

    overflow: hidden;
}


.mainArea {
    margin-top: 13px;
}


.bgArea {

    background: linear-gradient(rgba(40, 46, 50, .85), rgba(40, 46, 50, .85)), url(/templates/maxtrucks.net/siteart/main.png);

    /* background-attachment: fixed; */

    background-repeat: no-repeat;

    background-size: cover;

    color: #f7f4f2;
}

.mainArea .widthStuff {

    padding: 165px 45px;

    text-align: center;

    max-width: 1280px;

    margin: 0 auto;

    color: #F7F4F2;
}

.mainArea .widthStuff p.mainP {
    margin: 45px 0;
}

.welcomeBox {
    background: rgba(161, 25, 38, 0.8);
    position: absolute;
    max-width: 820px;
    margin: 0 6.25VW;
    padding: 30px 45px;
    color: #F7F4F2;
    text-align: left;
}

.buttons {

    display: flex;
}

.mainArea .buttons {
    justify-content: center;
}

.welcomeBox h2 {

    padding-bottom: 20px;
}

.mainArea .buttons a {
    background: #A11926;
}

.mainArea .buttons a:hover {
    background: #282e32;
}

.buttons a {

    padding: 10px 25px;

    background: #282e32;

    color: #F7F4F2;

    margin-right: 10px;

    border-radius: 4px;
}

.buttons a:hover {

    background: #A11926;
}

.bgArea .buttons a {

    padding: 10px 25px;

    background: #A11926;

    color: #F7F4F2;

    margin-right: 10px;

    border-radius: 4px;
}

.bgArea .buttons a:hover {

    background: #282e32;
}


/*}*/

/*--------FORM STYLES--------------------*/
/*.notInventory {*/

/*}*/

/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

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

footer {}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-size: 13px;
}

a.footerlink:hover {
    text-decoration: none;
    font-size: 13px;
}

.footertext {
    font-size: 13px;
    color: #999999;
}

.smallfootertext {
    font-size: 10px;
    color: #999999;
}

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

/*}*/

/*---------- RESPONSIVE STYLES ----------*/

/*.notInventory {*/
@media only screen and (max-width: 630px) {

    .mainArea .widthStuff {
        padding: 45px 6.25VW;
    }

    .buttons {
        flex-direction: column;
    }

    .buttons a {

        margin: 5px 0;

        font-size: 14px;

    }

    .mainArea {
        margin-top: 0;
    }

    h1 {

        font-size: 45px;
    }

    p {

        font-size: 14px;
    }

    h2 {

        font-size: 18px;
    }

}

@media only screen and (max-width: 1045px) {
    .welcomeBox {
        max-width: calc(14.375rem + ((1vw - 3.2px) * 100));
        margin: 0;
    }

    .borrowedFromWardTrucks .slick-prev {
        left: calc(0.4375rem + ((1vw - 3.2px) * 0.4138)) !important;
    }

    .borrowedFromWardTrucks .slick-next {
        right: calc(0.4375rem + ((1vw - 3.2px) * 0.4138)) !important;
    }

    .borrowedFromWardTrucks .slick-next,
    .borrowedFromWardTrucks .slick-prev {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 0.2759)) !important;
    }

    .welcomeBox {}

    .welcomeBox {}
}

@media only screen and (min-width:768px) and (max-width: 1130px) {}

@media only screen and (min-width: 1921px) {

    .flexBox img {
        width: 100%;
    }
}

@media only screen and (max-width: 1100px) {


    .otherPage .invWrap {
        padding: 45px;
    }

    .bio {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .bio * {
        text-align: center;
    }

    .bio img {
        padding-bottom: 50px;
    }

}

@media only screen and (max-width: 1600px) {

    .invWrap img {
        margin: 0 auto !important;
    }

    .otherPage .invWrap {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .contactPage .buttons {
        justify-content: center;
    }

    .contactPage .buttons a {
        margin: 0;
    }

    .contactPage h1 {
        text-align: center;
    }

    .flex {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .contactSurround .leftStuff hr {
        margin: 15px auto !important;
    }

    .flexRight iframe {
        width: 100%;
        max-width: 100%;
    }

}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .welcomeBox {
        margin-top: 110px !important;
    }

    .flexBox {
        align-items: flex-start
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .bio {
        display: block !important
    }
}

.contactSurround {
    /*! CSS Used from: https://finchammobilestorage.com.hdev/css/style.css?v=1.0 */
}

.contactSurround div,
.contactSurround h3,
.contactSurround p,
.contactSurround a {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.contactSurround ::-moz-selection {
    background: #22394D;
    color: #FFFFFF;
    text-shadow: none;
}

.contactSurround ::selection {
    background: #22394D;
    color: #FFFFFF;
    text-shadow: none;
}

.contactSurround body * {
    font-family: lora, serif;
}

.contactSurround a:link,
.contactSurround a:visited,
.contactSurround a:active {
    text-decoration: none;
}

.contactSurround a:hover {
    text-decoration: none;
}

.contactSurround hr {
    border: #f7f4f2 0.8px solid;
    max-width: 158px;
    margin: 30px auto;
}

.contactSurround .contact hr {
    margin: 30px 0;
}

.contactSurround .leftStuff hr {
    margin: 15px 0;
}

.contactSurround .contactOverwrite hr {
    margin: 15px 0;
    text-align: left;
}

.contactSurround .leftStuff {
    padding-right: 120px;
    width: 100%;
}

.contactSurround section p {
    color: #00818D;
    font-size: 19px;
    line-height: 24px;
    font-size: calc(0.875rem + ((1vw - 10px) * 0.5435));
}

@media (min-width: 1920px) {
    .contactSurround section p {
        font-size: 19px;
    }
}

.contactSurround section .leftStuff p {
    padding-bottom: 30px;
}

.contactSurround .contactOverwrite h3 {
    font-size: calc(1.05rem + ((1vw - 10px) * 0.5435));
    color: #00818D;
}

@media screen and (max-width: 1575px) {

    /*! CSS Used from: https://finchammobilestorage.com.hdev/css/menu.css?v=1.0 */
    .contactSurround .leftStuff {
        padding-right: 0;
    }
}

@media screen and (max-width: 1200px) {

    /*! CSS Used fontfaces */
    .contactSurround section .leftStuff p {
        font-size: 19px;
    }

    .contactSurround section p {
        font-size: 19px;
    }
}

/*}*/