@import url("font-awesome/css/fontawesome-all.min.css"); /* FA CSS import */

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

#cboxWrapper
{
	max-width:none;
}

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

#cboxMiddleLeft,
#cboxBottomLeft
{
	clear:left;
}

#cboxContent
{


	margin-top:20px;
	position:relative;
}

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

#cboxTitle
{
	color:#ccc;
	left:10px;
	margin:0;
	position:absolute;
	top:-25px;
	text-transform: uppercase;
	display: none !important;
}

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

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

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

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

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

#colorbox
{
	outline:0;
}

#cboxError
{
	border:1px solid #ccc;
	padding:50px;
}

#cboxCurrent
{
	color:#ccc;
	font-size:65%;
	position:absolute;
	right:0;
	top:-25px;
	display: none !important;
}

#cboxLoadingGraphic
{
	left:45%;
	position:fixed;
	top:45%;
	width: 85px;
	height: 85px;
	animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#cboxLoadingGraphic::after
{
	/*--animation:fa-spin 2s infinite linear;--*/
	color:#ccc;
content:"\f1ce";
	font-family:'Font Awesome 5 Free';
	font-size:500%;
	left:0;
	position:absolute;
	top:0;
	font-weight: 900;



}


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

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

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

#cboxPrevious
{
	height:28px;
	left:0;
	margin-top:-32px;
	outline:0;
	position:absolute;
	text-indent:7px;
	top:50%;
	width:28px;
}

#cboxPrevious:after
{
	color:#777;
	content:"\f053";
	font-family:'Font Awesome 5 Free';
	font-size:300%;
	left:10px;
	position:absolute;
	top:5px;
	font-weight: 900;
		opacity: 0.5;
}

#cboxNext
{
	height:28px;
	margin-top:-32px;
	outline:0;
	position:absolute;
	right:0;
	text-indent:-30px;
	top:50%;
	width:28px;
}

#cboxNext:after
{
	color:#777;
	content:"\f054";
	font-family:'Font Awesome 5 Free';
	font-size:300%;
	position:absolute;
	right:10px;
	top:5px;
	font-weight: 900;
		opacity: 0.5;
}

#cboxClose
{
	color:#fff;
	display:block;
	height:20px;
	position:absolute;
	right:0;
	text-indent:-20px;
	top:0;
	width:16px;
 	opacity: 0.5;
}

#cboxClose:after
{
	color:#fff;
	content:"\f00d";
	font-family:'Font Awesome 5 Free';
	font-size:170%;
	position:absolute;
	right:12px;
	top:2px;
	font-weight: 900;
	opacity: 0.5;
}

#cboxNext:hover:after,
#cboxClose:hover:after,
#cboxPrevious:hover:after
{
	color:#ccc;
}