.solar .scene-wrapper {
    width: 1600vw
}

.solar .scene-wrapper {
    background-image: linear-gradient(to top, #ace0f9, #d6dec4, #fcdb93 44%, #d6dec4, #ace0f9 100%)!important
}

.solar .menu-btn {
    background-color: #fddb92
}

.solar .menu-btn:hover,
.work-in-solar .menu-btn:focus {
    background-color: #125496
}

.solar .menu-btn svg {
    fill: #fff
}

.solar .work-title-container {
    top: 54.5%!important
}

.solar .work-title-scene .work-title-container .link-bg-txt {
    top: 52%!important
}

.solar .work-title-scene .work-title-container .work-link {
    margin-top: 4.8vw!important
}

.solar .work-title-scene .work-title-container .link-bg-txt {
    color: #fff;
    opacity: .2
}

.solar .loading-line>.first-line {
    background-color: #fddb92
}

.solar .loading-line {
    background-color: #01458c
}

.solar .loading-line>.second-line {
    background-color: #01458c
}

.solar .sun-deco-circle {
    background: rgba(255, 255, 255, .62);
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, -50%)
}

.solar .sun-deco-circle img.sun-deco-txt {
    position: absolute;
    max-width: 80%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, -50%)
}

.solar .scene-wrapper .scene .description-container p span.txt-vivid {
    color: #00518e;
    font-family: 'Montserrat-Medium', sans-serif
}

.solar .scene-wrapper .scene .description-info-col .info-txt {
    color: #00518e
}

.solar .scene-wrapper .scene .description-container a {
    color: #00518e
}

.solar .scene-wrapper .scene .description-container a:hover {
    border-bottom: 1px solid #00518e
}

.solar .scene-wrapper .scene .video-container .video-shadow {
    background-color: #01458c;
    opacity: .24
}

.solar .scene-wrapper .scene .screenshot-container::before {
    background-color: #01458c;
    opacity: .16
}

.solar .scene-wrapper .scene .screenshot-container ._inner .overlay {
    background: linear-gradient(to top, #ace0f9 16%, transparent)
}

.solar .scene-wrapper .scene .screenshot-container ._inner .overlay-high {
    background: linear-gradient(to top, #ace0f9 58%, transparent);
    height: 400px
}

@media (max-width:768px) {
    .solar .scene-wrapper .scene .description-container a {
        white-space: nowrap
    }
    .solar .scene-wrapper .scene .screenshot-container ._inner .overlay {
        display: none
    }
    .solar .scene-wrapper .scene .screenshot-container ._inner .overlay-high {
        display: none
    }
}

@media (min-height:800px) {
    .scene-wrapper .scene-7 .screenshot-container ._inner, .scene-wrapper .scene-14 .screenshot-container ._inner, .scene-wrapper .scene-15 .screenshot-container ._inner {
        transform: translate(-50%, 30%)
    }
    
    .scene-wrapper .scene-8 .screenshot-container ._inner, .scene-wrapper .scene-13 .screenshot-container ._inner {
        transform: translate(-50%, 40%)
    }
}