/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ___-_ main _-________________ */
body { font-family: 'RTVEfontR', helvetica, arial, sans-serif; font-size: 1.1em; color:#222; line-height: 1.2em; position: relative;
  -webkit-font-smoothing: antialiased; }

h1,h2,h3,h4,h5,h6{font-family: 'RTVEfontR', helvetica,arial,sans-serif;font-weight:normal;}

h4{ font-size:20px; margin:1em 0 0;line-height:1.2em;margin-bottom:30px; }
strong{font-weight:bold;}
hr{background: #333;border: 0;height: 2px;margin: 12px auto 8px;width: 60px;text-align:left;}

a{ text-decoration:none;}
  a:hover{color:#aa0000;} 

p.first-letter:first-letter { font-size: 3em; line-height: 0.4em; }
  .p-ok { margin: 0 0 2em 0; }
  .p-halfwidth { width: 580px; }
  .p-nota { font-family: arial,helvetica,sans-serif;font-weight:normal; line-height: 1.2em; font-size: 0.8em; }
  .p-cita { font-size: 2.2em; color: white; padding-bottom: 2em; line-height: 1em; }
  
.quote { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 
  font-size: 8em; line-height: 0.15em; position: relative; top: 0.43em; letter-spacing: -0.15em; left: -0.1em; }
.color-gr1 { color: #515151; }

/* ___-_ workers _-________________ */
.inline{display:inline;}
.wrapper { width: 960px; margin: 0 auto; }
/* Media elements, image + text */
.wk-media-l { float:left; }
  .wk-media-l img,
  .wk-media-r img { display:block; }
.wk-media-r { display:table-cell; zoom:1; }

/* Columns */
.wk-col-l { display:inline; float:left; }
.wk-col-r { display:inline; float:right; }
.wk-col-3 { display:inline; width: 320px; float: left; margin-bottom: 10px; }
  .node-page .wk-col-3 { margin-bottom: 10px; }
    .node-page .wk-col-3 h2 { padding-bottom:  5px; }
.wk-col-33 { width: 33%; }
.wk-cent { text-align: center; }
.wk-right { text-align: right; }

/*linea gris divisoria entre la zona multimedia y la zona de texto*/

.border-r{border-right:2px solid #ccc;}
.border-l{border-left:2px solid #ccc;padding-left:30px;}

.font-aw {font-family: 'FontAwesome'; color: white; text-shadow: 1px 1px 3px black; }
  a.font-aw, a.font-aw:hover, a.font-aw:active { text-decoration: none; }

/* Class for hidding elements if JavaScript is enabled */
html.js body .hidden { display:none; }

/* Clearfix trick to clear floated elements */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; }* html .clearfix { height:1%; }

/* ___-_ layout _-________________ */
#lab-header { width:100%; top: 0; left: 0; z-index: 999; background: black; text-align: center; font-size: 13px; position: fixed;}
#lab-header .logo { float: left; width: 120px; height: 30px; padding: 4px 0 0 10px; padding: 0; position: relative;
background: url("http://lab.rtve.es/i/rtvelab.png") top left no-repeat; }
#lab-header .logo a { display:block; height: 100%; width: 100%; text-indent: -999px; overflow: hidden;}
#lab-header .wk-col-r { margin-right: 120px; }
#lab-header a.link { display:block; font-weight: 100; height: 20px; color:#FFF; padding-bottom: 10px;padding-left:40px!important; line-height: 2.6em; 
      text-decoration:none; padding:0  8px; text-transform: uppercase; }
#lab-header a.selectable:hover, #lab-header a.link:hover { color:#ffffff;cursor:pointer;}

#lab-header .idioma {float:right;width:auto;padding-top:5px;margin-right:7%}
#lab-header .selected {color:#888;text-transform:uppercase;cursor:default;}
#lab-header .separador {margin-left:5px;margin-right:5px;color:white;cursor:default;font-size:1.3em}
#lab-header .selectable {font-size:1em;color:#eee;text-transform:uppercase;}



#lab-header .social-lockup {pointer-events: all; float: right; position:absolute; top:6px; right:1% }
#lab-header .social-lockup a { background: url("../img/sp--lab.png") top left no-repeat;
      width: 16px; height: 15px; cursor: pointer; float: left; margin:0 0 0 8px; }
#lab-header .social-lockup .social-fbook { background-position: 0 -40px }
#lab-header .social-lockup .social-twitter { background-position: 0 -73px; }
.lab-header-fixed { position: fixed; top: 0 }

#lab-footer { display :block; width:100%; margin:0; padding:0; height: 23px;
    background: #222222; font-size:13px; text-align:center; z-index: 332432; position: absolute; bottom: 0; }
  #lab-footer ul { display:inline; margin:0; padding:0; width:100%; float:left; line-height:25px;}
    #lab-footer ul li { display:inline; margin:0; padding:0 5px 0 0; list-style:none; color:#c2c1c1;}
    #lab-footer ul li a { color:#c2c1c1; text-decoration: none; padding: 0 5px}
    #lab-footer ul li a:hover { text-decoration: underline; } 
.lab-footer-fixed { position: fixed; bottom: 0 }

/* ___-_ content _-________________ */
#backtotop { position: absolute; bottom: 40px; right: 30px; background: white; color: black; padding: 11px; display: block;
line-height: 1em; }
#switchLink { position: absolute; top: 40px; left: 10px; background: white; color: black;
  padding: 11px; display: block; line-height: 1em; z-index: 200; font-family: arial, Helvetica, sans-serif; font-size: 0.8em; }

