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

.body-wrapper {
    margin-top: 85px;
}

a {
    color: #164e71
}

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 {
    display: block;
}

nav input {
    width: 259px !important;
    width: 13.48958vw !important;
    height: 37px !important;
    height: max(26px, 1.92708vw) !important;
    border-radius: 12px 0px !important;
    /* border-radius: 0.625vw 0px !important; */
    background: #efefef !important;
    opacity: 0.75 !important;
    border: none !important;
    padding: 0 17px !important;
    padding: 0 0.88542vw !important;
    font-size: 12px !important;
    font-size: max(12px, 0.625vw) !important;
    color: #3D3D3D !important;
    font-weight: bold !important;
}

nav input {
    background: white !important;
}

nav .searchSurround button {
    position: relative;
    left: -2.44375VW;
    background: none !important;
    border: none;
    font-size: max(13px, 0.625vw) !important;
    color: #8b8d90 !important;
    cursor: pointer;
    width: auto;
    display: inline-block;
}

nav .searchSurround button:hover {
    background: none !important;
}

/*font-family: eurostile, sans-serif;font-family: 'Play', sans-serif;*/
/*-------- COLORS --------*/
:root {
    /* All text that appears outside of the colored boxes, background for the colored boxes */
    --neutral1: #FFFFFF;
    /* Insurance/Financing buttons */
    --secondary1: #DBCDC6;
    /* Some titles, some buttons */
    --primary: #C3262D;
    /* Background color for hover states, text color for hover states */
    --secondary2: #707070;
    /* Background color, all text appearing within the colored boxes */
    --neutral2: #1D1D1D;
}

/***** END RESET *****/
::-moz-selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}

::selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/
body * {
    font-family: 'Play', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: eurostile, sans-serif;
    text-transform: uppercase;
}

h1 {
    font-size: 54px;
    font-size: 2.8125vw;
}

h3 {
    font-size: 29px;
    font-size: max(18px, 1.51042vw);
}

h4 {
    font-size: 24px;
    font-size: max(18px, 1.25vw);
    color: #164e71;
}

h5 {
    font-size: 18px;
    font-size: max(14px, 0.9375vw);
}

p {
    font-size: 16px
}

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

a:hover {
    text-decoration: none;
}

.wrapper1 {
    max-width: 1547px;
    max-width: 80.57292vw;
    width: 100%;
    margin: 0 auto;
}

.ftWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blackBG .wrapper1 {
    padding: 50px 0;
    padding: max(38px, 2.60417vw) 0;
}

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

.ftRight {
    text-align: right;
}

.ftLeft .leftStuff {
    margin-right: 145px;
    margin-right: 7.55208vw;
}

.ftWrap,
.ftWrap * {
    font-size: 15px;
    font-size: max(12px, 0.78125VW) !important;
}

.mainArea {
    position: relative;
    margin-bottom: 170px;
    margin-bottom: 8.85417vw;
}

.otherPage .mainArea {
    margin: 14vw auto 8.85417vw auto;
}

.privacyPage .mainArea {
    margin: 8.85417vw auto;
}

.contactPage .sideTruck {
    left: 0;
}

.sideTruck.blackBox {
    background: #242424;
    width: 36.5%;
    border-radius: 2.86458vw 0px;
    height: 360px;
    padding: max(42px, 1.64583vw) max(60px, 3.20833vw);
    box-shadow: 0px 3px 3px rgb(0 0 0 / 16%);
    box-sizing: border-box;
    top: -3.5vw;
}

.sideTruck.blackBox p,
.sideTruck.blackBox p a {
    color: #efefef;
}

.sideTruck {
    position: absolute;
    top: -240px;
    top: -12.5vw;
    right: 31px;
    right: 1.61458vw;
    width: 577px;
    width: max(280px, 30.05208vw);
}

.wrapper2 {
    max-width: 1455px;
    max-width: 75.78125vw;
    width: 100%;
    margin: 0 auto;
}

.titleArea {
    padding: 100px 0;
    padding: 5.20833vw 0;
}

hr {
    border: var(--neutral2) 1px solid;
}

/*--- HEADER STYLES ---------------------*/

body {
    font-family: 'Arial', san-serif;
    margin: 0;
}

/*for demo purposes only*/
.clear {
    clear: both;
}

/***** Start of primary nav ******/
#menu-button {
    display: none;
}

nav.mobile {
    display: none;
}

nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    position: absolute;
    z-index: 3;
}

.otherPage nav.primary {
    background: transparent;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 16%);
    /* backdrop-filter: blur(35px); */
    /* --webkit-backdrop-filter: blur(35px); */
    background-color: #EFEFEF;
    position: relative;
}

