.p-20 {
    padding: 20px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.cities {
    display: none !important
}

.carsSearchBar-StepCity .cities {
    display: block !important
}

@media only screen and ( min-width:800px) {

    .pageHeader-menuBtn {
        display: none
    }
}

@media only screen and (max-width :799px) {
    .pageHeader-menuBtn {
        display: block
    }
}

.back-black {
    background: #000 !important;
}

select {
    opacity: 1;
    border: none;
    height: 40px;
    width: 100%;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #a9a9a9;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a9a9a9;
    font-size: 20px;
}
/*select, select option {
        background: #000;
    }*/
.hide {
    display: none;
}

.site-content {
    margin: 20px 0px;
}

.m-t-20 {
    margin-top: 20px;
}

.ptb-130 {
    padding: 130px 0;
}

.full-view-3 {
    min-height: 73vh;
}

input .pageHeader-authBtn.bk-transparent {
    background: transparent !important;
}


/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

select#makeID option {
    background: #000 !important;
}

ul.pageFooter-cards li {
    display: inline-block !important;
}

.payCard {
    background: #000000e0;
    padding: 30px 20px;
    border-radius: 5px;
    position: relative;
}
    .payCard span {
        position: absolute;
        right: 16px;
        top: 10px;
    }
.payCard input {
    width: 100%;
    line-height: 32px;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    font-size: 11px;
    border-bottom: 1px solid #67696b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #d5d5d4;
    padding: 15px 0px;
}
        .payCard input#expiry-month, .payCard input#expiry-year {
            width: 15%;
        }
    .payCard label {
        font-size: 10px;
        font-weight: 600;
        color: #67696b;
        text-transform: uppercase;
    }
.m-t-40{
    margin-top:40px;
}
.CarVIP-Price {
    min-height: 100px;
    padding: 20px;
    background: #171717;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid;
}





.wrapper-progressBar {
    width: 100%
}

.progressBar {
}

    .progressBar li {
        list-style-type: none;
        float: left;
        width: 33%;
        position: relative;
        text-align: center;
    }

        .progressBar li:before {
            content: " ";
            line-height: 30px;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            border: 1px solid #ddd;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
            background-color: white
        }

        .progressBar li:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            background-color: #ddd;
            top: 15px;
            left: -50%;
            z-index: -1;
        }

        .progressBar li:first-child:after {
            content: none;
        }

        .progressBar li.active {
            color: dodgerblue;
        }

            .progressBar li.active:before {
                border-color: dodgerblue;
                background-color: dodgerblue
            }

    .progressBar .active:after {
        background-color: dodgerblue;
    }

.CarInfoMobileView {
    position: relative;
    background: #000;
}
.p-0 {
    padding: 0px !important;
}