/***********************************
		 	style general
***********************************/
:root{
	/** Fonts **/
	--FontsMain:'Open Sans', sans-serif;
	--FontsTitles:'Open Sans', sans-serif;

	/** Colors **/
	--BGbody : #f5f5f5;
	--titles:#642D8A;
	--BgButton:#4eb023;

	--BlackText:#000000;
	--WhileText:#ffffff;
	--RedText:#BD8F4B;
	
	

}

body,html{background: #fff;font-family: 'Open Sans', sans-serif;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-big{font-size: 23px;color:rgb(38, 57, 82)!important;}
.text-right{text-align: right!important;}
#datenow{font-weight: bold;}
.paddingTop{padding-top: 20px;}
.normal{font-weight: normal!important;}
.img-responsive{max-width: 100%; width: 100%;-webkit-box-shadow: 0px 2px 13px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 13px -1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 13px -1px rgba(0,0,0,0.75);}
.f-right{float: right; padding: 0 0 5px 20px;}
.f-left{float: left; padding: 0 20px 0px 0; width: 100%; max-width: 200px;}
.bio{background: #fff; padding: 40px 0;}
.bio .cont-bio{width: 90%; max-width: 1100px; margin: 0 auto;}
.bio .cont-bio p{padding: 0 0 15px; margin: 0; text-align: justify;}

@media screen and (max-width: 992px){
	.f-right{float: right; padding: 0 0 5px 20px;}
.f-left{float: left; padding: 0 20px 0px 0; width: 100%; max-width: 200px;}
.bio{background: #fff; padding: 40px 0;}
.bio .cont-bio{width: 90%; max-width: 1136px; margin: 0 auto;}
.bio .cont-bio p{padding: 0 0 15px; margin: 0; text-align: justify;}
}

footer p{padding-bottom: 0!important; margin-bottom: 0!important;}
/***********************************
		 	  wrapper
***********************************/
.cont-wrapper{width: 100%; max-width: 980px; margin: 0 auto;}


.box-white{

}
.cont-box-white{
	margin: 0 auto;
	padding-right: 2.5rem;
	padding-left: 2.5rem;
	max-width: 700px!important;
}
.cont-box-white h1{text-align: center; padding: 0; margin: 0; font-size:54px; font-family: 'Open Sans', sans-serif!important; color: #642D8A; }
.cont-box-white h3{font-size: 20px; text-align: center;}
.cont-box-white p {
	color: #141414;
	margin-bottom: 1em;
}
form { 
	padding: 10px 20px 30px 20px; 
}
.form {
	
	text-align: center; 
	border-radius: 10px;
	border-radius: 36px;
	-webkit-box-shadow: 0 3px 6px 0 #0a163c;
	box-shadow: 0 3px 6px 0 #0a163c;
	border: solid 1px #c31a23;
	background-color: #ffffff;
	padding: 0px 60px;
	margin: 45px 0;
	text-align: center; 

}

.form h4{color: #000; font-weight: normal; font-size: 20px;}
.form input{width: 100%; text-align: center; height: 45px; display: block; margin: 15px auto 0px; max-width: 500px;}
.form button{
	cursor: pointer;
	color: #ffffff;
font-size: 12px;
text-decoration: none;
background: #0a163c;
padding: 5px 0px;
border-radius: 5px;
border: none;
width: 100%;
text-transform: uppercase;
margin-top: 15px;
}
span.orange-color {
	color: #f98612!important;
	font-weight: 800!important;
}

.form button:hover {
	color: #0a163c!important; 
	background-color: #ffffff!important; 
	border: 1px solid #0a163c!important;
}

.privacy p{font-size: 13px; padding: 0; margin: 0; text-align: center;}
.privacy p a{color: #000!important; text-decoration: underline;}
@media screen and (max-width: 991px){
	.cont-wrapper { margin: 0 auto; width: 80%!important; } 
	.block { width: 90% }
	.empty{display: none;}
	h2.title { font-size:38px!important;}
	.logo-container {
		display: block;
		position: relative!important;
		padding-bottom: 20px;
		left: 0rem!important;
	}
	img.logo {
		max-width: 120px!important;
		display: flex;
		margin: 0 auto;
		width: 100%!important;
	}
	.wrapper {
		background-size: cover !important;
	}
}

@media screen and (max-width: 850px){
	/*.text-big{font-size: 23px!important;}*/
	.paddingMovil{padding: 30px 0!important;}
	.paddingB{padding: 0px 0 30px!important;}
	.cont-box-white h3{margin: 0; padding: 0; line-height: 38px; text-align: center;} 
	.cont-box-white h1{ margin: 0; padding:15px 0; line-height: 40px; text-align: center;} 
	.cont-box-white h2{margin: 0; padding: 0; line-height:auto; text-align: center;} 

	.form{ 
		max-width: 100%;  
		text-align: center;
		padding:0px!important;
	}
	.form input{width: 90%; text-align: center; height: 35px; max-width: 500px;}
	.form button{text-transform: uppercase; font-size: 14px!important;}
	.form h4{font-size: 16px;}
}


@media screen and (max-width: 748px){
	.f-right{float: right; padding: 0 0 5px 20px; width: 100%; max-width: 140px;}
.f-left{float: left; padding: 0 20px 0px 0; width: 100%; max-width: 120px;}
h2.text-center {
}
h2.big-text.text-center {
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
}
.cont-box-white {
   padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.cont-box-grey {
	padding-right: 0.5rem!important;
	 padding-left: 0.5rem!important;
 }
}
/**************************************
    FOOTER STYLES
**************************************/
footer { padding: 80px 0 40px; background: #E6E6E6; } 
footer p { font-size: 14px; line-height: 22px; padding-bottom: 20px; text-align: justify } 
footer figure > img { height: auto; max-width: 200px; width: 100% } 
.rights { color: rgba(47, 47, 47, 0.45); font-size: 14px; font-weight: lighter } 
.small-text { color: rgba(47, 47, 47, 0.45); font-size: 12px } 
footer > .container { padding: 0!important } 
footer > .container > .row { margin: 0!important } 
@media all and ( max-width:767px ) {
    .text-justify { text-align: left!important } 
} 

.wrapper {
    width: 100%;
    padding: 40px 0 0;
    background-image: url(../img/main-bg.png)!important;
	background-repeat: no-repeat !important;
	background-size: auto;
}
img.logo {
    max-width: 250px;
display: flex;
margin: 0 auto;
width: 100%;
}
.cont-box-grey {
	display: flex;
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);
background-image: linear-gradient(to bottom, rgba(127, 127, 147, 0.43), rgba(222, 222, 243, 0.43) 50%, rgba(127, 127, 147, 0.43));
	padding-left: 2.5rem;
	padding-right: 2.5rem;	
}
.chuck {
	padding-top: 20px;
	max-width: 95%;
	margin: 0 auto;
	display: flex;	
}
.list-wrapper {
    margin: 0 auto;
    display: block;
	padding-top: 20px;
    line-height: 1.5rem;
}
.logo-container {
	display: block;
	position: absolute;
	padding-bottom: 20px;
	left: 1rem;

}
h2.text-center {
	color: #0a163c;
font-size: 19px;
text-align:center!important;
margin-bottom: 0;
padding-bottom: 15px;
line-height: 1.2;
font-family: Open Sans;
font-weight: 400 !important;

}
h2.title {
	color: #0a163c;
font-size: 47px;
margin-bottom: 0;
line-height: 1.3;
padding-bottom: 5px;
text-align: center;
font-weight: 800!important;
font-family: 'Open Sans', sans-serif;
border-bottom: 1px solid #c31a23;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 25px;
}
h2.big-text.text-center {
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
}
ul { padding-left:1rem!important; }

/**************************************
    CASL STYLES
**************************************/
.casl, .gdpr{width: 80%; margin: 10px auto 0!important;}
.gdpr input,.casl input{margin: 0;}