@charset "utf-8";
/* CSS Document */
body{
background: #000000;
width:100%;
height:100%;
padding: 0; 
margin: 0;
overflow-x: hidden;
}
/*NO TOPE CON MENU FIJO*/
.ancla:before {       
  display: block;       
  content: " ";      
  margin-top: -80px;       
  height: 80px;       
  visibility: hidden;
  z-index: 99;
}
/*-----------MARCA--------------*/
#marca{
width:210px;
height: 80px;
left:10%;
display:inline-block;
float: left;
position: relative;
z-index: 999999;
}
.logo{
background:url(../img/logo_bolton.png) no-repeat;
width: 147px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); 
}
#marca2{
width:210px;
height: 90px;
left:10%;
display:inline-block;
float: left;
position: relative;
z-index: 999999;
}
.logo2{
background:url(../img/logo_bolton.png) no-repeat;
width: 147px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); 
}
/*-------------------MENU 2------------------*/
#marca_2{
display:none;
width:210px;
height: 70px;
left:10%;
float: left;
position:fixed;
z-index: 999999999;
}
.logo_alt{
background:url(../img/logo_bolton.png) no-repeat;
width: 147px;
height: 70px;
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.menu_bar {
display:none;
z-index: 9999999;
}
.menu_2 nav{
width:100%;
height:100%;
}
.menu_2{
display:none;
list-style: none;
position: fixed;
float: left;
left: 25px;
width: 100%;
clear:both;
z-index:9999999;
}
.menu_2 li{
margin: 0;
text-align:left;
font-weight:300;
font-size:1.4em;
text-decoration:none;
line-height:1.8em;
list-style:none;
padding-left: 30px;
}
.menu_2 li a{
color: #fff;
text-decoration:none;  
cursor: pointer;
font-family: 'Source Sans 3', sans-serif;
}
.menu_2 a:hover{  
color:#725CFF;/*#f36f91*/
cursor: pointer;
}
.menu_2 a:focus{
color:#68377B;/*#3EB5B0*/
}
.menu_2 li ul {
    display: none;
}
/*Make dropdown links vertical*/
.menu_2 li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.menu_2 li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
.menu_2 ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
.volver {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 18px;
    margin: auto;
    z-index: 998;
    -webkit-animation: bounceInLeft 2s linear infinite;
    -moz-animation: bounceInLeft 2s linear infinite;
    -o-animation: bounceInLeft 2s linear infinite;
    animation: bounceInLeft 2s linear infinite;
}
/*---------------TODAS LAS SECCIONES---------------------*/

#frase_1, #productora, .galeria, #frase_2, #frase_3, #categorias{
width:100%;
display: block;
float: left;
position: relative;
overflow:hidden;
}
#home{
width:100%;
height:100%;
}

.pattern{
background:url(../img/pattern.png) repeat;
/*background-color: rgba(9, 6, 42, 1);*/
width:100%;
height:100vh;
z-index: 9999;
display:block;
}
video {
height: auto;
width: auto;
min-height: 100%;
min-width: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);  
z-index: -100;
background:url(../img/bg.jpg)no-repeat top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.frase{
width:90%;
position: absolute;
left: 50%;
top: 49%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.frase h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 130px;
text-transform: none;
line-height: 1.1;
color: #FFF;
}

.frase h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 35px;
color: #FFF;
text-transform: none;
line-height: 1.4;
}

/*---------------FRASE PUBLICITARIA----------------------*/

#frase_1, #frase_3 {
background:#725CFF;
height:auto;
z-index: 99;
}
.central{
width:80%;
text-align: center;
margin: 2% auto;
}
/*---------------SOBRE LA PRODUCTORA----------------------*/
#productora{
background: url(../img/productora.png) no-repeat center;
min-height: 100vh;
/*height: 100%*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*----------------CATEGORIAS---------------------------*/
#categorias{
background: url(../img/catalogo.png) no-repeat center;
min-height: 100vh;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#categorias img{
width: 100%;
height: auto;
}
.info{
background:#725CFF;	
width:100%;
display: block;
position: absolute;
bottom: 0;
}
.info p{
color:white;
text-align: center!important;
}
.info a{
color:rgba(9, 6, 42, 1);
}