.normal-curtain article { width: 960px; margin: 0 auto; }

/* before after */
.baf-cont { margin-bottom: 40px; }
  .baf-controls { background: #e1decf; padding: 2%; width: 96%; }
    body li .baf-cont .baf-controls a { display: block; width: 50%!important; margin:0!important; cursor: pointer; }
    body li .baf-cont .baf-controls a.wk-col-r { text-align: right; }
.mybeforeafter { position: relative; overflow: hidden; width: 100%; }
  .mybeforeafter img { width: 100%; height: auto; display: block; }
  .beforebox { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%;
    border-right: 3px solid #ccc; box-shadow: black 1px 1px 5px; }
    .beforebox img { position: absolute; top: 0px; left: 0px; }

.balinks { background:#515151; float:left;}
.bflinks a { padding:5px 10px; display:block; float:left;}

article{ text-align:left; padding:50px 0; margin:0 auto; }
  article h4:first-child { margin:0; }
  article p { text-align:left; }

.bxslider2 { width: 100%; position: relative; }
  .bxslider2 img, .bxslider2 video, .bxslider2 li { width: 100%; height: auto; }

/* sliders */
.dimslider { position: relative; }
  .dimslider .bx-controls a, .photos-inner .bx-controls a, #section-70 .bx-controls a { text-indent: -999px; overflow: hidden; width: 40px; height: 64px; 
      display: block; background: url(../img/bg-slide-arrows.png) no-repeat -57px 0px; 
      position: absolute; right: -60px; top: 230px; }
      .dimslider .bx-controls a:hover, .photos-inner .bx-controls a:hover, #section-70 .bx-controls a:hover { background-position: -57px -64px; }
    .dimslider a.bx-prev, #section-70 a.bx-prev, .photos-inner .bx-controls a.bx-prev { background-position: 0px -63px; left: -60px; right: inherit; }
      .dimslider a.bx-prev:hover, .photos-inner .bx-controls a.bx-prev:hover, #section-70 a.bx-prev:hover { background-position: 0px 0px; }

#bx-pager { position: relative; }
#bx-pager .bx-controls a { width: 20px; height: 21px; display: block; text-indent: -999px; overflow: hidden;
    background: url(../img/bg-slide-arrows.png) no-repeat -74px -21px; 
    position: absolute; right: -40px; top: 23px; }
    #bx-pager .bx-controls a:hover { background-position: -75px -85px; }
  #bx-pager a.bx-prev { background-position: 0px -85px; left: -40px; right: inherit; }
    #bx-pager a.bx-prev:hover { background-position: 0px -21px; }

.bx-pager .slide { width: 100%; }

/*estilos para la galeria multimedia*/
.parrafo2{line-height:1.1em;font-size:1.2em;padding:40px;width:100%;padding-bottom:20px;}
#wrapper_galerry {width:100%;margin:0px!important;padding:50px;vertical-align:top;height:100%;}
#zonamultimedia {width:840px;margin:0px;display:inline;float:left;border-right:2px solid #666;}
#zonaTexto {width:360px;float:left;display:inline;vertical-align:top}

.presentacion { width: 960px; margin: 0 auto 0 auto; }
  .presentacion .wk-col-l { width: 600px; margin-right: 100px; }
  .presentacion .sidebar { background: #e1decf; padding: 10px; width: 230px; 
    margin-bottom: -2000px; padding-bottom: 2000px; }
    .presentacion .wk-col-r video { width: 100%; border: 10px solid white; background: white; position: relative; z-index: 10; }
  .presentacion .wk-col-l .wk-col-r { background: white; width: 180px; margin-left: 20px; }
  .presentacion audio { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }

/************** articulo x articulo ***********************/
#section-1 .slider-home { width: 100%; margin: 0 auto; height: 520px!important; position: relative; }
  #section-1 .slider-home img { position: absolute; bottom: 0; min-width: 100%; height: auto; }

#section-1 header { color:#FFF; position:absolute; top:30%; left:50%; margin:0 0 0 -350px; width:700px;
  text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); line-height:1.1; }
  #section-1 h1 { font-size:120px; }
  #section-1 h2{ text-transform:capitalize; opacity:.75; font-size:48px; }
  #section-1 .portada { height: 520px; position: relative; overflow: hidden;}

