@font-face{
        font-family:"SantanderHeadlineW05-Rg";
        src:url("Fonts/SantanderHeadlineW05-Rg.eot?#iefix");
        src:url("Fonts/SantanderHeadlineW05-Rg.eot?#iefix") format("eot"),url("Fonts/SantanderHeadlineW05-Rg.woff2") format("woff2"),url("Fonts/SantanderHeadlineW05-Rg.woff") format("woff"),url("Fonts/SantanderHeadlineW05-Rg.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderHeadlineW05-Italic";
        src:url("Fonts/SantanderHeadlineW05-Italic.eot?#iefix");
        src:url("Fonts/SantanderHeadlineW05-Italic.eot?#iefix") format("eot"),url("Fonts/SantanderHeadlineW05-Italic.woff2") format("woff2"),url("Fonts/SantanderHeadlineW05-Italic.woff") format("woff"),url("Fonts/SantanderHeadlineW05-Italic.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderHeadlineW05-Bold";
        src:url("Fonts/SantanderHeadlineW05-Bold.eot?#iefix");
        src:url("Fonts/SantanderHeadlineW05-Bold.eot?#iefix") format("eot"),url("Fonts/SantanderHeadlineW05-Bold.woff2") format("woff2"),url("Fonts/SantanderHeadlineW05-Bold.woff") format("woff"),url("Fonts/SantanderHeadlineW05-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderHeadlineW05-BoldIt";
        src:url("Fonts/SantanderHeadlineW05-BoldIt.eot?#iefix");
        src:url("Fonts/SantanderHeadlineW05-BoldIt.eot?#iefix") format("eot"),url("Fonts/SantanderHeadlineW05-BoldIt.woff2") format("woff2"),url("Fonts/SantanderHeadlineW05-BoldIt.woff") format("woff"),url("Fonts/SantanderHeadlineW05-BoldIt.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-Light";
        src:url("Fonts/SantanderTextW05-Light.eot?#iefix");
        src:url("Fonts/SantanderTextW05-Light.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-Light.woff2") format("woff2"),url("Fonts/SantanderTextW05-Light.woff") format("woff"),url("Fonts/SantanderTextW05-Light.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-LightIt";
        src:url("Fonts/SantanderTextW05-LightIt.eot?#iefix");
        src:url("Fonts/SantanderTextW05-LightIt.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-LightIt.woff2") format("woff2"),url("Fonts/SantanderTextW05-LightIt.woff") format("woff"),url("Fonts/SantanderTextW05-LightIt.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-Regular";
        src:url("Fonts/SantanderTextW05-Regular.eot?#iefix");
        src:url("Fonts/SantanderTextW05-Regular.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-Regular.woff2") format("woff2"),url("Fonts/SantanderTextW05-Regular.woff") format("woff"),url("Fonts/SantanderTextW05-Regular.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-Italic";
        src:url("Fonts/SantanderTextW05-Italic.eot?#iefix");
        src:url("Fonts/SantanderTextW05-Italic.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-Italic.woff2") format("woff2"),url("Fonts/SantanderTextW05-Italic.woff") format("woff"),url("Fonts/SantanderTextW05-Italic.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-Bold";
        src:url("Fonts/SantanderTextW05-Bold.eot?#iefix");
        src:url("Fonts/SantanderTextW05-Bold.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-Bold.woff2") format("woff2"),url("Fonts/SantanderTextW05-Bold.woff") format("woff"),url("Fonts/SantanderTextW05-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"SantanderTextW05-BoldItalic";
        src:url("Fonts/SantanderTextW05-BoldItalic.eot?#iefix");
        src:url("Fonts/SantanderTextW05-BoldItalic.eot?#iefix") format("eot"),url("Fonts/SantanderTextW05-BoldItalic.woff2") format("woff2"),url("Fonts/SantanderTextW05-BoldItalic.woff") format("woff"),url("Fonts/SantanderTextW05-BoldItalic.ttf") format("truetype");
    }




html {

    
    scroll-behavior: smooth;
    font-family:"SantanderTextW05-Regular"!important;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}



.nav-santander {


    z-index: 99999999;
    position: absolute;
    background: white;
    height: 80px;
    width: 100%;


}


.nav-santander .logo{

    padding: 15px;


}


.nav-santander .logo img{

    width: 300px;


}





.hero {

    
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: initial;


}



.overlay {

    
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 9999;
    /*background: rgba(0,0,0,0.5);*/



}

.vimeo-wrapper {
   
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   position: absolute;
}



.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   
}


.wrapper-content {

    z-index: 99999999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    margin-top: 100px;



} 


.wrapper-content p{


    font-family:"SantanderHeadlineW05-Rg";
    font-size: 1.8em;
    color: #4b4b4b;

} 


.wrapper-content img{
    width: 300px;
}


.info {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 50px;

}


.txt-madre {
    color: #000000;
    font-size: 1.5em;
    text-align: center;
    line-height: 30px;
    font-family:"SantanderTextW05-Regular";
}


.btn-sant {
    background-color: #63ba68;
    padding: 10px 30px 10px 30px;
    color: white;
    font-size: 1em;
    border-radius: 35px;
    max-width: 70%;
    margin: 0 auto;
    display: block;
    letter-spacing: 1.5px;
    box-shadow: 0px 10px 10px -6px #333333;
    font-family:"SantanderTextW05-Regular";
}


.blq-info {

    
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 15px;

}



.blq-info a{

    transition: all .4s ease-out;
    text-decoration: none;

}


.blq-info a:hover{

    /*transform: translate(0, -15px);*/

}


.blq-info-1 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 130px 30px 50px 50px;
    background: rgba(0,0,0,0.7);
    color: white;
    max-width: 240px;
    font-size: 1.4em;
    line-height: 28px;
    font-family:"SantanderHeadlineW05-Rg";

}



.blq-info-1 img{
   position: absolute;
   top: 20px;
   right: 20px;

}



@media only screen and (max-width: 1400px) {

    .btn-sant {

        padding: 10px;
        max-width: 90%;

    }

}


@media only screen and (max-width: 1200px) {

.wrapper-content p{

    font-size: 1.3em;
    
} 

.wrapper-content img{
    width: 200px;

}

}


@media only screen and (max-width: 600px) {


 .nav-santander .logo img{

    width: 300px;


}
   

 .hero{

    height: 100vh;
    overflow: scroll;
   

}


 .overlay {

    height: 100%;
    /*background: rgba(0,0,0,0.5);*/

}


.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   
}


.wrapper-content {

    margin-top: 50px;

} 


.wrapper-content h1{


    font-family:"SantanderHeadlineW05-Rg";
    font-size: 2.6em;
    color: #ec0000;
    margin-top: 350px;


} 


.info {
    
    margin-top: 20px;
}


.blq-info-1 {
    
    font-size: 1.2em;
    line-height: 27px;
    padding: 80px 20px 20px 20px;
    max-width: 300px;
    

}



}


/* estilos girar pantalla en smartphones landscape*/



			.wrap-mobile {

				display: none;
			}



			@media only screen 
			and (min-device-width : 375px) 
			and (max-device-width : 915px) 
			and (orientation : landscape) { 

			/* STYLES GO HERE */
			.hero {

				display: none;
			}

			.wrap-mobile {

				display: block;
				background-color: #666666;
				position: absolute; 
				width: 100%; 
				height: 100%;
			}

			.inner-device-content{

			
			margin: 0px auto;
		    width: 100%;
		    height: 100vh;
		    background-color: #666666;
		    display: flex;
		     align-items: center;
		    justify-content: center;
		    


			}

			.inner-device-content-block{

			
		    align-items: center;
		    justify-content: center;	


			}

			.inner-device-content-block p{

			
		    color: white;	
		    font-size: 16px;
		    font-weight: 600;


			}


			}