nav.primary ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    height: 145px;
    height: 7.55208vw;
}

nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
}

nav.primary ul li a {
    color: #fff;
    font-size: 14px;
    font-size: 0.72917vw;
    line-height: 60px;
    line-height: 3.125vw;
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 500;
    padding: 0 12px;
    padding: 0 0.625vw;
    font-weight: bold;
    font-size: 15px;
    font-size: 0.78125vw;
    color: #164e71;
}

nav.primary ul li a img {
    width: 228px;
    width: 11.875vw;
}

nav.primary ul li a:hover {
    /* background: #000; */
    color: black;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: 16px;
    font-size: 0.83333vw;
    line-height: 16px;
    line-height: 0.83333vw;
    padding: 10px;
    padding: 0.52083vw;
    color: #fff;
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px;
}

/* Appearance of the sub-level links on hover */
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute;
}

nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

nav.primary ul li:hover > ul {
    display: block;
    line-height: 18px;
    line-height: 0.9375vw;
    z-index: 100;
}

nav.primary ul ul li {
    float: none;
    width: 270px;
    width: 14.0625vw;
    position: relative;
    margin: 0;
    display: block;
}

@media screen and (max-width: 1730px) {
    nav.primary ul li a {
        padding: 0 7px;
    }
}

@media screen and (max-width: 1575px) {
    nav.primary ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1400px) {
    nav.primary {
        /* width: 82%; */
    }
}

.centerMobileMenu {
    display: none;
}

/******** End of primary Nav ***************/
@media screen and (max-width: 1300px) {

    /*==============================Mobile Nav Styles================================*/
    nav.primary {
        display: none;
    }

    #menu-button {
        /* width: 100%; */
        display: inline-block;
        font-size: 20px;
        /* position: absolute; */
        /* line-height: 60px; */
        z-index: 400;
        /* needs to be lower than nav.mobile, adjust as needed */
        /* background: #000; */
        text-align: left;
        /* padding-right: 10px; */
        /* text-align: center; */
        flex: 1;
    }

    .show {
        z-index: 3;
    }

    .flexRight {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: flex-end;
    }

    .rightSubElement .contactAlt button {
        /* background: none; */
        /* color: inherit; */
        border: none;
        /* font: inherit; */
        /* cursor: pointer; */
        /* outline: inherit; */
        /* padding: 0; */
        /* width: 9.3229166667VW; */
        /* height: 70px; */
        /* width: calc(9.375rem + ((1vw - 7.67px) * 2.6019)); */
        font-size: 14px;
    }

    .rightSubElement .contactAlt button:hover {
        /* font-size: max(12px, 0.7291666666666666VW); */
    }

    .rightSubElement button {
        /* width: 6em; */
        background: none !important;
    }

    .rightSubElement button a:hover:after {
        content: "(956) 335-5000";
        transition: none !important;
    }

    .rightSubElement button,
    .rightSubElement button > * {
        transition: none !important;
        font-weight: bold;
    }

    .rightSubElement button a:hover i {
        display: none;
    }

    .rightSubElement {
        padding-left: 13px;
    }

    .hoverStuff form {
        display: none;
    }

    .hoverStuff {
        position: relative;
    }

    .hoverStuff:hover form {
        display: block !important;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .mobileMenuStuff {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 86px;
        height: 6.4179104477611935VW;
        align-items: center;
        max-width: 84.32835820895522VW;
        margin: 0 auto;
    }

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

    .mobileMenuStuff img {
        width: 11.875vw;
    }

    #menu-button a {
        color: #164E71;
        text-decoration: none;
        /* padding: 0 0 0 .8em; */
        font-weight: normal;
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: transparent;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        /* Note: currently only Safari supports backdrop-filter */
        backdrop-filter: blur(35px);
        --webkit-backdrop-filter: blur(35px);
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 500;
        /* needs to be higher than #menu-button, adjust as needed */
        overflow: auto;
    }

    /* MENU HEADER SOCIAL MEDIA */
    nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        word-spacing: 13px;
        padding: 0 0 0 15px;
        color: #174e71 !important;
    }

    nav.mobile .social-media i {
        color: #174e71 !important;
        font-size: 20px;
    }

    nav.mobile .social-media a:link,
    nav.mobile .social-media a:visited {
        color: #ccc;
        text-decoration: none;
    }

    nav.mobile .social-media a:hover,
    nav.mobile .social-media a:active {
        color: #fff;
        text-decoration: underline;
    }

    /* MENU HEADER STYLES */
    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
        color: #999;
        font-size: 18px;
        font-weight: 400;
    }

    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 1;
        /* background: #222; */
        color: #174e71;
        text-decoration: none;
        top: -38px;
        right: 13px;
    }

    nav.mobile .menu-toggle:hover {
        /* Menu close button on hoveer */
        /* color: #fff; */
    }

    /* MENU LIST STYLE */
    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    nav.mobile ul li {
        /* border-top: 1px solid #454545; */
        /* border-bottom: 1px solid #151515; */
        position: relative;
    }

    /* FIRST LEVEL */
    nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 15px;
        padding: 10px;
        color: #000000;
        text-decoration: none;
        /* border-left: 4px #333 solid; */
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */
        text-align: left;
        /* font-weight: bold; */
    }

    nav.mobile ul li a:hover {
        background: rgb(23 78 113);
        color: #fff;
        /* border-left: 4px #CB1C1C solid; */
        /* border highlight - Change to fit match site colors */
    }

    /* SECOND LEVEL */
    nav.mobile ul li li:last-child {
        border: none;
    }

    nav.mobile ul li li a {
        background: #444;
        position: relative;
        display: block;
        padding: 10px 10px 10px 15px;
        border-left: 4px #444 solid;
        color: #ccc;
        text-decoration: none;
    }

    nav.mobile ul li li a:hover {
        background: rgba(65, 65, 65, 0.5);
    }

    /* THIRD LEVEL */
    nav.mobile ul li li li:last-child {
        border: none;
    }

    nav.mobile ul li li li a {
        background: #555;
        position: relative;
        display: block;
        padding: 10px 10px 10px 25px;
        color: #ccc;
        text-decoration: none;
        border-left: 4px #555 solid;
    }

    nav.mobile ul li li li a:hover {
        background: rgba(85, 85, 85, 0.5);
    }

    nav.mobile ul li .click {
        /* dropdown menu idicator arrow be sure to include this image with your image files */
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 12399994;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        padding: 17px 20px;
        color: #fff;
    }

    .nav-footer {
        color: #1B1B1B;
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 0;
    }

    /* FONT AWESOME ICONS */
    nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 6px 0 0;
        text-align: center;
        background: #292929;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }

    nav.mobile ul li .fa-chevron-down {
        color: #999;
    }
}