.uno, .dos, .tres, .cuatro, .cinco, .seis, .siete{
width: 33.3%;
height: 200px;
display: table;
float: left;
text-align:center;
transition: transform .6s; /* Animation */
}
.uno a, .dos a, .tres a, .cuatro a, .cinco a, .seis a, .siete a{
line-height: 200px;
font-size:40px;
}
.uno {
background-color:rgba(9, 6, 42, 1);
}
.uno:hover{
background: url(../img/1_tributos.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9); 
text-shadow: 4px 0px 4px rgba(9, 6, 42, 1);
}
.dos {
background-color:rgba(9, 6, 42, 1);
}
.dos:hover{
background: url(../img/2_emergentes.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9); 
text-shadow: 4px 0px 4px rgba(9, 6, 42, 1);
}
.tres{
background-color:rgba(9, 6, 42, 1);
}
.tres:hover{
background: url(../img/3_bandas.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9);
text-shadow: 4px 0px 4px rgba(9, 6, 42, 1);
}
.cuatro{
background-color:rgba(9, 6, 42, 1);
}
.cuatro:hover{
background: url(../img/4_artistas.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9);
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.cinco{
background-color:rgba(9, 6, 42, 1);
}
.cinco:hover{
background: url(../img/5_bailes.jpg) no-repeat;
background-position: 50% 45%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9);
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.seis{
background-color:rgba(9, 6, 42, 1);
}
.seis:hover{
background: url(../img/6_activaciones.jpg) no-repeat ;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9); 
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.siete {background-color:rgba(9, 6, 42, 1);}

.siete:hover{
background: url(../img/7_infantiles.jpg) no-repeat;
background-position: 50% 10%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transform: scale(0.9);
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
/*----------------CATEGORIAS---------------------------*/

.uno1, .dos2, .tres3, .cuatro4, .cinco5, .seis6, .siete7{
width: 33.3%;
height: 200px;
display: table;
float: left;
text-align:center;
transition: transform .6s; /* Animation */
display:none;
}
.uno1 a, .dos2 a, .tres3 a, .cuatro4 a, .cinco5 a, .seis6 a, .siete7 a{
line-height: 200px;
font-size:40px;
}

.uno1{
background: url(../img/1_tributos.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}

.dos2{
background: url(../img/2_emergentes.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.tres3{
background: url(../img/3_bandas.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}

.cuatro4{
background: url(../img/4_artistas.jpg) no-repeat;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}

.cinco5{
background: url(../img/5_bailes.jpg) no-repeat;
background-position: 50% 45%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.seis6{
background: url(../img/6_activaciones.jpg) no-repeat ;
background-position: 50% 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}
.siete7{
background: url(../img/7_infantiles.jpg) no-repeat;
background-position: 50% 10%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-shadow: 4px 0px 4px rgba(28,29,35,0.71);
}

/*---------------REDES SOCIALES ----------------------*/



.social{
width:240px;
margin:auto;
}

.vacio{
position:relative;
background: url(../img/vacio.png);
width:140px; 
height:120px; 
margin:auto; 
float:left; 
transition: all 1s ease-in-out;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.vacio:hover {
transform: rotateY(180deg);
}
.facebook{
position:relative;
background: url(../img/facebook.png);
width:140px; 
height:120px; 
margin:auto; 
float:left; 
margin-right: -60px;
transition: all 1s ease-in-out;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.facebook:hover {
transform: rotateY(180deg);
}
.twitter{ 
position:relative;
background: url(../img/twitter.png);
width:140px; 
height:120px; 
margin:auto; 
float:left; 
margin-left: -60px;
transition: all 1s ease-in-out;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.twitter:hover {
transform: rotateY(180deg);
}

/*---------------GALERIA FOTOS ----------------------*/
.galeria{
background: #09062A;
min-height: 100vh;
/*background: url(../img/galeria.jpg) no-repeat center;
height:800px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
.cruz{
   transition: all 1s ease-in-out;
}
.cruz:hover {
transform: rotateY(180deg);
}
.activo{
position:absolute;
display:block;
bottom:5%;
left:49%;
width:42px;
margin-left:-21px;
height:56px;
background: url(../img/scroll.png) no-repeat center center;
margin: auto;
z-index: 998;
-webkit-animation: bounceInDown 2s linear infinite;
-moz-animation: bounceInDown 2s linear infinite;
-o-animation: bounceInDown 2s linear infinite;
animation: bounceInDown 2s linear infinite;
}
@keyframes bounceInDown {
  0% {
     -moz-transform:translateY(-5px) ;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
        -moz-transform:translateY(0px) ;
    -webkit-transform:translateY(0px);
    transform:translateY(0px); }
  100% {
         -moz-transform:translateY(-5px) ;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } 
	}

#frase_2{
background:#725CFF;
height:auto;
}

.flecha{
width:100px;
height:100px;
margin:auto;
background:url(../img/flecha.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*---------------------TITULOS Y TEXTOS----------------------*/
h1{
font-family: 'Source Sans 3', sans-serif;
text-align:center;
font-size:55px;
font-weight:100;
color:#FFF;
text-transform: uppercase;
}
h2{
font-family: 'Source Sans 3', sans-serif;
text-align:center;
font-size:60px;
font-weight:100;
color:#725CFF;
text-transform: uppercase;
}
h3{
font-family: 'Source Sans 3', sans-serif;
text-align:center;
font-size:60px;
font-weight:100;
color:#725CFF;
}
h4{
font-family: 'Source Sans 3', sans-serif;
text-align:center;
font-size:40px;
font-weight:100;
color:#fff;
text-transform: uppercase;
margin-top:0;
margin-bottom:0;
}
h5{
font-family: 'Source Sans 3', sans-serif;
text-align:left;
font-size:50px;
font-weight: 100;
color:black;
margin: 0;
}
p{

font-family: 'Source Sans 3', sans-serif;
text-align: right;
font-size:20px;
color:#FFF;
}
/*---------------------DIVS CENTRALES----------------------*/
.centro_pro{
width:95%;
display:block;
float:left;
padding-top: 2%;

}

.columna_oscura_derecha{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:30%;
height: 100%;
right:0;
display:inline-block;
position:absolute;
z-index: 1;
}


.derecha{
padding-top: 3%;
width:30%;
right:5%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 120px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}



.derecha h2{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 35px;
color: #FFF;
text-transform: none;
line-height: 1.3;
}



.derecha p{
width:40%;
float:right;
display:inline-block;
}
.right h1{
margin-top: 0;
font-size:90px;
}
.centro{
width:70%;
margin:auto;
}

.centro h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 120px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}

.left{
height:420px;
background: url(../img/shows.png) no-repeat bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width:60%;
display:inline-block;
}

.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:43%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}

.titulo_left{
padding-top: 5%;
width:30%;
left:5%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 130px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}


.titulo_left h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 35px;
color: #FFF;
text-transform: none;
line-height: 1.4;
}


.galeria_left{
bottom: 15%;
width:50%;
padding-left: 5%;
left:0;
display:inline-block;
position:absolute;
z-index: 2;
}
.galeria_left h4{
text-align: left;
color: black;
}
.galeria_left h3{
text-align: left;
color: black;
}
.galeria_right{
bottom: 15%;
width:45%;
padding-right: 5%;
right: 0;
display:inline-block;
position:absolute;
z-index: 2;
}
.galeria_right h4{
text-align: right;
color: black;
}
.galeria_centro{
display: none;
}
/*--------------BOTON AREA STAFF-----------------*/
#franjafix{
width:100%; 
height:auto; 
margin:auto; 
bottom: 10px;
display:block;
position:fixed;
}
#botonstaff{
width:239px; 
height:33px; 
margin:auto; 
background:url(../img/boton-staff.png) no-repeat; 
float: left;
left: 10px;
z-index: 999;
}
#botonstaff:hover{
background:url(../img/boton-staff2.png) no-repeat;
}
/*---------------RESPONSIVE---------------------*/

@media screen and (max-width:1200px){
.galeria_centro{
display: block;
position: relative;
width: 90%;
padding: 50% 5%;
}
.galeria_centro h4{
color: black;
text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.7);
text-align: right !important;
}
h5{
color: black;
text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.7);
text-align: right !important;		
	}
.galeria_left, .galeria_right{
display: none;
}
.activo{
display:none;
}
.logo{
display: none;
}
.logo2{
display: none;
}
.oculto{
display:none;
}
#marca_2{
display:block!important;
}
.menu_bar {
display:block!important;
position:fixed;
width:100%;
}
.menu_bar, .bt-menu {
height: 70px;
display:block;
padding:10px;
line-height: 2.3em;
background:rgba(9, 6, 42, 1);
color:#725CFF;
text-decoration:none;
font-size:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.menu_bar i {
float:right;
font-size:30px;
line-height: 1.8em;
color:#725CFF;
}
.menu_2{
display:block!important;
width:100%;
left:-100%;
height:auto;
background:rgba(9, 6, 42, 0.8);
position:fixed;
top: 54px;
}
ul.menu_2{
padding-left:0;
}
ul.menu_2 li {
float:none;
display: block;
border-top: 1px solid hsla(0,0%,100%,.1);
}
}	
/*HASTA ANCHO MÁXIMO*/
@media screen and (max-width:1024px){
h1{
font-size: 40px;
}
h4{
font-size: 25px;
}
.galeria {
height: 600px;
}
.centro_pro{
float:none;
margin:auto;
width: 70%;
}
.left{
display:none;
}
.derecha{
width:100%;
}
.derecha p{
font-size: 60px;
text-align:center;
}
#productora{
height:auto;
}
.right h1 {
font-size: 60px;
}
.uno1, .dos2, .tres3, .cuatro4, .cinco5, .seis6, .siete7{
width: 50%;
}
.uno, .dos, .tres, .cuatro, .cinco, .seis, .siete{
width: 50%;
}
.titulo_left{
width: 100%;
}
}
@media screen and (max-width:800px){
.frase{
top:50%;
}

.uno, .dos, .tres, .cuatro, .cinco, .seis, .siete{
width: 100%;
padding: 50px 0px 50px 0px;
}
.uno1, .dos2, .tres3, .cuatro4, .cinco5, .seis6, .siete7{
width: 100%;
padding: 50px 0px 50px 0px;
}
}
@media screen and (max-width:736px){
.frase {
top: 50%;
}
.galeria {
height: 490px;
}
}
@media screen and (max-width:600px){
#categorias{
background: url(../img/catalogo_2.jpg) no-repeat 52%;
}
.uno, .dos, .tres, .cuatro, .cinco, .seis, .siete{
display: none;
}
.uno1, .dos2, .tres3, .cuatro4, .cinco5, .seis6, .siete7{
display: block;
}
}
	@media screen and (max-width:550px){
.galeria_centro {
    padding: 60% 5%;	
	}
}
	
@media screen and (max-width:480px){
.uno1, .dos2, .tres3, .cuatro4, .cinco5, .seis6, .siete7{
width: 100%;
padding: 0px;
}

.footer p{
font-size:15px;
}
}
@media screen and (max-width:414px){
#footer p {
font-size: 13px;
}
#categorias{
background: url(../img/catalogo_2b.jpg) no-repeat center !important;
}	
}

