/* ************************************************************************************************

   venobox.css

   ************************************************************************************************ */

.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after { -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { -webkit-overflow-scrolling: touch; }
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay { background: #fefefe; background: rgba(254,254,254,.9); background: #f8f8f8; width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 999; overflow: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.relativo { float: left; width: 100%; height: 100%; display: block; position: relative; }
/* ----- .vbox-preloader ----- */
.vbox-preloader { position: fixed; width: 54px; height: 54px; background: url(../images/loadingV_54x54.gif) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -27px 0 0 -27px; text-indent: -100px; overflow: hidden; }
/* IOS preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/
/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- .vbox-close ----- */
.vbox-close { cursor: pointer; position: fixed; top: -1px; right: 0; width: 60px; height: 60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: inherit; vertical-align: middle; color: #fefefe; background: #222; text-align: center; font-size: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.vbox-close::before { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px; font-family: 'themify'; content: "\e646"; line-height: 60px; font-size: 18px; font-weight: normal; font-style: normal; text-align: center; }
.vbox-close:hover { background: #de0716; }
/* ----- .vbox-next / .vbox-prev ----- */
.vbox-next,
.vbox-prev { box-sizing: content-box; cursor: pointer; position: fixed; top: 50%; color: #fefefe; background:#222; height: 50px; width: 50px; margin-top: -25px; text-indent: -100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.vbox-prev { left: 10px; }
.vbox-next { right: 10px; }
.vbox-next:before,
.vbox-prev:before { font-family: 'themify'; font-size: 12px; line-height: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:0; right:0; bottom:0; left:0; display:block; z-index:2; text-indent: 0; text-align:center; }
.vbox-next:before { content: "\e649"; }
.vbox-prev:before { content: "\e64a"; }
.vbox-next:hover,
.vbox-prev:hover { background: #de0716; }

/* ----- .vbox-title ----- */
.vbox-title { width: 100%; height: 40px; float: left; text-align: center; line-height: 28px; font-size: 24px; font-weight:bold; letter-spacing:.1em; padding: 6px 40px; overflow: hidden; position: fixed; display: none; top: -1px; left: 0; }
.vbox-num { cursor: pointer; position: fixed; top: -1px; left: 0; height: 40px; display: block; color: #fff; overflow: hidden; line-height: 28px; font-size: 12px; padding: 6px 10px; background: #161617; display: none; }
/* ------- inline window ------ */
.vbox-inline { width: 420px; height: 315px; padding: 10px; background: #fff; text-align: left; margin: 0 auto; overflow: auto; }
/* ------- Video & iFrames window ------ */
.venoframe { border: none; width: 960px; height: 720px; }

/* ------- Video & iFrames window ------ */
/*.venoframe{
    border: none;
    width: 1200px;
    height: 720px;
}*/

@media (max-width: 992px) {
.venoframe { width: 640px; height: 480px; }
}

@media (max-width: 767px) {
.venoframe { width: 420px; height: 315px; }
/* ----- .vbox-next / .vbox-prev ----- */
.vbox-next,
.vbox-prev { top: auto; bottom:0; color: #fefefe; background:#222; height: 50px; width: 49.9%; margin-top: 0; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; }
.vbox-prev { left: 0; }
.vbox-next { right: 0; }
.vbox-next:hover,
.vbox-prev:hover { background: #222; }
.vbox-title { height: 80px;text-align: left; padding: 6px 70px 6px 10px;}
}

@media (max-width: 460px) {
.vbox-inline { width: 100%; }
.venoframe { width: 100%; height: 260px; min-height:100%; }
}
/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container { position: relative; background: #000; width: 98%; max-width: 1024px; margin: 0 auto; }
.vbox-content { text-align: center; float: left; width: 100%; position: relative; overflow: hidden; }
.vbox-container img { max-width: 100%; height: auto; }
.vwrap { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; width: 100%; height: 100%; float: left; position: relative; margin: 0; padding: 0; left: 0; overflow: hidden; z-index: 1; }