#section-1 hgroup { z-index: 100; position: absolute; bottom: 20px; right: 40px; color: white; width: 480px; text-shadow: 1px 1px 2px black; }
  #section-1 h1 { font-size: 3.4em; text-align: left; line-height: 1.2em; position: relative; top: 4px; 
    -webkit-animation: fadeIn 1s ease-in 9s 1 forwards; opacity: 0;
        -moz-animation: fadeIn 1s ease-in 9s 1 forwards; animation: fadeIn 1s ease-in 9s 1 forwards; }
  #section-1 h2 { font-size: 1em; text-align: left; color: white; text-transform: none; opacity: 1;}
  #section-1 hgroup p { -webkit-animation: fadeIn 1s ease-in 11s 1 forwards; opacity: 0;
      -moz-animation: fadeIn 1s ease-in 11s 1 forwards; animation: fadeIn 1s ease-in 11s 1 forwards;}


/* fqj comento 

#section-3 { width: 100%; overflow: hidden; }
#section-3 .wrapper { width: 960px; padding: 50px 0 50px 70px; position: relative; }
  #section-3 .photos { padding-left: 1%; position: relative; width: 45%; }
    #section-3 .photos > :last-child { margin-bottom:0 }
  #section-3 .sideline { position: relative; left: -50px; }
  #section-3 .photos-inner { width: 35%;  right: 0; }
    #section-3  .photos-inner img { width: 100%; height: auto; }
*/

/*fqj añadio */

#section-3 .photos{
    padding:0;
    width:40%;
    margin-left:auto;
}
#section-3 .photos img{
    margin-bottom:0
}

#section-3 .fixed{
    position: fixed;
    top: 20px;
    left: 20px;
    margin-right:100px;
    margin-left:15%;
    margin-right:5%!important;
    width:38%;
    visibility:hidden;
}

#section-3 .photos-inner{
    margin-left:0%;
    margin-top:0;
    width:100%;
    margin-right:0px;
    padding:0;
    padding-bottom:10px;
}

#section-3  .photos-inner img{
    display:block;
    margin:0;
    margin-left:auto;
    margin-right:0%;
    max-width:100%;
    background: #f00; 

}
div.need{
  height:50px;
  display:hidden;}
.fixed p{
  margin-bottom:0.8em;
  width:95%;
  margin-left:-10px;
  font-size:1em
}
.fixed>h4{
  margin-bottom:0.8em;
  width:95%;
  margin-left:-40px;
  font-size:2em
}
.fixed h4.last{
  margin-bottom:2em!important;
  width:95%;
  margin-left:-50px;
  font-size:2em;
}
.step img{
  box-shadow: 5px -5px 15px rgba(0,0,0,0.5)
}
h4>span{
    font-family:'Times new Roman';
    font-size:5em!important;
    font-weight:bold;
    margint-top:1.2em;
    position:relative;
    top:40px;
    left:-5px;
    padding-top:30px!important;
}

/*hasta aqui añadido por fqj para el scroll de imagenes de la section-3 */

