/*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
    overflow:hidden !important;
}

#swipebox-overlay img {
    border:none !important;
}

#swipebox-overlay {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999 !important;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

#swipebox-slider {
    height:100%;
    left:0;
    top:0;
    width:100%;
    white-space:nowrap;
    position:absolute;
    display:none
}

#swipebox-slider .slide {
    background:url(../img/loader.gif) no-repeat center center;
    height:100%;
    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 .swipebox-video-container,#swipebox-slider .slide img {
    display:inline-block;
    max-height:100%;
    max-width:100%;
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    vertical-align:middle;
    background: #fff
}

#swipebox-slider .slide .swipebox-video-container {
    background:0 0;
    max-width:1140px;
    max-height:100%;
    width:100%;
    padding:5%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-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-action,#swipebox-caption {
    position:absolute;
    left:0;
    z-index:999;
    height:50px;
    width:100%
}

#swipebox-action {
    bottom: 0;
    opacity: 0;
}

#swipebox-action.visible-bars {
    opacity: 1;
}

#swipebox-action #swipebox-close {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;

    background: url("../img/close-icon.png") 50% 50% no-repeat;
    background-size: 50%;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;

    opacity: 0.3;
}

#swipebox-caption {
    top:-50px;
    text-align:center
}

#swipebox-caption.visible-bars {
    -ms-transform:translateY(50px);
    -webkit-transform:translateY(50px);
    transform:translateY(50px)
}

#swipebox-slider.rightSpring {
    -webkit-animation:rightSpring .3s;
    animation:rightSpring .3s
}

#swipebox-slider.leftSpring {
    -webkit-animation:leftSpring .3s;
    animation:leftSpring .3s
}

@-webkit-keyframes rightSpring {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}

@keyframes rightSpring {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}

@keyframes leftSpring {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}

#swipebox-overlay {
    background: #fff
}

#swipebox-action,#swipebox-caption {
    background: transparent;
}

#swipebox-action {
}

#swipebox-caption {
    color:#fff !important;
    font-size:15px;
    line-height:43px;
    font-family:Helvetica,Arial,sans-serif
}
