@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: normal;
    src: url(../typo/GothamLight.woff);
}
@font-face {
    font-family: 'Gotham Regular';
    font-style: normal;
    font-weight: normal;
    src: url(../typo/GothamPro.woff);
}
@font-face {
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: normal;
    src: url(../typo/GothamBook.woff);
}

 @font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src:url(../typo/GothamPro-Medium.woff);
}

@font-face {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: normal;
    src: url(../typo/GothamPro-Bold.woff);
}


/* PAGINA DE ESPERA DE CARGA*/


.preload{
 width: 100%;
 height: 100%;
 background: #fff;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1;
}



.logo {

	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	
	
}


.logo img{
	height: 15vh;
}




.logo p{
  	font-family: 'Gotham Book','Montserrat', sans-serif;
	font-weight: 500;
 	font-size: 10px;
  	/*color: #707070;*/
	color: #272727;
	text-transform: uppercase;
	opacity: 0.8;
	letter-spacing: 3px;
	
	
	text-align: center;
}


/*
.loader-frame {
 width: 70px;
 height: 70px;
 margin: auto;
 position: relative;
}


.loader1, .loader2 {
 position: absolute;
 border: 5px solid transparent;
 border-radius: 50%;
}


.loader1 {
 width: 70px;
 height: 70px;
 border-top: 5px solid azure;
 border-bottom: 5px solid azure;
 animation: clockwisespin 2s linear 3;
}


.loader2 {
 width: 60px;
 height: 60px;
 border-left: 5px solid darkturquoise;
 border-right: 5px solid darkturquoise;
 top: 5px; left: 5px;
 animation: anticlockwisespin 2s linear 3;
}





@keyframes clockwisespin {
 from {transform: rotate(0deg);}
 to {transform: rotate(360deg);}
}
@keyframes anticlockwisespin {
 from {transform: rotate(0deg);}
 to {transform: rotate(-360deg);}
}


*/

@keyframes fadeout {
 from {opacity: 1;}
 to {opacity: 0;}
}