.step-list { position: relative; }
  .no-tablet .step-list .step { height: 200px; opacity: 0.001; }
  .no-tablet .step-list .step:last-child { height: auto; }
    .no-tablet .step-list .current-step { opacity: 1; }
.tablet .step-list .step { opacity: 1; }
.tablet #section-3 .photos-inner { position: relative; right: 5%; }
  .tablet #section-3 .photos-inner .bx-viewport { margin: 0; }
  .photos-inner .bx-controls a { right: -40px; }
  .photos-inner .bx-controls a.bx-prev { left: -40px; }

#section-91 article, #section-81 section, #section-682 article, #section-66 article,
#section-70 article { position: relative; top: 0; width: 960px; margin: 0 auto; }

#section-44 { }
  #section-44 article { position: relative; margin: 50px auto; top: 0; padding: 0; width: 100%; padding-top: 30px; }
  #section-44 article p { width: 960px; margin: 0 auto; }
  #section-44 .video-center { margin: 2em  0; background: black; }
    #section-44 .video-center video{ display: block;width: 670px; margin: 0 auto; padding: 0; }
    #section-44 .video-preview-block { width: 100%; height: auto; position: relative; width: 670px; height: 377px; margin: 0 auto;}
    #section-44 a.videpre-pre-hover-bg { margin: 0; }

#section-55 { background: black; }
  #section-55 video { width: 100%; height: 100% }

#section-666 .wrappp { width: 1100px; margin: 0 auto;}
  #section-666 article { width: 100%; margin-top: 200px; }
  #section-666 .wk-col-l { width: 690px; padding-top:;}
    #section-666 .wk-col-l p { margin-bottom: 1em; }
    #section-666 .wk-col-l h2 { margin-bottom: 10px; font-size: 1.5em; margin-top: 20px; }
  #section-666 .wk-col-r { width: 300px; }
  #section-666 audio { display: block; width: 400px; padding-top: 20px; margin: 0 auto; }

#section-66 article { width: 1100px; }
  #section-66 .wk-col-l { width: 500px; height: auto;margin-right: 100px;margin-top: 40px; }
  #section-66 .wk-col-r { width: 500px;margin-top: 40px; }

#section-67 { background:url(../img/bg-nodo.jpg) 50% 0 no-repeat; background-size:cover; }
  #section-67 video { width: 50%; height: auto; margin-top: 10%; margin: 220px auto 0 auto; display: block; border: 2px solid white; }
    .body-vertical #section-67 video { width: 75%; }
  #section-67 a { width: 50%; text-align: right; color: white; margin: 0 auto; font-size: 0.9em; margin-top: 10px; display: block; text-decoration: underline; }

#section-682 section { position: absolute; bottom: 0; background: white; margin: 0; width: 100%; }
  #section-682 article { width: 1100px; }
    #section-682 video { width: 100%; height: auto; background: black; }
    #section-682 p { width: 580px; display: block; float: left; }
      #section-682 p:first-child { width: 380px; margin-right: 100px; }

#section-68 { background: black url(../img/bg-3.jpg) 50% 0 no-repeat; background-size: contain; }
  #section-68 article { position: absolute; top: 0; width: 300px; height: 100%; right: 0; left: initial; padding: 100px 50px; 
      background: rgba(0,0,0,0.8); color: white; }
    #section-68 article p { color: white; }

#section-69 { background:url(../img/cita2.jpg) 50% 0 no-repeat; background-size: cover; }
  #section-69 .p-cita { position: relative; left: 50px; color: black; }
    #section-69 .p-cita span { color: white; }

#section-70 .wk-col-r { width: 350px; }
  #section-70 .bxslider img { width: 100%; height: auto; }
#section-70 .beforeafter1 { width: 100%; margin-top: 50px; }
.balinks a { color: white; font-family: arial,helvetica,sans-serif;font-weight:normal; font-size: 0.8em; }
    #section-70 .beforeafter1-wrap { width: 50%; }