/* formulario contact */

#redes{
width:100%;
display: block;
float: left;
overflow:hidden;
background:#09062a;
height:auto;
/*padding-bottom: 1%;*/
min-height: 55vh;
/*height: 100%*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
/*
align-content: center;
justify-content: center;
align-items: center;*/
}

input {
  width: 100%;
}

input[type=text] {
  width: 70%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: vertical;
  
}
input[type=email] {
  width: 70%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
textarea {
  width: 70%;
  height: 100px;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
select {
  width: 70%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.container_button {   
 
} 
input[type=button], input[type=submit], input[type=reset] {
  width: auto;
  background-color: #725cff;
  border: none;
  border-radius: 4px;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  cursor: pointer;
  float: left;
}

.centro_contacto{
width:95%;
height: auto;
display:block;
float:right;
padding-top: 0%;
}
.derecha_contacto{
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:45%;
right:5%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 40px;
text-transform: none;
line-height: 1.0;
letter-spacing: 5px;
color: #FFF;
}

.columna_oscura_centro{
left:43%;
background-color: #09062a;
/*padding-top: 5%;*/
width:17%;
height: 100%;
display:inline-block;
position:absolute;
z-index: 1;
float: right;
}

.titulo_left_contacto{
margin: 0;
top: 40%;
-ms-transform: translateY(-40%);
transform: translateY(-40%);
/*padding-top: 7%;*/
width:30%;
left:5%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left_contacto h1{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 40px;
text-transform: none;
letter-spacing: 5px;
/*line-height: 1.0;*/
color: #FFF;
align-content: center;
justify-content: center;
align-items: center;
}

.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}

/**** foooter */

#footer{
width:100%;
display: block;
float: left;
background-color: rgba(9, 6, 42, 1);
height:auto;
}

#footer p{
font-family: 'Source Sans 3', sans-serif;
font-size: 17px;
color:#FFF;
text-align:center;
}
#footer a{
text-decoration:none;
color:#fff;
}

