@font-face {
    font-family: 'TR-909';
    src: url('fonts/TR-909.ttf.woff') format('woff'), url('fonts/TR-909.ttf.svg#TR-909') format('svg'), url('fonts/TR-909.ttf.eot'), url('fonts/TR-909.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eurostile';
    font-style: normal;
    font-weight: normal;
    src: local('Eurostile'), url('fonts/eurostile.woff') format('woff');
}


body {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif; /*'Eurostile'*/
    font-size: 0.9rem;
    color: black;
    background: #fff;
}

a, a:hover {
    color: black;
}

::selection {
    background-color: #fb8282;
}
ul.ui-autocomplete {
    height: 300px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.header {
    margin-left: -15px;
    margin-right: -15px;
    /* height: 100px; */
}

.crt-widget.crt-widget-branded{
    padding-bottom: 0px !important;
    min-height: auto !important;
}

.instagram-row{
    /* -webkit-mask-image: linear-gradient(to bottom, transparent 22%, white 35%); 
    mask-image: linear-gradient(to bottom, transparent 22%, white 35%);*/
    /* margin-top: -415px; */
    /* padding-top: 332px; */
    background: white;
    /*margin-bottom: -22px;*/
    position: relative;
}

    .container-fluid{
        /*background-color: #EBEBEB !important;*/
        background-color: white !important;
    }

    #main-body {
        max-width: 1910px;
        margin: auto
    }
    .header .navbar {
        /*background-color: #EBEBEB !important;*/
        background-color: white !important;
        /*height: 100px;*/
        flex-wrap: wrap;
    }
    
    .navbar-toggler{
        height: 50px;
        position: absolute;
        right: 25px;
        top: 40px;
        z-index: 1;
        /*background: #EBEBEB !important;*/
        background-color: white !important;
        color: rgba(0,0,0,.5) !important;
        border-color: rgba(0,0,0,.1) !important;
    }
    
    .navbar-brand{
        margin: auto;
        z-index: 1;
        padding: 5px 10px;
        /*background: #EBEBEB !important;*/
        background-color: white !important;
    }
    
    .navbar-brand img{
        width: 240px !important;
    }
    
    .header-icon{
        width: 100%;
        display: flex;
        padding-bottom: 20px;
        padding-top: 20px;
        position: relative;
    }
    
    .header-break{
        position: absolute;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        height: 1px;
        border: 0;
        border-top: 2px solid rgba(0,0,0,.2);
        bottom: 35px;
    }
    
    .navbar-nav{
        flex-wrap: wrap;
    }

nav {
    padding: 10px 30px 30px 30px !important
}

.display-6 {
    font-weight: 600;
}

.display-9 {
    font-weight: 900;
    /*font-family: 'TR-909';*/
    font-family: 'Roboto Condensed', Roboto, sans-serif;
    color: #ff2800 !important;
}

.hide-first {
    display: none;
}

.text-red {
    color: #ff2800
}

.navbar-light .navbar-nav .nav-link {
    font-size: 12px;
    font-weight: 500;
    color: black !important;
    letter-spacing: 0.5px;
    /* font-family: 'TR-909'; */
    font-family: 'Montserrat', sans-serif;
}

.navbar-brand img {
    width: 230px !important;
}

    .navbar-light .navbar-nav .nav-link:hover {
        font-weight: 600;
        color: #fff;
        background-color: transparent;
    }

.navbar-nav .dropdown-menu li {
    width: 90%;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.clear-search {
    float: right;
    font-size: 13px;
    color: #343434;
}

.btn, button, select, .wheel-description-title, tr th {
    text-transform: uppercase
}

.btn-outline-dark:hover {
    color: #000;
    background-color: initial;
    border-color: #343a40;
}

.form-control, .btn {
    font-size: 12px;
    color: black;
    /*background-color: #3e3e3e;*/
    background-color: white;
    border: 1px solid #ced4da !important;
}

    .form-control:focus {
        color: black;
        background-color: white;
        /*background-color: #525252;*/
        border-color: none; /*#FF5722; */
        outline: 0;
        box-shadow: none; /*0 0 0 0.2rem rgb(255, 194, 194);*/
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #94979b;
        opacity: 1;
    }

select.form-control option:hover, select.form-control option:focus {
    box-shadow: 0 0 10px 100px #fff inset;
    background-color: #000;
}

.searchButton:hover,
.footer .nav-link:hover,
.view-wheel-detail:hover {
    color: rgba(253, 253, 253, 0.8);
}

.searchButton {
    background-color: #ff2800;
    color: white;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase
}

.full-spec-btn{
    padding: 0px !important;
}

.search-type {
    text-transform: uppercase;
    position: absolute;
    font-size: 12px;
    right: 0px;
    top: -20px;
    text-align: right;
}

.s-filter {
    max-width: 220px;
}

#btnRedirectToSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start;
}

#mainNav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    text-transform: uppercase;
}

    #mainNav ul {
        margin-right: 0px !important;
        /*background-color: #EBEBEB !important;*/
        background-color: white !important;
    }
        #mainNav ul li a {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
    #mainNav div a {
        color: black;
    }

.home-header {
    margin-left: -15px;
    margin-right: -15px;
    background-color: black;
    margin-bottom: 0px;
    letter-spacing: 0.1em;
    /*color: #ff2800;*/
    color: white !important;
    font-size: 2.5rem;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

section#HeaderSearch {
    height: calc(100vh - 345px);
    max-height: 615px;
    /* height: 70vh; */
    z-index: 1;
    /* position: relative; */
    /* background: linear-gradient(to bottom, black 100%, transparent 88%); */
    /* margin-bottom: -25px; */
}

section#DareToBe {
    background: #d3d3d3;
    /*height: calc(62vh - 122px);*/
    height: 169px;
    color: #ff2800;
    text-align: center;
    padding-top: 10px;
    /*-webkit-mask-image: linear-gradient(to bottom, transparent 34%, #d3d3d3 70%);
    mask-image: linear-gradient(to bottom, transparent 34%, #d3d3d3 70%);*/
    z-index: 2;
    position: relative;
    /*margin-top: -300px;
    padding-top: 316px;*/
    margin-bottom: 6rem;
    display: none;
}

    section#DareToBe img {
        height: 50%;
        width: auto;
        display: block;
        margin: auto;
    }

    section#DareToBe h2 {
        text-transform: uppercase;
        width: 100%;
        letter-spacing: 7px;
        color: #ff2800;
        font-size: 4rem;
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
        margin-top: 5px;
        font-weight: 700;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


#deliveringExceptionalMetal h3 {
    color: #ff2800;
    font-size: 3rem;
    /*font-family: 'TR-909';*/
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    margin-top: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

#deliveringExceptionalMetal {
    color: black;
    width: 60%;
}

    #deliveringExceptionalMetal p {
        font-size: 1rem !important;
        text-align: justify;
    }

div#WheelCarousel img#transparentLogo {
    width: 50%;
    margin: auto;
    position: absolute;
    bottom: 20px;
    right: 25%;
}

section#ConquerYourAdventure {
    /*background-image: url(https://assets.envywheels.com/img/website/Bronco.jpg);*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 900px;
    margin-top: 50px;
    /*-webkit-mask-image: linear-gradient(to bottom, transparent 34%, #EBEBEB 70%);
    mask-image: linear-gradient(to bottom, transparent 34%, #EBEBEB 70%);
    margin-top: -300px;
    padding-top: 350px;
    background-position-y: 300px;*/
}

    section#ConquerYourAdventure h2 {
        font-size: 61px;
        /*font-family: 'TR-909';*/
        font-family: 'Roboto Condensed', Roboto, sans-serif;
        color: #fff;
        margin-top: 6rem;
        line-height: 1;
        text-shadow: 1px 2px 17px #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        text-transform: uppercase;
    }

section#AboutUs {
    height: 40vh;
    overflow: hidden;
}

.instagram-holder{
    width: 100%;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    padding: 0px 25px 20px 25px;
    background-color: white;
    width: 370px;
    line-height: 45px;
    text-align: center;
}

.instagram-holder > div{
    color: #ff2800;
    font-size: 3rem;
    /*font-family: 'TR-909';*/
    margin-top: 30px;
    font-weight: 700;
}

.juicer-feed .referral, .crt-logo.crt-tag {
    display: none !important;
}

.juicer-feed .j-image {
    position: relative;
}


.juicer-feed .juicer-about, .juicer-feed.image-grid .j-text, .juicer-feed.slider .j-text, .juicer-feed.hip .j-text {
    display: none !important
}

.juicer-feed.slider li.feed-item a.j-image img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

    /* Disable grayscale on hover */
    .juicer-feed.slider li.feed-item a.j-image img:hover {
        -webkit-filter: grayscale(0);
        ?filter: ?none;
    }

.about-us-description {
    margin-top: 0px !important;
}