.bx-caption { background: #e1decf;}
.bx-caption span{
display:block;
color:#000;
font-family:arial;
font-size:0.8em;
line-height:1.2em;
padding:4px;
}

#section-81 { background: black; }
  #section-81 .black-thing { position: absolute; top: 0; left: 0; width: 45%; height: 100%; background-color: white;  }
  #section-81 .wrapppp { width: 960px; margin: 0 auto; }
  #section-81 article { margin-top: 30px; position: relative; padding: 0; margin: 50px 0; width: 100%; padding: 5% 0; }
    #section-81 .video-preview-block { width: 100%; height: 300px; margin-bottom: 40px; }
    #section-81 .wk-col-l { width: 320px; }
    #section-81 .wk-col-r { width: 535px; position: absolute; bottom: 0; right: 0; }
    #section-81 video { width: 475px; height: auto; float: right; }
    #section-81 a.videpre-pre-hover-bg { margin: 0; }

#section-91 { overflow: hidden; }
  #section-91 video { width: 100%; margin-top: 268px; display: block; margin: 268px 0 0 0; padding: 0; }
  #section-91 section { position: absolute; top: 0; background: white; z-index: 11; width: 100%; }
  #section-91 article { padding: 80px 0 20px 0 ; }
  #section-91.current section { position: fixed; top: 0;  }
  #section-91 .p-halfwidth { float: left; }
  #section-91 .p-2 { float: right; width: 300px; color: #515151; font-size: 0.9em; line-height: 1.1em; padding-top: 10px; }

#section-4, #section-5, #section9 { background:url(../img/cita.jpg) 50% 0 no-repeat; background-size:cover; }

#section-4 .content { position: absolute; bottom: 90px; width: 100%; margin: 0 auto; text-align: right; }
  #section-4 p { width: 960px; margin: 0 auto; color: white; }

#section-8{ background:url(../img/fullImage.jpg) 50% 0 no-repeat; background-size:cover; }

#section7 .countdown-carousel { width:324px; left: auto; margin-right: auto; position: relative; }

#section-55 .curtWrap { position: absolute; bottom: 0; width: 100%; height: 100%; }

@media screen and (max-width:1100px){ 
  #section-682 article { width: 90%; margin: 0 4%; }
    #section-682 p { width: 100%; }
    #section-682 p:first-child { width: 100%; margin-right: 0; }

  #section-81 section { width: 100%; }
    #section-81 .wk-col-l { width: 35%; margin-right: 10%; }
    #section-81 .wk-col-r { width: 50%; display: block; right: 0;}
      #section-81 .video-preview-block { width: 100%; }
      #section-81 video { width: 100%; height: auto;  }
  #section-91 .p-halfwidth { width: 100%; }
    #section-91 video { margin: 378px 0 0 0; }

  #section-666 .wrappp { width: 90%; margin: 0 auto; padding: 1% 2% 1% 5%; }
    #section-666 .wk-col-l { width: 65%; }
    #section-666 .wk-col-r { width: 25%; padding-left: 3%; }

  #section-70 .wk-col-r { width: 40%; width: 51%; margin-left: 8%; }
    #section-70 .beforeafter1-wrap { float: left; margin-top: 20px; width: 40%; margin-bottom: 50px; }
  
  #section-66 article { width: 98%; margin: 0 1%; }
    #section-66 .wk-col-l { width: 35%; margin-right: 10%; }
    #section-66 .wk-col-r { width: 55%; }
}
@media screen and (max-width:960px){ 
  body { font-size: 1em;}
  .presentacion { width: 100%; }
  .presentacion .wk-col-l .wk-col-r { width: 33% }
  #section-1 article { margin: 0 4%; }
    #section-1 .wk-col-l { width: 63%; margin-right: 6%; }
    #section-1 .sidebar { padding: 2% 2% 2000px 2%; width: 25%; }
  #section-91 article, #section-81 article, #section-682 article, #section-66 article, #section-70 article,
  #section-4 p, #section-44 article p { width: 94%; margin: 0 3%; } 
  #section-44 .video-preview-block { width: 520px; height: 293px; overflow: hidden }
    #section-44 .video-preview-block .videpre-post { width: 520px; height: auto; }
      #section-44 .video-preview-block video { width: 100%; height: auto; }
  #section-666 audio { width: 100%; }
  #section-81 .wrapppp { width: 100%; }

  /*fqj comento
  #section-3 .wrapper { width: 100%; padding: 2%; }
  #section-3 .sideline { left: -2%; }

  */

  .dimslider .bx-controls a, #section-70 .bx-controls a { right: -45px; }
  .dimslider a.bx-prev, #section-70 a.bx-prev { left: -45px; }
  .body-vertical #section-68 section { position: relative; width: 100%; height: 100%; }
    .body-vertical #section-68 article { top: initial; bottom: 0; width: 90%; height: auto; padding: 5%; }
}
@media screen and (max-width:840px){ 
  body { font-size: 0.9em;}
}
@media screen and (max-height:840px){ 
  body { font-size: 1em;}
}
@media screen and (min-height:1000px){ 
#section-44 section, #section-70 section, #section-81 section, #section-66 section, #section-666 section {
  position: absolute; bottom: 0; width: 100%; }
}