/**** adaptativo */


@media screen and (max-height:835px){
.frase h1{
font-size: 110px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
/*
.derecha{
right:3%;
}
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}*/
.titulo_left{
padding-top: 5%;
}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}

.derecha_contacto{
line-height: 0.7;
}
.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 40px;
text-transform: none;
line-height: 0.6;
letter-spacing: 5px;
color: #FFF;
}

}

@media screen and (max-height:745px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}/*
.derecha{
padding-top: 1%;
right:3%;
}
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}*/
.titulo_left{
padding-top: 3%;

}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}

.centro_contacto{
width:95%;
height: auto;
display:block;
float:right;
padding-top: 0%;
line-height: 0.7;
}

.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 35px;
text-transform: none;
line-height: 0.6;
letter-spacing: 5px;
color: #FFF;
}
}

@media screen and (max-height:690px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}/*
.derecha{
padding-top: 0%;
right:3%;
}
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}*/
.titulo_left{
padding-top: 2%;

}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}
}

@media screen and (max-height:660px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}/*
.derecha{
padding-top: 0%;
right:3%;
}
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}*/
.titulo_left{
padding-top: 1%;

}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}
.derecha_contacto h1{
line-height: 0.6;
}
.centro_contacto{
line-height: 0.6;
}

}


@media screen and (max-width:1800px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}
.titulo_left{
padding-top: 6%;
}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}
}


@media screen and (max-height:765px) and (max-width:1800px){
.frase h1{
font-size: 110px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}

.derecha{
padding-top: 2%;
}
/*
.derecha h1{
font-size: 110px;
color: #FFF;
}
.derecha h2{
font-size: 30px;
color: #FFF;
}*/
.titulo_left{
padding-top: 4%;
}
.titulo_left h1{
font-size: 110px;
color: #FFF;
}
.titulo_left h2{
font-size: 30px;
color: #FFF;
}
}

@media screen and (max-height:710px) and (max-width:1800px){
.derecha{
padding-top: 1%;
}
.titulo_left{
padding-top: 2%;
}
.centro_contacto{
line-height: 0.8;
}
}

