/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch, html.swipebox-html { overflow: hidden !important; }
#swipebox-overlay img { border: none !important; }
#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999999999999999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#swipebox-container { position: relative; width: auto; margin: auto; height: 100%; max-width: 100%; }
#swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; max-width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; }
#swipebox-slider .slide { height: 96%; width: 100%; line-height: 1px; text-align: center; display: inline-block; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#swipebox-slider .slide:after { content: ""; display: table; clear: both; width: 100%; height: 100%; background-image: url(/images/Watermark.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 120%; position: absolute; z-index: 5; top: 0px;opacity:0.8; }
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
#swipebox-slider .slide-loading { background: url(/images/loader.gif) no-repeat center center; }
#swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 99999999999999999999999999999999999999999999999999999!important; height: 50px; width: 100%; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
#swipebox-bottom-bar { bottom: 50%; }
#swipebox-bottom-bar.visible-barsDDD { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
#swipebox-top-bar { top: -50px; }
#swipebox-top-bar.visible-barsDDD { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
#swipebox-title { display: block; width: 100%; text-align: center; position: absolute; z-index: 99999999999999999999999999999999999999999999999999999!important; -webkit-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); background-color: rgba(250, 250, 250, 0.5); }
#swipebox-prev, #swipebox-next, #swipebox-close { background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 36px; height: 36px; top: 0; background-size: 100%; background-position: center center; z-index: 99; }
#swipebox-prev, #swipebox-next { z-index: 99999!important; top: 45px; }
#swipebox-close { background-size: 36px; position: absolute; z-index: 999!important; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); display: block; height: 100px; width: 300px; }
#swipebox-arrows { display: block; margin: 0 auto; height: 200px; float: left; }
#swipebox-prev { background-image: url(/images/prevWhite.svg) !important; background-position: left center; float: left; position: absolute; z-index: 99999999999999; left: 1px; }
#swipebox-next { background-image: url(/images/nextWhite.svg) !important; background-position: right center; float: right; position: absolute; z-index: 99999999999999; right: 1px; }
#swipebox-close { background-image: url(/images/close.svg); background-size: 90%; top: 5px; bottom: auto; right: 6px; position: absolute; z-index: 999; width: 126px; height: 56px; opacity: 0.8; }
#swipebox-close { width: 100%; height: 100%; background-color: transparent; background-size: 36px!important; position: absolute; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); background-position: right top; z-index: 999!important; }
#swipebox-close:hover, #swipebox-next:hover, #swipebox-prev:hover { opacity: 1; }
.swipebox-no-close-button #swipebox-close { display: none; }
#swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.1; }
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; }
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; }
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; }
.swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; }
.swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; }
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; }
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; }
 @-webkit-keyframes rightSpring {  0% {
 left: 0;
}
 50% {
 left: -30px;
}
 100% {
 left: 0;
}
}
 @keyframes rightSpring {  0% {
 left: 0;
}
 50% {
 left: -30px;
}
 100% {
 left: 0;
}
}
@-webkit-keyframes leftSpring {  0% {
 left: 0;
}
 50% {
 left: 30px;
}
 100% {
 left: 0;
}
}
@keyframes leftSpring {  0% {
 left: 0;
}
 50% {
 left: 30px;
}
 100% {
 left: 0;
}
}
 @media screen and (min-width: 800px) {
#swipebox-closed { right: 5px; }
#swipebox-arrows { width: 99%; max-width: 99%; z-index: 99999999999999999999999999999!important; }
}
/* Skin 
--------------------------*/


#swipebox-order { width: 90px; height: 22px; position: absolute; right: 40px; top: 60px; }
#swipebox-overlay { background: #ddd; }
#swipebox-top-bar { text-shadow: 0 0 0 none; text-shadow: none!important; background: transparent; opacity: 1; top: auto; bottom: 0; z-index: 99999999999999999999999999999!important; }
#swipebox-bottom-bar { text-shadow: 0 0 2px black; box-shadow: none!important; color: #fff; opacity: 1; z-index: 99999999999999999999999999999!important; background-color: transparent; }
#swipebox-top-bar { color: #000 !important; font-size: 15px; line-height: 38px; font-family: 'Arial Narrow', Arial, sans-serif; }
 @media (max-width: 1280px) {
#swipebox-close { width: 33px; height: 33px; background-size: 33px!important; }
#swipebox-overlay { background: #ddd; background-image: none; }
}
 @media (max-width: 600px) {
#swipebox-top-bar { font-size: 14px; line-height: 17px; height: 40px; text-shadow: none; }
#swipebox-title { height: 60px!important; }
#swipebox-prev, #swipebox-next { width: 30px; height: 30px; }
}
 @media (max-width: 400px) {
#swipebox-title { display: none!important; }
}
