body {
    font-family: "Arial", sans-serif;
    font-size: 16px;
    color: #000;
}

@media (max-width: 767px) {
    body {
        position: relative;
        z-index: 1;
    }
    #outer-wrapper:after {
        content: "";
        position: fixed;
        top: 0;
        height: 100vh;
        left: 0;
        right: 0;
        z-index: -1;
        background: #fff url() no-repeat center center;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    body {
        background: #fff url() no-repeat center center;
        background-attachment: fixed;
        background-size: cover;
        overflow-x: hidden;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "freedommachine", sans-serif;
    font-weight: unset;
    text-transform: uppercase;
}

a {
    color: #ff6600;
    transition: 0.3s;
}

a:focus,
a:hover {
    color: #000000;
    text-decoration: none;
}

#home-page #section-1 {
    margin-top: -25px;
}

.featuredSection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/a1b72055-4a82-4f8e-a36e-7476f0a13290/featured-back.jpg);
    background-size: cover;
    background-position: bottom center;
    margin-top: 0 !important;
    padding: 60px 0;
}

.vytSection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/a17fa85c-29ca-4b8c-869d-3f3098938ae1/vyt-back-2.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 0 !important;
}

.aboutSection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/5952a8b2-4752-4719-887d-5191b74458b6/about-back.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color: white;
    padding: 13% 0;
    margin-top: 0 !important;
}

#content-container {
    padding-bottom: 25px;
}

hr {
    border-top: 1px solid #bbb;
}

#home-page {
    margin-bottom: -25px;
}

/* HEADER */

header.body {
    background-color: white;
    border-bottom: 5px solid #ff6600;
}

.headerLocations {
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "freedommachine", sans-serif;
    text-transform: uppercase;
    font-size: 22px;
}

.headerBlock {
    padding: 10px 30px;
}

.headerBlock span:first-child {
    font-family: "Barlow Condensed", sans-serif;
    color: #ff6600;
}

.headerBlock span:nth-child(2) {
    color: white;
    transition: 0.3s;
}

.headerBlock a:hover span:nth-child(2) {
    color: #ff6600;
}

.headerBlock img {
    max-width: 83px;
    max-height: 50px;
}

.headerContainer {
    width: 1480px;
    margin: auto;
    padding: 0 15px;
    display: flex;
}

.headerLogo {
    padding: 13px 0;
    position: relative;
    z-index: 2;
    flex: 0 0 30%;
}

.headerLocations.headerLocationsMobile {
    display: none;
}

.headerTour {
    background-color: #ff6600;
    text-align: center;
    padding: 3px;
}

.headerTour a {
    color: black;
    font-family: 'freedommachine', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}

/* NAVIGATION */

#main-nav {
    margin-top: -107px;
}

#main-nav.affix {
    background-color: white;
    z-index: 333;
    margin-top: -194px;
    width: 100%;
    border-bottom: 5px solid #ff6600;
}

.affix {
    transition: 0.5s;
}

#main-nav .container {
    width: 1480px;
}

.navbar-nav > li > a {
    font-family: freedommachine, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 43px 16px;
    color: black;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }

    .affix .navbar-nav {
        float: none;
        display: flex;
        justify-content: space-between;
    }
}

#main-nav .dropdown-menu > li > a {
    font-family: "freedommachine", sans-serif;
}

.social-media-icons {
    display: none;
}

/* CONTENT */

.btnWrapper {
    width: 1480px;
    margin: auto;
}

.btnContainer {
    display: flex;
}

.btnContainer a {
    position: relative;
    margin: 2px;
    overflow: hidden;
}

.btnContainer img {
    filter: brightness(0.5);
    transition: 0.8s;
}

.btnContainer a:hover img {
    transform: rotate(-5deg) scale(1.5);
    filter: brightness(0.2);
}

.btnContainer a:hover .btnText {
    top: 50%;
    transform: translateY(-50%);
}