.page-controls {
    position: fixed;
    right: 0;
    z-index: 2;
    top: calc(50vh - 60px);
}

    .page-controls .owl-dots .owl-dot {
        display: block;
        zoom: 1;
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

.img-slide-controls {
    top: 50%;
    position: absolute;
    font-size: 5rem;
    color: #a0a0a0;
    cursor: pointer;
    text-shadow: 0 0 white;
}

    .img-slide-controls:hover {
        color: #fff;
    }

    .img-slide-controls.prev {
        left: 20px;
    }

    .img-slide-controls.next {
        right: 20px;
    }


#search-form {
    z-index: 3;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
    border-radius: 0;
    padding: 20px;
    margin-right: 40px;
    margin-top: 50px;
    /*-webkit-box-shadow: -7px 15px 6px -6px #ff2800;
    box-shadow: -7px 15px 6px -6px #ff2800;*/
    /* box-shadow: 1px 18px 13px -6px rgba(125, 0, 25, 1); */
    /* -webkit-box-shadow: 1px 18px 13px -6px rgba(125, 0, 25, 1); */
    -moz-box-shadow: 1px 18px 13px -6px rgba(125, 0, 25, 1); /*0.56*/
    position: absolute;
    right: 30px;
    bottom: 85px;
    width: 640px;
    max-width: 700px;
    overflow: hidden;
}

    #search-form:before, .search-form-vehicle:before {        
        content: '';
        position: absolute;
        width: 860px;
        height: 1500px;
        bottom: -620px;
        right: -85%;
        background: #f3f3f3;
        transform-origin: 25% 0;
        transform: rotate(45deg);
        z-index: -1;
        border: solid 2px red;
    }

    #search-form .form-group {
        margin-bottom: .8em;
        font-size: 12px;
    }

#search-wheel {
    width: 100%;
    margin: 0px !important;
    /*position: relative*/
}

    #search-wheel select.error {
        border: solid 1px #ff2800
    }

    #search-wheel label.error {
        display: none !important
    }

.frame-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    width: 100%; /* enlarge beyond browser width */
}

    .frame-container iframe {
        position: absolute;
        top: -40%;
        bottom: -40%;
        left: 0;
        width: 100%;
        height: 180%;
    }

.nav-link .tab-icon {
    vertical-align: bottom;
}

.tab-icon {
    display: inline-block;
    background: url('https://assets.envywheels.com/img/website/Features.png') no-repeat center center;
    height: 22px;
    width: 22px;
    background-size: cover;
    vertical-align: text-bottom;
    margin-right: 2px;
}

.oe-icon {
    background-position: -4px -2px;
    width: 30px;
    background-size: cover;
    zoom: 80%;
}

.hub-icon {
    background-position: -35px 0
}

.multi-icon {
    background-position: -59px 0;
}

.winter-icon {
    background-position: -83px 0;
}

.oe-lug {
    display: inline-block;
    background: url('../../../../../img../../../../media/u4umifw4/icons.png') no-repeat 0 0;
    width: 28px;
    height: 28px;
    margin-bottom: -10px;
    background-size: cover;
}

.cone-seat {
    background: url('../../../../../img../../../../img/cone_seat.png') 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-bottom: -8px;
    background-size: cover;
}

.ball-seat {
    background: url('../../../../../img../../../../img/ball_seat.png') 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-bottom: -8px;
    background-size: cover;
}

.flat-seat {
    background: url('../../../../../img../../../../img/flat_seat.png') 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-bottom: -8px;
    background-size: cover;
}

.tpms-icon {
    background: url('../../../../../img/tpms.png') 0 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-bottom: -8px;
    background-size: cover;
}

.arrow-right-submit::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 6px);
    right: 5%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid white;
    display: block;
    width: 0;
}

.arrow-left-submit::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 6px);
    left: 10%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid white;
    display: block;
    width: 0;
}

.searchButton {
    background-color: #ff2800;
    color: white;
    border-radius: 0px;
    width: 100%;
    position: relative;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

.view-on-vehicle {
    border-radius: 0px;
    width: 100%;
    position: relative;
}

#image-background {
    /*background-image: url('../../../../../img../../../..https://assets.envywheels.com/img/website-2020_02.jpg');*/
    /*background-image: url('../..https://assets.envywheels.com/img/website/home/search-by-vehicle/Search-by-Vehicle_BG.jpg');*/
    background-repeat: no-repeat;
    /* background-position: center center; */
    background-size: cover;
    /* min-height: 824px; */
    width: 100%;
    padding: 0px 30px;
    background-position: center center;
    transition: background 1s ease-out;
    height: 100%;
    position: relative;
}

.main-background-home {
    background-color: white;
    position: relative;
    overflow: hidden;
}

.main-background {
    background-color: black;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    overflow: hidden;
    padding: 0px 20px;
}

#EnvyVid {
    height: 50vh !important;
}

.video-container {
    position: absolute;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
}

.video-background {
    position: absolute;
    top: -65%;
    left: 0px;
    width: 100%;
    height: 229%;
    opacity: 1;
    pointer-events: none;
}

.video-container::before {
    content: '';
    position: absolute;
    width: 174%;
    /* height: 100%; */
    top: 0;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    z-index: 1;
}

.search-form-vehicle{
    position: relative;
    overflow: hidden;
    border: 0 !important;
    width: 611px !important;
    float: right;
    margin-right: -350px !important;
    margin-top: 50px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.search-form-vehicle .display-9{
    font-size: 1.8rem !important;
}

.search-form-vehicle .disclaimer{
    font-size: 0.8rem !important;
}

#search-form-vehicle {
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 2;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -webkit-align-content: stretch;
    -webkit-flex: 0 0 40%;
    background-color: transparent;
    padding: 20px;
    margin-right: 40px;
    margin-top: 10px;
    border: 1px solid #ff2800;
    border-bottom: 7px solid #ff2800;
}

.fixed-search {
    position: fixed;
    width: 22%;
    top: 10px;
}

.last-fixed {
    top: -128px;
}


#desktop-search-title,
#mobile-search-title {
    opacity: 0;
    margin-bottom: 20px;
}

    #desktop-search-title div {
        font-weight: bold;
    }

    #desktop-search-title button {
        padding: 0px 30px;
    }

    #desktop-search-title h3 {
        margin: 0px;
        font-size: 2.5em;
        margin-top: -10px;
        font-weight: 700;
    }

#quick-search-note {
    padding-left: 5px;
    font-size: 0.7rem;
    font-weight: 700;
    margin: 0px;
    margin-top: -10px;
    color: #ff2800;
}

#clear-search {
    font-size: 0.8rem;
    color: black;
    text-decoration: underline;
}

.disclaimer {
    font-size: 0.75em;
    padding-left: 5px;
    width: 90%;
    color: #000;
}

.rounded-dropdown {
    border-radius: 0px;
}

.search-title {
    margin-bottom: 10px;
}

    .search-title h5 {
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
        font-weight: bold;
        margin-bottom: 0px;
        color: #000;
    }

    .search-title span {
        font-weight: bold;
        font-size: 1em;
    }

.nav-vehicle-search {
    /*background: #f4f4f4;*/
    background-color: rgba(255, 255, 255, 0.1);
}

    .nav-vehicle-search .nav-link.active {
        background: #ff2800;
        border-right: 1px solid transparent;
        color: black;
        position: relative;
        color: white;
    }

    .nav-vehicle-search .nav-link {
        color: #686868;
        text-transform: uppercase;
        min-width: 100px;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        padding: 5px 20px;
    }

/*wheels css only*/

/* .nav-vehicle-search .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 42.5%;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #ff2800 transparent;
    display: block;
    width: 0;
} */

.carousel-container {
    width: 100%;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .carousel-container .form-row {
        padding: 0px 20px;
    }

        .carousel-container .form-row .form-group img {
            width: 70%;
        }

.carousel-message, .carousel-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: center;
    -webkit-justify-content: center;
}

    .carousel-message h2 {
        color: #ff2800;
        font-weight: bolder;
        font-size: 7.1rem;
        margin-bottom: 0px;
        font-family: pirulen_rg, Helvetica;
        letter-spacing: 13px;
    }

    .carousel-message .lead {
        color: #ff2800;
        margin-top: -30px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 2rem;
        letter-spacing: 0.2em;
        font-family: pirulen_rg, Helvetica;
    }

.carousel-description {
    font-size: 1rem;
    margin-bottom: 15px;
}

.carousel-message #btnOrderNow {
    margin-top: 15px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff2800 !important;
}

.owl-theme .owl-dots .owl-dot span {
    height: 15px !important;
    width: 15px !important;
}

.home-header {
    letter-spacing: 0.1em;
    color: #ff2800;
    font-weight: 400;
    font-size: 4rem;
}

.wheel-collection-item-message {
    position: absolute;
    left: 0px;
    top: 77%;
    background-color: white;
    /* background-color: rgba(0, 0, 0, 0.7); */
    height: 12%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-transition: top 0.5s ease, height 0.5s ease;
    -o-transition: top 0.5s ease, height 0.5s ease;
    transition: top 0.5s ease, height 0.5s ease;
    height: 175px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 20px 33px -16px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 20px 33px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 20px 33px -16px rgba(0,0,0,0.75);
    padding: 20px !important;
    max-width: 370px;
}

.wheel-collection-item-message span {
    color: black;
    text-align: left;
    /* letter-spacing: 0.1rem; */
    font-size: 2rem;
    /* -webkit-text-stroke: 1px black; */
    -webkit-text-fill-color: black;
    /*text-shadow: 2px 5px 8px rgba(12,15,25,0.79); */
    font-weight: 700;
    /*font-family: 'TR-909';*/
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
}

.wheel-collection-item-message > div{
        color: gray;
        font-size: 1.3rem;
        letter-spacing: 1px;
        position: relative;
        padding-left: 10px;
}

.wheel-collection-item-message > div > i{
    margin-left: 10px;
}

.wheel-collection-item:hover .wheel-collection-item-message {
    /*top: 0;
    height: 150%;*/
}

.wheel-collection .wheel-collection-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(50vh - 115px);
    margin-bottom: 50px;
}

.wheel-collection div div {
    padding: 0px;
    position: relative;
    cursor: pointer;
}

