/*

* Theme Name: Twenty Fourteen



* Author: the wordpress team



Version: 1.0

Tags: one-column, two-columns, right-sidebar,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio

*/









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-container {

    position: relative;

    width: 100%;

    height: 100%;

}



#swipebox-slider {

    -webkit-transition: -webkit-transform 0.4s ease;

    transition: transform 0.4s ease;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

    white-space: nowrap;

    position: absolute;

    display: none;

    cursor: pointer;

}

#swipebox-slider .slide {

    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 img,

#swipebox-slider .slide .swipebox-video-container,

#swipebox-slider .slide .swipebox-inline-container {

    display: inline-block;

    max-height: 85%;

    max-width: 90%;

    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: 3% 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(../img/misc/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: 999;

    height: 50px;

    width: 100%;

}



#swipebox-bottom-bar {

    top: 50%;

}

#swipebox-bottom-bar.visible-bars {

    -webkit-transform: translate3d(0, -50px, 0);

    transform: translate3d(0, -50px, 0);

}



#swipebox-top-bar {

    bottom: 50px;

}

#swipebox-top-bar.visible-bars {

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

}



#swipebox-title {

    display: block;

    width: 100%;

    text-align: center;

}



#swipebox-prev, #swipebox-next {

    border: none !important;

    text-decoration: none !important;

    cursor: pointer;

    text-align: center;

    padding: 0 30px 0;

    background: rgba(0, 0, 0, 0.1);

    color: rgba(255, 255, 255, 0.7);;

    font-size: 50px;

    font-family: "ionicons";

    margin: 20px;

}

#swipebox-prev:before {

    content: "\f3d2";

}

#swipebox-next:before {

    content: "\f3d3";

}



#swipebox-arrows {

    display: block;

    margin: 0 auto;

    width: 100%;

    height: 50px;

}



#swipebox-prev {

    float: left;

}



#swipebox-next {

    float: right;

}



#swipebox-close {

    top: 10px;

    right: 30px;

    position: absolute;

    z-index: 9999;

    cursor: pointer;

}



.swipebox-no-close-button #swipebox-close {

    display: none;

}



#swipebox-prev.disabled,

#swipebox-next.disabled {

    opacity: 0.3;

}



.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;

    }

}

/* Skin

--------------------------*/

#swipebox-overlay {

    background: rgba(0,0,0,.9);

}



#swipebox-top-bar {

    color: white !important;

    line-height: 43px;

}

#swipebox-close {

    width: 50px;

    height: 50px;

    overflow: hidden;

}

#swipebox-close:hover::before, #swipebox-close:hover::after {

    background: #ccc;

}

#swipebox-close::before, #swipebox-close::after {

    content: '';

    position: absolute;

    height: 2px;

    width: 100%;

    top: 50%;

    margin-top: -1px;

    background: #ddd;

}

#swipebox-close::before {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

#swipebox-close::after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#swipebox-close.hairline::before, #swipebox-close.hairline::after {

    height: 1px;

}



#swipebox-close.fat::before, #swipebox-close.fat::after {

    border-radius: 100%;

}