@font-face {
  font-family: "GothamLight";
  src: url(../../fonts/GothamLight.ttf) format("truetype");
}

@font-face {
  font-family: "Gotham-Thin";
  src: url(../../fonts/Gotham-Thin.otf) format("opentype");
}

@font-face {
  font-family: "GothamMedium";
  src: url(../../fonts/GothamMedium.ttf) format("truetype");
}

body {
    background: #00444b !important;
    font-family: "GothamLight" !important;
}

a{
	color: #FFFFFF;
    text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.main-container{
	text-align: center;
	margin-top: 105px;
}

.font{
	color: white !important;
}

.medium-font{
	font-family: "Gotham-Thin" !important;
	font-size: 16px !important;
	font-style: normal !important;
}

.small-font{
	font-family: "Gotham-Thin" !important;
	font-size: 12px !important;
	font-style: normal !important;
}

.big-font{
	font-family: "Gotham-Thin" !important;
	font-size: 25px !important;
	font-weight:bold;
}

.font-bold{
	font-weight: bold;
}

.font-header{
	color: white !important;
	font-size: 60px !important;
	
	font-style: normal !important;
  	font-weight: 300 !important;
}

.input-email{
	background: #00939b !important;
	background-image: url("../img/edit-pencil.png") !important;
	background-repeat: no-repeat !important;
  	background-position: 3% 50% !important;
	border: solid 2px white !important;
	border-radius: 30px !important;
	color: white !important;
	width: 290px !important;
	height: 70px !important;
	font-size: 18px; 
	padding-left: 70px;
	padding-right: 15px;
	text-align: center;
}


/*Estilos fondo de botón*/
.button {
	border-radius: 30px !important;
	border: solid 2px white !important;
	background: #00939b !important;
	width: 250px !important;
	height: 70px !important;
	text-align: center !important;
	font-size: 32px !important;
}

.error-message{
	border-radius: 30px !important;
	border: solid 2px white !important;
	background: #ff1139 !important;
	color: white !important;
	font-family: "GothamMedium" !important;
	margin: 0 auto;
	width: 310px !important;
	height: 70px !important;
	font-size: 32px !important;
	padding-top: 22px !important;	
	text-align: center !important;
}

.warning-message{
	border-radius: 30px !important;
	border: solid 2px white !important;
	background: #fd8c00 !important;
	color: white !important;
	font-family: "GothamMedium" !important;
	margin: 0 auto;
	width: 310px !important;
	height: 70px !important;
	font-size: 32px !important;
	padding-top: 22px !important;	
	text-align: center !important;
}

.button:hover {
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  	filter: alpha(opacity=90);
  	opacity:0.9;
}

.hidden{
	display: none;
}

.w-login-content{
	width: 310px !important;
	margin: 0 auto;
}
.m-top-5{
	margin-top: 7px !important;
}

.m-top-15{
	margin-top: 15px !important;
}

.m-top-10{
	margin-top: 10px !important;
}

.m-top-25{
	margin-top: 25px !important;
}

.m-top-35{
	margin-top: 35px !important;
}

.m-top-50{
	margin-top: 50px !important;
}
.m-bottom-20{
	margin-bottom: 15px !important;	
}
.m-bottom-25{
	margin-bottom: 25px !important;	
}