#VCc {
    width: 210px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.interior-view {
    display: none;
}

#selectedCar,
#panorama-interior,
#panorama-view-img {
    width: 100% !important;
    height: 100% !important;
    background: url(images/ext360_for_html/ext360_blade_silver/22.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 0 !important;
}

.ext360_fire_red span {
    background-color: #cc352f;
}

.ext360_blade_silver .color-palette-shape {
    background-color: #b2b9c1;
}


.ext360_night_shade .color-palette-shape {
    background-color: #221E1F;
}

.ext360_bronze_grey .color-palette-shape {
    background-color: #988F8A;
}

.ext360_bronze_grey .color-palette-shape {
    background-color: #988F8A;
}

.ext360_bronze_grey_amber_orange .color-palette-shape {
    background: linear-gradient(to right, #92918B 53%, #92918B 0%, #DC6333, #DC6333 0%);
}

.ext360_deep_blue_pearl .color-palette-shape {
    background-color: #014FA1;
}

.ext360_fire_red_onyx_black .color-palette-shape {
    background: linear-gradient(to right, #CA352F 53%, #CA352F 0%, #4C5155, #4C5155 0%);
}

.ext360_pearl_white .color-palette-shape {
    background-color: #FEFEFE;
}

.ext360_pearl_white_onyx_black .color-palette-shape {
    background: linear-gradient(to right, #FEFDFE 53%, #FEFDFE 0%, #221E1F, #221E1F 0%);
	
}




.magnite_ext360_black span {
    background-color: #000000;
}

.magnite_ext360_bluewhite .color-palette-shape {
    background: linear-gradient(to right, #026fd6 53%, #026fd6 0%, #ffffff, #ffffff 0%);
}


.magnite_ext360_brown .color-palette-shape {
    background-color: #461721;
}

.magnite_ext360_red .color-palette-shape {
    background-color: #cb0111;
}

.magnite_ext360_redblack .color-palette-shape {
   background: linear-gradient(to right, #cb0111 53%, #cb0111 0%, #000000, #000000 0%);
}

.magnite_ext360_silver .color-palette-shape {
    background-color: #b9b9c5;
}

.magnite_ext360_white .color-palette-shape {
    background-color: #ffffff;
}

.magnite_ext360_whiteblack .color-palette-shape {
    background: linear-gradient(to right, #ffffff 53%, #ffffff 0%, #000000, #000000 0%);
}



.magnite_ext360_black_cvt span {
    background-color: #000000;
}

.magnite_ext360_bluewhite_cvt .color-palette-shape {
    background: linear-gradient(to right, #026fd6 53%, #026fd6 0%, #ffffff, #ffffff 0%);
}


.magnite_ext360_brown_cvt .color-palette-shape {
    background-color: #461721;
}

.magnite_ext360_red_cvt .color-palette-shape {
    background-color: #cb0111;
}

.magnite_ext360_redblack_cvt .color-palette-shape {
   background: linear-gradient(to right, #cb0111 53%, #cb0111 0%, #000000, #000000 0%);
}

.magnite_ext360_silver_cvt .color-palette-shape {
    background-color: #b9b9c5;
}

.magnite_ext360_white_cvt .color-palette-shape {
    background-color: #ffffff;
}

.magnite_ext360_whiteblack_cvt .color-palette-shape {
    background: linear-gradient(to right, #ffffff 53%, #ffffff 0%, #000000, #000000 0%);
}


#panorama {
    width: 100%;
    height: 100%;
}

.custom-hotspot {
    height: 50px;
    width: 50px;
    background: #f00;
}

.pnlm-container * {
    box-sizing: border-box !important;
}


/*------- Index Page Tooltip ------------*/

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.index-tooltip {
    width: 100%;
    max-width: 254px;
    height: auto;
    background: url(../images/car-point-img.png) no-repeat !important;
    background-size: 26px !important;
    background-position: bottom !important;
    padding: 0 0 30px 0;
    cursor: pointer;
}


.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.index-tooltip span {
    width: 100% !important;
    float: left;
    position: absolute;
    left: -50%;
    top: -11rem;
    padding: 0 0 30px 0;
    display: none;
}

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.index-tooltip:hover span {
    display: block;
}

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.index-tooltip:hover span::after {
    display: none;
}




/*------- Car Selected Page Tooltip ------------*/

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.interior-tooltip {
    background: url(../images/car-point-img.png) no-repeat !important;
    background-size: 26px !important;
    background-position: bottom !important;
    padding: 0 0 30px 0;
    cursor: pointer;
}


.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.interior-tooltip span {
    width: 680px !important;
    float: left;
    position: absolute;
    left: -27rem;
    top: -23rem;
    padding: 0;
    display: none;
}

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.interior-tooltip:hover span {
    display: block;
}

.pnlm-hotspot-base.pnlm-hotspot.pnlm-sprite.pnlm-info.custom-tooltip.interior-tooltip:hover span::after {
    display: none;
}