#colorbox{
    touch-action: pan-y;
    -moz-user-select: none;
    /*  box-shadow: 0 1px 5px rgba(0,0,0,0.5);*/
}
#colorbox button{
    border:none!important;

}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left; }
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
/*, #cboxLoadingGraphic*/
#cboxLoadingOverlay{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{
    background-color: rgba(12,26,50,.75);
    /*  background-color: rgba(0,51,117,.95);*/
    /*	background-image: url("../images/pattern/pattern_alpha_50.png");*/
    color:#0c1a32;
}

#cboxClose:after{
    content: "X";

}
#cboxNext:after{
    content: "N";

}
#cboxPrevious:after{
    content: "P";
}
#cboxNext:after, #cboxPrevious:after, #cboxClose:after{

    font-size: 16px;
    display: block;
    color: #0c1a32;
    font-family: "Teko B";
    text-transform: uppercase;
    text-indent:0;
    position: absolute;
    top: -4px;
    left:0;
    padding: 8px;

}
#cboxClose:after{

}

#cboxPrevious:after {
    left:0;
}
#cboxNext:after{
    left:6px;
    /*	left:6px;*/
}
#colorbox{
    font-size: 11px;
}

#cboxTopLeft{
    width:8px;
    height:8px;
}
#cboxTopRight{
    width:8px;
    height:8px;
}
#cboxBottomLeft{
    width:8px;
    height:8px;
}
#cboxBottomRight{
    width:8px;
    height:8px;
}
#cboxMiddleLeft{
    width:8px;
}
#cboxMiddleRight{
    width:8px;
}
#cboxTopCenter{
    height:8px;
}
#cboxBottomCenter{
    height:8px;
}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter{
    background-color: #0c1a32;
}
#cboxContent{
    background-color: #0c1a32;
}
#colorbox{
}
.cboxIframe{
    /*	background:#fff;*/
}

#cboxError{padding:50px; border:1px solid #ccc; color:#fff;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxTitle{
    position:fixed; bottom:0;
    left:0;
    text-align:left;
    width:100%;
    color:#fff;
    /*    background-color: rgba(12,26,50,1);*/
    line-height: 1.2em;


}
#cboxTitle p{
    font-family:  'Noto Sans', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color:#fff;
    padding: 8px;
    text-align: center;
    letter-spacing: .1em;
    margin: 0;
}

#cboxTitle, #cboxCurrent{
    font-family: sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
}

#cboxCurrent{position:absolute; top:2px; left:4px;  color:#fff;}
#cboxSlideshow{position:absolute; bottom:7px; right:30px; }
#cboxPrevious , #cboxNext{
    position:absolute;
    top:50%;
    margin-top: -15px;
    padding-top: 16px;
}
div, div:focus , #colorbox *{
    outline: 0;
}
#cboxPrevious{
    left:0;
}

#cboxNext{
    right:0;
}
#cboxPrevious, #cboxNext, #cboxClose{
    width:30px;
    height:30px;
    text-indent:-9999px;
}

#cboxPrevious, #cboxNext, #cboxClose{
    background-color:transparent;
}

#cboxClose{
    position:absolute;
    top:0px;
    right:0;
}
#cboxClose:after{
    left: 4px;

}

.cboxElement{
    outline: none;
}