@media screen and (max-width: 1020px) {
    #menu-button {
        width: auto;
        text-align: left;
    }
}

@media screen and (max-width:450px) {
    #menu-button {
        width: 100%;
    }
}

.clipped:before {
    content: '';
    top: -3px;
    top: -0.15625vw;
    position: absolute;
    width: 100%;
    height: 46.875VW;
    z-index: 1;
    -webkit-mask: url(/siteart/overlay.svg);
    mask: url(/siteart/overlay.svg);
    box-shadow: 0px 3px 3px rgb(0 0 0 / 16%);
    box-shadow: 0px 0.15625vw 0.15625vw rgb(0 0 0 / 16%);
    backdrop-filter: blur(35px);
    backdrop-filter: blur(1.82292vw);
    --webkit-backdrop-filter: blur(35px);
    --webkit-backdrop-filter: blur(1.82292vw);
    background-color: rgb(255 255 255 / 50%);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100.5%;
    /* OR cover OR fixed values */
    -webkit-mask-position: top center;
    -webkit-mask-repeat: no-repeat;
}

@-moz-document url-prefix() {
    .clipped:before {
        background: #EFEFEF
    }
}

.brands {
    position: relative;
    z-index: 2;
    padding: 50px 30px;
    padding: 2.60417vw 2.5625vw;
    background: white;
    border-top: 6px #164e71 solid;
    border-top: max(4px, 0.3125vw) #164e71 solid;
    margin-top: -150px;
    margin-top: -7.8125vw;
    box-shadow: 0px 0px 66px #4B4B4B75;
    box-shadow: 0px 0px 3.4375vw #4B4B4B75;
    box-sizing: border-box;
}

.blackBG {
    background: #242424;
    color: white;
}

.blackBG p a {
    color: white !important;
}

/*}*/
/*---BODY--------------------------------*/

.featuredStuff {
    padding: 70px 100px;
    padding: max(42px, 3.64583vw) max(60px, 5.20833vw);
    border-radius: 55px 0px;
    border-radius: 2.86458vw 0px;
    display: flex;
    background: #EFEFEF;
    width: 76%;
}

.contactPage .featuredStuff {
    margin: 0 0 0 auto;
    justify-content: flex-end;
    /* padding-top: max(137.744px, 9.64583vw) !important; */
}

.privacyPage .featuredStuff {
    padding-top: max(42px, 3.64583vw) !important;
}

