#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	max-width:none;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	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;
	-ms-interpolation-mode:bicubic;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
	padding:0;
	margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#101417;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
#colorbox {
	outline:0;
}
#cboxContent {

}
.fVideos #cboxContent, .fImages #cboxContent, .fPdf #cboxContent {
    margin: 10px;
}
.cboxIframe {
	background:#000;
}
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadingOverlay::before {
    content: '';
	display: block;
	width: 50px;
	height: 50px;
	margin: -25px 0px 0px -25px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff url(../images/site/gLoading.gif) no-repeat center;
	background-size: auto 35px;
}
#cboxLoadedContent {
	background:#fff;
}
.fContent #cboxLoadedContent {
	background:none;
	font-size:0rem;
	letter-spacing:0rem;
	text-align:center;
	padding: 0px;
}
.fContent #cboxLoadedContent::before, .fContent #cboxLoadedContent > div {
 display:inline-block;
 vertical-align:middle;
 box-sizing:border-box;
 position:relative;
}
.fContent #cboxLoadedContent::before, .contFancy {
    display: inline-block;
    vertical-align: middle;
    margin: 0px auto;
    padding: 0px;
    box-sizing: border-box;
}
.fContent #cboxLoadedContent::before {
 content:'';
 width:0px;
 height:100%;
}
.fContent #cboxLoadedContent > div {
	font-size: 0.94rem;
	line-height: 1.5rem;
	letter-spacing: 0.01rem;
	width:95%;
	background:#FFF;
	border-radius:0.03rem;
	text-align:left;
	margin:10px 0px;
}
#cboxTitle {
	position:absolute;
	top:-20px;
	left:0;
	color:#ccc;
}
#cboxCurrent {
	position:absolute;
	top:-20px;
	right:0px;
	color:#ccc;
}
#cboxLoadingGraphic::before {
 content:'';
 display:block;
 width:40px;
 height:40px;
 background:#000 url(../images/site/gLoading.gif) no-repeat center center / 35px auto;
 border-radius:0.5rem;
 position:absolute;
 top:50%;
 left:50%;
 margin:-20px 0px 0px -20px;
}
.contFancy {
    width: 100%;
    max-width: 770px;
    font-size: 0.9rem;
    text-align: left;
    background: #FFF;
    position: relative;
}
.fVideos #cboxLoadedContent, .fPdf #cboxLoadedContent {
    padding-top: 50px;
}


/*title*/
#cboxTitle, #cboxTitle .titleFancy {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
#cboxTitle {
    position: absolute;
    top: 0px;
    left: 0;
}
.fImages #cboxTitle {
    top: auto;
    bottom: 0px;
}
#cboxTitle .titleFancy {
    padding: 14px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    text-align: left;
    color: #000;
    background: rgba(51, 24, 57, 0.75);
}
.fVideos #cboxTitle .titleFancy, .fPdf #cboxTitle .titleFancy {
    height: 50px;
    padding: 18px 50px 0px 30px;
    font-size: 0.96rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    color: #333333;
    background: #f5f5f5;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, #btnCF {
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	width:auto;
	background:none;
	outline:none;
}
#cboxSlideshow {
	position:absolute;
	top:-20px;
	right:90px;
	color:#fff;
}
#cboxPrevious {
}
#cboxNext {
}
#cboxPrevious:hover, #cboxNext:hover {
}
#cboxClose, #btnCF {
	display:block;
	width:40px;
	height:40px;
	text-align:left;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	right:10px;
}
#btnCF {
	top:25px;
	right:25px;
}
#cboxClose::before, #cboxClose::after, #btnCF::before, #btnCF::after {
 content:'';
 display:block;
 background:#263238;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%) rotate(45deg);
 transition:background-color 0.5s ease;
}
 #cboxClose::before, #btnCF::before {
 width:15px;
 height:2px;
}
#cboxClose::after, #btnCF::after {
 width:2px;
 height:15px;
}
 #cboxClose:hover::before, #cboxClose:hover::after, #btnCF:hover::before, #btnCF:hover::after {
 background-color:#ffcb05;
}
@media (max-width: 767px) {
    #cboxPrevious, #cboxNext {
        width: 25px;
        height: 25px;
    }
    #cboxTitle .titleFancy {
        padding: 11px 15px;
    }
    .fVideos #cboxTitle .titleFancy, .fPdf #cboxTitle .titleFancy {
        padding: 18px 50px 0px 15px;
        font-size: 0.9rem;
        letter-spacing: 0.04rem;
    }
}