/*!
 * Site designed by: Jordan Zoucha of Sandhills Publishing.
 */

/***** BEGIN RESET *****/
html,
body,
div,
span,
iframe,
h1,
h3,
h4,
h5,
p,
pre,
a,
img,
b,
i,
ul,
li,
form,
label {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

html {
    background: #d8eae9;
}

ul {
    list-style: none;
}

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

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

*/
/***** END RESET *****/
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/
body,
html {
    height: 100%;
}

body {
    overflow-x: hidden;
    font-family: 'Esteban', serif !important;
}

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

a:hover {
    text-decoration: none;
}

hr {
    border: #000 1px solid;
}

/*--- HEADER STYLES ---------------------*/
header {
    position: fixed;
    z-index: 99999;
    width: 100vw;
    transition: all 0.5s ease-in-out;
    background: #E7C5CB;
    background: rgba(231, 197, 203, .7);
    filter: alpha(opacity=70) progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    /* -webkit-filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, .45)); */
    /* filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, .45)); */
}

.otherPages header {
    background: #e7c5cb;
}

.otherPage header {
    position: sticky;
    top: 0;
    width: auto;
}

.scrolled-header {
    background: rgba(231, 197, 203, 1);
    display: flex;
    transition: all 0.5s ease-in-out;
    position: fixed;
    /* top: 0; */
    width: 100vw;
    height: 111px;
    justify-content: space-around;
    border-bottom: 12px solid #d91d44;
}

.scrolled-header .primary {
    margin-top: 0;
}

.scroll {
    position: relative;
    font-size: 1.3em;
    margin-top: 6em;
    display: inline-block;
}

.scroll:hover {
    text-decoration: none;
}

.scroll:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    margin: auto;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
}

.scroll:after {
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*---BODY--------------------------------*/
h1 {
    font-size: 70px;
    font-family: 'Arbutus', fantasy;
    font-weight: 400;
    font-style: normal;
    color: white;
    padding-bottom: 23px;
}

h3 {
    color: white;
    font-size: 42.75px;
    font-weight: 100;
}

.scrollToTop {
    display: none !important;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.6);
    padding: 12px 30px 12px;
    font-size: 18px;
    color: #fff;
    /* border-radius: 30px; */
    cursor: pointer;
    z-index: 99999;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    transition: all .25s ease-in;
}

.otherPages .scrollToTop {
    display: none !important;
}

.scrollToTop:hover {
    background: #d91d44;
}

a.scrollToTop.appear {
    display: block !important;
}

.mask {
    /* height: calc(100vh - 111px) !important; */
    overflow: hidden;
    min-height: 1057px;
    position: relative;
    top: 111px;
    height: 500px;
}

section.mask.homeBottom {
    min-height: auto;
}

.slider-top {
    position: absolute;
    z-index: 999999999999;
    bottom: 0;
    /* display: flex; */
    /* justify-content: center; */
    /* width: 100%; */
    /* flex-direction: column; */
    /* line-height: 55px; */
}

.slider-top section {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    line-height: 55px;
    padding-bottom: calc(2.1875rem + ((1vh - 5.78px) * 8.3507));
}

.next {
    position: absolute;
    bottom: 0;
    width: 100vw;
    display: flex;
    justify-content: center;
}

.slider-top h3,
.slider-top h1 {
    padding-left: calc(0.9375rem + ((1vw - 7.68px) * 9.9826));
}

.slider-top p {
    padding-left: calc(0.9375rem + ((1vw - 7.68px) * 34.7222));
    color: white;
    font-size: calc(1.1875rem + ((1vw - 7.68px) * 0.7813));
}

.offset {
    /* height: calc(100vh - 111px) !important; */
    top: 123px;
    position: relative;
}

.offset {
    display: flex;
    flex-direction: column;
    height: calc(100% - 111px);
    min-height: calc(100% - 111px);
    justify-content: space-between;
}

#main {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#main section {
    display: flex;
    width: calc(56.25rem + ((1vw - 7.67px) * 26.0191));
    flex-direction: column;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%), url(../siteart/longhorn.svg) no-repeat left 25%/98%;
    flex: 1;
    -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(39.26206244087039vh 0, 100% 0, 100% 100%, 0% 100%);
    background-position-x: -180px;
}

#main section div {
    padding: 0 calc(2rem + ((1vw - 7.67px) * 10.4076)) 0 calc(26.5625rem + ((1vw - 7.67px) * 4.3365));
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#main section div p {
    font-size: 22px;
    padding-left: 13px;
    color: white;
}