.btnText {
    position: absolute;
    top: 0px;
    padding: 25px 5px;
    transition: 0.3s;
}

.btnText h3 {
    margin: 0px;
    color: white;
    text-shadow: black 1px 1px 1px;
    line-height: 30px;
    font-size: 27px;
}

.btnText h3 span {
    display: block;
}

.btnText > span {
    margin-top: 20px;
    display: block;
    text-transform: uppercase;
    color: white;
    font-family: "Barlow Condensed";
}

.btnText sup {
    font-size: 16px;
}

.vytContainer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 15px;
}

.vytText h3 {
    font-size: 58px;
    margin: 0;
}

.vytText span {
    text-transform: uppercase;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin-left: 20px;
}

.countdown {
    font-family: "freedommachine", sans-serif;
    font-size: 120px;
    min-width: 255px;
}

.vytContainer .btn-primary {
    background-color: black;
    font-family: freedommachine, sans-serif;
    text-transform: uppercase;
    font-size: 35px;
    padding: 15px 53px;
    border-radius: 44px;
    border: 2px solid black;
}

.homeAbout {
    width: 880px;
    margin: auto;
    text-align: center;
}

.homeAbout h1 {
    color: #ff6600;
    margin-bottom: 40px;
}

.homeAbout .btn-primary {
    background-color: transparent;
    border-color: white;
    font-family: "freedommachine", sans-serif;
    font-size: 16px;
    padding: 20px 70px;
    margin-top: 40px;
}

.p-header {
    position: relative;
    margin-bottom: 25px;
}

.p-header h1 {
    font-size: 50px;
    margin-top: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    color: white;
    padding: 5px 10px;
    text-shadow: 1px 1px 2px black;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
}

.p-header img {
    border-bottom: 5px solid black;
}

.hdrvideowrapper iframe {
    width: 100%;
}

.servList,
.insList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.servList li {
    flex: 0 0 50%;
    position: relative;
}

.insList li {
    flex: 0 0 25%;
    position: relative;
}

.servList li:before {
    content: "\f0ad";
    font-family: "FontAwesome";
    padding-right: 7px;
    color: #9c9c9c;
}

.insList li:before {
    content: "\f046";
    font-family: "FontAwesome";
    padding-right: 7px;
    color: #9c9c9c;
}

.slideContainer {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
}
.slideContainer > div {
    flex: 0 0 50%;
}
.thumbs {
    padding: 5px;
    cursor: pointer;
}

.thumbs img {
    transition: 0.3s;
}
.thumbs:hover img {
    filter: opacity(0.5);
}
.thumbs img,
#largeView img {
    border: 2px #ff6600 solid;
}
#overlay {
    position: fixed;
    display: none;
    z-index: 199;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#largeView {
    position: fixed;
    display: none;
    width: 90%;
    left: 5%;
    top: 25vh;
    z-index: 200;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .slideContainer > div {
        flex: 0 0 33%;
        -ms-flex: 0 0 auto;
    }
    #largeView {
        width: 80%;
        left: 10%;
        top: 10vh;
    }
}
@media (min-width: 992px) {
    .slideContainer > div {
        flex: 0 0 25%;
        -ms-flex: 0 0 auto;
    }
    #largeView {
        width: 50%;
        left: 25%;
        top: 10vh;
    }
}

.partsPics {
    display: flex;
    margin-bottom: 15px;
}

.sbpWrapper iframe {
    width: 100%;
    border: none;
    height: 500px;
}

.insPic {
    float: right;
    width: 30%;
    padding: 0 0 15px 15px;
}

.wfBtnWrapper > div {
    display: flex;
    justify-content: space-around;
}

.wfWrapper {
    display: flex;
    justify-content: space-around;
}

.wfWrapper div {
    flex: 0 0 33.33%;
    padding: 15px;
    text-align: center;
}

.wfWrapper div h3 {
    background-color: black;
    color: white;
    padding: 10px;
}

.wfBtnWrapper .btn-sec {
    font-size: 37px;
    margin: 20px;
}

