@media screen {

    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
        left: 0px;
        /*overflow: hidden;*/
        position: absolute;
        top: 0px;
        -webkit-transform: translate3d(0,0,0);
        z-index: 9999;
    }

    #cboxWrapper {
        max-width:none;
    }

    #cboxOverlay {
        height: 100%;
        position: fixed;
        width: 100%;
    }

    #cboxMiddleLeft,
    #cboxBottomLeft {
        clear:left;
    }

    #cboxContent {
        position:relative;
    }

    #cboxLoadedContent {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #cboxTitle {
        margin:0;
    }

    #cboxLoadingOverlay,
    #cboxLoadingGraphic {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    #cboxPrevious,
    #cboxNext,
    #cboxClose,
    #cboxSlideshow {
        cursor: pointer;
    }

    .cboxPhoto {
        border: none;
        display: block;
        float: left;
        margin: auto;
        max-width: none;
        -ms-interpolation-mode: bicubic;
    }

    .cboxIframe {
        border: none;
        display: block;
        height: 100%;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    #colorbox,
    #cboxContent,
    #cboxLoadedContent {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    #cboxOverlay {
        background-color: #50585d;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    #colorbox {
        outline: 0;
    }

    #cboxContent {
        background-color: #50585d;
        margin-top: 20px;
    }

    .cboxIframe {
        background-color: #50585d;
    }

    #cboxError {
        padding: 50px;
    }

    #cboxLoadedContent {
    }

    #cboxTitle {
        color: #ffffff;
        font-family: 'Univers Light', Arial, sans-serif;
        font-size: 11px;
        left: 0px;
        line-height: 14px;
        position: absolute;
        top: -20px;
    }

    #cboxCurrent {
        color: #ffffff;
        font-family: 'Univers Light', Arial, sans-serif;
        font-size: 11px;
        line-height: 14px;
        position: absolute;
        right: 0px;
        top: -20px;
    }

    #cboxLoadingGraphic {
        background-color: #006c66;
        mask-image: url('../images/icons/loading.svg');
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: 100px 100px;
    }

    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        background: none;
        border: none;
        margin: 0px;
        overflow: visible;
        padding: 0px;
        width: auto;
    }

    #cboxPrevious:active,
    #cboxNext:active,
    #cboxSlideshow:active,
    #cboxClose:active {
        outline: 0;
    }

    #cboxSlideshow {
        color: #ffffff;
        position: absolute;
        right: 90px;
        top: -20px;
    }

    #cboxPrevious {
        background-color: #00a19a;
        height: 45px;
        left: -70px;
        mask-image: url('../images/icons/previous.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        position: absolute;
        top: 50%;
        transition:
            background-color 0.25s linear 0s;
        width: 35px;
    }

    #cboxPrevious:hover {
        background-color: #ffffff;
        transition:
            background-color 0.25s linear 0s;
    }

    #cboxNext {
        background-color: #00a19a;
        height: 45px;
        right: -70px;
        mask-image: url('../images/icons/next.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        position: absolute;
        top: 50%;
        transition:
            background-color 0.25s linear 0s;
        width: 35px;
    }

    #cboxNext:hover {
        background-color: #ffffff;
        transition:
            background-color 0.25s linear 0s;
    }

    #cboxClose {
        background-color: #00a19a;
        display: block;
        height: 16px;
        mask-image: url('../images/icons/close.svg');
        mask-repeat: no-repeat;
        mask-size: contain;
        position: absolute;
        right: 5px;
        top: 5px;
        transition:
            background-color 0.25s linear 0s;
        width: 16px;
    }

    #cboxClose:hover {
        background-color: #ffffff;
        transition:
            background-color 0.25s linear 0s;
    }

}