/* bloque carreraslideres */
.block-slide { width: 100%; color: white; position: relative; position: absolute; bottom: 0; }
  .block-slide .font-aw { color: white; }
  .block-slide-title { font-size: 1.2em; }
  .block-slide-loading { width: 100%; height: 100%; position: absolute; font-size: 2em; text-align: center; display: table; }
    .block-slide-loading h2 { display: table-cell; vertical-align: middle; }
  .block-slide .slide-img img { position: absolute; width: 100%; height: auto; bottom: 0; }
    .block-slide img.hidden { width: 100%; height: auto; opacity: 0.0001; }
  .slide-count { width: 100%; position: relative; margin-top: 10px; }
    .slide-count .elm { height: 10px; background: #eee; float: left; border-right: 1px solid #ccc;
       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
      .slide-count .elm:first-child { border-left: 1px solid #ccc; }
      .slide-count .elm.act { background: #A80000; }
    .slide-count-point { width: 0; height: 0; position: absolute; top: -10px; left: 0px;
      border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #A80000; }
  .block-controls { position: absolute; right: 4%; bottom: 0; z-index: 10; padding: 20px; 
    font-family: arial,helvetica,sans-serif;font-weight:normal; }
    .block-time-controls { width: 100%; }
    .block-controls a { display: block; text-decoration: none; font-size: 0.9em; cursor: pointer; }
      .block-controls a:hover { text-decoration: none; color: #A80000; }

/* bloque estilos video previews*/
.video-preview-block { position: relative; width: 240%; height: 265px; }
  .videpre-pre { position: absolute; top: 0; }
  .videpre-post { width: 100%; }
    .videpre-pre video, 
    .videpre-post video { width: 100%; height: auto; }
  .videpre-pre-hover { position: absolute; width: 100%; height: 100%; display: none; z-index: 100; }
    .videpre-pre-hover a { text-align: center; margin: 0; display: block; text-decoration: none; margin: 20% 0;
      color: white; text-shadow: 1px 1px 2px #333; position: absolute; width: 100%; height: 100%;}
      .videpre-pre-hover a .font-aw { text-align: center; margin: 0; display: block; 
        color: white; text-shadow: 1px 1px 2px #333; font-size: 4em; line-height: 1em; }
    a.videpre-pre-hover-bg { position: absolute; width: 100%; height: 100%; margin: 0;
      background: white; opacity: 0.2; margin: 10px; }
  @media screen and (max-width:900px){ .videpre-pre-hover a .font-aw { font-size: 2em; } }
  @media screen and (max-width:700px){ .videpre-pre-hover a .font-aw { display: none; } }

 @keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}


.curtains > li { position: relative; overflow: hidden; box-shadow: 0 5px 8px #666 }
.no-tablet .curtains { width: 100%; z-index:1; position:relative;}
  .no-tablet .curtains > li { -webkit-transform:translateZ(0); background: white; position: fixed; display: block;
    box-shadow:0 0 12px #666; top: 0; left: 0; width: 100%; overflow: hidden; z-index:1; }
  .no-tablet .curtains > li.hidden{visibility:hidden;}
  .no-tablet .curtains > li:first-child{z-index:2; box-shadow:none }

ul, li, 
figure, figcaption
 {
    padding: 0;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

    background: #fff;
margin-bottom: 50px;
}

.bx-wrapper .bx-viewport {

    background: #fff;
    
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('./font/fontawesome-webfont.eot?v=3.2.0');
  src: url('./font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), 
    url('./font/fontawesome-webfont.woff?v=3.2.0') format('woff'), 
    url('./font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), 
    url('./font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
  font-weight: normal;
  font-style: normal;
}