@font-face {
	font-family: 'regular';
	src: url('../../_fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bold';
	src: url('../../_fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'light';
	src: url('../../_fonts/Poppins-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


html, body
{
	background-color:#ffffff;
	height:100%;
	margin:0;
	padding:0;
	font-family:regular;
}

.clearfix:before,

.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 14;
}


a
{
	text-decoration:none;
}
a:link,
a:visited
{
	color:#333333;
	text-decoration:none;
}
a:hover
{
	text-decoration:none;
}

h1
{
	margin: 0;
	padding: 0;
	font-family:bold;
	font-weight:normal;
	font-size:50px;
	line-height:50px;
	color:#030001; 
	letter-spacing:-1px;
	text-transform:uppercase;
}

h2
{
	margin:0;
	padding:0;
	font-family:bold;
	font-weight:normal;
	font-size:25px;	
	line-height:30px;
	color:#030001;
	letter-spacing:0px;
}

h3
{
	margin:0;
	padding:0;
	font-family:regular;
	font-size:17px;
	font-weight:normal;
	letter-spacing:0px;
	text-decoration:none;
	line-height:30px;
	color:#000000;	
}

h4
{
	margin: 0;
	padding: 0;
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0px;
	text-decoration:none;
	line-height:30px;
	color:#000000;	
}

.input[type="text"]
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:calc(100% - 19px);
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.input[type="email"]
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:calc(100% - 19px);
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.input[type="password"]
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:calc(100% - 19px);
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.input[type="date"]
{
	height:40px;	
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
	cursor:pointer;
}

.input[type="time"]
{
	height:40px;
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
	cursor:pointer;
}

.datepicker
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:100%;
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.select
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:100%;
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.textarea
{
	font-family:regular;
	font-size:15px;
	font-weight:normal;
	color:#000000;
	line-height:40px;
	width:100%;
	height:40px;	
	padding-left:15px;
	border-radius:8px;
	border:1px #dddddd solid;
}

.display_box
{
	width:100%;
	background-color:#ff3300;
}

.error
{
	color:red;	
}

.button
{
	position:relative;
    display:inline-block;
    vertical-align:top;
    font-family:bold;
    font-weight:normal;
    font-size:14px;
    letter-spacing:0px;
    color:#ffffff;
    line-height:20px;
	top:0px;
	text-decoration:none;
    text-align:center;
	text-transform:uppercase;
	padding:12px 15px 12px 15px;
    background-color:#030001;
    border-radius:8px;
	border:0px #FBF6F2 solid;
    cursor:pointer;
    
	-webkit-appearance: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation-direction: inherit;
}
.button:hover
{
	top:5px;
	background-color:#000000;
	border:0px #ffffff solid;
	box-shadow:0px 3px 20px rgba(0,0,0,0.3);
}

.button.gray
{
	background-color:#b9bdc3;
}

.button.white
{
	background:#ffffff;
	color:#29bed9;
}

.button.black
{
	background:#000000;
	border:1px solid #ffffff;
	color:#ffffff;
}


/* MENU CSS */
.header_box_menu
{
	position:fixed;
	vertical-align:top;
	width:100%;
	max-width:0px;
	height:100%;
	top:0px;
	left:-80px;
	background-color:#E55764;
	box-shadow:0px 3px 20px rgba(0,0,0,0.3);
	z-index:99999;
	padding-left:40px;
	
	transition: 0.5s;
	overflow-x: hidden;
}
.header_box_menu_icon
{
	position:absolute;
	display:inline-block;
	width:40px;
	height:50px;
	top:40px;
	right:20px;
	border:0px #ffffff solid;
	float:right;
	text-align:left;
	z-index:9;
	cursor:pointer;
}
.header_box_menu_list
{
	position:absolute;
	display:none;
	width:100%;
	min-height:200px;
	top:32px;
	left:5%;
	border:0px #ffffff solid;
	z-index:1;
	cursor:pointer;
	opacity:0.0;		
}	
.header_box_menu_list a
{
	display:block;
	width:100%;
	font-family:bold;
	font-weight:normal;		
	font-size:18px;
	line-height:50px;
	color:#ffffff;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;		
	float:left;
	text-align:left;
	z-index:1;
	cursor:pointer;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation-direction: inherit;	
}
.header_box_menu_list a:hover
{
	color:#030001;
}	
.header_menu_close div
{
	margin-top:0px;
}
.header_menu_close img
{
	width:30px;
	height:17px;
	border:0px #ffffff solid;
}






/* END TABS*/

#fadediv {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@keyframes animation_top_to_bottom
{
  0%   {opacity:0%;top:-100px;}
  100% {opacity:100%;top:0px;}
}
@-moz-keyframes animation_top_to_bottom { /* Firefox */
  0%   {opacity:0%;top:-100px;}
  100% {opacity:100%;top:0px;}
}
@-webkit-keyframes animation_top_to_bottom { /* Safari and Chrome */
  0%   {opacity:0%;top:-100px;}
  100% {opacity:100%;top:0px;}
}
@-o-keyframes animation_top_to_bottom { /* Opera */
  0%   {opacity:0%;top:-100px;}
  100% {opacity:100%;top:0px;}
}


@keyframes animation_bottom_to_top
{
  0%   {opacity:0;top:100px;}
  100% {opacity:1;top:0px;}
}
@-moz-keyframes animation_bottom_to_top { /* Firefox */
  0%   {opacity:0;top:100px;}
  100% {opacity:1;top:0px;}
}
@-webkit-keyframes animation_bottom_to_top { /* Safari and Chrome */
  0%   {opacity:0;top:100px;}
  100% {opacity:1;top:0px;}
}
@-o-keyframes animation_bottom_to_top { /* Opera */
  0%   {opacity:0;top:100px;}
  100% {opacity:1;top:0px;}
}


@keyframes animation_left_to_right
{
  0%   {opacity:0;left:-100px;}
  100% {opacity:1;left:0px;}
}
@-moz-keyframes animation_left_to_right { /* Firefox */
  0%   {opacity:0;left:-100px;}
  100% {opacity:1;left:0px;}
}
@-webkit-keyframes animation_left_to_right { /* Safari and Chrome */
  0%   {opacity:0;left:-100px;}
  100% {opacity:1;left:0px;}
}
@-o-keyframes animation_left_to_right { /* Opera */
  0%   {opacity:0;left:-100px;}
  100% {opacity:1;left:0px;}
}


@keyframes animation_right_to_left
{
  0%   {opacity:0;right:-100px;}
  100% {opacity:1;right:0px;}
}
@-moz-keyframes animation_left_to_right { /* Firefox */
  0%   {opacity:0;right:-100px;}
  100% {opacity:1;right:0px;}
}
@-webkit-keyframes animation_left_to_right { /* Safari and Chrome */
  0%   {opacity:0;right:-100px;}
  100% {opacity:1;right:0px;}
}
@-o-keyframes animation_left_to_right { /* Opera */
  0%   {opacity:0;right:-100px;}
  100% {opacity:1;right:0px;}
}







.box_home_banner
{
	position:relative;
	display:inline-block;
	vertical-align:top;		
	width:calc(100% / 4 - 42px);
	min-width:300px;
	max-width:500px;
	height:500px;
	padding:0px;
	margin:20px;
	top:0px;
	background-color:#ffffff;
	border:1px #cccccc solid;
	border-radius:20px;
	z-index:1;
	overflow:hidden;
	opacity:1.0;
	cursor:pointer;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;	
}
.box_home_banner:hover
{		
	top:20px;
	box-shadow:0px 3px 30px rgba(0,0,0,0.3);
}
.box_home_banner_overlay
{		
	position:absolute;
	top:0;
	right:0px;
	bottom:0px;
	left:0px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.0));
	z-index:7;
}
.box_home_banner_image	
{
	position:absolute;
	width:calc(100% - 0px);
	height:300px;
	top:0px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:20px;
	border:0px #ff3333 solid;
	z-index:2;
}
.box_home_banner_text
{
	position:absolute;
	width:calc(90% - 0px);
	height:200px;
	bottom:0px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	border:0px #ff3333 solid;
	z-index:8;
}
.box_home_banner_text_logo
{
	position:relative;
	display:inline-block;
	width:90%;
	height:50px;
	margin-top:20px;
	margin-bottom:20px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:0px solid;
}
.box_home_banner_text h1
{
	font-size:28px;
	line-height:28px;
	color:#030001;
	letter-spacing:-1px;
	text-transform:none;
	border:0px #ffffff solid;
	z-index:1;
}
.box_home_banner_text_nif h4
{
	position:absolute;
	width:100%;
	height:30px;
	bottom:10px;
	font-size:18px;
	border:0px #000000 solid;
	z-index:1;
}