@font-face {
    font-family: Anko-Regular;
    src: url('../fonts/Anko-Regular.woff') format('woff');
}
@font-face {
    font-family: Anko-RegularItalic;
    src: url('../fonts/Anko-RegularItalic.woff') format('woff');
}
@font-face {
    font-family: Everett-Bold;
    src: url('../fonts/Everett-Bold-web.woff') format('woff'),url('../fonts/Everett-Bold-web.woff2') format('woff2');
}
@font-face {
    font-family: Everett-Light;
    src: url('../fonts/Everett-Light-web.woff') format('woff'),url('../fonts/Everett-Light-web.woff2') format('woff2');
}
@font-face {
    font-family: Everett-Medium;
    src: url('../fonts/Everett-Medium-web.woff') format('woff'),url('../fonts/Everett-Medium-web.woff2') format('woff2');
}
@font-face {
    font-family: Everett-Regular;
    src: url('../fonts/Everett-Regular-web.woff') format('woff'),url('../fonts/Everett-Regular-web.woff2') format('woff2');
}
@font-face {
    font-family: Everett;
    src: url('../fonts/Everett-Regular-web.woff') format('woff'),url('../fonts/Everett-Regular-web.woff2') format('woff2');
}
@font-face {
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot'),url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

._hj-widget-container ._hj-widget-theme-light{
    display: none !important;
}

.ZipCodeLabelCls{
    font-family: "Everett" !important;
}
:root {
    --maserati-white-color: #ffffff;
    --maserati-black-color: #000000;
    --maserati-yellow-color: #ffc845;
    --maserati-blue-color: #1c3775;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div {
    box-sizing: border-box;
}
.donShow .img-responsive{
    height:75vh;
}
.home_car_card{
    padding-right: 0px;
    padding-left: 0px;
}
.wishlistbtn span{
    font-family: Everett-Medium;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    cursor: pointer;
    text-transform: none;
    margin: 0px 40px 0px 0px;
    color: #fff;
}

#mySidenav .wishlistbtn span{
    color: #000;
}
#mySidenav .maseratiusa-link span{
    color: #000;
}
@media (max-width:996px) {
    #mySidenav .wishlistbtn span{
        color: #000;
    }
    #mySidenav .maseratiusa-link span{
        color: #000;
    }
}

.transparent_header #mySidenav .wishlistbtn span{
    color: #fff;
}
.transparent_header  #mySidenav .maseratiusa-link span{
    color: #fff;
}

@media (max-width:996px) {
    .transparent_header #mySidenav .wishlistbtn span{
        color: #000;
    }
    .transparent_header #mySidenav .maseratiusa-link span{
        color: #000;
    }
}


.maseratiusa-link span{
    font-family: Everett-Medium;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    cursor: pointer;
    text-transform: none;
    margin: 0px 40px 0px 0px;
    color: #fff;
}

@media (max-width:996px) {
    .donShow .img-responsive{
        height:40vh;
    }
    .home_car_card{
        padding-right: 15px;
        padding-left: 15px;
    }
}
.help_find_my_vehicle_btn{
    padding: 22px 20px 22px 20px !important;
    margin-top: 10px !important;
    text-align: center;
    font-family: "Everett";
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.2;
    margin-right: -5px;
    /*height: 60px;*/
    display: flex !important;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    /*width: 200px;*/
    
    display: flex;
    justify-content: space-between;
}
.help_find_my_vehicle_btn span{
    /*display: flex;
    justify-content: space-between;
    width: 220px !important;
    letter-spacing: 2px;
    word-spacing: 5px;*/
    width: 220px !important;
}
.help_find_my_vehicle_btn span::after{
    content:"\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
}
.maserati_text_input{
    outline: 0;
    border-width: 0 0 2px;
    border-color: var(--maserati-black-color);
}

.maserati_text_input:before{
    content: "\e259";
    font-family: 'Glyphicons Halflings';
    border-radius: 0 8px 8px 0;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #27AAE1;
    font-size: 20px;
    padding-top: 1px;
    position: absolute;
    width: 35px;
    text-align: center;
    height: 100%;
    top: 0px;
    right: 0;
}

.maserati_btn{
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 7px 37px !important;
    line-height: 30px !important;
    margin-bottom: 10px !important;
    font-family: 'Everett' !important;
}

@media (max-width:996px) {
    .maserati_btn{
        font-size: 10px !important;
        padding: 4px 10px !important;
    }
    .grid .maserati_btn{
        font-size: 8px !important;
        padding: 7px 12px !important;
        text-align: center;
    }
}

.maserati_btn_block{
    width: 100% !important;
    display: block;
}


/* MASERATI YELLOW BUTTON CODE STARTS */

.maserati_yellow_btn{
    font-family: 'Everett';
    text-transform: uppercase;
    background-color: var(--maserati-yellow-color) !important;
    background: var(--maserati-yellow-color) !important;
    color: var(--maserati-black-color) !important;
    position: relative;
    overflow: hidden;
    z-index: 0 !important;
    cursor: pointer;
    border: 0px solid transparent !important;
}