.about-us-home {
    background-image: url('https://assets.envywheels.com/img/website/home/About 1900x500pxBlack.jpg') !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*height: 824px;*/
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: center;
    -webkit-justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.about-us-description h3 {
    color: #ff2800;
    font-size: 2.5rem;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

.about-us-description p {
    font-size: 17px;
    font-weight: 500;
    line-height: 17px;
    color: #fff;
}

.wheel-collection-list {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 831px;
    height: 100%;
    position: relative
}

.wheel-title {
    font-size: 4.1em;
    color: white;
    letter-spacing: 0.1em;
    font-weight: 100;
    padding-left: 40px;
    margin-bottom: 100px;
    margin-top: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
}

    .wheel-title span {
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1em;
    }

.view-details-wheels {
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    background-color: white;
    width: 250px;
    border-radius: 0;
    text-align: left;
    padding: 2px 20px;
}

.wheel-group {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 95%;
}

    .wheel-group a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0 1rem 0 1rem;
    }

        .wheel-group a:hover {
            text-decoration: none;
        }

        .wheel-group a img {
            transform-origin: 0 0;
            transition: transform .25s, visibility .25s ease-in;
        }

        .wheel-group a:hover img {
            transform: scale(1.1);
        }

    .wheel-group .wheel-group-title h2 {
        color: white;
        letter-spacing: -1px;
        font-size: 2rem;
        font-weight: 400;
        line-height: .8;
        font-family: pirulen_rg, Helvetica;
        padding-left: 20px;
        height: 38px;
    }

.wheel-item {
    margin-bottom: 20px;
}

.wheel-item-image {
    margin: auto;
    height: 250px;
    width: 250px;
}

    .wheel-item-image img {
        max-width: 100%;
        max-height: 100%;
    }

.wheel-item > div > h3 {
    text-align: center;
    font-size: 2.2em;
    margin: 0px;
    margin-top: 10px;
    font-family: pirulen_rg, Helvetica;
    line-height: 1;
    margin-left: 20px;
    color: white
}


.wheel-item-description {
    margin: auto;
    background-color: white;
    border-radius: 20px;
    padding: 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 330px;
    /*min-height: 75px;*/
}

    .wheel-item-description .row {
        width: 100%;
    }


    .wheel-item-description h3 {
        font-size: 1.1em;
        margin: 0px;
        font-family: pirulen_rg, Helvetica;
        line-height: 1;
    }

    .wheel-item-description > div div:nth-child(2) {
        padding: 0px 0px 0px 6px;
    }

.view-wheel-detail {
    background: #ff2800;
    height: 20px;
    width: 130px;
    color: white;
    border-radius: 10px;
    vertical-align: middle;
    padding: 6px 5px 5px 10px;
    line-height: 0.6;
    font-size: 0.8em;
    position: relative;
    text-align: left;
}

.wheel-separator-right {
    border-right: 5px solid rgba(255,255,255, 0.5);
}

#featured-title > div {
    width: 100% !important;
    text-align: left !important;
    margin: initial !important;
    font-style: normal !important;
    margin-top: -10px !important;
    margin-bottom: 25px !important;
    font-size: 1rem !important;
    color: black;
}

@media screen and (max-width: 450px) and (orientation: portrait){
    #HeaderSearch{
        height: 620px !important;
    }
    
    #search-form{
        bottom: 130px !important;
    }
}

@media(orientation: landscape){
    #HeaderSearch{
        /* height: 600px !important; */
    }
    
    #search-form{
        bottom: 70px !important;
    }
    
    .wheel-collection .wheel-collection-item{
        height: 380px !important;
    }
}

@media(max-width: 1755px){
    .custom-full{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 10px;
    }
    #search-form {
        max-width: 500px;
    }
    #search-form:before, .search-form-vehicle:before {
        width: 860px;
        height: 1500px;
        bottom: -740px;
    }
}

@media(max-width: 1565px) {
    
    .featured-wheels-images img{
    	width: 275px !important;
    }
    
    .ribbon-wrapper{
        right: -50px !important;
    }
    
    .bigImage{
    	max-width: 145% !important;
    	top: -230px !important;
    }
    
    .bigImageContainer .ribbon-wrapper{
    	right: 2% !important;
        top: -38% !important;
    }
    
    .wheel-collection-list {
        zoom: 85%
    }

    .wheel-title {
        font-size: 3.5em;
    }

    .wheel-group .wheel-group-title h2 {
        font-size: 1.8rem;
        height: 30px;
    }
    /*.wheel-collection-list > .row > .col-lg-5 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .wheel-collection-list > .row > .col-lg-7 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }*/
}

@media(max-width: 1440px) {
    .wheel-collection-list {
        zoom: 80%
    }

    .wheel-title {
        font-size: 3.5em;
    }
    
    .wheel-collection-item-message{
        height: 260px;
    }
}

@media(max-width: 1024px) {
    .full-spec-btn{
        width: 300px;
        padding: 20px 2px !important;
    }
    
    .image-divider{
        width: 50%;
        margin-top: 1rem !important;
    }
    
    #wheel-collection-black h2 {
        width: 100% !important;
        font-size: 1.2rem;
        text-align: center;
    }
    
    #wheel-collection-black .modal-footer-icons{
        justify-content: center !important;
    }
    
    .wheel-collection-list {
        zoom: 55%
    }

    .wheel-title {
        font-size: 3.5em;
    }

    #home-flow-form {
        justify-content: center !important;
    }

        #home-flow-form .home-flow-form-description {
            margin-top: 0px !important;
            width: 100% !important;
            padding-right: 0px !important;
        }

    .home-flow-form-title {
        text-align: center !important;
    }

    #home-flow-form .home-flow-form-title h1 {
        font-size: 5rem !important;
    }

    #home-flow-form .home-flow-form-body {
        margin-top: 20px;
        line-height: 1.5 !important;
        font-size: 0.9rem !important;
    }

    section#AboutUs {
        margin-top: 0px !important;
        height: 100%;
        overflow: inherit;
    }

    .about-us-description {
        margin-top: 0 !important
    }

        .about-us-description h3 {
            font-size: 2.5rem;
        }

    .about-us-home {
        background-position: top right;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    div#WheelCarousel #deliveringExceptionalMetal h3, #featured-title h3,  section#ConquerYourAdventure h2, #deliveringExceptionalMetal h3, .instagram-holder > div{
        font-size: 2rem !important;
        text-align: center;
    }

    #search-form {
        width: 90%;
        margin: auto;
        right: 5%;
    }

    /*section#DareToBe h2 {
        font-size: 2rem !important;
    }*/

    #featured-title > div {
        /* width: 80% !important; */
    }

    /*.featured-wheels-images > div > div {
        margin-right: -100px !important;
    }*/

    div#WheelCarousel #deliveringExceptionalMetal p {
        font-size: 1.1rem !important;
        padding: 10px !important
    }

    /*.navbar-light .navbar-toggler {
        color: #fff !important;
        border-color: #fff;
        
    }*/

    .navbar-toggler-icon {
        /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important*/
    }

    #mainNav {
        z-index: 4;
    }

    #mainNav ul {
        padding-left: 10px
    }

    section#smallWheelCarousel .small-carousel .item {
        height: 245px !important;
        width: 245px !important;
        margin-top: 10px !important
    }

    .vehicle-wheel-image {
        height: 300px !important;
    }
    .search-result-item {
        margin-bottom: 20px !important;
        width: 100% !important
    }
}



/*end wheels css only*/

/*wheel-spec css only*/

.main-wheel h1 {
    font-size: 7.1em;
    letter-spacing: 0.1em;
    font-family: pirulen_rg, Helvetica;
    margin-bottom: -15px;
    padding-left: 15px;
}

.wheel-description {
    margin-top: -15px;
    margin-bottom: -10px;
}

    .wheel-description span {
        font-size: 2.5em;
        padding-left: 15px;
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
        color: #ff2800;
        letter-spacing: 0.2rem;
    }

.accessories-header {
    margin-top: -15px;
    /*background: url('https://assets.envywheels.com/img/website/accessories/1900x200px%20-%20Exclusive%20Accessories%20Background%20with%20Accesssories.jpg?v1') no-repeat top left;*/
    height: 200px;
    background-size: cover;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .accessories-header span {
        font-size: 3em;
        padding-left: 15px;
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
        color: #ff2800;
        letter-spacing: 0.2rem;
        /*position: absolute;
        right: 10%;
        top: 70px;*/
        font-weight: 500;
        text-transform: uppercase;
    }

#wheelsSliderIndicators .carousel-item span {
    color: #fff;
    font-size: 20px;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

.quick-search,
.quick-search-vehicle {
    margin-top: 15px;
    padding: 1px 20px;
    background-color: white;
    border: 1px solid #ff2800;
    -webkit-box-shadow: 3px 7px 2px 0px #ff2800;
    -moz-box-shadow: 3px 7px 2px 0px #ff2800;
    box-shadow: 3px 7px 2px 0px #ff2800;
}

    .quick-search-vehicle > div:nth-child(2) > div {
        padding: 0px 5px;
    }

    .quick-search h5,
    .quick-search-vehicle h5 {
        font-size: 1.1em;
        padding-top: 5px
    }

        .quick-search-vehicle h5 span {
            font-weight: bold;
        }

    .quick-search-vehicle h5 {
        font-weight: 400;
        padding-left: 10px;
    }

.cstm-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    vertical-align: middle;
    background-image: -o-linear-gradient(45deg, transparent 50%, #c0c0c0 60%), -o-linear-gradient(315deg, #c0c0c0 40%, transparent 50%) !important;
    background-image: linear-gradient(45deg, transparent 50%, #c0c0c0 60%), linear-gradient(135deg, #c0c0c0 40%, transparent 50%) !important;
    background-position: calc(100% - 18px) 13px, calc(100% - 12px) 13px, 100% 0;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*background-color: #292929;*/
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#search-now-wheels {
    background-color: #ff2800;
    width: 100%;
    text-align: left;
    position: relative;
}

.wheel-carousel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.wheel-bullets {
    flex: 0 0 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    /*-ms-flex-direction: column;
        flex-direction: column;*/
    /*-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
}

.wheel-bullet {
    padding: 8px;
    cursor: pointer;
    flex-shrink: 0;
    flex-grow: 0;
    height: 115px;
    width: 115px;
    position: relative;
}

.active-wheel img {
    /*background-color: transparent !important;*/
    opacity: 1 !important;
}

.wheel-bullet img {
    width: 100%;
    opacity: 0.5;
}

.wheel-bullet:hover img {
    opacity: 1 !important;
}

.wheel-display {
    flex: 0 0 80%;
    height: 100%;
    text-align: center;
    padding: 20px;
}

#display-wheel-image {
    max-width: 100%;
    max-height: 100%;
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
}

    #display-wheel-image:hover {
        /*transform: scale(1.04);*/
    }