#main section div a {
    font-size: 28px;
    color: white;
    align-self: flex-end;
    background-color: #d91d44;
    padding: 17.5px 50px;
    margin-top: 35px;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
    position: relative;
    transition: all .25s ease-in;
}

.icon:hover {
    background-color: black !important;
}

#main {
    /* padding: 30px 0; */
    overflow-x: hidden;
}

.mask.hero {
    height: 100vh !important;
    min-height: 100vh !important;
    top: 0;
    position: static;
    overflow-y: hidden;
}

.hero {
    /* height: 100vh !important; */
}

.divTableBody {
    display: flex;
    flex-wrap: wrap;
}

#CaptchaAnswer {
    /* width: 300px; */
}

#submit {
    border: none;
    background: #c1272d;
    padding: 9px;
    color: white;
    font-family: chaparral-pro, serif;
    font-size: 15px;
    transition: 0.3s ease-in;
    cursor: pointer;
}

input#submit:hover {
    background: black;
}

.label {
    font-size: 17px;
}

input {
    font-family: inherit;
    font-size: 16px;
}

.forms {
    padding-bottom: 10px;
}

hr {
    border: white 1px solid;
}

#teleFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#contactUs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: space-around;
    /*    padding-top: 25px;*/
}

#contactUs h1 {
    font-size: 33px;
    text-align: center;
}

#contactLeft,
#contactRight {
    width: 40%;
}

#contactLeft input {
    font-size: 19px;
    border-color: black;
    border-top: none;
    border-right: none;
    border-left: none;
    height: auto;
}

#contactLeft h2,
#contactRight h2 {
    text-align: center;
    font-size: 1.8rem !important;
    align-self: center;
    line-height: normal;
    font-weight: normal;
    font-family: 'Arbutus', fantasy !important;
    color: white;
    font-style: normal;
}


.contactForm {
    /*    display: flex;*/
    flex-direction: column;
    align-items: center;
}

.contactForm .forms {
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 20px;
}

#contactLeft input,
#contactLeft textarea,
.CaptchaPanel {
    width: 100%;
    padding: 4px;
}

.contactChild li {
    margin-bottom: 10px;
}

#contactLeft textarea {
    font-family: 'Esteban', serif;
    font-size: 19px;
    height: 155px;
    margin-top: 10px;
    border-color: black;
    background: lightgray;
    resize: none;
    overflow: auto;
}

#contactLeft textarea::placeholder {
    color: #e7c5cb;
}

#submit {
    height: 30px;
    color: white;
    border: none;
    background: #005fb3;
}

#submit:hover {
    background: black;
}

.contactChild {
    margin-bottom: 20px;
}

.contactChild h3 {
    display: inline;
}

.contactChild a {
    color: white;
}

.contactChild a:hover {
    text-decoration: underline;
}

.contactChild:nth-of-type(1) {
    padding-bottom: 0;
}

.contactChild .fa {
    font-size: 30px;
}

.contactChild .fa-phone {
    padding-left: 1.5vw;
}

.contactChild ul,
.contactChild:nth-of-type(2) a {
    font-size: 19px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.contactChild .fa-envelope {
    padding-right: 1.5vw;
}

@media only screen and (max-width: 767px) {
    #contactUs {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    #contactLeft,
    #contactRight {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 20px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    div#contactRight {
        max-width: 280px;
        align-self: center;
    }

    .contactChild ul,
    .contactChild:nth-of-type(2) a {
        font-size: calc(1.0625rem + ((1vw - 7.68px) * .6944));
    }

    .contactChild .fa {
        font-size: 25px;
    }

    .contactChild .fa-phone {
        padding-left: 3vw;
    }

    .contactChild .fa-envelope {
        padding-right: 3vw;
    }
}

@media screen and (max-width: 800px) {
    span.mobile-hidden {
        display: none;
    }

    .email {
        margin-top: 7px;
    }
}

/*--------FORM STYLES--------------------*/
@keyframes forceNoBorder {
    from {
        border: none;
    }

    to {
        border: none;
    }
}

@keyframes forceNoBorder {
    from {
        border: none;
    }

    to {
        border: none;
    }
}

