.c_overview_colorPicker {
    pointer-events: auto;
    position: absolute;
    right: 0;
    bottom: 11.25%;
    padding: 0 17px;
    border: 2px solid #fff;
    border-radius: 45px;
    font-size: 0px;
    font-size: 0rem;
}

.c_overview_color {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    margin: 10px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 20px;
    -webkit-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}

    .c_overview_color.is_active {
        box-shadow: inset 2px 2px 4px rgba(36, 36, 36, 0.25);
    }

.c_exterior360 {
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 100%;
}

    .c_exterior360[data-width-type="fix"] {
        max-width: 1000px;
    }

    .c_exterior360:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 57.14286%;
    }

.c_exterior360_heading {
    z-index: 2;
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.c_exterior360_heading-main {
    color: #fff;
    font-size: 32px;
    font-size: 3.2rem;
    margin: 0 0 10px;
    font-family: 'Monserrat', Arial;
}

.c_exterior360_heading-sub {
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Monserrat', Arial;
}

.c_exterior360_image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.c_exterior360_image {
    width: 100%;
    height: auto;
}

.c_exterior360_ui-area {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 1162px;
    width: 100%;
    padding-bottom: 57.14286%;
}

.c_exterior360_indicator {
    pointer-events: auto;
    position: absolute;
    right: 0;
    bottom: 8.25%;
    margin: auto;
    width: 374px;
    height: 78px;
    text-align: center;
}

    .c_exterior360_indicator:before {
        opacity: 0.53333;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        border-radius: 9px;
        height: 9px;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .c_exterior360_indicator.is_active:before {
        opacity: 1;
    }

.c_exterior360_indicator_handle {
    opacity: 0.88235;
    position: absolute;
    top: 0;
    left: calc(50% - 40px);
    display: block;
    width: 80px;
    height: 78px;
    background: url(../../img/exterior360-handle.png) no-repeat 0 0;
}

    .c_exterior360_indicator_handle.is_active {
        opacity: 1;
    }

.c_exterior360_multi {
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 100%;
}

    .c_exterior360_multi[data-width-type="fix"] {
        max-width: 1000px;
    }

    .c_exterior360_multi:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 57.14286%
    }

@media only screen and (max-width:640px) {
    .c_exterior360_multi:before {
        padding-bottom: 62%
    }
}

@media only screen and (max-width:580px) {
    .c_exterior360_multi:before {
        padding-bottom: 68%
    }
}

@media only screen and (max-width:480px) {
    .c_exterior360_multi:before {
        padding-bottom: 73%
    }
}

.c_exterior360_multi_heading {
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.c_exterior360_multi_heading-main {
    color: #000000;
    font-size: 25px;
    line-height:35px;
    margin: 0 0 10px;
    font-family: 'Montserrat', Arial;
    -webkit-transition: opacity 0.35s ease-in;
    transition: opacity 0.35s ease-in;
}

@media only screen and (max-width:480px) {
    .c_exterior360_multi_heading-main {
        font-size: 20px;
        line-height: 25px;
    }
}

    .c_exterior360_multi_heading-main.is_fadeOut {
        opacity: 0;
    }

.c_exterior360_multi_heading-sub {
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Montserrat', Arial;
}

.c_exterior360_multi_image-wrap {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
}

@media only screen and (max-width:1199px) {
    .c_exterior360_multi_image-wrap {
        top: 20px;
    }
}


@media only screen and (max-width:992px) {
    .c_exterior360_multi_image-wrap {
        top: 40px;
    }
}

@media only screen and (max-width:840px) {
    .c_exterior360_multi_image-wrap {
        top: 40px;
    }
}

@media only screen and (max-width:780px) {
    .c_exterior360_multi_image-wrap {
        top: 40px;
    }
}

@media only screen and (max-width:640px) {
    .c_exterior360_multi_image-wrap {
        top: 60px;
    }
}

@media only screen and (max-width:480px) {
    .c_exterior360_multi_image-wrap {
        top: 60px;
    }
}

.c_exterior360_multi_image {
    width: 100%;
    height: auto;
}

.c_exterior360_multi_ui-area {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 1162px;
    width: 100%;
    padding-bottom: 57.14286%;
}

.c_exterior360_multi_indicator {
    pointer-events: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4vw;
    margin: auto;
    width: 374px;
    height: 59px;
    text-align: center;
}

    .c_exterior360_multi_indicator:before {
        opacity: 0.53333;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        border-radius: 9px;
        height: 9px;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .c_exterior360_multi_indicator.is_active:before {
        opacity: 1;
    }

.c_exterior360_multi_indicator_handle {
    opacity: 0.88235;
    position: absolute;
    top: 0;
    left: calc(50% - 30px);
    display: block;
    width: 60px;
    height: 59px;
    background: url(../../img/exterior360-handle.png) no-repeat 0 0;
    background-size: cover;
}

    .c_exterior360_multi_indicator_handle.is_active {
        opacity: 1;
    }

.c_exterior360_multi_colorPicker {
    pointer-events: auto;
    position: absolute;
    right: 0px;
    bottom: 30%;
    padding: 2px 17px;
    border-radius: 45px;
    font-size: 0px;
    font-size: 0rem;
    background-color: rgba(238, 238, 238, 0.5);
}

@media only screen and (max-width:992px) {
    .c_exterior360_multi_colorPicker {
        bottom: 0px;
    }
}

@media only screen and (max-width:640px) {
    .c_exterior360_multi_colorPicker {
        padding: 2px 10px;
    }
}

@media only screen and (max-width:480px) {
    .c_exterior360_multi_colorPicker {
        padding: 2px 5px;
        bottom: -40px;
    }
}

.c_exterior360_multi_color {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    margin: 15px 0;
    width: 30px;
    height: 30px;
    border: 1px solid #666;
    border-radius: 20px;
    -webkit-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}

@media only screen and (max-width:640px) {
    .c_exterior360_multi_color {
        margin: 15px 0;
        width: 25px;
        height: 25px;
    }
}

@media only screen and (max-width:480px) {
    .c_exterior360_multi_color {
        margin: 10px 0;
        width: 20px;
        height: 20px;
    }
}

    .c_exterior360_multi_color.is_active {
        box-shadow: 0 0 0 2px #666666 inset;
    }

.c_interior {
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 100%;
}

    .c_interior:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 57.14286%;
    }

.c_interior_heading {
    z-index: 2;
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.c_interior_heading-main {
    color: #292929;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: 'Montserrat', Arial;
    margin: 0 0 10px;
}

    .c_interior_heading-main.is_invert {
        color: #ffffff;
    }

.c_interior_heading-sub {
    color: #a9a9a9;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Montserrat', Arial;
}

    .c_interior_heading-sub.is_invert {
        color: #bfbfbf;
    }

.c_interior_image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}