.wheel-list-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
}

.wheel-size-bullet {
    width: 130px;
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
}

    .wheel-size-bullet img {
        width: 130px;
        height: 130px;
    }

    .wheel-size-bullet:hover {
        /*transform: scale(1.1);*/
    }

.search-wheel-header-button {
    width: 100%;
    font-weight: bold;
    color: gray;
}

.wheel-size-description {
    font-size: 1em;
    /* font-family: pirulen_rg, Helvetica; */
    /*background-color: #fff;
    border: solid 1px #fff;
    border: 1px solid #ff2800;
    -webkit-box-shadow: 3px 7px 2px 0px #ff2800;
    -moz-box-shadow: 3px 7px 2px 0px #ff2800;
    box-shadow: 3px 7px 2px 0px #ff2800;*/
    /*margin: 10px;
    padding-left: 10px;*/
}

    .wheel-size-description span {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        min-height: 50px;
    }

.wheel-sub-description {
    font-size: 0.7em;
    margin-top: -10px;
}

.wheel-specification-header h2 {
    font-size: 1.7em;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding-left: 15px;
}

.wheel-specification-header > div:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.yellowBtn, .yellowBtn {
    width: 100%;
    background-color: #ff2800;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

.modal-content {
    /*background-color: #383838;*/
    background-color: white;
    border: 1px solid rgb(112 109 109);
}

.modal table.table th, table.table.nicetable th {
    font-size: 12px;
    border-bottom: 0;
    text-transform: uppercase;
    font-family: Roboto, sans-serif; /*'Eurostile'*/
}

.wheel-size-bullet {
    cursor: pointer
}

    .wheel-size-bullet.active {
        background: #e0e0e0;
    }

/*end wheels-spec css */

/*search-vehicles css only*/
select:focus {
    outline: none;
}

#advance-search {
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: underline;
}

.nav-vehicle-search .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 42.5%;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #ff2800 transparent;
    display: block;
    width: 0;
}

.hide-items {
    display: none;
}

#search-result,
#wheel-collection-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    width: 100%;
    padding-left: 50px;
}

    #wheel-collection-new .search-result-item .tab-content {
        background-color: transparent;
        box-shadow: none;
    }

    #wheel-collection-new .search-result-item {
        -ms-flex: 0 0 16%;
        -webkit-flex: 0 0 16%;
        flex: 0 0 16%;
        min-width: 280px;
    }

        #wheel-collection-new .search-result-item .wheel-item-general-desc {
            padding: 0px 20px;
        }

.search-result-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    -webkit-flex: 0 0 19%;
    margin-bottom: 20px;
    padding: 15px;
    min-width: 267px;
    color: #000;
}
.search-result-item .searchButton .fa{
    vertical-align: text-top;
    margin-top: -1px !important;
}

    .search-result-item .tab-pane {
        height: 120px;
        overflow-y: auto;
    }

.wheel-item-actions {
    margin-top: 5px;
}

.search-result-item .nav-tabs .nav-item .nav-link.active {
    /*background-color: white;*/
    background-color: #b7b7b7;
}

.search-result-item .nav-tabs .nav-item {
    width: 30%;
    text-align: center;
}

    .search-result-item .nav-tabs .nav-item:nth-child(2) {
        width: 40%;
    }

    .search-result-item .nav-tabs .nav-item .nav-link {
        border: 0px;
        background-color: #dee2e6;
        border-radius: 0px;
        color: #495057;
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.search-result-item .tab-content {
    height: 100%;
    /*background-color: white;*/
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 20px -4px rgba(0,0,0,0.6);
    box-shadow: 0 5px 20px -4px rgba(0,0,0,0.6);
    padding: 10px 15px;
    position: relative;
    overflow: hidden;
}

.new-search {
    /*background-color: rgb(41 41 41);*/
    background-color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 1px 8px 13px -8px rgb(0 0 0 / 56%);
    -webkit-box-shadow: 1px 8px 13px -8px rgb(0 0 0 / 56%);
    -moz-box-shadow: 1px 8px 13px -8px rgba(0,0,0,0.56);
    padding-left: 15px;
    padding-right: 15px;
}

.oem-spec h1,
.wheel-collection-title h1 {
    /*font-family: 'TR-909', 'Roboto', sans-serif;*/
    font-family: Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 2rem;
    transform: scale(.9,1.1);
    color: #000;
}

    .oem-spec h1 > span,
    .wheel-collection-title h1 > span {
        color: #ff2800;
    }

.oem-spec-details div > span {
    font-size: 1rem;
    font-weight: bold;
    font-family: Arial;
    color: #646464;
    /*margin-top: -8px;*/
    display: block;
    line-height: 1.2rem;
}

.oem-spec-details h6 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.5em;
    margin-bottom: 0px;
}

.oem-spec-details .btn::after {
    border-left: 6px solid black !important;
}

.oem-table-details table {
    font-size: 0.8rem;
    margin-top: 10px;
}

.oem-table-details .table-title {
    font-weight: bold;
}

.oem-table-details table thead {
    background-color: transparent;
    text-align: center;
    color: black;
    font-weight: normal;
    font-size: 0.8rem;
}

.oem-table-details-title {
    font-size: 1.5rem;
}

.oem-table-details table thead th,
.oem-table-details table tbody td {
    border-right: 1px solid #9e9e9e;
    padding: 5px 0px;
}

.oem-table-details table tbody td {
    background-color: #D7D9DB;
    color: #000;
}

/*.oem-table-details table thead th:first-child,
    .oem-table-details table tbody td:first-child {
        width: 100px;
        background-color: transparent;
    }

        .oem-table-details table tbody td:first-child div {
            border-radius: 20px;
            margin-right: 10px;
            padding: 3px 0px;
        }*/

.oem-table-details table tbody tr:first-child > td:first-child > div {
    border: 1px solid red;
}

.oem-table-details table tbody tr:nth-child(2) > td:first-child > div {
    border: 1px solid green;
}

.oem-table-details table thead th:last-child,
.oem-table-details table thead th:first-child,
.oem-table-details table tbody td:last-child,
.oem-table-details table tbody td:first-child {
    border-right: 0px !important;
}

.oem-table-details table tbody {
    text-align: center;
}

.oem-spec-info {
    margin-top: 55px;
    /*min-height: calc(100vh - 340px);*/
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 20px -4px rgba(0,0,0,0.6);
    box-shadow: 0 5px 20px -4px rgba(0,0,0,0.6);
}

#filterWheels {
    background-color: #313131 !important;
    color: white !important;
}

.wheel-item-pin {
    background-color: #ff2800;
    height: 100px;
    left: -50px;
    position: absolute;
    top: -50px;
    width: 100px;
    -webkit-transform: rotate(-45deg);
}

    .wheel-item-pin span {
        color: #f5f5f5;
        font-family: sans-serif;
        font-size: 1.005em;
        left: 30px;
        top: 72px;
        position: absolute;
        width: 80px;
    }

.vehicle-wheel-image {
    width: 100%;
    height: 210px;
    text-align: center;
    /*margin-bottom: 20px;*/
}

    .vehicle-wheel-image img {
        max-width: 90%;
        max-height: 90%;
    }


.oem-spec-details {
    padding: 20px;
    margin-bottom: 20px;
}

.wheel-item-general-desc div {
    font-size: 1em;
    font-weight: 100;
    margin-bottom: 5px;
}

.wheel-item-general-desc .icons {
    text-align: right;
}

.wheel-item-general-desc h6 {
    /*font-family: 'TR-909', 'Roboto', sans-serif;*/
    font-family: Roboto, sans-serif;
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
}

.wheel-item-general-desc > div > div > div {
    font-size: 0.9em;
    font-weight: 500;
    margin-top: -5px;
    font-family: Roboto, sans-serif; /*'Eurostile'*/
}

.wheel-detail {
    /*padding-top: 10px;*/
}

    .wheel-detail h6 {
        font-weight: bold;
        font-size: 0.9em;
        /*margin-top: 10px;*/
        margin-bottom: 0px;
        font-family: Roboto, sans-serif; /*'Eurostile'*/
    }

    .wheel-detail span {
        font-weight: 400;
        font-family: Roboto, sans-serif; /*'Eurostile'*/
    }

