/*-------------------------------------*/
/* Deal page */
/*-------------------------------------*/
.mainimage {
    position: relative;
}
#finpricingarea .block {
	background: #414042;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: 1.2rem;
    border: 1px solid #686868;
}
#finpricingarea .block.active {
    background: #119A48;
    color: #FFFFFF;
}
.pricing-lg {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2rem;
}

.stickright {position:fixed; right:0px; top:50%;width:50px;float:right;text-align:center;font-size: x-large;}

.quat-bg-dark .modal-header .close {
    color: #ffffff;
}
.sticky-price {
    top: 105px;
    opacity: 0.96;
}
.sticky-price .ovehicle {
    width: 90%;
    /* padding-top: 0.625rem;
    padding-bottom: 0.625rem; */
}
#preggice {
    /* background: #484e51; */
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.pricing-lg.busmonthly {
    color: #119A48;
}
.pricing-lg.permonthly {
    color: #5c5c9a;
}
.pricing-lg.permonthly a {
    color: #5c5c9a!important;
}
.pricing-lg.busmonthly a {
    color: #119A48!important;
}
#options .badge.badge-primary.pack-badge {
    background-color: #67696B;
}
.dealprice {
    align-items: center!important;
    }
.dealpadding{
    padding-left: 0px;
    padding-bottom: 6px;
    padding-top: 3px;
}
@media screen and (max-width:1515px) { /* Laptop 1515 */
    .sticky-price {top: 90px;opacity: 0.96;}
}
@media screen and (max-width:767px) { /* Mobile Large */
    #preggice {
        padding-right: .25rem;
    }
    .mobpricesticky {
        position: fixed;
        bottom: 0;
        background: #FAFAFA;
        z-index: 1;
        left: 0;
        width: 100%;
        border-top: 3px solid #119A48;
    }	
    .mobpricesticky .font-size-bigger {
        font-size: 1.2rem;
    }	
    .mobpricesticky .font-size-big {
        font-size: 1rem;
    }
    .mobpricesticky .pricing-lg {
    	font-size: 1.5rem;
    }
    .mobpricesticky .col-12 {
        display: none;
    }
    .dealpadding{
        padding-right: 0px;
        padding-left: 0px;
    }
    .dealbackground{
        background: #484E51;
        margin-top: 1rem;
    }
    .dealprice {
        align-items: end!important;
    }
    .pricing-lg {
        line-height: 1.9rem;
    }
    .dealpriceht{
        line-height: 1.6rem;
    }
}
.font-img{
    width: 25%;
    float: left;
}
.deal .special-ribbon{
    width: 61%;
    margin: 5px;
}
.deal .stock-ribbon{
    width: 61%;
    margin: 5px;
}
.deal .twosticker{
    width: 42%!important;
    margin: 5px;
}
.deal .twosticker{
    width: 42%!important;
    margin: 5px;
}
.deal-options{
    background: #FAFAFA;
    color: #414042;
    min-height: 100px;
    height:auto;
}
/*DEAL PAGE ARROWS */

/*This is the up arrow*/
.dealslider   .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077"!important;
    font-size:1.5rem;
    color: black!important;
}

/*This is the down arrow*/
.dealslider .slick-next:before, [dir=rtl] .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078"!important;
    font-size:1.5rem;
    color: black!important;
}

/*This is the up arrow*/
.dealslider  .slick-prev {
    top: 5%;
    left:47%!important;
    z-index:1;
}
/*This is the down arrow*/
.dealslider  .slick-next {
    top:95%;
    left:47%!important;
    z-index:1;
}
.slick-vertical .slick-slide {
    border: none!important;
}

@media screen and (max-width:767px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 51%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 51%;
        margin: 0px;
    }
    .deal .deal-col{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media screen and (min-width:769px) and (max-width:1180px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 57%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 57%;
        margin: 0px;
    }    
}
@media screen and (min-width:1181px) and (max-width:1366px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 53%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 53%;
        margin: 0px;
    }
}
@media screen and (min-width:768px) and (max-width:823px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 100%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 100%;
        margin: 0px;
    }    
}
@media screen and (min-width:1024px) and (max-width:1024px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 66%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 66%;
        margin: 0px;
    }
}
@media screen and (min-width:280px) and (max-width:319px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 66%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 66%;
        margin: 0px;
    }
}
@media screen and (min-width:320px) and (max-width:320px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 56%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 56%;
        margin: 0px;
    }
}
@media screen and (min-width:568px) and (max-width:568px) { /* Mobile Large */
    .deal .special-ribbon{
        width: 42%;
        margin-top: 10px;
    }
    .deal .stock-ribbon{
        width: 42%;
        margin: 0px;
    }
}