.aboutPic {
    float: left;
    padding: 0 15px 15px 0;
}

.mcPic {
    float: right;
    width: 40%;
    padding: 0 0 15px 15px;
}

.ltrTop {
    background-image: url(https://psmfirestorm.blob.core.windows.net/9e1fe9c5-225f-4e36-8807-aaec53362a61/ltr-back.jpg);
    background-size: cover;
    background-position: 50% 33%;
    padding: 15px 15px 45px;
    display: flex;
    justify-content: space-between;
}

.ltrTop div:first-child {
    flex: 0 0 46%;
}

.ltrTop h1 {
    line-height: 50px;
}

.ltrTop h1 span {
    display: block;
    font-size: 80px;
}

.ltrTop p {
    background-color: rgb(255 255 255 / 73%);
    padding: 15px;
}

.ltrBlock {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.ltrBlock div:nth-child(2) {
    flex: 0 0 34%;
    background-color: #d7d7d7;
    padding: 15px;
}

.ltrBlock div:first-child h2 {
    font-size: 50px;
    margin-bottom: 0;
}

.ltrBlock div:first-child h3 {
    font-size: 28px;
    margin-top: 0;
}

.ltrBlock div {
    padding-right: 15px;
}

.lrPic {
    float: right;
    width: 45%;
    padding: 0 0 15px 15px;
}

.lrWrapper {
    height: 200px;
}

.lrWrapper iframe {
    width: 100%;
    height: 100%;
}

.rentalTable {
    border: 1px solid;
    width: 100%;
}

.rentalTable td {
    padding: 8px;
}

.rentalTable thead td {
    text-transform: uppercase;
    font-family: "freedommachine", sans-serif;
    font-size: 20px;
    background-color: black;
    color: white;
}

.rentalTable tbody tr:nth-child(even) {
    background-color: #e9e9e9;
}

.rentalTable tbody td:first-child {
    font-weight: 600;
}

.rentalWrapper,
.rentalBtns {
    display: flex;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #ff6600;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #fff;
    background-color: #dbdbdb;
    border-color: #cccccc;
}

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

.bwbPhotos div {
    flex: 0 0 48%;
    margin: 10px;
}

.embed-responsive {
    padding-bottom: 26%;
}

.mapInfo {
    text-align: center;
}

table.hours {
    margin-bottom: 20px;
}

table.hours td:first-child {
    padding-right: 25px;
    font-weight: 600;
}

table.hours h3 {
    margin: 0 0 5px 0;
}

ul.hours {
    list-style: none;
    padding: 0;
}

.hours dt {
    float: left;
    width: 35%;
}

.mapWrapper {
    position: relative;
    padding-bottom: 57%;
    min-height: 150px;
}

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

.mapLogoWrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.mapLogoWrapper div {
    padding: 15px;
}

.mapSocial {
    display: flex;
}

.mapSocial a {
    color: black;
    font-size: 40px;
    padding: 10px;
}

.BARContainer > div {
    display: flex;
}

.BARContainer > div > div:first-child {
    flex: 0 0 19%;
    margin-bottom: 20px;
}

.BARContainer h3 {
    margin-top: 0;
}

a.promo-link {
    color: #ff6600;
}

a.promo-link:hover {
    color: #000;
}

/* FEATURED INVENTORY */

.featuredInventory {
    margin-top: 45px;
}

.featuredInventory h2 {
    text-align: center;
    font-size: 50px;
    letter-spacing: 13px;
}

.single-item-slider .slider-inner .item {
    width: 211px;
}

.single-item-slider .item {
    background-color: #ffffff;
}

.single-item-slider .item-detail .name {
    color: black;
    font-size: 14px;
    line-height: 19px;
}

.single-item-slider .item-detail .price {
    padding: 0 2%;
    font-family: "freedommachine", sans-serif;
    text-transform: uppercase;
    bottom: 2px;
}

.single-item-slider .slider-outer {
    height: 241px;
}

.single-item-slider .slider-container {
    width: 888px;
    margin: auto;
}

/* FORMS */

.btn-primary {
    color: #fff;
    background-color: #ff6600;
    border: 2px solid #ff6600;
    font-family: "freedommachine", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin: 5px 0;
    transition: 0.3s;
}

.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary,
.btn-primary.focus,
.btn-primary:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: #ff6600;
}

.btn-sec {
    margin: 5px auto;
    display: block;
    width: max-content;
    font-size: 20px;
}

.mainform {
    height: max-content;
}

.mainform > div {
    background-color: rgb(255 255 255);
    padding: 10px;
    background-size: cover;
    border: 1px solid #bbbbbb;
}

.form-header-text {
    font-family: freedommachine;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    margin-bottom: 4px;
    color: rgb(255, 102, 0);
    line-height: 32px;
}

.form-control {
    border-radius: 0px;
    margin: 5px 0px;
    border: 1px solid #bbbbbb;
    box-shadow: none;
    transition: all 0.3s ease 0s;
    font-size: 14px !important;
}

.form-control:hover {
    border: 1px solid #ff6600;
}

.form-control:focus {
    border-color: #ff6600;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(233 166 102 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(233 166 102 / 60%);
}

.form-control::-moz-placeholder {
    color: #000;
}
.form-control:-ms-input-placeholder {
    color: #000;
}
.form-control::-webkit-input-placeholder {
    color: #000;
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.forms-title-section {
    text-align: center;
    margin-bottom: 10px;
}

#ContactCollapse .form-actions:before,
.discform .form-actions:before {
    content: "By clicking the button below, I am consenting to receive text messages from Buddy Stubbs Harley-Davidson to the phone number provided. I understand these texts may be automated and that my consent to receive calls/texts is not required to purchase any product or services. Reply STOP to end texts or HELP for help. Msg & Data rates may apply. Terms & Conditions and Privacy Policy https://buddystubbshd.com/Privacy-Policy.";
    padding: 5px;
    display: block;
    font-size: 12px;
    font-style: italic;
}

.inquiryformcontainer,
.locationBox {
    background-color: rgb(255 255 255);
    background-size: cover;
    border: 1px solid #bbbbbb;
}

.customForm [placeholder="First Name"],
.customForm [placeholder="Last Name"] {
    width: 100px;
}

.customForm [placeholder="Zip Code"] {
    width: 71px;
}

.customForm [placeholder="Phone"] {
    width: 117px;
}

.customForm input,
.customForm textarea {
    border: 1px solid #bbbbbb;
    margin: 5px 0px;
    padding: 2px 7px;
    font-size: 14px !important;
}

.customForm textarea {
    width: 100%;
}

.customForm select {
    border: none;
    padding: 2px 3px;
    font-size: 14px;
}

.mainform label {
    margin-right: 5px;
}

@media (min-width: 768px) {
    #Form1495 > div:nth-child(1) > fieldset > div:nth-child(n + 2):nth-child(-n + 7),
    #Form1496 > div:nth-child(1) > fieldset > div:nth-child(n + 2):nth-child(-n + 13),
    #Form14534 > div:nth-child(1) > fieldset > div:nth-child(n + 2):nth-child(-n + 7) {
        width: 33.33%;
        display: inline-block;
        padding: 0 5px;
    }

    #Form1495 > div:nth-child(1) > fieldset > div:nth-child(n + 8),
    #Form1496 > div:nth-child(1) > fieldset > div:nth-child(n + 14) {
        padding: 0 5px;
    }
}