.privacyPage .featuredStuff {
    margin: 0 auto;
}

.privacyPage .featuredStuff .featuredLeft {
    width: 100%;
}

.featuredLeft {
    width: 68%;
}

.featuredLeft h5 {
    color: #164e71;
}

.featuredRight {
    width: 45%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.icons .shop i {
    font-size: 60px;
    font-size: 3.125vw;
    font-size: max(26px, 3.125vw);
}

.icons {
    display: flex;
    align-items: center;
}

.icons i {
    font-size: 30px;
    font-size: max(18px, 1.5625vw);
    padding: 0 12px;
    padding: 0 0.625vw;
}

.featuredSlides {
    margin: 18px 0;
    margin: 0.9375vw 0;
}

.featuredMdlSec {
    display: flex;
    flex-direction: column;
}

.flexTrucks {
    display: flex;
}

.featuredStuff h1,
.sideTruck h1 {
    font-family: brush-script-std, sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 63px;
    font-size: max(35px, 3.28125vw);
}

.sideTruck h1 {
    color: #efefef;
}

/*}*/
/*--------FORM STYLES--------------------*/

/*}*/
/*-------- FOOTER STYLES ----------------*/

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

.scrolling {
    width: 100%;
    height: 92px;
    /* height: 4.79167vw; */
}

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

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

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

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

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

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

@media only screen and (max-width: 1165px) {
    .featuredStuff {
        width: 57.944206VW;
    }
}

@media only screen and (max-width: 767px) {
    .body-wrapper {
        margin-top: 0;
    }

    h1 {
        font-size: 30px;
    }

    h5 {
        text-align: center;
    }

    .ftLeft {
        flex-direction: column;
    }

    .ftRight {
        text-align: center;
    }

    .ftLeft .leftStuff {
        margin: 0 0 30px;
    }

    .rightStuff {
        margin-bottom: 30px;
    }

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

    .mainArea {
        margin-top: 4vw !important;
    }

    .sideTruck {
        top: -135px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .titleArea {
        padding-bottom: 150px;
        text-align: center;
    }


    #menu-button {
        text-align: right;
    }

    .mobileMenuStuff img {
        width: 165px;
    }

    .mobileMenuStuff {
        flex-direction: row-reverse;
        justify-content: space-between;
        position: relative;
        height: 100px;
    }

    .flexRight {
        display: none;
    }

    .clipped:before {
        content: none;
    }

    .brands {
        padding: 40px 30px;
        max-width: 100%;
    }



    .featuredStuff {
        width: 100%;
        box-sizing: border-box;
        padding: 110px 40px 40px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .featuredSlides .slider {
        width: 100% !important;
    }

    .flexSlides {
        padding: 0 1.4583333333333333VW !important;
    }

    .featuredLeft {
        width: 100%;
    }

    .featuredRight {
        justify-content: center;
        padding-top: 20px;
    }

    .flexTrucks {
        margin: 10px 0;
    }

    .slick-prev {
        left: -4.45833vw !important;
    }

    .slick-next {
        right: -4.45833vw !important;
    }

    .slick-prev,
    .slick-next {
        width: max(14px, 4.04167vw) !important;
    }





}

@media only screen and (max-width: 500px) {
    .mainArea {
        max-width: 100% !important;
        margin-bottom: 30px;
    }

    .titleArea {
        padding-top: 30px;
    }




    .featuredStuff {
        border-radius: 0;
    }





}

@media only screen and (max-width: 1250px) {
    .contactPage .mainArea {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sideTruck.blackBox {
        position: relative;
        width: 100%;
    }

    .contactPage .featuredStuff {
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
        padding: max(42px, 9.64583vw) max(60px, 5.20833vw) max(42px, 3.64583vw);
        position: relative;
        top: -120px;
        z-index: 0;
    }

    .privacyPage .featuredStuff {
        top: 0 !important;
    }

    .contactPage .featuredStuff .featuredLeft {
        width: 100%;
    }
}

.loaderContain {
    /*! CSS Used from: http://sublettemachinery.com.hstg/css/style.css?v=1 */
}

.loaderContain #loader {
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loaderContain #loader img {
    top: 50%;
    left: 50%;
    width: 100%;
    animation-name: grow;
    animation-duration: 1s;
}

.loaderContain #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    bottom: 0;
    background: #fff;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section.section-left {
    left: 0;
}

.loaderContain #loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.loaded #loader {
    opacity: 0;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
    /*! CSS Used keyframes */
}

@keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-moz-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/*}*/
/* + Stat Crux dum volvitur orbis + */