@media screen and (max-height:660px) and (max-width:1800px){
.derecha{
padding-top: 0%;
}
.titulo_left{
padding-top: 1%;
}
.centro_contacto{
line-height: 0.7;
}
.derecha_contacto h1{

font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
}
}

@media screen and (max-width:1530px){
.frase h1{
font-size: 100px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha {
padding-top: 5%;
right:4%;
}
.derecha h1{
font-size: 100px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 8%;
left:3%;
}
.titulo_left h1{
font-size: 100px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:1530px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 3%;
}
.derecha h1{
font-size: 100px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 4%;

}
.titulo_left h1{
font-size: 100px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
}

@media screen and (max-height:660px) and (max-width:1530px){
.frase h1{
font-size: 110px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 2%;
}
.derecha h1{
font-size: 100px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 3%;

}
.titulo_left h1{
font-size: 100px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
.derecha_contacto h1{

font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
}
}


@media screen and (max-width:1385px){
.frase h1{
font-size: 100px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 95px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 10%;
left:3%;
}
.titulo_left h1{
font-size: 95px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:1385px){
.frase h1{
font-size: 100px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 5%;
right:3%;
}
.derecha h1{
font-size: 95px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 5%;
left:3%;
}
.titulo_left h1{
font-size: 95px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
}

@media screen and (max-height:660px) and (max-width:1385px){
.frase h1{
font-size: 100px;
color: #FFF;
}

.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 3%;
right:3%;
}
.derecha h1{
font-size: 95px;
color: #FFF;
}
.derecha h2{
font-size: 27px;
color: #FFF;
}
.titulo_left{
padding-top: 5%;
left:3%;
}
.titulo_left h1{
font-size: 95px;
color: #FFF;
}
.titulo_left h2{
font-size: 27px;
color: #FFF;
}
.derecha_contacto h1{

font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
}
}

@media screen and (max-width:1280px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.columna_oscura_derecha{
width:32%;
}
.derecha{
padding-top: 10%;
right:3%;
}
.derecha h1{
font-size: 85px;
color: #FFF;
}
.derecha h2{
font-size: 25px;
color: #FFF;
}
.titulo_left{
padding-top: 12%;
left:3%;
}
.titulo_left h1{
font-size: 85px;
color: #FFF;
}
.titulo_left h2{
font-size: 25px;
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:1280px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 7%;
right:3%;
}
.derecha h1{
font-size: 85px;
color: #FFF;
}
.derecha h2{
font-size: 25px;
color: #FFF;
}
.titulo_left{
padding-top: 4%;
left:3%;
}
.titulo_left h1{
font-size: 85px;
color: #FFF;
}
.titulo_left h2{
font-size: 25px;
color: #FFF;
}
}

@media screen and (max-height:660px) and (max-width:1280px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 6%;
right:3%;
}
.derecha h1{
font-size: 85px;
color: #FFF;
}
.derecha h2{
font-size: 25px;
color: #FFF;
}
.titulo_left{
padding-top: 5%;
left:3%;
}
.titulo_left h1{
font-size: 85px;
color: #FFF;
}
.titulo_left h2{
font-size: 25px;
color: #FFF;
}
.derecha_contacto h1{

font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
}
}


@media screen and (max-width:1130px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.columna_oscura_derecha{
width:33%;
}
.derecha{
right:3%;
width:45%;
}
.derecha h1{
font-size: 83px;
color: #FFF;
}
.derecha h2{
font-size: 24px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:45%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 15%;
left:2%;
width:45%;
}
.titulo_left h1{
font-size: 83px;
color: #FFF;
}
.titulo_left h2{
font-size: 24px;
color: #FFF;
}

.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 25px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}

.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
/*font-size: 40px;
text-transform: none;
line-height: 0.7;
letter-spacing: 3px;*/
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:1130px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
width:45%;
}
.derecha h1{
font-size: 83px;
color: #FFF;
}
.derecha h2{
font-size: 24px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:45%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 5%;
left:2%;
width:45%;
}
.titulo_left h1{
font-size: 83px;
color: #FFF;
}
.titulo_left h2{
font-size: 24px;
color: #FFF;
}
.centro_contacto{
line-height: 0.6;
}
.derecha_contacto h1{

font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
}

}

@media screen and (max-height:660px) and (max-width:1130px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
width:45%;
}
.derecha h1{
font-size: 83px;
color: #FFF;
}
.derecha h2{
font-size: 24px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:45%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 5%;
left:2%;
width:45%;
}
.titulo_left h1{
font-size: 83px;
color: #FFF;
}
.titulo_left h2{
font-size: 24px;
color: #FFF;
}
}