select:not(.container.cf *),
input:not(.container.cf *),
textarea:not(.container.cf *) {
    background: rgb(120, 110, 111) !important;
    border-bottom: none;
    color: #ffffff !important;
    border-radius: inherit !important;
    -webkit-animation: 1s linear infinite forceNoBorder !important;
    animation: 1s linear infinite forceNoBorder !important;
    border-left: none;
    border-right: none;
    border-top: none;
}

#submit {
    background-color: #d91d44 !important;
    /* margin: 0 auto; */
    /* align-self: center; */
    width: 100% !important;
}

#submit:hover {
    background-color: black !important;
}

.divTableBody {
    display: flex;
    /* flex-wrap:wrap; */
    justify-content: center;
    flex-direction: column;
}

.contactForm {
    padding-top: 25px;
    /*    display: flex;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#CaptchaAnswer {
    /* width:300px; */
}

#submit {
    border: none;
    background: #c1272d;
    padding: 9px;
    color: white;
    font-family: 'Esteban', serif;
    font-size: 15px;
    transition: 0.3s ease-in;
    cursor: pointer;
}

input#submit {}

input#submit:hover {
    background: black;
}

.label {
    font-size: 17px;
}

input {
    font-family: inherit;
    font-size: 16px;
}

.forms {
    padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .divTableBody {
        flex-direction: column !important;
    }

    input {
        width: 75vw;
    }

    .forms {
        flex-direction: column;
        /* width:300px; */
    }

    .CaptchaPanel {
        margin: 0 !important;
        padding: 0 !important;
    }

    .CaptchaImagePanel,
    .CaptchaMessagePanel {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    form {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 1141px) {
    .divTableBody {
        justify-content: center;
    }

    .contactForm {
        /*    display: flex;*/
        flex-direction: column;
        align-items: center;
    }
}

/*! CSS Used from: Embedded */
.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: center;
    padding: 10px;
}

.CaptchaWhatsThisPanel a {
    color: white;
}

.CaptchaImagePanel {
    padding: 5px 5px 10px 5px;
}

.CaptchaImage {
    border: 1px solid #333;
}

.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
    font-weight: bold;
}

.CaptchaAnswerPanel {
    padding: 5px 5px 10px 5px;
}

.CaptchaWhatsThisPanel {
    padding: 5px 5px 10px 5px;
}

/*-------- .footer STYLES ----------------*/
/*! CSS Used from: https://www.davebellauctionsandequipment.com/css/style.css?v=2.0 */
footer {
    display: block;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

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

a:hover {
    text-decoration: none;
}

#footer {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* height: 128px; */
    background: #d91d44;
    /* -webkit-filter: drop-shadow(0px -5px 6px rgba(0, 0, 0, .45)); */
    /* filter: drop-shadow(0px -5px 6px rgba(0, 0, 0, .45)); */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    top: 111px;
    position: relative;
    z-index: 99999;
    height: 205px;
}

.otherPages #footer {
    top: 0;
}

footer#footer section {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    /* padding-bottom: 26px; */
    align-items: center;
    flex: 1;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    color: white;
}

a.footerlink:hover {
    text-decoration: underline;
}

.divfooter {
    font-size: 15px;
    line-height: 22px;
    width: 776px;
    color: white;
    padding-left: 120px;
}

#footerImgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 120px;
}

#footerImgs img {
    width: 290px;
}

#footerImgs img:nth-of-type(1) {
    padding-right: calc(1.25rem + ((1vw - 13.5px) * 6.1404));
}

@media screen and (max-width: 1260px) {
    #main section {
        clip-path: none;
        width: 100%;
        background-position: center;
        background-size: cover;
        -webkit-clip-path: none;
    }

    #main section div {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1240px) and (min-width: 1021px) {
    .divfooter {
        font-size: calc(.875rem + ((1vw - 10.21px) * 1.8265));
        line-height: calc(1.0625rem + ((1vw - 10.21px) * 2.2831));
        padding-right: 30px;
    }

    #footerImgs img {
        width: calc(12.5rem + ((1vw - 10.21px) * 18.2648));
    }
}

@media screen and (max-width: 1575px) and (min-width: 1021px) {
    #footer {}
}

@media screen and (max-width: 1020px) {
    .divfooter {
        font-size: 20px;
        line-height: 1.4;
        width: 85vw;
        padding-bottom: 21px;
        text-align: center;
        padding-left: 0;
        font-size: calc(0.9375rem + ((1vh - 5.78px) * 1.4831));
    }

    #footer {
        height: auto;
        padding: 0;
        padding: 25px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap-reverse;
        /* flex-wrap: wrap-reverse; */
        padding: 0;
    }

    footer#footer section {
        flex-direction: column;
        align-items: center;
        padding: 12px 0;
    }

    #footerImgs img:nth-of-type(1) {
        padding-right: 0;
    }

    #footerImgs {
        padding-right: 0;
    }

    #footerImgs img {
        width: 30vw;
    }
}