.maserati_yellow_btn span, .maserati_yellow_btn span i{
    cursor: pointer;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    /* color: transparent !important; */
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-size: 200% 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(273deg, var(--maserati-black-color) 50%, var(--maserati-white-color) 50%);
    transition: background-position 0.5s ease-out;
    transition-delay: 90ms;
    background-clip: text;
    -webkit-background-clip: text;
    display: flex;
    justify-content: space-between;
}

.maserati_yellow_btn span::after{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
}
.maserati_yellow_btn span span::after{
    content: "" !important;
}

.maserati_yellow_btn:hover{
    text-decoration: none;
    border: 0px solid transparent !important;
}

.maserati_yellow_btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 0%;
    height: 100%;
    background-color: var(--maserati-blue-color);
    transform: skewX(-8deg);
    transition: transform 0.9s, color 0.9s, width 0.9s;
    color: var(--maserati-white-color);
    border-bottom-right-radius: 20px;
    z-index: 0 !important;
}

.maserati_yellow_btn:hover span, .maserati_yellow_btn:hover span i{
    background-position: 0%;
    transition: background-position 0.5s ease-out;
    transition-delay: 70ms;
    color: var(--maserati-white-color);
    text-decoration: none;
}

.maserati_yellow_btn:hover:before{
    box-sizing: border-box;
    width: 150%;
    color:var(--maserati-white-color) !important;
    z-index: 0 !important;
}

.maserati_yellow_btn:active{
    color:var(--maserati-white-color) !important;
    background-color: var(--maserati-blue-color) !important;
}

.maserati_yellow_btn span i, .maserati_yellow_btn span .fa{
    display: table-cell;
    padding: 3px;
}

.disabled{
    cursor: not-allowed; 
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    pointer-events: none;
}

/* MASERATI YELLOW BUTTON CODE ENDS */


/* MASERATI BLUE BUTTON CODE STARTS */

.maserati_blue_btn{
    font-family: 'Everett';
    text-transform: uppercase;
    background-color: var(--maserati-blue-color) !important;
    background: var(--maserati-blue-color) !important;
    color: var(--maserati-white-color) !important;
    position: relative;
    overflow: hidden;
    z-index: 0 !important;
    cursor: pointer;
    border: 0px solid transparent !important;
}

.maserati_blue_btn span, .maserati_blue_btn span i{
    cursor: pointer;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    color: transparent !important;
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-size: 200% 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(273deg, var(--maserati-white-color) 50%, var(--maserati-black-color) 50%);
    transition: background-position 0.5s ease-out;
    transition-delay: 90ms;
    background-clip: text;
    -webkit-background-clip: text;
    display: flex;
    justify-content: space-between;
}

.maserati_blue_btn span::after{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
}
.maserati_blue_btn span span::after{
    content: "" !important;
}
.maserati_blue_btn:hover{
    text-decoration: none;
    border: 0px solid transparent !important;
}

.maserati_blue_btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 0%;
    height: 100%;
    background-color: var(--maserati-yellow-color);
    transform: skewX(-8deg);
    transition: transform 0.9s, color 0.9s, width 0.9s;
    color: var(--maserati-black-color);
    border-bottom-right-radius: 20px;
    z-index: 0 !important;
}

.maserati_blue_btn:hover span, .maserati_blue_btn:hover span i{
    background-position: 0%;
    transition: background-position 0.5s ease-out;
    transition-delay: 70ms;
    color: var(--maserati-black-color);
    text-decoration: none;
}

.maserati_blue_btn:hover:before{
    box-sizing: border-box;
    width: 150%;
    color:var(--maserati-black-color) !important;
    z-index: 0 !important;
}

.maserati_blue_btn:active{
    color:var(--maserati-black-color) !important;
    background-color: var(--maserati-yellow-color) !important;
}

.maserati_blue_btn span i, .maserati_blue_btn span .fa{
    display: table-cell;
    padding: 3px;
}
/* MASERATI BLUE BUTTON CODE ENDS */



/* MASERATI PLAIN BUTTON CODE STARTS */

.maserati_plain_btn{
    background-color: var(--maserati-white-color) !important;
    background: var(--maserati-white-color) !important;
    color: var(--maserati-black-color) !important;
    border: 1px solid var(--maserati-black-color) !important;
    font-family: 'Everett-Medium';
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 0 !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between; 
}

.maserati_plain_btn span, .maserati_plain_btn span i, .maserati_plain_btn span .fa{
    cursor: pointer;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    color: transparent !important;
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-size: 200% 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(273deg, var(--maserati-black-color) 50%, var(--maserati-white-color) 50%);
    transition: background-position 0.5s ease-out;
    transition-delay: 90ms;
    background-clip: text;
    -webkit-background-clip: text;
    display: flex;
    justify-content: space-between;       
    min-width: 20px;
}
.maserati_plain_btn span::after{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
}
.maserati_plain_btn span span::after{
    content: "" !important;
}
.maserati_plain_btn span i, .maserati_plain_btn span .fa{
    display: table;
}
.maserati_plain_btn:hover{
    text-decoration: none;
}
.maserati_plain_btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 0%;
    height: 100%;
    background-color: var(--maserati-black-color);
    transform: skewX(-8deg);
    transition: transform 0.9s, color 0.9s, width 0.9s;
    color: var(--maserati-white-color);
    border-bottom-right-radius: 20px;
    z-index: 0 !important;
}