@media screen and (max-width:1040px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.columna_oscura_derecha{
width:34%;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 77px;
color: #FFF;
}
.derecha h2{
font-size: 23px;
color: #FFF;
}
.titulo_left{
padding-top: 15%;
left:2%;
}
.titulo_left h1{
font-size: 77px;
color: #FFF;
}
.titulo_left h2{
font-size: 23px;
color: #FFF;
}
.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 36px;
text-transform: none;
line-height: 0.4;
letter-spacing: 1px;
color: #FFF;
}
input[type=text] {
  width: 80%;

}
input[type=email] {
  width: 80%;
}
textarea {
  width: 80%;
}
select {
  width: 80%;
}

}

@media screen and (max-height:730px) and (max-width:1040px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 77px;
color: #FFF;
}
.derecha h2{
font-size: 23px;
color: #FFF;
}
.titulo_left{
padding-top: 8%;
left:2%;
}
.titulo_left h1{
font-size: 77px;
color: #FFF;
}
.titulo_left h2{
font-size: 23px;
color: #FFF;
}
}

@media screen and (max-height:660px) and (max-width:1040px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 77px;
color: #FFF;
}
.derecha h2{
font-size: 23px;
color: #FFF;
}
.titulo_left{
padding-top: 7%;
left:2%;
}
.titulo_left h1{
font-size: 77px;
color: #FFF;
}
.titulo_left h2{
font-size: 23px;
color: #FFF;
}
}

@media screen and (max-width:950px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.columna_oscura_derecha{
width:35%;
}
.derecha{
padding-top: 17%;
right:3%;
}
.derecha h1{
font-size: 72px;
color: #FFF;
}
.derecha h2{
font-size: 22px;
color: #FFF;
}
.titulo_left{
padding-top: 20%;
left:2%;
}
.titulo_left h1{
font-size: 72px;
color: #FFF;
}
.titulo_left h2{
font-size: 22px;
color: #FFF;
}

.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 24px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}
.derecha_contacto h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 36px;
text-transform: none;
line-height: 0.3;
letter-spacing: 1px;
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:950px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 14%;
right:3%;
}
.derecha h1{
font-size: 72px;
color: #FFF;
}
.derecha h2{
font-size: 22px;
color: #FFF;
}
.titulo_left{
padding-top: 13%;
left:2%;
}
.titulo_left h1{
font-size: 72px;
color: #FFF;
}
.titulo_left h2{
font-size: 22px;
color: #FFF;
}
}


@media screen and (max-height:660px) and (max-width:950px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
padding-top: 12%;
right:3%;
}
.derecha h1{
font-size: 72px;
color: #FFF;
}
.derecha h2{
font-size: 22px;
color: #FFF;
}
.titulo_left{
padding-top: 15%;
left:2%;
}
.titulo_left h1{
font-size: 72px;
color: #FFF;
}
.titulo_left h2{
font-size: 22px;
color: #FFF;
}
}




@media screen and (max-width:890px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 21px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:48%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 22%;
left:3%;
}
.titulo_left h1{
font-size: 70px;
color: #FFF;
}
.titulo_left h2{
font-size: 21px;
color: #FFF;
}
}

@media screen and (max-height:730px) and (max-width:890px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 21px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:48%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 14%;
left:3%;
}
.titulo_left h1{
font-size: 70px;
color: #FFF;
}
.titulo_left h2{
font-size: 21px;
color: #FFF;
}
}


@media screen and (max-height:660px) and (max-width:890px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:3%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 21px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:48%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 16%;
left:3%;
}
.titulo_left h1{
font-size: 70px;
color: #FFF;
}
.titulo_left h2{
font-size: 21px;
color: #FFF;
}
}

/*** smartphones, tablets, ipad  ****/

/* Smartphones (portrait & landscape) 
#Dispositivo = Mayoría de teléfonos móviles (vertical y horizontal) 
#Resolución = B/w 320px to 479px */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.frase h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 50px;
text-transform: none;
line-height: 1.1;
color: #FFF;
}
.frase h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 1.1;
}
.columna_oscura_derecha{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
right:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.derecha{
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:2%;
display:inline-block;
position:absolute;
z-index: 2;

}
.derecha h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 50px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.derecha h2{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 22px;
color: #FFF;
text-transform: none;
line-height: 1.3;
}

/* nuestras experiencias*/
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:63%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}

.titulo_left{
/*padding-top: 15%;*/
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:55%;
left:3%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 37px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.titulo_left h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 22px;
color: #FFF;
text-transform: none;
line-height: 1.4;
}


/* Contacto*/