@media only screen and (max-width: 767px) {
    .otherPages header#scrollTop {
        display: block;
        transition: none;
        position: absolute;
        height: auto;
        border: none;
    }

    .divfooter {
        font-size: 15px;
    }

    .smallfootertext {
        display: none;
    }

    #footerImgs img {
        width: 40vw;
    }

    #footerImgs img:nth-of-type(1) {
        padding-right: 5px;
    }
}

@media screen and (max-width: 1575px) and (min-width: 1021px) {
    .divfooter {
        -ms-flex: 1;
        flex: 1;
    }
}

@media only screen and (min-width: 767px) and (max-height: 1050px) {
    #main section div p {
        font-size: calc(0.9375rem + ((1vh - 5.78px) * 1.4831));
    }

    #main section div a {
        font-size: calc(1.25rem + ((1vh - 5.78px) * 1.6949));
    }

    #main section div a {
        padding: calc(0.65625rem + ((1vh - 5.78px) * 1.4831)) calc(2.1875rem + ((1vh - 5.78px) * 3.178));
    }

    #main section div a {
        margin-top: calc(0.5375rem + ((1vh - 6.28px) * 4.2373));
    }

    #main section img {
        margin-bottom: calc(0.625rem + ((1vh - 5.78px) * 4.2373)) !important;
    }
}

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

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

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
@keyframes forceEsteban {
    from {
        font-family: 'Esteban', serif !important;
        font-weight: 100 !important;
    }

    to {
        font-family: 'Esteban', serif !important;
        font-weight: 100 !important;
    }
}

@keyframes forceEsteban {
    from {
        font-family: 'Esteban', serif !important;
        font-weight: 100 !important;
    }

    to {
        font-family: 'Esteban', serif !important;
        font-weight: 100 !important;
    }
}

.hosted-content .listings-wrapper *,
.hosted-content .listings-detail-wrapper * {
    -webkit-animation: 1s linear infinite forceEsteban;
    animation: 1s linear infinite forceEsteban;
}

.mc-full {
    z-index: 99999 !important;
}

ul {
    list-style: none;
}

a text {
    color: #333 !important;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

h1,
h3 {
    line-height: normal;
    font-weight: normal;
    font-family: 'Arbutus', fantasy;
}

.container.padding h1 {
    font-size: 1.8rem !important;
    align-self: center;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline;
}

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

div.email span,
div.dealer-data a,
.seller span {
    color: #000 !important;
}

#inventory:before {
    background: url("../siteart/background.jpg");
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.contact #inventory:before {
    background: url("../siteart/slideshow/1.jpg");
    background-size: cover;
}

input {
    font-size: 16px;
}

.listing-widgets a {
    /* background:  #d91d44!important; */
}

.dealer-contact__header h2,
.dealer-contact__label span,
.dealer-contact__phone .dealer-contact__link-text,
.dealer-contact__phone .dealer-contact__icon,
.dealer-contact__phone .fa-external-link-alt,
.dealer-contact__videochat .fa-external-link-alt,
.dealer-contact__videochat span {
    color: #666666 !important;
}