.maserati_plain_btn:hover span, .maserati_plain_btn:hover span i{
    background-position: 0%;
    transition: background-position 0.5s ease-out;
    transition-delay: 100ms;
    color: var(--maserati-white-color);
}

.maserati_plain_btn:hover:before{
    box-sizing: border-box;
    width: 150%;
    color:var(--maserati-white-color) !important;
    z-index: 0 !important;
}

.maserati_plain_btn:active{
    color:var(--maserati-white-color) !important;
    background-color: var(--maserati-blue-color) !important;
}

/* MASERATI PALIN BUTTON CODE ENDS */
.window_stick_btn span::after{
    content: url('../icons/Download.svg');
    margin-top: 5px;
}
.window_stick_btn:hover span:after{
    content: url('../icons/Download_white.svg');
    transition-delay: 900ms;
    margin-top: 5px;
}
.black-anchor.list{
    border-right: 2px solid #ccc;
    padding-right: 10px;
}
body section.main .leftMenu form {
    height: calc(100vh - 120px);
    /*margin-top: 52px;*/
    padding-bottom: 52px;
    overflow-x: hidden;
    overflow-y: auto;
}

body section.main .leftMenu form::-webkit-scrollbar {
    width: 7px;
}
body section.main .leftMenu form::-webkit-scrollbar {
    width: 7px;
    float: left;
}
body section.main .leftMenu form::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #000;
    height: 200px;
}
body section.main .leftMenu form::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: inset 0 0 4px #ebebeb;
}

#vehicleList .btn.maserati_yellow_btn{
    border: 0px solid transparent !important;
}
.vCompare__item__btnBox .btn{
    padding: 8px 10px !important;
}

.ui-widget-header{
    border:1px solid #ddd;
    background:#ffc845;
    color:#333;
    font-weight:bold
}
@media (min-width:995px) {
    .hide_desktop{
        display: none;
    } 
}

@media (max-width:996px) {
    .hide_desktop{
        display: inline;
    }
}

#zipCodePopup .modal-content{
    /* background: rgba(0, 0, 0, 0.9); */
}
.go-to-btn:hover{
    text-decoration: none;
}
.go-to-btn .maserati_plain_btn{
    padding: 15px;
    font-size: 11px;
    text-transform: uppercase;
}
.go-to-btn a:hover{
    text-decoration: none;
}
.vdp_back_to_sni{
    background: transparent !important;
    border: 1px solid transparent !important;
}
.details-info-titles{
    font-family: 'Everett-Regular' !important;
    font-size: 14px;
    color: #666666;
    letter-spacing: normal;
}
.details-info-desc{
    font-family: 'Everett-Regular' !important;
    font-size: 26px;
    color: #000000;
    letter-spacing: normal;
}
.additionalCareBlocks .customCheckBox span{
    font-family: 'Everett-light';
    font-size: 24px;
    letter-spacing: normal;
    text-transform: none;
}

.help_find_vehicle__back span::after, .wishlist_back span::after, .sni_back span::after{
    content: "" !important;
}
.small_btn_text{
    font-size: 12px !important;
}
.panel-default{
    border: transparent;
}
.panel-default>.panel-heading{
    background: #ffffff !important;
    border-color: transparent;
    border-bottom: 1px solid #000;
}
.reset_filter_sni span{
    display: inline !important;
}


@media (max-width:996px) {
    .go_back_landing_page{
        margin-bottom: 80px !important;
    }
}

.form-control:focus{
    border: 3px solid #66afe9;
    border-bottom: 1px solid black;
}

.form-control{
    border: 1px solid transparent;
    border-bottom: 1px solid black;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
}
.input-group-btn .btn{
    line-height:35px !important;
}

.card-wrapper.grid .row::after{
    clear: inherit !important;
}

.btn-center-alignment
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Everett-Medium';
    margin-left: -5px;
    margin-right: -5px;
}

.btn-center-alignment span
{
    display: block;
}

@media (max-width:991px){
.btn-center-alignment .col-md-6
{
    width: 100% !important;   
    padding:0 5px !important; 
}
}

.compare__item__btnBox .maserati_yellow_btn span
{
    white-space: pre-wrap;
    line-height: 20px;
    padding: 10px 0;
    font-size: 1.3rem;
}

/*.vehicle-list.active
{
    float: none !important;
}*/

.maseratiusa-link
{
    position:relative;
    z-index: 100;
}

.make_maserati #language_btn:hover
{
    background: transparent !important;
}

.min-width-60
{
    min-width:18vw;
}

.reserve
{
    min-height: 173px;
}