/* INVENTORY */

#FilterQuickSearch {
    margin: 0;
    border: 1px solid #cccccc;
    color: black;
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #e6e6e6;
    border-color: #ddd;
    text-transform: uppercase;
}

.specs-panel.panel-body {
    background-color: #fff;
    color: #000;
}

.k-pager-wrap {
    margin-top: 9px;
}

#filters-box .panel-body li {
    color: #000;
}

.inventory-container .vehicle .price {
    font-family: "freedommachine";
    text-align: center;
    position: absolute;
    white-space: nowrap;
    font-size: 23px;
    padding: 3px 8px;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    color: #ff6600;
    background-color: #000000;
    text-transform: uppercase;
    font-weight: 100;
    border: 1px solid black;
    z-index: 100;
}

#vehicleList > div {
    margin: 0;
    padding: 10px;
}

.vehicle-box {
    border: 1px solid #919191;
    height: 370px;
}

.inventory-container .vehicle:hover {
    background-color: #e6e6e6;
    transition: all 0.4s ease 0s;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    min-height: 43px;
    font-weight: 600;
}

.inventory-container .vehicle .title {
    padding: 0 5px 28px;
}

.inventory-container .vehicle .title a {
    color: black;
}

.info {
    font-size: 12px;
    color: #7b7b7b;
    text-align: right;
}