.container.padding {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    /*    max-width: 1360px;*/
    margin: 0px auto;
    padding: 140px 0 15px !important;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.thankyou .container.padding {
    height: 860px;
}

.mwlincnethdev-1rt9xjc {
    color: #fff;
}

.contact .container.padding {
    padding: 140px calc(1.375rem + ((1vw - 7.68px) * 3.4722)) 25px !important;
}

/*

.container.cf.padding p {
    align-self: center;
}
*/

.hosted-content .listings-wrapper,
.hosted-content h3,
.hosted-content h1,
.hosted-content h2,
.hosted-content .options li a {
    color: white !important;
}

.hosted-content .listings-wrapper .bold,
.hosted-content .listings-wrapper .italic,
.hosted-content .listings-wrapper h2,
.hosted-content .listings-detail-wrapper .bold,
.hosted-content .listings-detail-wrapper .italic,
.hosted-content .listings-detail-wrapper h2,
.hosted-content .listings-drilldown-wrapper .bold,
.hosted-content .listings-drilldown-wrapper .italic,
.hosted-content .listings-drilldown-wrapper h2 {
    font-family: 'Esteban', serif !important;
}

.hosted-content a {
    color: white;
    font-family: 'Esteban', serif;
    font-weight: 100;
}

@keyframes forceTan {
    from {
        color: #d8cbc7;
    }

    to {
        color: #d8cbc7;
    }
}

.hosted-content .options li a:hover {
    -webkit-animation: 1s linear infinite forceTan;
    animation: 1s linear infinite forceTan;
}

.hosted-content a:hover {
    color: #e7c5cb;
}

.hosted-content .widget-express-container,
.hosted-content .widget-nah-container,
.hosted-content .widget-unico-container {
    background: #e7c5cb !important;
}

.hosted-content .widget-express-container:hover,
.hosted-content .widget-nah-container:hover,
.hosted-content .widget-unico-container:hover {
    background: white !important;
}

.hosted-content {
    width: 100% !important;
    padding: 0 calc(1.375rem + ((1vw - 7.68px) * 3.4722));
}

.hosted-content .listings-wrapper .sort-box {
    background: #d91d44 !important;
}

.hosted-content input[type='submit'],
.hosted-content .btn {
    background: #d91d44 !important;
    font-family: 'Esteban', serif !important;
}

.hosted-content input[type='submit']:hover,
.hosted-content .btn:hover,
.hosted-content .listings-wrapper .listings-list .listing-banner {
    background: black !important;
}

.hosted-content .listings-wrapper .border-bottom:not(.listing) {
    border-bottom: 2px solid #d91d44 !important;
}

.listing {
    border-bottom: 2px solid white !important;
}

.container.padding span,
.container.padding ul li,
div {
    /* color: white; */
}

div#main-content {
    background: white;
}

div#listContainer {
    background: white;
}

div#faceted-search-main {
    background: white;
}

.container.padding h3 {
    font-size: 22px;
}

.widgets a span {
    color: black;
}

.hosted-content .listings-detail-wrapper .information-box .row:nth-child(even) {
    background: none !important;
}