.wheel-inventory {
    padding-top: 10px;
}

    .wheel-inventory ul li {
        font-size: 0.7em;
        font-weight: 400;
    }

    .wheel-inventory h6 span {
        font-weight: normal;
    }

    .wheel-inventory .badge {
        background: transparent;
        text-transform: uppercase;
    }

.badge-danger-outline {
    color: red;
    border: 1px solid red;
}

.badge-available-outline {
    color: green;
    border: 1px solid green;
}

.badge-gray-outline {
    color: gray;
    border: 1px solid gray;
}

.specs {
    color: #000;
    /* white-space: nowrap; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 10px;
}

.sm-font {
    font-size: 12px;
}

.envkits {
    cursor: pointer;
}

.xsm-font {
    font-size: 11px;
}

.modal-header {
    padding: 0;
    /*background: #2c2c2c;*/
    background: #f3f3f3;
}

    .modal-header h5 {
        font-size: 1.6rem;
        padding: 10px 15px !important;
        text-transform: uppercase;
        color: black;
        line-height: 1;
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
    }

button.close.custom-close {
    position: relative;
    opacity: 1;
    text-shadow: none;
    color: #FFF;
    width: 0;
    height: 0;
    border-top: 35px solid #ff2800;
    border-left: 35px solid transparent;
    padding: 0;
    margin: 0;
}

    button.close.custom-close:focus {
        outline: none;
    }

    button.close.custom-close span {
        position: absolute;
        top: -39px;
        left: -19px;
    }

.disclaimer-text {
    font-size: 10px;
}

.disclaimer-text-big {
    font-size: 0.9em;
    color: #757374;
    margin-top: 10px;
}

.modal table.table th, table.table.nicetable th {
    font-size: 12px;
    border-bottom: 0;
    text-transform: uppercase;
}

.kits-table tr:hover {
    cursor: pointer;
    background-color: rgba(125, 0, 25, .25) !important;
}

.form-check [type=radio],
.form-check label {
    cursor: pointer;
}

#AccessoryKitModal .modal-header {
    margin-bottom: -36px;
    z-index: 1;
    border: 0;
    background: transparent;
}

.accessory-image {
    max-width: 100%;
    max-height: 100%;
}


.lugkitsWithHR > div:first-child > img {
    max-width: 100%;
    max-height: 100%;
}

.accessory-display {
    /*background-color: #ff2800*/
    /*background-color: #d3d3d3;*/
    background-color: white;
    padding: 20px 10px;
}

.lug-display {
    overflow-x: auto;
}

.lug-item {
    border-right: solid 1px #cccccc63;
    padding-right: 10px;
}

    .lug-item:last-child {
        border-right: none;
    }

    .lug-item img {
        width: 30vw;
    }

table thead {
    background-color: #ff2800;
    color: white;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

.hubrings table thead tr td,
.lugkits table thead tr td {
    padding: 10px 5px;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

.align-middle {
    vertical-align: middle;
}

.lug-header-red {
    font-family: pirulen_rg, Helvetica;
    color: #ff2800;
    /* background-color: rgba(87,3, 3, 0.5); */
    background-color: white;
    padding: 5px 20px;
}

    .lug-header-red h4 {
        font-family: pirulen_rg, Helvetica !important;
        font-size: 3rem;
        margin-bottom: 0px;
        text-align: left !important;
    }

.lug-header {
    color: white;
    /* background-color: rgba(87,3, 3, 0.5); */
    background-color: #ff2800;
    padding: 20px;
    height: 200px
}

    .lug-header h5 {
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 0px;
    }

    .lug-header h4 {
        font-family: pirulen_rg, Helvetica;
        font-weight: 900;
        font-size: 2.8rem;
        text-align: center;
    }
/*gallery css*/

.gallery-background {
    background-image: url('../../img/bg/bg-gallery.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 814px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

    .gallery-background .gallery-info {
        background: rgba(0, 0, 0, 0.8);
        color: white;
        width: 100%;
        text-align: center;
        padding: 20px;
        z-index: 1;
    }

    .gallery-background h1 {
        font-size: 5.1em;
        font-weight: bold;
    }

    .gallery-background h2 {
        font-size: 3em;
    }

    .gallery-background .gallery-info > p {
        width: 800px;
        margin: auto;
    }

.gallery-container {
    width: 100%;
    /*display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(auto-fill);
    grid-gap: 5px;
    grid-auto-flow: dense;
    margin-top: 15px;*/
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}

.gallery-icon {
    position: relative;
    cursor: pointer;
    /*margin: 1.5%;
    -webkit-box-shadow: 3px 4px 15px -1px rgba(122,122,122,1);
    -moz-box-shadow: 3px 4px 15px -1px rgba(122,122,122,1);
    box-shadow: 3px 4px 15px -1px rgba(122,122,122,1);*/
    overflow: hidden;
    padding: 0px !important;
}

    .gallery-icon div:first-child {
        margin: 1px;
    }

    .gallery-icon:hover .gallery-icon-desc {
        top: 0px;
        height: 100%;
    }

        .gallery-icon:hover .gallery-icon-desc span {
            display: block;
        }

.gallery-icon-desc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    position: absolute;
    padding: 20px 10px;
    text-align: center;
    font-size: 13px;
    height: 0%;
    top: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.1rem;
    -webkit-transition: top 0.5s ease, height 0.5s ease;
    -o-transition: top 0.5s ease, height 0.5s ease;
    transition: top 0.5s ease, height 0.5s ease;
}

    .gallery-icon-desc span {
        display: none;
    }

.gallery-large-image {
    grid-column: span 2 / span 2;
    grid-column-end: span 2;
    grid-row-end: span 2;
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
}

.gallery-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icon-title {
    position: absolute;
    height: 100%;
    width: 100%;
    color: #000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-color: rgba(125,0,25, 0.5);
    color: white;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0;
}

    .icon-title:hover {
        opacity: 1;
    }

    .icon-title h4 {
        text-align: center;
        font-weight: bold;
    }

.gallery-large-image .icon-title h4 {
    font-size: 2rem;
}

.icon-title p {
    text-align: center;
}

#modal-vehicle-image {
    height: 100%;
    width: 100%;
}

a.yellowBtn, .yellowBtn {
    background-color: #ff2800;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

/*end gallery css*/

/*contact us css */

#contactSubmitButton{
    width: 304px !important;
}

.g-recaptcha{
    width: 304px;
    margin: auto;
}

.contact-us-background {
    min-height: 814px;
    /*background-image: url('https://assets.envywheels.com/img/website/smoke-bg.jpg');*/
    /*background-image: url('https://dev.envywheels.com/media/4nap4x1o/smoke-bg.jpg');*/
    background-color: white;
    background-position: center bottom;
    background-size: cover;
    padding: 30px 0px;
}

.contact-header {
    position: relative;
    background-color: #ff2800;
    height: 150px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    color: white;
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: center;
    align-content: center;
}

    .contact-header h4 {
        font-size: 2.5rem;
        text-align: center;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 15px;
        /*font-family: 'TR-909';*/
        font-family: Roboto, sans-serif;
    }

    .contact-header p {
        font-size: 1.1rem;
        text-align: center;
    }

    .contact-header::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: calc(50% - 30px);
        border-width: 30px 30px 0;
        border-style: solid;
        border-color: #ff2800 transparent;
        display: block;
        width: 0;
    }

.contact-body {
    /*background-color: #1e1e1e;*/
    background-color: #f3f3f3;
    min-height: 500px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    box-shadow: 0rem 2rem 20px rgba(0,0,0,.5) !important;
    padding: 50px 30px 20px 30px;
}

    .contact-body label {
        letter-spacing: 2px;
        /*color: #8C8C8C;*/
        color: black;
    }

.custom-input {
    border: 0px;
    border-bottom: 1px solid #8C8C8C;
    border-radius: 0px;
    /*background-color: #3e3e3e;*/
    font-size: 1rem;
    color: black;
    background-color: white;
}

    .custom-input::placeholder {
        color: #afafaf;
    }

.input-group-text {
    border-radius: 0
}

.form-control.select {
    height: initial
}

.btn-contact-us {
    background-color: white;
    border: 0px;
    border-bottom: 1px solid #8C8C8C;
    border-radius: 0px;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
    height: 100%;
}

    .btn-contact-us:hover {
        background-color: #ff2800;
        color: white;
    }

.social-medias {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.social-media-icon {
    text-decoration: none !important;
    /* border-top: 1.5px solid #ff2800; */
    margin: 5px;
    display: flex;
}

    .social-media-icon .fa {
        color: #fff;
        font-size: 20px;
        padding: 14px;
        background: #181818;
        border-radius: 100px;
        height: 45px;
        width: 45px;
    }

.btn-custom-red {
    background-color: #ff2800 !important;
    border-color: #ff2800 !important;
}

.btn-custom-black {
    /*background-color: #000;
    border-color: #000;
    color: #fff !important*/
    background-color: transparent;
    border-color: #000;
    color: black;
}

    .btn-custom-black:hover {
        background: #737171;
        border-color: #737171;
        color: white;
    }

#Footer #subscribe-wrapper h3 {
    color: black;
    margin-bottom: 0px;
    font-size: 1.5rem;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

#Footer #subscribe-wrapper .btn,
#Footer #subscribe-wrapper input {
    width: 300px;
    text-align: center;
    font-size: 12px;
}

    #Footer #subscribe-wrapper input[type="text"] {
        color: #495057;
        background: #fff
    }

.footer-links a {
    color: white;
    font-weight: 100;
    font-size: 15px;
}