.centro_contacto{
width:100%;
height: auto;
display:block;
float:right;
padding-top: 0%;
}
.titulo_left_contacto{
margin: 0;
top: 40%;
-ms-transform: translateY(-40%);
transform: translateY(-40%);
/*padding-top: 7%;*/
width:40%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left_contacto h1{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 25px;
text-transform: none;
letter-spacing: 4px;
/*line-height: 1.0;*/
color: #FFF;
align-content: center;
justify-content: center;
align-items: center;
}
.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 13px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}
.derecha_contacto{
	
text-align: center;
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:0%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha_contacto h1{
text-align: center;
font-family: 'Source Sans 3', sans-serif;
font-size: 25px;
text-transform: none;
line-height: 1.0;
letter-spacing: 2px;
color: #FFF;
}

input {
  width: 100%;
}

input[type=text] {
  
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: vertical;
  
}
input[type=email] {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
textarea {
  width: 85%;
  height: 100px;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
select {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.container_button {   
display: flex;  
justify-content: center;  
align-items: center;  
}  

input[type=button], input[type=submit], input[type=reset] {
  font-size: 14px;
  width: auto;
  padding: 4px 16px;
  background-color: #725cff;
  border: none;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  
}

#footer p{
font-family: 'Source Sans 3', sans-serif;
font-size: 14px;
color:#FFF;
text-align:center;
}


}

/* #Dispositivo = Tablets de baja resolución y teléfonos Móviles (horizontal) 
#Resolución = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
/*.frase{
width:90%;
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}*/
.frase h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 50px;
text-transform: none;
line-height: 1.2;
color: #FFF;
}
.frase h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 1.1;
}
.columna_oscura_derecha{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
right:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.derecha{
margin: 0;
top: 28%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:2%;
display:inline-block;
position:absolute;
z-index: 2;

}
.derecha h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 50px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.derecha h2{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 22px;
color: #FFF;
text-transform: none;
line-height: 1.3;
}

/* nuestras experiencias*/
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}

.titulo_left{
margin: 0;
top: 30%;
-ms-transform: translateY(-25%);
transform: translateY(-25%);
width:45%;
left:2%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 37px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.titulo_left h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 22px;
color: #FFF;
text-transform: none;
line-height: 1.4;
}


/* Contacto*/



