/* FONTS */
body { background: black; overflow-x:hidden; }
@font-face {
    font-family: 'futura_condensedbold';
    src: url('../fonts/futura-condensed-bold-webfont.eot');
    src: url('../fonts/futura-condensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-condensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/futura-condensed-bold-webfont.woff') format('woff'),
         url('../fonts/futura-condensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/futura-condensed-bold-webfont.svg#futura_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuraBold';
    src: url('../fonts/Futura-Bold.eot');
    src: url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Futura-Bold.woff') format('woff'),
         url('../fonts/Futura-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuraMed';
    src: url('../fonts/FuturaStd-Medium.eot');
    src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FuturaStd-Medium.woff') format('woff'),
         url('../fonts/FuturaStd-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_heavy';
    src: url('../fonts/futurabt-heavy-webfont.eot');
    src: url('../fonts/futurabt-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurabt-heavy-webfont.woff2') format('woff2'),
         url('../fonts/futurabt-heavy-webfont.woff') format('woff'),
         url('../fonts/futurabt-heavy-webfont.ttf') format('truetype'),
         url('../fonts/futurabt-heavy-webfont.svg#futura_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_light_condensed';
    src: url('../fonts/futura_bt_light_condensed-webfont.eot');
    src: url('../fonts/futura_bt_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_bt_light_condensed-webfont.woff2') format('woff2'),
         url('../fonts/futura_bt_light_condensed-webfont.woff') format('woff'),
         url('../fonts/futura_bt_light_condensed-webfont.ttf') format('truetype'),
         url('../fonts/futura_bt_light_condensed-webfont.svg#futura_light_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_light';
    src: url('../fonts/FuturaStd-Light.eot');
    src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FuturaStd-Light.woff') format('woff'),
         url('../fonts/FuturaStd-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/futura-bk-bt-book-webfont.woff2') format('woff2'),
         url('../fonts/futura-bk-bt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.banner { background:url(../img/fondo-top.jpg) top center no-repeat; display: block; min-height:100vh; background-size:cover; text-align:center; font-family:'futura_condensedbold', sans-serif; }
.banner h1 { color:white; font-size:34px; margin: 0; text-shadow: 1px 3px 5px #001304; }
.banner ul { margin:0; list-style:none; padding:0; padding-right: 100px}
.banner ul li { display:inline-block; font-size:35px; color:#a9a9a9; line-height:30px; height:160px; vertical-align:middle; padding-top:40px; margin:0 25px; }
.banner ul li span { color:#5e9227; }
.banner ul li small { font-size:25px; }
.banner ul li.current { font-size:50px; color:white; line-height:45px; padding-top:0; }
.banner ul li.current small { font-size:35px; }

.video { background:url(../img/fondo_videos.jpg) top center no-repeat; display: block; min-height:650px; background-size:cover; text-align:center; font-family:'futura_light_condensed', sans-serif; padding-top:30px; }
.video h2 { color:white; font-family:'futura_condensedbold', sans-serif; font-size:37px; text-transform:uppercase; margin:25px 0; }
.video img { margin:0 auto; max-width:60%; }
.video .p { color:white; font-family:'futura_condensedbold', sans-serif; font-size:18px; text-transform:uppercase; margin-top:50px; padding-bottom:80px; }

.form { background:url(../img/fondo-estrella.png) top center no-repeat; display: block; min-height:650px; background-size:cover; text-align:center; font-family:'futura_light_condensed', sans-serif; padding-top:30px; }
.form h2 { color:white; font-family:'futura_condensedbold', sans-serif; font-size:37px;}
.form .form-group { margin:0; text-align:left; }
.form .form-container {  }
.form .btnFacebook { display:inline-block; }
.form label { color:white; font-size:35px; text-align:left; }
.form input { background:white; border-radius:0; font-size:25px; border:solid 1px white; }
.form input, .form select { outline:none !important; color:#000; }
.form .selectWrapper { background:#d7d7d7; margin:7px 10px 20px; float:left; height:34px; border:solid 1px #d7d7d7; }
.form .selectWrapper select { border:0; font-size:24px;  }
.form .selectWrapper:nth-child(2) { margin-right:0; }
.form .selectWrapper:nth-child(1) { margin-left:0; margin-right:0; }
.form .selectWrapper.ev { width:68%; }
.form .selectWrapper.error,
.form input.error { background-color:#a94442; color:#FFF; }
/*
.form label#lbl-nombre { width:14%; }
.form input#f-nombre { width:86%; }
.form label#lbl-mail { width:14%; }
.form input#f-email { width:86%; }
.form label#lbl-telefono { width:17%; }
.form input#f-telefono { width:83%; }
.form label#lbl-ciudad { width:14%; }
.form input#f-ciudad { width:86%; }
*/
.form .btnEnviar { background:white; padding:5px 20px; color:black; font-size:24px; display:inline-block; font-family:futura_condensedbold; }
.form .btnEnviar:hover { text-decoration:none; }
.form #error { display:none; color: #a94442; background-color: #f2dede; border:solid 3px #a94442; font-size:25px; padding:5px; margin-bottom:15px; width:80%; margin-left:auto; margin-right:auto; }

.fancybox-skin { background:transparent !important; }
.fancybox-close {
    position: absolute;
    top: -10px !important;
    right: 18px !important;
    width: 33px !important;
    height: 40px !important;
    cursor: pointer;
    z-index: 8040;
    background:url(../img/cerrar.png) !important;
}

#popupHolder, #popupHolder2, #basesycondiciones { display:none; }
.popup { background:url(../img/popup.png) no-repeat; width:759px; height:380px; padding:0 50px; text-align:center; }
.popup h2 { color:white; font-family:'futura_condensedbold', sans-serif; font-size:37px; padding-top: 200px;}
.popup h5 { color:white; font-family:'futura_light_condensed', sans-serif; font-size:18px; }


.galeria { background:url(../img/fondo-galeria.jpg) top center no-repeat; background-size:100%; padding-top:170px; }
.wrapper-visor { width:1000px; margin:0 auto; margin-bottom:50px; max-width:90%; }
.wrapper-visor img { max-width:100%; }
.wrapper-visor .owl-prev { position: absolute;
    left: 50px;
    background: url(../img/flecha-left.png);
    display: block;
    top: 50%;
    width: 68px;
    height: 70px;
    margin-top:-35px;
}
.wrapper-visor .owl-next { position: absolute;
    right: 50px;
    background: url(../img/flecha-right.png);
    display: block;
    top: 50%;
    width: 68px;
    height: 70px;
    margin-top:-35px;
}


.wrapper-paginador { width:1100px; margin:0 auto 100px; max-width:70%; }
.wrapper-paginador .owl-prev { position: absolute;
    left: -80px;
    background: url(../img/flecha-left.png);
    display: block;
    top: 15px;
    width: 68px;
    height: 68px;
}
.wrapper-paginador .owl-next { position: absolute;
    right: -80px;
    background: url(../img/flecha-right.png);
    display: block;
    top: 15px;
    width: 68px;
    height: 68px;
}
.wrapper-paginador img { cursor:pointer; }

@media screen and (max-width:1024px) {
    .banner { padding-bottom:50px; }
    .banner h1 { margin:75px 10px; }
    .form .selectWrapper { width:130px; }
    .form .selectWrapper.ev { width:64%; }

    .popup { max-width:90%; background-size:100%; margin:0 auto; padding:140px 60px; }
    .popup h2 { font-size:25px; }
    .fancybox-close { right:7% !important; }
}

@media screen and (max-width:768px) {
    .popup { max-width:90%; background-size:100%; margin:0 auto; padding:100px 20px; }
    .popup h2 { font-size:25px; }
    .fancybox-close { right:7% !important; }
    .banner ul { margin:0; list-style:none; padding:0; padding-right: 80px}

    .galeria { padding-top:100px; }
    .wrapper-paginador .owl-prev { top:40px; }
    .wrapper-paginador .owl-next { top:40px; }

	.video h2 { padding:0 15px; }
    .video iframe { max-width:95%; margin-top:25px; }
    .video .p { padding:0 30px; margin-bottom:50px; }
}

@media screen and (max-width:600px) {
    .popup { max-width:90%; background-size:100%; margin:0 auto; padding:70px 20px; }
    .popup h2 { font-size:25px; }
    .fancybox-close { right:7% !important; }
}

@media screen and (max-width:500px) {
    .banner img { max-width:300px; }

    .popup { max-width:90%; background:url(../img/popupm.png) no-repeat; background-size:100%; margin:0 auto; padding:70px 20px; }
    .popup h2 { font-size:22px; }
    .fancybox-close { right:7% !important; background:url(../img/cerrarm.png) !important; width:16px !important; height:20px !important; }
    .banner ul { margin:0; list-style:none; padding:0; padding-right: 0px}

    .galeria { padding-top:50px; }
    .wrapper-paginador .owl-prev { top:4px; left:-60px; }
    .wrapper-paginador .owl-next { top:4px; right:-60px; }
	.wrapper-visor .owl-prev { position: absolute;
    left: 0px;
    background: url(../img/flecha-left.png);
    display: block;
    top: 50%;
    width: 68px;
    height: 70px;
    margin-top:-35px;
}
.wrapper-visor .owl-next { position: absolute;
    right: 0px;
    background: url(../img/flecha-right.png);
    display: block;
    top: 50%;
    width: 68px;
    height: 70px;
    margin-top:-35px;
}
}

@media screen and (max-width:700px) {
    .banner h1 { font-size:38px; margin:15px 20px 30px; }
    .banner ul { margin:0; list-style:none; padding: 10px; margin-top:-50px;}
    .banner ul li { font-size:20px; display:block; height:auto; padding-top:0; margin:15px 0; }
    .banner ul li small { font-size:18px; }
    .banner ul li.current { font-size:40px; line-height:40px; margin-top: -60px; }
    .banner ul li.current small { font-size:27px; }
    .form .form-group { text-align:left; }
    .form h2 { font-size:25px; }
    .form .btnFacebook { max-width:100%; background-size:100%; background-repeat:no-repeat; }
    .form label { float:none; display:block; }
    .form input { margin-top:-10px !important; margin-bottom:5px; width:100% !important; display:block; }
    .form .selectWrapper { display:inline-block; float:none; width:25%; margin-top:-10px !important; margin-bottom:10px !important; text-align:center; }
    .form .selectWrapper:nth-child(2) { margin:0; }
    .form .selectWrapper:nth-child(4) { margin:0; }
    .form .selectWrapper.ev { width:100%; }
    .form .selectWrapper select { width:100%; }
}
