/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
	2019-05-07
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;transition:none}
#cboxWrapper {max-width:100%;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;transition:none;}
#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;}
#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.
*/
#colorbox *, #colorbox *::before, #colorbox *::after { box-sizing: border-box; }
#cboxOverlay{background:#000;}
#colorbox{outline:0;max-width:100%;}
	#cboxContent{margin-top:32px; overflow:visible; background:#000;max-width:100%;}
	.cboxIframe{background:#000;}
	#cboxError{padding:50px; border:1px solid #ccc;}
	#cboxLoadedContent{background:#000;max-width:100%;max-height:calc(100vh-40px); overflow-x: hidden !important}
#cboxLoadedContent.modalContent{background:#fff; padding: 0/* 20px */; box-sizing: border-box}
	#cboxLoadedContent.modalContent .wrap{padding:0px;}
	#cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
	#cboxLoadingOverlay{background:#000;}
	#cboxTitle{position:absolute; top:-22px; left:0; color:#fff}
	#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-999em; width:40px; height:40px; position:absolute; top:-40px; transition: all .3s ease-out;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{right:64px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23808080' d='M22.6,25.4c0-0.3,0.2-0.5,0.5-0.5h7.3c0.3,0,0.5-0.2,0.5-0.5v-8.8c0-0.3-0.2-0.5-0.5-0.5h-7.3 c-0.3,0-0.5-0.2-0.5-0.5V9.3c0-0.3-0.2-0.4-0.4-0.2l-6,5c-0.2,0.2-0.6,0.5-0.8,0.6l-6,5c-0.2,0.2-0.2,0.5,0,0.6l6,5 c0.2,0.2,0.6,0.5,0.8,0.6l6,5c0.2,0.2,0.4,0.1,0.4-0.2V25.4z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; }
	#cboxPrevious:hover{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23c50035' d='M22.6,25.4c0-0.3,0.2-0.5,0.5-0.5h7.3c0.3,0,0.5-0.2,0.5-0.5v-8.8c0-0.3-0.2-0.5-0.5-0.5h-7.3 c-0.3,0-0.5-0.2-0.5-0.5V9.3c0-0.3-0.2-0.4-0.4-0.2l-6,5c-0.2,0.2-0.6,0.5-0.8,0.6l-6,5c-0.2,0.2-0.2,0.5,0,0.6l6,5 c0.2,0.2,0.6,0.5,0.8,0.6l6,5c0.2,0.2,0.4,0.1,0.4-0.2V25.4z'/%3E%3C/svg%3E%0A") }

#cboxNext{ right:42px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23808080' d='M17.4,14.6c0,0.3-0.2,0.5-0.5,0.5H9.5c-0.3,0-0.5,0.2-0.5,0.5v8.8c0,0.3,0.2,0.5,0.5,0.5h7.3 c0.3,0,0.5,0.2,0.5,0.5v5.3c0,0.3,0.2,0.4,0.4,0.2l6-5c0.2-0.2,0.6-0.5,0.8-0.6l6-5c0.2-0.2,0.2-0.5,0-0.6l-6-5 c-0.2-0.2-0.6-0.5-0.8-0.6l-6-5c-0.2-0.2-0.4-0.1-0.4,0.2V14.6z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; }
	#cboxNext:hover{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23c50035' d='M17.4,14.6c0,0.3-0.2,0.5-0.5,0.5H9.5c-0.3,0-0.5,0.2-0.5,0.5v8.8c0,0.3,0.2,0.5,0.5,0.5h7.3 c0.3,0,0.5,0.2,0.5,0.5v5.3c0,0.3,0.2,0.4,0.4,0.2l6-5c0.2-0.2,0.6-0.5,0.8-0.6l6-5c0.2-0.2,0.2-0.5,0-0.6l-6-5 c-0.2-0.2-0.6-0.5-0.8-0.6l-6-5c-0.2-0.2-0.4-0.1-0.4,0.2V14.6z'/%3E%3C/svg%3E%0A") }

#cboxClose{ right:0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23808080' d='M24.2,20.4c-0.2-0.2-0.2-0.5,0-0.7l6.1-6.1c0.2-0.2,0.2-0.5,0-0.7l-3.1-3.1c-0.2-0.2-0.5-0.2-0.7,0l-6.1,6.1 c-0.2,0.2-0.5,0.2-0.7,0l-6.1-6.1c-0.2-0.2-0.5-0.2-0.7,0l-3.1,3.1c-0.2,0.2-0.2,0.5,0,0.7l6.1,6.1c0.2,0.2,0.2,0.5,0,0.7l-6.1,6.1 c-0.2,0.2-0.2,0.5,0,0.7l3.1,3.1c0.2,0.2,0.5,0.2,0.7,0l6.1-6.1c0.2-0.2,0.5-0.2,0.7,0l6.1,6.1c0.2,0.2,0.5,0.2,0.7,0l3.1-3.1 c0.2-0.2,0.2-0.5,0-0.7L24.2,20.4z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; }
	#cboxClose:hover{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23c50035' d='M24.2,20.4c-0.2-0.2-0.2-0.5,0-0.7l6.1-6.1c0.2-0.2,0.2-0.5,0-0.7l-3.1-3.1c-0.2-0.2-0.5-0.2-0.7,0l-6.1,6.1 c-0.2,0.2-0.5,0.2-0.7,0l-6.1-6.1c-0.2-0.2-0.5-0.2-0.7,0l-3.1,3.1c-0.2,0.2-0.2,0.5,0,0.7l6.1,6.1c0.2,0.2,0.2,0.5,0,0.7l-6.1,6.1 c-0.2,0.2-0.2,0.5,0,0.7l3.1,3.1c0.2,0.2,0.5,0.2,0.7,0l6.1-6.1c0.2-0.2,0.5-0.2,0.7,0l6.1,6.1c0.2,0.2,0.5,0.2,0.7,0l3.1-3.1 c0.2-0.2,0.2-0.5,0-0.7L24.2,20.4z'/%3E%3C/svg%3E%0A"); }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

.cboxSlideshow_on #cboxSlideshow{ right:44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23808080' d='M13.2,25.6c0,0.3,0,0.7,0,1v4.1c0,0.3,0.2,0.4,0.4,0.2l6-5c0.2-0.2,0.6-0.5,0.8-0.6l6-5 c0.2-0.2,0.2-0.5,0-0.6l-6-5c-0.2-0.2-0.6-0.5-0.8-0.6l-6-5c-0.2-0.2-0.4-0.1-0.4,0.2V25.6z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; }
	.cboxSlideshow_on #cboxSlideshow:hover{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23c50035' d='M13.2,25.6c0,0.3,0,0.7,0,1v4.1c0,0.3,0.2,0.4,0.4,0.2l6-5c0.2-0.2,0.6-0.5,0.8-0.6l6-5 c0.2-0.2,0.2-0.5,0-0.6l-6-5c-0.2-0.2-0.6-0.5-0.8-0.6l-6-5c-0.2-0.2-0.4-0.1-0.4,0.2V25.6z'/%3E%3C/svg%3E%0A"); }

.cboxSlideshow_off #cboxSlideshow{ right:44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23808080' d='M18.1,9.5c0-0.3-0.2-0.5-0.5-0.5l-4.4,0c-0.3,0-0.5,0.2-0.5,0.5l0,21.1c0,0.3,0.2,0.5,0.5,0.5h4.4 c0.3,0,0.5-0.2,0.5-0.5V9.5z M27.3,9.5c0-0.3-0.2-0.5-0.5-0.5l-4.4,0c-0.3,0-0.5,0.2-0.5,0.5l0,21.1c0,0.3,0.2,0.5,0.5,0.5h4.4 c0.3,0,0.5-0.2,0.5-0.5V9.5z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; }
	.cboxSlideshow_off #cboxSlideshow:hover{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px'%3E%3Cpath fill='%23c50035' d='M18.1,9.5c0-0.3-0.2-0.5-0.5-0.5l-4.4,0c-0.3,0-0.5,0.2-0.5,0.5l0,21.1c0,0.3,0.2,0.5,0.5,0.5h4.4 c0.3,0,0.5-0.2,0.5-0.5V9.5z M27.3,9.5c0-0.3-0.2-0.5-0.5-0.5l-4.4,0c-0.3,0-0.5,0.2-0.5,0.5l0,21.1c0,0.3,0.2,0.5,0.5,0.5h4.4 c0.3,0,0.5-0.2,0.5-0.5V9.5z'/%3E%3C/svg%3E%0A"); }