.price-box > text > a:hover {
    color: white;
}

/* FOOTER */

.footerWrapper {
    background-color: black;
    color: white;
}

.footercontainer {
    width: 1480px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 30px 15px;
}

.footerLocations {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 60%;
    text-shadow: 1px 1px 1px black;
}

.lblock {
    flex: 0 0 60%;
}

.footerLocText {
    flex: 0 0 50%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footerLocations > div {
    padding: 40px;
    margin: 5px;
    flex: 0 0 48%;
    position: relative;
    z-index: 33;
    background: linear-gradient(rgb(31, 31, 31) 0%, rgb(0, 0, 0) 100%);
}

.footerLocations > div:nth-child(1):before,
.footerLocations > div:nth-child(2):before,
.footerLocations > div:nth-child(3):before {
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    filter: opacity(0.2);
}

.footerLocations > div:nth-child(1):before {
    background-image: url(https://psmfirestorm.blob.core.windows.net/a1e1cd57-c6cb-4247-be53-009f3762dc50/buddystubbshd-bg-location-1.jpg);
}

.footerLocations > div:nth-child(2):before {
    background-image: url(https://psmfirestorm.blob.core.windows.net/56e197a0-01cf-4eb3-bd97-2c69e1e2f8c2/buddystubbshd-bg-location-2.jpg);
}

.footerLocations > div:nth-child(3):before {
    background-image: url(https://psmfirestorm.blob.core.windows.net/9dd653a7-31f1-4b1b-a77f-fcf1b541061e/buddystubbshd-bg-location-3.jpg);
}

.footerLocations .phone {
    font-family: "freedommachine", sans-serif;
    font-size: 20px;
    margin: 15px 0;
    display: block;
}

.lblock p {
    letter-spacing: 1px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
}

.footerLocations .location {
    margin-top: 0;
}

.footercontainer ul {
    font-family: "Barlow Condensed", sans-serif;
    list-style: none;
    padding: 0;
    line-height: 41px;
    letter-spacing: 1px;
    font-size: 18px;
}

.footerLinks a,
.footerModels a {
    color: white;
}

.footerLinks .fa-angle-double-right {
    padding-right: 5px;
    color: #ff6600;
    transition: 0.5s;
}

.footerLinks li:hover a span {
    padding-right: 0;
}

.footerLinks li:hover a .fa-angle-double-right {
    color: rgb(0 0 0 / 0%);
}

.footerLinks {
    position: relative;
    flex: 0 0 15%;
}

.footerLinks:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #202020;
    position: absolute;
    right: -15px;
    top: 0;
}

footer.body {
    display: none;
}

.footerLocations a:hover {
    color: #d4d4d4;
}

.footerSocial {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.footerSocial a {
    font-size: 28px;
    padding: 2px;
    width: 50px;
    height: 50px;
    text-shadow: none;
    text-align: center;
    border: 3px solid white;
}

/* IRONe Styling */
.ironeContainer {
    background: white;
    color: black;
}
.ironeHeader {
    background-image: url(https://psmfirestorm.blob.core.windows.net/6a00e910-ca29-4618-abb5-8b014274bcdb/ironEheader.png);
    background-size: cover;
}
.ironeHeader h1 {
    padding: 270px 20px 2px;
    text-transform: uppercase;
}
.ironeModels {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
}
.ironeModels p {
    flex-basis: 100%;
}
.ironeModels > div {
    flex: 0 0 50%;
    -ms-flex: 0 0 48%;
    padding: 10px;
}
.ironeStyling {
    display: flex;
    flex-wrap: wrap;
    background: black;
    padding: 10px;
    color: white;
    justify-content: space-around;
}
.ironeStyling h2 {
    flex-basis: 100%;
    text-transform: uppercase;
}
.ironeFeatures {
    flex-basis: 31.9%;
    color: black;
    background: white;
    margin: 5px;
}
.ironeFeatures > div {
    padding: 10px;
}
.ironeFeatures h4 {
    text-transform: uppercase;
}
.ironeImagesWrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.ironeImages {
    flex: 0 0 33%;
    -ms-flex: 0 0 32%;
    padding: 5px;
}
.ironeFAQ {
    width: 70%;
    margin: 0 auto;
    padding: 0 0 10px;
}
.ironeFAQ h1 {
    text-transform: uppercase;
    text-align: center;
}
.FAQ {
    border-top: 2px solid #d3d3d3;
}
.FAQ h3 {
    display: inline-block;
}
.FAQ .fa-plus {
    font-size: 18px;
    border: 1px solid black;
    padding: 4px;
    float: right;
    margin-top: 17px;
}
.FAQ p {
    display: none;
    padding: 10px 20px;
    background-color: #d3d3d3;
}
.disclaimerModal {
    position: fixed;
    background: white;
    border: 2px solid black;
    border-radius: 5px;
    padding: 5px 10px;
    top: 50px;
    max-height: 70vh;
    overflow: auto;
    max-width: 650px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9999999999;
}
.disclaimerModal .topbar {
    float: right;
    width: fit-content;
    min-height: 22px;
    background-color: white;
}
.disclaimerModal .topbar:hover,
.disclaimerOpen:hover {
    color: #f60;
    cursor: pointer;
}
.disclaimerModal .topbar span {
    padding: 0 3px;
}
.disclaimerModal .topbar .fa-window-close {
    font-size: 20px;
}
.disclaimerContent h1 {
    text-transform: uppercase;
}
.disclaimerModal .disclaimerContent {
    padding: 20px 50px;
}
.disclaimerModal .disclaimerContent ol {
    padding-left: 20px;
}
.disclaimerModal li {
    margin: 15px 0;
    font-size: 14px;
}
.disclaimerOpen {
    font-size: 12px;
}
.hidden {
    display: none;
}

@media (max-width: 767px) {
    .ironeHeader h1 {
        padding-top: calc(99px + (265 - 99) * ((100vw - 320px) / (768 - 320)));
        font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (768 - 320)));
        color: #f60;
        text-shadow: 2px 2px black;
    }
    .ironeModels ul {
        padding-left: 15px;
    }
    .ironeModels,
    .ironeStyling {
        display: block;
    }
    .ironeModels h2,
    .ironeModels h4,
    .ironeStyling h2,
    .ironeFeatures h4 {
        text-align: center;
    }
    .ironeFeatures {
        margin: 15px 5px;
    }
    .ironeFeatures img {
        display: block;
        margin: 0 auto;
    }
    .ironeImagesWrapper {
        justify-content: space-around;
    }
    .ironeImages {
        flex: 0 0 50%;
        -ms-flex: 0 0 48%;
    }
    .ironeFAQ {
        width: 100%;
        padding: 0 20px 10px;
    }
    .FAQ h3 {
        width: 90%;
        display: inline-block;
    }
    .FAQ .fa-plus {
        float: none;
        margin-top: 0;
    }
    .disclaimerModal {
        max-width: calc(100vw - 20px);
        top: 130px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px;
    }
    .disclaimerModal .topbar {
        position: fixed;
        right: 20px;
    }
}

@media (min-width: 768px) {
    .ironeHeader h1 {
        font-size: 26px;
    }
}

@media (min-width: 991px) {
    .ironeHeader h1 {
        font-size: 34px;
        padding: 352px 20px 2px;
    }
    .ironeFAQ {
        width: 60%;
    }
    .disclaimerModal {
        max-width: 720px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px 75px;
    }
}

@media (min-width: 1200px) {
    .ironeHeader h1 {
        padding: 420px 20px 2px;
        font-size: 41px;
    }
    .ironeFeatures {
        flex-basis: 19%;
    }
    .ironeFAQ {
        width: 50%;
    }
    .disclaimerModal {
        max-width: 910px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px 100px;
    }
}

/* BREAKPOINTS */

@media (max-width: 1499px) {
    #main-nav .container,
    .footercontainer,
    .headerContainer,
    .btnWrapper {
        width: 1180px;
    }

    .navbar-nav > li > a {
        font-size: 15px;
        padding: 43px 10px;
    }

    .btnText h3 {
        line-height: 20px;
        font-size: 21px;
    }

    .btnText sup {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    #main-nav .container,
    .footercontainer,
    .headerContainer,
    .btnWrapper {
        width: 971px;
    }

    #main-nav {
        margin-top: -77px;
    }

    .navbar-nav > li > a {
        font-size: 14px;
        padding: 29px 7px;
    }

    #main-nav.affix {
        margin-top: -273px;
    }

    .affix .navbar-nav > li > a {
        padding: 15px;
    }

    .headerLogo {
        flex: 0 0 22%;
    }

    .btnText h3 {
        line-height: 18px;
        font-size: 18px;
    }

    .btnText sup {
        font-size: 12px;
    }

    .footerLocations .phone {
        margin: 0px 0px 6px;
    }

    .footerLocations > div {
        padding: 20px;
    }

    .lblock {
        flex: 0 0 64%;
    }

    .wfWrapper div h3 {
        padding: 8px;
    }

    .BARContainer > div > div:first-child {
        flex: 0 0 23%;
    }

    .ltrTop div:first-child {
        flex: 0 0 49%;
    }

    .bwbPhotos div {
        flex: 0 0 49%;
        margin: 5px 3px;
    }
}

@media (max-width: 991px) {
    #main-nav .container,
    .footercontainer,
    .headerContainer,
    .btnWrapper {
        width: 748px;
    }

    .homeAbout {
        width: 650px;
    }

    #main-nav {
        margin-top: 0px;
    }

    #main-nav .nav > li > a {
        font-size: 13px;
        padding: 15px 8px;
    }

    #main-nav.affix {
        margin-top: -141px;
    }

    .headerBlock {
        padding: 10px 13px;
    }

    .headerLogo {
        flex: 0 0 25%;
        margin: auto;
    }

    .single-item-slider .slider-container {
        width: 661px;
    }

    .vytContainer .btn-primary {
        font-size: 24px;
    }

    .countdown {
        font-size: 106px;
        min-width: 244px;
    }

    .btnContainer {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .btnContainer a {
        margin: 3px;
        flex: 0 0 49%;
    }

    .btnContainer img {
        width: 100%;
        max-height: 200px;
        object-fit: cover;
        object-position: 50% 19%;
    }

    .btnText h3 {
        line-height: 36px;
        font-size: 40px;
    }

    .btnText sup {
        font-size: 23px;
    }

    .footercontainer {
        flex-flow: column;
        align-items: center;
    }

    .footerLinks::after {
        display: none;
    }

    .insList li {
        flex: 0 0 33.33%;
    }

    .wfWrapper div h3 {
        min-height: 68px;
    }

    .BARContainer > div > div:first-child {
        flex: 0 0 29%;
    }

    .servList li {
        flex: 0 0 100%;
    }

    .ltrTop div:first-child {
        flex: 0 0 65%;
    }
}