.footer-links > div {
    padding-right: 80px;
    padding-top: 40px;
}

    .footer-links > div > div {
        margin-right: 60px;
    }

        .footer-links > div > div > div {
            margin-bottom: 10px;
        }

.social-media-container {
    display: flex;
    height: 100%;
    align-items: center;
}

i.socmed-facebook {
    width: 45px;
    height: 45px;
    display: block;
    background-image: url('https://assets.envywheels.com/img/website/social-media-gray.png?v');
    background-position-x: 0px;
    background-position-y: -25px;
    background-size: 195px;
    background-repeat: no-repeat;
}

i.socmed-instagram {
    width: 45px;
    height: 45px;
    display: block;
    background-image: url('https://assets.envywheels.com/img/website/social-media-gray.png?v');
    background-position-x: -50px;
    background-position-y: -25px;
    background-size: 195px;
    background-repeat: no-repeat;
}

i.socmed-twitter {
    width: 45px;
    height: 45px;
    display: block;
    background-image: url('https://assets.envywheels.com/img/website/social-media-gray.png?v');
    background-position-x: -102px;
    background-position-y: -25px;
    background-size: 195px;
    background-repeat: no-repeat;
}
@media(max-width: 1600px) {
    #image-background {
        background-size: 150%;
    }
}

/*end contact us css*/
@media(min-width: 1025px) and (max-width: 1200px) {
    .search-result-item,
    #wheel-collection-new .search-result-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        -webkit-flex: 0 0 29%;
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    #wheel-collection-black .search-result-item{
        width: 45% !important;
    }
}

@media(max-width: 1200px) {
    .navbar-brand img {
        width: 200px !important;
    }
    div#WheelCarousel {
        /* background-image: url(https://assets.envywheels.com/img/website/home/wheels BG.png); */
        margin-top: 0px !important;
    }
    #featuredWheels{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    
    .featured-wheels-images > div:last-child {
        display: block !important;
    }
    
    .bigImageContainer{
        display: none !important;
    }
    
    #featured-title > div{
        flex-wrap: wrap !important;
        text-align: center !important;
        flex-direction: row !important;
        justify-content: center !important;
    }
    #featured-title > div > div{padding: 20px 20px 20px 0px;}
    #featured-title > div > p {
        display: inline;
        text-align: center !important;
    }
    
    .featured-wheels-images img{
        width: 350px !important;
    }
    
    .ribbon-wrapper {
        right: -40px !important;
    }
    
    .featured-wheels-images{
    	flex-direction: column !important;
	    align-content: center !important;
    }
    
    section#DareToBe h2 {
        font-size: 3.5rem;
        margin-top: -65px;
    }
    
    .navbar-toggler{
        top: 32px !important;
    }
    
    .search-form-vehicle{
        margin-right: auto !important;
        margin-left: auto !important;
        float: inherit !important;
        padding-bottom: 20px !important;
    }
    
    #contactSubmitButton{
        width: 100% !important;
    }
    
    .icons {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .oem-table-details-title {
        font-size: 1rem !important;
        text-align: center;
    }

    .oem-table-details table {
        width: 100% !important;
    }

    .oem-spec-details h6 {
        text-align: center;
    }

    .oem-spec-details div > span {
        text-align: center;
    }

    .oem-table-details .table-title {
        text-align: center;
    }

    .oem-spec h1,
    .wheel-collection-title h1 {
        text-align: center !important;
    }

    #image-background {
        padding-bottom: 30px !important;
        background-size: 150%;
    }
}

@media(max-width: 1024px) {
    .carousel-message h2 {
        text-align: center;
        font-size: 5.1rem;
    }

    .carousel-message .lead {
        text-align: center;
        margin-top: -10px;
    }

    .home-header {
        font-size: 1.8rem;
        font-weight: 400;
    }

    #desktop-search-title {
        text-align: center;
    }

    #search-result,
    #wheel-collection-new {
        padding-left: 0px;
    }

    .mobile-max-width {
        width: 100%;
    }

    #all-wheels-tab {
        /* justify-content: space-between; */
    }

    .search-result-item,
    #wheel-collection-new .search-result-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        -webkit-flex: 0 0 33.33%;
    }

    #Footer > .row {
        justify-content: center !important;
    }

        #Footer > .row > div > div {
            padding-right: 40px;
        }

    #Footer #subscribe-wrapper .btn,
    #Footer #subscribe-wrapper input {
        width: 100%;
    }

    #Footer #subscribe-wrapper h3 {
        text-align: center;
    }

    .social-media-container {
        justify-content: center;
    }

    .accessories-header span {
        font-size: 2em !important;
    }
    
}

@media (max-width: 768px) {
    
    .search-form-vehicle{
        max-width: 611px;
        width: auto !important;
        background-color: white !important;
    }
    
    .search-form-vehicle:before{
        display: none !important;
    }

    .about-us-home {
        height: auto;
    }

    .home-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .about-us-home {
        padding: 40px 20px;
    }

    .video-container {
        display: none;
    }

    #mobile-search-title {
        margin-top: 20px;
        text-align: center;
    }

    #all-wheels-tab .nav-item,
    #all-tab .nav-item {
        width: 100%;
    }

    #all-wheels-tab .nav-link.active::after,
    #all-tab .nav-link.active::after {
        left: 48% !important;
    }
}

@media (min-width: 992px) {
    /*new - 14082020*/
    /*section {
        height: 100vh;
    }*/

    .modal-xxl {
        max-width: 95%;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        font-size: 11px;
        letter-spacing: 0px;
    }
}

/*end search-vehicle css */
/*wheel-details css only */
.btn.disabled, .btn:disabled {
    cursor: not-allowed;
}

#vehicle-detail-title {
    margin-top: 20px;
}

    #vehicle-detail-title > button {
        margin-bottom: 35px !important;
    }

    #vehicle-detail-title div {
        letter-spacing: 0.06em;
    }

    #vehicle-detail-title .vehicle-name {
        font-weight: bold;
        font-size: 2.5rem;
        color: black;
    }

    #vehicle-detail-title button, #vehicle-detail-title a,
    .accessory-buttons {
        margin-top: -10px;
        background-color: #F4F4F4;
        color: #6F7074;
        font-weight: bold;
        border-color: #E4E4E4;
        position: relative;
    }

.accessory-buttons {
    width: 80%;
    margin: 5px 0px;
    border-radius: 7px !important;
    border-color: #E4E4E4 !important;
}

#vehicle-detail-title button.arrow-left-submit::after,
#vehicle-detail-title a.arrow-left-submit::after {
    border-right-color: #6F7074 !important;
}

#wheel-detail-title h4 {
    font-size: 7rem;
    color: #ff2800;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    /*font-family: 'TR-909';*/
    font-family: Roboto, sans-serif;
}

#wheel-detail-title div > span {
    /*color: #3C3C3C;*/
    color: black;
    font-family: Roboto, sans-serif; /*'Eurostile'*/
    font-size: 2.5rem;
    margin-top: -30px;
    display: block;
    letter-spacing: 0.2rem;
    font-weight: 900;
}

.wheel-detail-tab {
    margin-bottom: 15px;
    margin-top: 35px;
}

#wheel-detail-title .wheel-detail-tab button {
    background-color: white;
    color: black;
}

#other-fitment table button {
    background: #ff2800;
    color: white;
    outline: none !important;
    box-shadow: none !important;
}

#wheel-detail-title button:focus,
.accessory-buttons:hover {
    outline: none !important;
    box-shadow: none !important;
}

#wheel-detail-title button.active {
    background: #ff2800;
    color: white !important;
    position: relative;
}

    #wheel-detail-title button.active::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: calc(50% - 6px);
        border-width: 6px 6px 0;
        border-style: solid;
        border-color: #ff2800 transparent;
        display: block;
        width: 0;
    }

.wheel-description-title {
    padding: .50rem;
    /*border-top: 2px solid #3C3C3C !important;*/
    border: 0px !important;
    border-bottom: 2px solid #3C3C3C !important;
    font-weight: bolder;
    width: 50%;
}

.wheel-description-value {
    width: 50%;
    font-weight: 300;
    /*border-top: 2px solid #3C3C3C !important;*/
    border: 0px !important;
    border-bottom: 2px solid #3C3C3C !important;
}

.inventory .wheel-description-value {
    text-align: center;
}

/*end wheel-details css only*/
/*accessory css*/
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    color: white;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    color: black;
    text-transform: uppercase;
    font-family: Roboto, sans-serif; /*'Eurostile'*/
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(171 171 171 / 24%);
}

.table-bordered td, .table-bordered th {
    border: 1px solid #565656;
}

.accessory-item-list {
    margin-top: 40px;
}

#accessory-detail-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    overflow: auto;
}

    #accessory-detail-modal img {
        width: 65%;
    }

