@media (min-width: 821px) and (max-width: 1200px) {
    #site-header .bottom .logo-area a {
        width: 100px;
        height: 53px;
    }
}

#site-header.hero-area-has-video .bottom {
    background-color: #0a162f;
    transition: background-color 300ms;
}

@media only screen and (min-width: 821px) {
    #site-header.hero-area-has-video .bottom {
        background-color: rgba(10, 22, 47, 0.9);
    }
}

#site-header.hero-area-has-video.fixed .bottom {
    background-color: transparent;
}

@media (min-width: 821px) and (max-width: 1200px) {
    #primary-nav > ul > li {
        font-size: 20px;
    }

        #primary-nav > ul > li > a {
            padding: 0 10px 5px 10px;
        }
}

.hero-area.has-video {
    min-height: unset;
    height: auto;
    padding: 73px 0 0;
    background-color: #0a162f;
}

    .hero-area.has-video + .featured-pages {
        margin-top: 0;
        padding-top: 50px;
    }

    .hero-area.has-video .wrapper {
        margin-top: -1px;
        background: #05386c linear-gradient(60deg, rgba(229, 0, 126, 0.7) 0%, rgba(5, 56, 108, 0) 100%);
    }

    .hero-area.has-video .row {
        padding-bottom: 0;
    }

    .hero-area.has-video .hero-breadcrumbs {
        display: none;
    }

    .hero-area.has-video .hero-content {
        padding: 34px 20px;
    }

        .hero-area.has-video .hero-content h1 {
            font-size: 54px;
            line-height: 1;
        }

    .hero-area.has-video.standard .hero-content {
        padding-top: 34px;
    }

@media only screen and (min-width: 821px) {
    .hero-area.has-video {
        padding-top: 36px;
    }

        .hero-area.has-video .row {
            position: absolute;
            top: 142px;
            bottom: 98px;
            z-index: 2;
            width: 100%;
            height: auto;
            pointer-events: none;
        }

        .hero-area.has-video .wrapper {
            background: none;
        }

        .hero-area.has-video .hero-content {
            padding: 40px;
            background: rgba(5, 56, 108, 0.9) linear-gradient(60deg, rgba(229, 0, 126, 0.7) 0%, rgba(5, 56, 108, 0) 100%);
            pointer-events: auto;
        }

        .hero-area.has-video.standard .hero-content {
            padding-top: 40px;
        }
}

@media only screen and (min-width: 1200px) {
    .hero-area.has-video .hero-content h1 {
        font-size: 81px;
    }
}

.video {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.video-player-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .video-player iframe {
        width: 100% !important;
        height: 100% !important;
    }

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.video-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 2px;
    padding-right: 6px;
    display: flex;
}

    .video-controls.sticky-bottom {
        position: fixed;
    }

        .video-controls.sticky-bottom.has-jump-nav {
            bottom: 50px;
        }

.video-controls-play, .video-controls-pause, .video-controls-fullscreen {
    width: 54px;
    padding: 10px 0;
    margin: 0;
    line-height: 44px;
    font-size: 44px;
    text-align: center;
    color: #fff;
    background: none;
    transition: color 200ms;
}

    .video-controls-play:hover, .video-controls-pause:hover, .video-controls-fullscreen:hover {
        color: #e5007e;
    }

    .video-controls-play.hidden, .video-controls-pause.hidden, .video-controls-fullscreen.hidden {
        display: none;
    }

    .video-controls-fullscreen .fa-compress {
        display: none;
    }

.video.fullscreen {
    background-color: #000;
}

    .video.fullscreen .video-controls {
        bottom: 0 !important;
        right: 0 !important;
    }

    .video.fullscreen .video-controls-fullscreen .fa-expand {
        display: none;
    }

    .video.fullscreen .video-controls-fullscreen .fa-compress {
        display: inline-block;
    }

@media only screen and (min-width: 821px) {
    .video-controls {
        padding-bottom: 34px;
        padding-right: 78px;
    }

        .video-controls.sticky-bottom.has-jump-nav {
            bottom: 61px;
        }

    .video-controls-play, .video-controls-pause, .video-controls-fullscreen {
        width: 64px;
    }

    .video.fullscreen .video-controls {
        padding-bottom: 6px;
        padding-right: 10px;
    }
}

.course-jump-nav-wrapper {
    position: relative;
    z-index: 2;
}

.course-jump-nav.sticky-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    min-height: 50px;
}

@media only screen and (min-width: 821px) {
    .course-jump-nav-wrapper {
        margin-top: -30px;
    }

    .course-jump-nav.sticky-bottom {
        min-height: 61px;
    }
}

@media only screen and (min-width: 1200px) {
    .course-jump-nav-wrapper {
        margin-top: -50px;
    }
}


/*masonry*/
.my-masonry-grid-item {
    margin: 0 6px 12px;
    padding: 0;
}

.gallery-images {
    margin-top: -35px;
    margin-bottom: 50px;
}

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

    .gallery-images--desktop {
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
    }

    .gallery-images--mobile {
        visibility: visible;
        
    }
}

@media only screen and (min-width: 551px) {

    .gallery-images--mobile {
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
    }

    .gallery-images--desktop {
        visibility: visible;
    }

    .gallery-images {
        margin-bottom: 50px;
    }
}

.mobile-gallery-button {
    text-align: center;
    margin-top: -75px;
    margin-bottom: 75px
}


/*# sourceMappingURL=sg-style.css.map */