.hosted-content .listings-detail-wrapper .information-box {
    border-bottom: 1px solid #ebebeb !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

label {
    display: flex;
    font-size: 17px;
}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width: 100vw;
    height: 90px;
    overflow: hidden;
    padding: 14px 0 18px;
}

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

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1190px) {
    .noMargin .about h1 span {
        display: block;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .container.padding h1 {
        padding: 25px;
    }
}

@media only screen and (max-width: 767px) and (max-height: 603px) {
    .hide {
        display: none;
    }
}

@media only screen and (max-width: 767px) and (max-height: 400px) {
    .slider-top section {
        display: none;
    }
}

@media only screen and (max-width: 767px) and (max-height: 890px) {
    .sp-slides-container {
        overflow: hidden;
        height: 812px !important;
    }
}

@media only screen and (max-width: 767px) {
    .mask.hero {
        position: relative;
        height: calc(100vh - 84px) !important;
        min-height: calc(100vh - 84px) !important;
        overflow: visible;
    }

    .slider-top {
        overflow: hidden;
        z-index: 9;
    }

    .slider-top section {
        position: relative;
        width: 100vw;
        align-items: center;
        padding-bottom: 60px;
        line-height: calc(2.1875rem + ((1vw - 3.2px) * 4.4743));
        top: 0px;
        -moz-transform: translate(0px, 50px);
        -webkit-transform: translate(0px, 50px);
        -o-transform: translate(0px, 50px);
        -ms-transform: translate(0px, 50px);
        transform: translate(0px, 50px);
    }

    .slider-top section:after {
        content: "";
        display: block;
        height: 500%;
        position: absolute;
        bottom: -180px;
        opacity: 0.65;
        left: 0;
        width: 100%;
        z-index: -1;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,066666+100 */
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /* IE6-9 */
        background: -moz-linear-gradient(50% 246.8% 90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.57) 36.13%, rgba(14, 12, 13, 0.3) 66.69%, rgba(31, 28, 29, 0.04) 95.13%, rgba(35, 31, 32, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.57) 36.13%, rgba(14, 12, 13, 0.3) 66.69%, rgba(31, 28, 29, 0.04) 95.13%, rgba(35, 31, 32, 0) 100%);
        background: -webkit-gradient(linear, 50% 246.8%, 50% 146.8%, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(0.3613, rgba(3, 3, 3, 0.57)), color-stop(0.6669, rgba(14, 12, 13, 0.3)), color-stop(0.9513, rgba(31, 28, 29, 0.04)), color-stop(1, rgba(35, 31, 32, 0)));
        background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.57) 36.13%, rgba(14, 12, 13, 0.3) 66.69%, rgba(31, 28, 29, 0.04) 95.13%, rgba(35, 31, 32, 0) 100%);
        background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.57) 36.13%, rgba(14, 12, 13, 0.3) 66.69%, rgba(31, 28, 29, 0.04) 95.13%, rgba(35, 31, 32, 0) 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#231F20' ,GradientType=0)";
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 3, 3, 0.57) 36.13%, rgba(14, 12, 13, 0.3) 66.69%, rgba(31, 28, 29, 0.04) 95.13%, rgba(35, 31, 32, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231F20', endColorstr='#000000', GradientType=0);
    }

    .next {
        display: none;
    }

    .slider-top .next img {
        padding-bottom: 25px !important;
    }

    .slider-top section h1,
    .slider-top section h3,
    .slider-top p {
        padding: 0;
    }

    .slider-top p {
        display: none;
    }

    .slider-top section h3 {
        font-size: calc(1.421875rem + ((1vw - 3.2px) * 4.4743));
    }

    .slider-top section h1 {
        font-size: calc(2.5rem + ((1vw - 3.2px) * 6.7114));
    }

    .mask {
        top: 84px;
    }

    .scrollToTop {
        bottom: 135px;
    }

    .mask.homeBottom {
        top: 0px;
        height: auto !important;
        /* margin-top: -84px; */
        border-top: solid 6px #d91d44;
        z-index: 1;
    }

    #footer {
        top: 0px;
        margin-bottom: 84px;
        padding-bottom: 84px;
    }

    .offset {
        top: 0;
        height: auto !important;
        min-height: auto !important;
    }

    #main section {
        flex-direction: column;
    }

    #main section div {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .scrollToTop.appear {
        right: 20px;
        left: auto;
        bottom: 15px;
        visibility: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .divTableBody {
        flex-direction: column !important;
    }

    .forms {
        flex-direction: column;
        /* width: 300px; */
    }

    #contactLeft input,
    #contactLeft textarea,
    .CaptchaPanel {
        width: 75vw;
    }

    .CaptchaPanel {
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 25px !important;
    }

    .CaptchaImagePanel,
    .CaptchaMessagePanel {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (max-height: 2880px) {
    #home #main {
        /* padding: calc(1.875rem + ((1vh - 5.68px) * 6.2241)) 0; */
        flex: 1;
        background-image: url("../siteart/background.jpg");
        display: flex;
        align-items: flex-end;
        background-size: cover;
    }

    #home #main section img {
        /* height: calc(3.125rem + ((1vh - 5.68px) * 5.1867)); */
    }
}

@media only screen and (min-width: 767px) {
    #main section img {
        width: calc(26.875rem + ((1vw - 7.67px) * 12.4892));
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    form {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #main section img {
        width: 100% !important;
        display: none;
    }

    #main section p {
        font-size: calc(0.65rem + ((1vw - 3.1px) * 4.0179)) !important;
    }

    #main section div a {
        font-size: calc(0.75rem + ((1vw - 3.2px) * 4.0179)) !important;
        padding: 10px 40px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 1141px) {
    .divTableBody {
        justify-content: center;
    }

    .contactForm {
        /*    display: flex;*/
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }
}

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

    #home h1,
    #contactLeft h2,
    #contactRight h2 {
        /* font-size: 35px; */
        padding-bottom: 10px;
    }
}

@media only screen and (max-height: 475px) {
    .scrollToTop {
        visibility: hidden;
    }
}

/*---------- ANIMATION STYLES ----------*/
.down-animated {
    -webkit-animation: fadeIn 1s infinite alternate;
    animation: fadeIn 1s infinite alternate;
}

.down-animated {
    -webkit-animation: fadeIn 1s infinite alternate;
    animation: fadeIn 1s infinite alternate;
}

@supports (-webkit-overflow-scrolling: touch) {
    .mask.hero {
        top: -153px;
        position: relative;
    }
}

/*---------- IE ONLY STYLES ----------*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #main section img {
        max-height: 110px;
        height: 100%;
    }

}

@media all and (max-width:1020px) {

    _:-ms-lang(x),
    #footer {
        display: block;

    }
}