.accessory-detail {
    position: relative;
    width: 100%;
    border: 2px solid black;
    padding: 20px;
    background-color: white;
}

    .accessory-detail .custom-close {
        top: 0px;
        right: 0px;
        position: absolute !important;
    }

    .accessory-detail #accessory-detail-id {
        font-size: 3.5rem;
        font-weight: bold;
        flex: 0 0 100%;
    }

    .accessory-detail > div {
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    .accessory-detail .accessory-detail-title {
        font-weight: bold;
    }

    .accessory-detail .accessory-detail-value {
        margin-top: -10px;
    }

.accessory-item-list > div {
    margin-top: -30px !important;
}

.accessory-card {
    cursor: pointer;
}

    .accessory-card > div:nth-child(2) {
        margin-top: -40px !important;
    }

    .accessory-card .main-type {
        padding-left: 20px !important;
    }

        .accessory-card .main-type h4 {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 0px;
        }

        .accessory-card .main-type div {
            font-size: 0.8rem;
            font-weight: bold;
            margin-top: -5px;
            padding-left: 3px;
        }

.accessory-spec {
    height: 100px;
    padding: 5px 20px;
}

    .accessory-spec h5 {
        margin-bottom: 0px;
        font-size: 1rem;
        font-weight: bold;
    }

    .accessory-spec > div {
        margin-bottom: 5px;
    }

        .accessory-spec > div > div {
            color: #8C8C8C;
            font-size: 0.8rem;
            margin-top: -4px;
        }

.kits-tab > div {
    color: #fff;
    padding: 10px 20px;
    margin: 0 !important;
    margin-top: -5px;
    font-weight: 500;
    border: solid 1px #fff;
    border-bottom: solid 2px #ff2800;
}

    .kits-tab > div > input {
        display: none
    }

    .kits-tab > div.active {
        color: black;
        background-color: white;
        border: solid 2px #ff2800;
        /*border-bottom: none;*/
    }
/*end accessory css*/
.footer {
    /*background-color: #EBEBEB;*/
    background-color: #d3d3d3 !important;
    /*background-image: url('https://dev.envywheels.com/media/duulqyd1/maxresdefault.jpg');
    background-size: cover;*/
    /*width: calc(100% + 30px);*/
}

#Footer {
    width: 100%;
}
/*
.footer > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-content: flex-end;
    -webkit-justify-content: flex-end;
    height: 100%;
}

.footer > div > div{
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: flex-end;
    -webkit-justify-content: flex-end;
    height: 100%;
}

.footer .nav-link{
    color: #979797;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
*/

.copyright {
    color: #979797;
    padding: 20px;
    display: block;
    text-align: right;
}

@media (min-aspect-ratio: 16/9) {
    .video-container {
        height: 300%;
        top: -100%;
        top: 0 !important;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-container {
        width: 300%;
        left: -100%;
    }
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: .5rem;
    }

    .vid-info h1 {
        margin-bottom: .2rem;
    }
    
    
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }

    .search-result-item, #wheel-collection-new .search-result-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
}

@media screen and (max-width: 375px) and (max-height: 667){
    #search-form{
        bottom: 0px !important;
    }
}

#WheelSeries {
    background: #ffffff;
    /*-webkit-mask-image: linear-gradient(to bottom, transparent 34%, #d3d3d3 46%);
    mask-image: linear-gradient(to bottom, transparent 34%, #d3d3d3 46%);
    margin-top: -600px;
    padding-top: 620px;*/
    padding-bottom: 80px;
    /* z-index: 2; */
}
#homeWarranty {
    margin-left: -15px;
    margin-right: -15px;
}
@media(max-width: 991px) {
    #deliveringExceptionalMetal{
        width: 100% !important;
    }
    
    .featured-wheels-images img{
        width: 300px !important;
    }
    
    .wheel-collection .wheel-collection-item{
        margin-bottom: 150px;
    }
    
    .instagram-holder{
        position: relative;
        text-align: center;
        width: 100%;
    }
    
    #search-form{
        /* bottom: 185px; */
    }
    
    #deliveringExceptionalMetal p, #featured-title p{
        text-align: center !important;
    }
    
    /*.featured-wheels-images > div{
        flex: 1 0 38% !important;
    }*/
    
    .wheel-collection-item-message {
        top: 96%;
        height: 40%;
        width: 40%;
        margin: auto;
        flex-direction: row;
        justify-content: center !important;
        align-content: space-between !important;
        text-align: center;
    }
    
    #lugkits-without-hubrings, #lugkits-with-hubrings, #hub-rings-only{
        display: none !important;
    }
    
    .wheel-item-general-desc{
        width: 100% !important;
    }
    
    
    #wheel-collection-black h2{
        background-size: cover !important;
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto !important;
        line-height: inherit !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #image-background {
        min-height: auto;
        padding: 30px 30px;
        padding-top: 0px !important;
        background-size: 217%;
    }

    .video-container {
        display: none;
    }


    #image-background {
        min-height: auto;
        /* padding: 30px 30px; */
    }

    .video-container {
        display: none;
    }

    .quick-search h5,
    .quick-search-vehicle h5 {
        font-size: 1em;
        text-align: center !important;
    }

    #search-form {
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .wheel-collection-item-message span {
        letter-spacing: 0;
        font-size: 1.7em;
        top: 102% !important;
        text-align: center;
    }

    .about-us-description h3 {
        text-align: center;
    }

    .about-us-description {
        background-color: rgba(253, 253, 253, 0.6);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer > div > div {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .about-us-home {
        background-position: top right;
    }

    #vehicle-detail-title {
        text-align: center;
    }

    #wheel-detail-title {
        margin-top: 40px;
        padding-right: 15px;
    }

        #wheel-detail-title h4 {
            text-align: center;
            font-size: 6rem;
        }

        #wheel-detail-title div > span {
            text-align: center;
            font-size: 2rem;
            margin-top: -15px;
        }

    .cstm-select {
        margin: 5px 0px;
    }

    .accessory-buttons {
        width: 100%;
    }

    .wheel-display {
        order: 1;
        flex: 0 0 100%;
        padding: 3rem;
    }

    .wheel-bullets {
        order: 2;
        flex: 0 0 100%;
        flex-direction: row;
        -webkit-box-orient: horizontal;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        justify-content: space-between;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .wheel-bullet {
        width: 146px;
        height: 146px;
        flex-shrink: 0;
    }

        .wheel-bullet img {
            width: 100%;
        }

    .wheel-list-size {
        justify-content: space-evenly;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-evenly;
    }

    .main-wheel {
        text-align: center;
    }

        .main-wheel h1 {
            font-size: 5.3em;
        }

    .wheel-description {
        text-align: center;
    }

        .wheel-description span {
            font-size: 1.5em;
            margin-top: 10px;
        }

    .wheel-specification-header {
        text-align: center;
    }

    .gallery-background h1 {
        font-size: 4.5em;
    }

    .gallery-background {
        background-position: left center;
    }

    .gallery-container {
        grid-template-columns: repeat(4, 1fr);
    }

    .reset-column-md {
        grid-column-end: auto;
        grid-row-end: auto;
    }

        .reset-column-md.gallery-large-image .icon-title h4,
        .icon-title h4 {
            font-size: 1.3rem;
        }

    .span-column-md .icon-title h4 {
        font-size: 2rem;
    }

    .span-column-md {
        grid-column-end: span 2;
        grid-row-end: span 2;
    }

    .btn-contact-us {
        background-color: #ff2800;
        color: white;
    }

    #accessory-detail-modal > .row {
        height: auto !important;
    }

    .accessory-detail > div {
        flex: 0 0 100%;
    }

    .wheel-separator-right {
        border-right: 0px;
    }

    .wheel-separator-md-bottom {
        border-bottom: 5px solid rgba(255,255,255, 0.5);
        margin: 0px 10px;
    }


    .wheel-title {
        font-size: 3rem;
        margin-bottom: 20px;
        margin-top: 20px;
        position: initial;
        top: initial;
        transform: initial;
    }

    .wheel-collection-list {
        zoom: 40%
    }

    .wheel-group {
        position: initial;
        top: initial;
        transform: initial;
    }

    .wheel-item > div > h3 {
        font-size: 2rem;
        margin-left: 0px;
    }

    .view-details-wheels {
        clip-path: none;
        margin: 10px auto;
    }

    #search-form-vehicle.active,
    #show-search-mobile.active {
        display: none;
    }
}

@media(max-width: 680px){
    section#DareToBe h2 {
        font-size: 2rem !important;
    }
    
    #search-form:before, .search-form-vehicle:before {
        right: -560px;
    }
    
    #deliveringExceptionalMetal p{
        font-size: 1rem !important;
    }
    
    .wheel-collection-item-message{
        flex-direction: row;
        justify-content: center !important;
        align-content: space-between !important;
    }
    #image-background {
        background-size: 1000%;
    }
}

@media(max-width: 596px) {
    .ribbon-wrapper {
        right: -29px !important;
    }
    
    .full-spec-btn{
        width: 100% !important;    
    }
    
    #wheel-collection-black h2{
        background-size: auto !important;
    }
    
    .wheel-specification-header .modal-footer-icons {
        flex-direction: column;
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

        .wheel-specification-header .modal-footer-icons span {
            margin: 0px !important;
        }
}