@media (max-width: 767px) {
    #main-nav .container,
    .footercontainer,
    .headerContainer,
    .btnWrapper {
        width: 100%;
    }

    .headerBlock:nth-child(1),
    .headerBlock img {
        display: none;
    }

    .single-item-slider .slider-container {
        width: 216px;
    }

    #main-nav .navbar-brand.text {
        display: none !important;
    }

    .headerLogo {
        margin: unset;
        flex: 0 0 60%;
        display: flex;
    }

    #main-nav {
        margin-top: -62px;
    }

    .homeAbout {
        width: 100%;
    }

    .vytContainer {
        flex-wrap: wrap;
    }

    .btnContainer a {
        margin: 1%;
        flex: 0 0 47%;
    }

    .btnText h3 {
        line-height: 7vw;
        font-size: 7vw;
    }

    .btnText sup {
        font-size: 4vw;
    }

    .btnText > span {
        margin-top: 22px;
        font-size: 5vw;
    }

    .headerLocations {
        font-size: 4vw;
        display: none;
    }

    .headerLocations.headerLocationsMobile {
        display: flex;
    }

    .btnContainer img {
        max-height: 210px;
    }

    .featuredInventory h2 {
        font-size: 9vw;
        letter-spacing: 7px;
    }

    .featuredSection {
        padding: 0;
    }

    .vytContainer {
        text-align: center;
    }

    .footerLocations > div {
        margin: 10px 0;
        flex: 0 0 100%;
    }

    #main-nav.affix {
        margin-top: 0;
        top: 0;
    }

    .vehiclemodel {
        text-transform: uppercase;
        font-size: 22px;
        line-height: 20px;
        min-height: unset;
        padding-bottom: 10px;
    }

    .p-header {
        margin-bottom: 0;
    }

    .p-header h1 {
        font-size: 9vw;
    }

    .insPic {
        width: 47%;
    }

    .insList li,
    .wfWrapper div {
        flex: 0 0 100%;
    }

    .wfBtnWrapper,
    .wfWrapper {
        flex-wrap: wrap;
    }

    .wfWrapper div h3 {
        min-height: unset;
    }

    .wfBtnWrapper .btn-sec {
        font-size: 26px;
        margin: 10px;
    }

    .aboutPic {
        float: none;
        padding: 0 15px 15px;
        display: block;
        width: 100%;
    }

    .mcPic,
    .lrPic {
        float: none;
        width: 100%;
        padding: 15px 0;
    }

    .rentalBtns {
        flex-wrap: wrap;
    }

    .BARContainer > div {
        flex-wrap: wrap;
    }

    .BARContainer > div > div:first-child {
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding-right: 0px;
        text-align: center;
    }

    .ltrTop {
        flex-flow: column-reverse;
        align-items: center;
    }

    .ltrTop h1 {
        line-height: 9vw;
        font-size: 6vw;
    }

    .ltrTop h1 span {
        font-size: 13vw;
    }

    .ltrBlock {
        flex-wrap: wrap;
    }

    .ltrBlock div:nth-child(2) {
        flex: 0 0 100%;
        margin-top: 15px;
    }

    .ltrTop {
        background-position: 58% 42%;
        padding: 15px;
    }

    .bwbPhotos div {
        flex: 0 0 49%;
        margin: 5px 0px;
    }
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 222; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    z-index: 44444;
}

.modal-backdrop.in {
    z-index: 3;
}

/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#digitalPsButton {
    width: 100%;
    background: #ff6600;
    padding: 15px;
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

@media (min-width: 992px) .modal-dialog {
    width: 880px;
}

#digitalPsButton.srpDspButton {
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: -35px;
    z-index: 100;
}

.price.not-itemized {
    z-index: 1000;
}

@media (max-width: 767px) {
    .price-box {
        margin: -25px auto !important;
    }
}