.centro_contacto{
width:100%;
height: auto;
display:block;
float:right;
padding-top: 0%;
}
.titulo_left_contacto{
margin: 0;
top: 40%;
-ms-transform: translateY(-40%);
transform: translateY(-40%);
/*padding-top: 7%;*/
width:40%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left_contacto h1{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 34px;
text-transform: none;
letter-spacing: 4px;
/*line-height: 1.0;*/
color: #FFF;
align-content: center;
justify-content: center;
align-items: center;
}
.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 17px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}
.derecha_contacto{
	
text-align: center;
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:0%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha_contacto h1{
text-align: center;
font-family: 'Source Sans 3', sans-serif;
font-size: 28px;
text-transform: none;
line-height: 1.0;
letter-spacing: 2px;
color: #FFF;
}

input {
  width: 100%;
}

input[type=text] {
  
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: vertical;
  
}
input[type=email] {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
textarea {
  width: 85%;
  height: 100px;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
select {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.container_button {   
display: flex;  
justify-content: center;  
align-items: center;  
}  

input[type=button], input[type=submit], input[type=reset] {
 font-size: 14px;
 width: auto;
 padding: 4px 16px;
  background-color: #725cff;
  border: none;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  
}

#footer p{
font-family: 'Source Sans 3', sans-serif;
font-size: 14px;
color:#FFF;
text-align:center;
}

}
  
/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
/*.frase h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 65px;
text-transform: none;
line-height: 1.1;
color: #FFF;
}
.frase h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 1.1;
}
.derecha{
padding-top: center;
width:60%;
right:3%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 50px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.derecha h2{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 20px;
color: #FFF;
text-transform: none;
line-height: 1.3;
}*/
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {


}
 
/* iPads (portrait & landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.frase h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 65px;
text-transform: none;
line-height: 1.2;
color: #FFF;
}
.frase h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 35px;
color: #FFF;
text-transform: none;
line-height: 1.1;
}
.columna_oscura_derecha{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
right:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.derecha{
margin: 0;
top: 28%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:2%;
display:inline-block;
position:absolute;
z-index: 2;

}
.derecha h1{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 65px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.derecha h2{
text-align: right;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 1.3;
}

/* nuestras experiencias*/
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}

.titulo_left{
margin: 0;
top: 17%;
-ms-transform: translateY(-25%);
transform: translateY(-25%);
width:45%;
left:2%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left h1{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 65px;
text-transform: none;
line-height: 1.0;
color: #FFF;
}
.titulo_left h2{
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 30px;
color: #FFF;
text-transform: none;
line-height: 1.4;
}


/* Contacto*/



.centro_contacto{
width:100%;
height: auto;
display:block;
float:right;
padding-top: 0%;
}
.titulo_left_contacto{
margin: 0;
top: 40%;
-ms-transform: translateY(-40%);
transform: translateY(-40%);
/*padding-top: 7%;*/
width:40%;
display:inline-block;
position:absolute;
z-index: 2;
}
.titulo_left_contacto h1{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 45px;
text-transform: none;
letter-spacing: 4px;
/*line-height: 1.0;*/
color: #FFF;
align-content: center;
justify-content: center;
align-items: center;
}
.titulo_left_contacto h2{
margin: auto;
text-align: left;
font-family: 'Source Sans 3', sans-serif;
font-size: 25px;
color: #FFF;
text-transform: none;
line-height: 0.5;
align-content: center;
justify-content: center;
align-items: center;
}
.derecha_contacto{
	
text-align: center;
margin: 0;
top: 30%;
-ms-transform: translateY(-30%);
transform: translateY(-30%);
width:50%;
right:0%;
display:inline-block;
position:absolute;
z-index: 2;
}
.derecha_contacto h1{
text-align: center;
font-family: 'Source Sans 3', sans-serif;
font-size: 45px;
text-transform: none;
line-height: 1.0;
letter-spacing: 2px;
color: #FFF;
}

input {
  width: 100%;
}

input[type=text] {
  
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: vertical;
  
}
input[type=email] {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
textarea {
  width: 85%;
  height: 100px;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}
select {
  width: 85%;
  padding: 3px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.container_button {   
display: flex;  
justify-content: center;  
align-items: center;  
}  

input[type=button], input[type=submit], input[type=reset] {
 font-size: 18px;
 width: auto;
 padding: 4px 16px;
  background-color: #725cff;
  border: none;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  
}

#footer p{
font-family: 'Source Sans 3', sans-serif;
font-size: 18px;
color:#FFF;
text-align:center;
}

}
 
/* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : landscape) {

}
 
/* iPads (portrait) 
#Dispositivo = Tablets, Ipads (vertical) 
#Resolucion = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : portrait) {

}




/*
@media screen and (max-width:840px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 25%;
left:3%;
}
.titulo_left h1{
font-size: 70px;
color: #FFF;
}
.titulo_left h2{
font-size: 21px;
color: #FFF;
}
}

@media screen and (max-height:630px) and (max-width:840px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 10%;
left:3%;
}
.titulo_left h1{
font-size: 70px;
color: #FFF;
}
.titulo_left h2{
font-size: 21px;
color: #FFF;
}
}

@media screen and (max-width:780px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 30%;
left:3%;
}
.titulo_left h1{
font-size: 62px;
color: #FFF;
}
.titulo_left h2{
font-size: 19px;
color: #FFF;
}
}

@media screen and (max-height:630px) and (max-width:780px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 11%;
left:3%;
}
.titulo_left h1{
font-size: 62px;
color: #FFF;
}
.titulo_left h2{
font-size: 19px;
color: #FFF;
}
}

@media screen and (max-width:700px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 34%;
left:2%;
}
.titulo_left h1{
font-size: 58px;
color: #FFF;
}
.titulo_left h2{
font-size: 18px;
color: #FFF;
}
}

@media screen and (max-height:630px) and (max-width:700px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:2%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:50%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 12%;
left:2%;
}
.titulo_left h1{
font-size: 58px;
color: #FFF;
}
.titulo_left h2{
font-size: 18px;
color: #FFF;
}
}


@media screen and (max-width:650px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:51%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 38%;
left:2%;
}
.titulo_left h1{
font-size: 55px;
color: #FFF;
}
.titulo_left h2{
font-size: 18px;
color: #FFF;
}
}

@media screen and (max-height:630px) and (max-width:650px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:51%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 15%;
left:2%;
}
.titulo_left h1{
font-size: 55px;
color: #FFF;
}
.titulo_left h2{
font-size: 18px;
color: #FFF;
}
}

@media screen and (max-width:600px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:52%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 42%;
left:2%;
}
.titulo_left h1{
font-size: 51px;
color: #FFF;
}
.titulo_left h2{
font-size: 17px;
color: #FFF;
}
}

@media screen and (max-height:630px) and (max-width:600px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:52%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 16%;
left:2%;
}
.titulo_left h1{
font-size: 51px;
color: #FFF;
}
.titulo_left h2{
font-size: 17px;
color: #FFF;
}
}

@media screen and (max-width:550px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:55%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 42%;
left:2%;
}
.titulo_left h1{
font-size: 50px;
color: #FFF;
}
.titulo_left h2{
font-size: 16px;
color: #FFF;
}
}


@media screen and (max-height:630px) and (max-width:550px){
.frase h1{
font-size: 100px;
color: #FFF;
}
.frase h2{
font-size: 35px;
color: #FFF;
}
.derecha{
right:1%;
}
.derecha h1{
font-size: 70px;
color: #FFF;
}
.derecha h2{
font-size: 19px;
color: #FFF;
}
.columna_oscura_left{
background-color: rgba(9, 6, 42, 0.5);
padding-top: 5%;
width:55%;
height: 100%;
left:0;
display:inline-block;
position:absolute;
z-index: 1;
}
.titulo_left{
padding-top: 20%;
left:2%;
}
.titulo_left h1{
font-size: 50px;
color: #FFF;
}
.titulo_left h2{
font-size: 16px;
color: #FFF;
}
}
*/