@media(max-width: 575px) {
    .wheel-collection div div{
        height: 45%;
        width: 90%;
    }
    
    .wheel-collection-item-message > div{
        font-size: 1em !important;
    }
    
    .wheel-collection{
        margin-bottom: 75px;
    }
    
    #display-wheel-image{
        max-width: 260px !important;
    }
    
    .navbar-brand img{
        width: 185px !important;
    }
    
    #wheel-detail-title > div:first-child > div {
        text-align: center !important;
        margin-bottom: 10px;
    }

    #wheel-detail-title h4 {
        padding-right: 0px;
        font-size: 2.5rem !important;
    }

    #wheel-detail-title div > span {
        text-align: center;
        font-size: 1.5rem;
        margin-top: -11px;
    }

    .modal-body .myPopUpCarForm {
        height: auto !important;
        padding: 10px !important;
        margin-left: 10px;
        font-size: .8em;
    }

    .wheel-size-bullet {
        width: 170px;
        height: auto;
        margin-bottom: 15px;
    }

    .wheel-carousel {
        padding-left: 0px !important;
    }

    .wheel-bullets {
        justify-content: center !important;
    }

    .wheel-size-bullet .wheel-size-description {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .view-wheel-detail {
        width: calc(100% - 10px);
    }

        .view-wheel-detail::after {
            right: 5%;
        }

    .gallery-container {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-columns: repeat(2, 1fr);
    }

    .gallery-background {
        height: 600px;
    }

        .gallery-background h1 {
            font-size: 3.5em;
        }

    .contact-header h4 {
        font-size: 1.7rem;
    }

    .contact-header p {
        font-size: 0.7rem;
    }

    .accessory-card {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

    .accessory-item-list > div:last-child .accessory-card {
        border-bottom: 0px;
    }

    .accessory-spec {
        height: 150px;
    }

    .wheel-title {
        font-size: 2.5rem;
    }

    .wheel-group .wheel-group-title h2 {
        font-size: 2.2rem;
        letter-spacing: 5px;
    }
}



.inventory {
    display: none;
}

/*.myPopUpCarAcceForm {
    height: 380px;
}*/

.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.myPopUpFont {
    font-weight: 900;
    font-size: 25px;
}

.kitsspec {
    height: 200px;
}

.myPopUpCarModelContent {
    font-size: smaller;
    color: gray;
}

.myPopUpCarModelContent tr td{
    text-transform: uppercase;
}

.myPopUpCarAcceContentTitle {
    font-size: 13px;
    font-weight: bolder;
    color: black;
    width: 50%;
}

.myPopUpCarAcceContent {
    font-size: 14px;
    color: gray;
    width: 50%;
}
/*compatible cars*/
.modal-body .myPopUpCarForm {
    height: auto !important;
    /*background-color: rgb(70, 70, 70) !important;*/
    background-color: #f3f3f3 !important;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: initial;
}

.modal-body .myPopUpCarForm .myPopUpCarModelContent {
    height: 500px;
    width: 100%;
    display: block;
    overflow-y: scroll;
    font-size: 1.2em;
}

#selectMakeVehicleBig {
    padding-top: 20px;
}

    #selectMakeVehicleBig ul {
        list-style: none;
        position: relative;
        font-weight: bold;
        font-size: 1.2em;
        z-index: 1;
        width: 92%;
        margin-top: 20px;
        padding-top: 20px;
    }

        #selectMakeVehicleBig ul li {
            padding: 5px 20px;
            cursor: pointer;
            text-transform: uppercase;
        }

            #selectMakeVehicleBig ul li.active {
                background-color: #ff2800;
                position: relative;
                z-index: 1;
                color: #fff;
                border-bottom: 2px solid #ff2800;
            }

                #selectMakeVehicleBig ul li.active::before {
                    content: '';
                    position: absolute;
                    width: 0px;
                    border-top: 19px solid transparent;
                    border-bottom: 19px solid transparent;
                    border-left: 20px solid #ff2800;
                    right: -20px;
                    top: 0px;
                    z-index: 1;
                }


i.loading-icon {
    color: #5f5f5f;
    position: absolute;
    top: 9px;
    right: 28px;
    font-size: 20px;
}

.ui-menu {
    z-index: 9999
}

.sectionContent {
    font-size: 1rem;
    min-height: 814px;
    /*background-image: url('https://assets.envywheels.com/img/website/smoke-bg.jpg');
    background-position: center center;
    background-size: cover;*/
    background-color: white;
    color: black;
    padding: 30px 0px px;
}

    .sectionContent h2 {
        font-size: 1.5rem;
        color: #ff2800;
        font-weight: 700;
    }
    
    #homeWarranty .sectionContent h2 {
        color: #000;
    }

    .sectionContent h3 {
        font-size: 1rem;
        color: #910508;
        font-weight: 700;
    }

.wheel-variation {
    font-family: pirulen_rg, Helvetica;
    font-size: 3.5em;
}


/***NEW CSS***/
#sticky-search.show-sticky, .sticky-search {
    height: 0px;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.8);*/
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 4;
    transition: height 0.15s ease-out;
    /*overflow: hidden;*/
}

#sticky-search.show-sticky {
    display: block
}

#sticky-search > .row {
    padding: 10px 20px;
}

#sticky-search select {
    border: 0px;
}

#sticky-search .new-search {
    background: rgba(0, 0, 0, 0.8);
    padding-left: 15px;
    padding-right: 15px;
}

.show-sticky {
    height: 60px !important;
    transition: height 0.25s ease-in;
    margin-left: 0px;
    margin-right: 0px;
}

div#WheelCarousel {
    /*background-image: url('https://assets.envywheels.com/img/website/home/wheels BG.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 300px;
    margin-top: 188px;
}

    div#WheelCarousel img#transparentLogo {
        width: 50%;
        margin: auto;
        position: absolute;
        bottom: 20px;
        right: 25%;
    }

.wheel-collection {
    /*background-image: url('https://assets.envywheels.com/img/website/black-red-stripes.jpg?v');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    min-height: 460px;
    width: 100%;
}

section#smallWheelCarousel {
    background: #000;
    padding-left: 20%;
    padding-right: 20%;
    overflow: hidden;
}

    section#smallWheelCarousel .small-carousel {
        height: 300px;
        margin: auto;
        padding-top: 19px;
        padding-bottom: 15px;
    }

        section#smallWheelCarousel .small-carousel .item {
            height: 260px;
            width: 260px;
            margin: auto;
        }

            section#smallWheelCarousel .small-carousel .item img {
                margin: auto;
                display: block;
            }

        section#smallWheelCarousel .small-carousel .img-slide-controls.prev {
            top: 30%;
            left: -60px
        }

        section#smallWheelCarousel .small-carousel .img-slide-controls.next {
            top: 30%;
            right: -60px
        }


#featuredWheels hr {
    background-color: #ff2800;
    height: 4px;
    margin-left: 10%;
    margin-bottom: 20px;
}



.featured-wheels-images {
    overflow: hidden;
}

#featured-title p{
    margin-bottom: 0px;
}

.featured-wheels-images img {
    width: 415px;
    position: relative;
    z-index: 2
}

#featured-title h3 {
    color: #ff2800;
    font-size: 2.7rem;
    /*font-family: 'TR-909';*/
    font-family: 'Roboto Condensed', Roboto, sans-serif;
    margin-top: 30px;
    font-weight: 500;
}

.featured-wheels-images {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
}

    .featured-wheels-images > div {
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        /*display: flex;
        flex-direction: row;
        flex: 0 0 30%;*/
    }
    
    /*.featured-wheels-images > div:last-child{
        display: none;
    }*/

        .featured-wheels-images > div > div, .bigImageContainer .ribbon-wrapper {
            font-size: 1.2rem;
            /*font-family: 'TR-909';*/
            font-family: 'Roboto Condensed', Roboto, sans-serif;
            color: #ff2800;
            font-size: 2.5rem;
            text-align: center;
            margin-top: 3px;
            /*margin-top: 20px;
            margin-right: -20px;
            margin-bottom: 20px;*/
            font-weight: 700;
        }
        .bigImageContainer .ribbon-wrapper span{
            font-size: 2.5rem;
        }

.ribbon-wrapper {
    overflow: hidden;
    width: 181px;
    position: absolute;
    right: 0;
    /*border-left: 1px solid black;*/
}

.bigImageContainer{
    position: relative;
}

.bigImageContainer .ribbon-wrapper{
    top: -30%;
    right: 2%;
    z-index: 2;
}

#featured-title{
    border-top: 2px solid #d3d3d3;
    padding-top: 45px;
}

.bigImage{
    /* max-width: 733px; */
    max-width: 130%;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: -150px;
}

.new-wheel {
    width: 205px;
    height: 72px;
    transform: skew(-30deg);
    background: #ff2800;
    color: #000 !important;
    font-size: 1.7rem !important;
    line-height: 4.5rem;
    /* position: absolute; */
    /* right: 0; */
    z-index: 1;
    margin-left: -46px;
    /* margin-right: -20px; */
    padding-left: 93px;
    /*border: 1px solid black;*/
}

    .new-wheel span {
        transform: skew(30deg);
        display: block
    }

#home-flow-form {
    background-image: url('https://assets.envywheels.com/img/website/home/FFT8-temporary-Image.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}


    #home-flow-form .home-flow-form-description {
        align-self: center;
        width: 50%;
        color: white;
        /*margin-top: calc(100vh - 60%);*/
    }

    #home-flow-form .home-flow-form-title * {
        line-height: .8;
        font-family: pirulen_rg, Helvetica;
        /*padding-left: 20px;
height: 38px;*/
        text-shadow: 1px 1px 19px rgba(0, 0, 0, 1);
    }

    #home-flow-form .home-flow-form-title h1 {
        letter-spacing: -1px;
        font-size: 9em;
        font-weight: 400;
    }

    #home-flow-form .home-flow-form-title span {
        font-weight: 200;
        font-size: 1.2rem;
        color: rgba(255, 255, 255, 0.8);
    }

    #home-flow-form .home-flow-form-body {
        font-size: 1.1rem;
        font-weight: 100;
        line-height: 2;
    }

.show {
    display: block !important;
}

.multiselect {
    position: relative;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    display: none;
    border: 1px #dadada solid;
    background-color: white;
    padding: 5px;
    position: absolute;
    z-index: 999;
    top: calc(100% - 2px);
    margin-top: 0px !important;
    width: 100%;
}

    .checkboxes > label > input {
        margin-right: 10px;
    }

    .checkboxes label {
        display: block;
    }

        .checkboxes label:hover {
            background-color: #ff2800;
            color: #fff;
        }