/* Custom Styles - VDP */

a, a:active, a:focus {
    outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
}

.mg--none {
    margin-top: 0; 
    margin-bottom: 0; 
}

.mgt--none {
    margin-top: 0; 
}

.breadcrumbs-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs > *:first-child:before {
    content: " ";
    margin-left: 0.2rem;
}

.breadcrumbs li:before {
    content: "/";
    margin: 0 0.75rem;
    position: relative;
}

/* VDP Slick Slider */

.slick-slider {
    margin-bottom: 6px;
}

.slick-slide
{
    height: auto;
    min-height: 1px;
}

.vdp-slider .vdp-slider-content-btns .slick-slide img {
    padding: 0 3px;
    opacity:.5;
}

.vdp-slider .vdp-slider-content-btns .slick-current img {
    opacity:1;
}


.vdp-slider .vdp-slider-content-btns div:hover {
    cursor: pointer;
}

.slick-prev {
    left: 15px;
    z-index:99;
    width:32px;
    height:60px;
}

.slick-next {
    right: 15px;
    z-index:99;
    width:32px;
    height:60px;
}

.slick-prev:before, .slick-next:before {
    color: transparent;
}

.slick-next:before {
    content: url("../img/arrow-next.png");
  
}

button.slick-prev {
    right: 15px;
    background: rgba(0, 0, 0, 0.3) url(https://static2.3birdsmarketing.com/Clients/TEMPLATES3BIRDSMARKETINGCOM/arrow-back.png) no-repeat;
    background-position: center center;
    background-size: 17px 32px;
    z-index: 201;
}

button.slick-next {
    right: 15px;
    background: rgba(0, 0, 0, 0.3) url(https://static2.3birdsmarketing.com/Clients/TEMPLATES3BIRDSMARKETINGCOM/arrow-next.png) no-repeat;
    background-position: center center;
    background-size: 17px 32px;
    z-index: 201;
}

.vdpInfo .vdpTitle h1 {
    font-weight: 400;
    text-transform: uppercase;
    color: #6E7072;
    line-height: 1.3;
}

.vdpInfo h1 .vehicleTitle {
    display: block;
}

.vdpInfo h1 .vehicleTitle.titleTop {
    font-size:1.3rem;
}

.vdpInfo .vdpPrice h3,
.vdpInfo .vdpIcon h3 {
    font-size: 1.375rem;
    font-weight: 400;
    color: #6E7072;
}

.vdpInfo .vdpPrice h2 {
    font-size: 1.75rem;
    font-weight: 400;
    margin-bottom:.3rem;
}

.vdpInfo .vdpNum p {
    line-height: 1.7;
}

.vdpInfo .vdpNum .vinStock {
    margin-right:10px;
}

.vdpInfo .vdpIcon {
    margin-right:20px;
}

.vdpInfo .vdpIcon img,
.vdpInfo .vdpIcon h3,
#CalcPaymentModal .payIcon img,
#CalcPaymentModal .payIcon h3  {
    display: inline-block;
}

.vdpInfo .vdpIcon img {
    margin: -5px 5px 0 0;
}

#CalcPaymentModal .payIcon img {
    margin: -10px 10px 0 0;
}

#CalcPaymentModal .payIcon h3 {
    color: #6E7072;
    font-weight: 400;
}

#CalcPaymentModal .payIcon h3 {
    font-size:1.7em;
}

#CalcPaymentModal select {
    height: 2.35rem;
}

#FullFeatureModal.reveal-modal {
    max-height: 850px;
    overflow: auto;
    /* scroll bar hack */
    overflow-y: scroll;
}

#FullFeatureModal table td {
    min-width:125px;
}

#FullFeatureModal li {
    font-size: 14px;
    list-style: initial;
    margin-left: 20px;
    padding-top:5px;
    padding-bottom: 5px;
    font-weight: 400;
}

/* Tabs */

.vdpInfo2 .tabs .tab-title > a {
    background-color: #E7E9E8;
}

.vdpInfo2 .tabs .tab-title.active > a {
    background-color: #F4F4F4;
    color: #222222;
}

.vdpInfo2 .vdpOver .vdpCalc h5, 
.vdpInfo2 .vdpList h5 {
    font-size:16px;
}

.vdpInfo2 .vdpOver .vdpCalc img {
    display:inline-block;
    margin:-12px 5px 0 0 ;
    width:20px;
}


.vdpInfo2 .vdpOver .vdpCalc h2 {
    font-weight:300;
    font-size: 26px;
    display:inline-block;
    padding:0;
    margin:10px 0 0 0;
    line-height: 30px;
}

.vdpInfo2 .vdpOver .vdpCalc h2 span {
    font-size: 14px;
}

.vdpInfo2 .vdpOver .vdpCalc p {
    margin:10px 0 0 0;
}

.vdpInfo2 .vdpOver .vdpCalc p {
    margin:10px 0 0 0;
}

.vdpInfo2 .vdpOver .vdpCalc label {
    font-size: 14px;
    color: #8a8f91;
}

.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion .accordion-navigation > a, 
.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion dd > a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 12px 9px 12px;
    background-color: #42474a;
    width: 100%;
    color:#fff;
}

.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion .accordion-navigation > .content.active, 
.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion dd > .content.active {
    display: block;
    background: transparent;
}

.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion .accordion-navigation > .content, 
.vdpInfo2 .vdpOver .vdpCalc .monthly-accordion .accordion dd > .content {
    padding-top: 15px;
}

.vdpInfo2 .vdpOver .vdpGen table,
#PriceDetailsModalFill .vdpGen table {
    width:100%;
    border-collapse: collapse;
}

.vdpInfo2 .vdpOver .vdpGen table tr,
#PriceDetailsModalFill .vdpGen table tr {
    background: transparent;
    border-bottom: solid 1px #dddddd;
}

.vdpInfo2 .vdpOver .vdpGen table tr th, 
.vdpInfo2 .vdpOver .vdpGen table tr td {
    color: #6E7072;
    padding: 0.35rem;
}

#PriceDetailsModalFill .vdpGen table tr th,
#PriceDetailsModalFill .vdpGen table tr td {
    color: #6E7072;
    padding: 0.5rem;
}

.vdpInfo2 .vdpOver .vdpGen table tr td:nth-of-type(even),
#PriceDetailsModalFill .vdpGen table tr td:nth-of-type(even) {
    text-align: right;
}

.vdpInfo2 .vdpList li {
    position:relative;
    list-style-type: none;
    font-size:14px;
    list-style: none;
    padding-left: 20px;
    margin-bottom:5px;
    font-weight: 400;
    color: #8a8f91;
    line-height: 2;
}

.vdpInfo2 .vdpList li::before{
    position:absolute;
    content:"";
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-left:-17px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #8a8f91;
}

@media only screen and (max-width: 640px) {

    .slick-slider {
        max-height: 485px;
    }

}

@media only screen and (max-width: 400px) {

    .slick-slider {
        max-height: 280px;
    }

}