#colorbox,
#cboxOverlay,
#cboxWrapper {position:absolute;top:0;left:0;z-index:9999;outline:none;}
#cboxOverlay {position:fixed;width:100%;height:100%;}
#cboxMiddleLeft,
#cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent > div:last-child {padding-bottom:5px;}
#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;}
.cboxIframe {width:100%;height:100%;display:block;border:0;}
#cboxOverlay {background:rgba(255,255,255,.94444);}
#colorbox {overflow:visible !important;}
#cboxWrapper {top:-40px;left:-25px;padding:40px 25px;background:#fff;box-sizing:content-box;-moz-box-sizing:content-box;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.45);}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {display:none;}
#cboxContent {overflow:visible;}
.cboxIframe {background:#fff;}
#cboxError {padding:50px;border:1px solid #ccc;}
#cboxLoadedContennt {margin:0 -50px -50px 0;}
#cboxLoadingOverlay {background:#fff;}
#cboxLoadingGraphic {background:url(//flipsidez.com/wp-content/themes/abc-zurb/images/loading.gif) no-repeat center center;}
#cboxTitle {position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}
#cboxCurrent {position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {border:0;color:transparent;position:absolute;bottom:-23px;background:#1a7daa;width:12px;height:12px;text-indent:-9999px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}        
#cboxPrevious::before {left:4px;top:-4px;}
#cboxPrevious::before,
#cboxNext::before {content:'';width:12px;height:12px;display:block;background:#fff;position:absolute;}
#cboxNext::before {left:-4px;top:4px;}
#cboxPrevious {left:0px;background-position:-51px -25px;}
#cboxPrevious:hover {background-position:-51px 0px;}
#cboxNext {left:27px;background-position:-75px -25px;}
#cboxNext:hover {background-position:-75px 0px;}
#cboxClose {position:absolute;right:-15px;top:-30px;width:35px;height:30px;background:#fff;border-radius:30px;border:0;color:#fff;}
#cboxClose:before,
#cboxClose:after {content:'';background:#42b5e8;border:2px solid #42b5e8;border-radius:5px;width:1px;height:22px;position:absolute;top:3px;right:15px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
#cboxClose:after {transform:rotate(-48.5deg);-webkit-transform:rotate(-48.5deg);-moz-transform:rotate(-48.5deg);-ms-transform:rotate(-48.5deg);}
#cboxClose:before {transform:rotate(48.5deg);-webkit-transform:rotate(48.5deg);-moz-transform:rotate(48.5deg);-ms-transform:rotate(48.5deg);}
#cboxClose:hover:after {transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);}
#cboxClose:hover:before {transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);}
#cboxClose:active:after {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
#cboxClose:active:before {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.cboxSlideshow_on #cboxSlideshow {background-position:-125px 0px;right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover {background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow {background-position:-150px -25px;right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover {background-position:-125px 0px;}
.bottom-buttons {position:absolute;bottom:14px;right:14px;left:14px;}
@media only screen and (max-width:320px) {
#modal-title {font-size:18px;}
}
@media only screen and (max-width:640px) {
#cboxWrapper {padding:40px 0;}
#cboxClose {right:5px; }
}
@media only screen and (max-width:768px) {
#colorbox {position:fixed !important;top:0 !important;left:0 !important;bottom:0;right:0;width:auto !important;height:auto !important;}
#cboxWrapper {box-shadow:none !important;border-radius:0 !important;position:absolute;top:0;left:0;bottom:0;right:0;width:auto !important;height:auto !important;}
#cboxContent {float:none !important;width:100% !important;height:auto !important;position:fixed;top:40px;bottom:0;}
#cboxLoadedContent {width:auto !important;height:100% !important;padding:0 5px;max-height:calc(100vh - 40px);}
#cboxLoadedContent iframe {max-width:100%;max-height:100%;}
}
body.m #colorbox {position:fixed !important;top:0 !important;left:0 !important;bottom:0;right:0;width:auto !important;height:auto !important;}
body.m #cboxWrapper {padding:40px 0;box-shadow:none !important;border-radius:0 !important;position:absolute;top:0;left:0;bottom:0;right:0;width:auto !important;height:auto !important;}
body.m #cboxContent {float:none !important;width:100% !important;height:auto !important;position:fixed;top:40px;bottom:0;}
body.m #cboxLoadedContent {width:auto !important;height:100% !important;padding:0 5px;max-height:calc(100vh - 40px);}
body.m #cboxLoadedContent iframe {max-width:100%;max-height:100%;}
body.m #cboxClose {right:5px;}