/*   BOOOTSTRAP BREAKPOINTS 4.1.3

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/
/* VARIABLE FONTS: https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts */
@font-face {
    font-family: 'Onest Flex';
    src: url('../fonts/Onest-VariableFont_wght.ttf') format('woff2 supports variations'),
       url('../fonts/Onest-VariableFont_wght.ttf') format('woff2-variations');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
}




/* EMBED FONTS: UTILIZADAS EN LA ÁREA PRIVADA DE CANDIDATOS  */
@font-face {
  font-family: 'Salesforce Sans';
  	font-display: auto; 
  src: url("../fonts/SalesforceSans-Thin.woff2") format("woff2"), url("fonts/SalesforceSans-Thin.woff") format("woff");
  font-weight: 200; }

@font-face {
  font-family: 'Salesforce Sans';
  	font-display: auto; 
  src: url("../fonts/SalesforceSans-Light.woff2") format("woff2"), url("fonts/SalesforceSans-Light.woff") format("woff");
  font-weight: 300; }
	
@font-face {
  font-family: 'Salesforce Sans';
  	font-display: auto; 
  src: url("../fonts/SalesforceSans-LightItalic.woff2") format("woff2"), url("fonts/SalesforceSans-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: 'Salesforce Sans';
  font-display: auto; 
  src: url("../fonts/SalesforceSans-Regular.woff2") format("woff2"), url("fonts/SalesforceSans-Regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: 'Salesforce Sans';
  font-display: auto; 
  src: url("../fonts/SalesforceSans-Italic.woff2") format("woff2"), url("fonts/SalesforceSans-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'Salesforce Sans';
  font-display: auto; 
  src: url("../fonts/SalesforceSans-Bold.woff2") format("woff2"), url("fonts/SalesforceSans-Bold.woff") format("woff");
  font-weight: 700; }

	
body,html{
	background-color:#FFFFFF;
	width:100% !important; 
	height:100%;

	-webkit-text-size-adjust:100%; 
	-ms-text-size-adjust:100%; 
	/*margin:0; 
	padding:0;*/
	margin:0;
	padding:0;	
	font-weight:200;
	
	
	
}

#loadScreen{
	display:none;
	width: 100%;
	height: 100%;
	background-color:rgba(255,255,255,.7);
	position: fixed;
	z-index:999;
}
		
#loadScreen-lightning{
	display:none;
	width: 100%;
	height: 100%;
	/*background: url("https://www.etalentum.com/admin/img/slds_spinner_brand.gif") no-repeat center center #fff;*/
	background: url("https://www.etalentum.com/img/loading/slds_spinner_brand.gif") no-repeat center center rgba(255,255,255,.7);
	background-size:60px 60px;
	position: fixed;
	z-index:9999;
}
		
.wrap{
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -400px;
	/* Pad bottom by footer height */
	padding: 0 0 400px;	
}

.header{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	clear: both;
	position: relative;
	z-index: 2;
	height: 70vh;
	min-height: 70vh;
	display: table;
	width: 100%;
	/*background-attachment: fixed;	*/
}

.header-logo{
	width:155px;
	height:45px;
}

.header-main{
	background-image:url(../img/header/header-main.jpg);	
}

.header-premium{
	background-image:url(../img/header/header-premium.jpg);	
}

.header-executive{
	background-image:url(../img/header/header-executive.jpg);
	background-position:top center;
}

.header-commercial{
	background-image:url(../img/header/header-commercial.jpg);
	background-position:top right;	
}

@media (max-width:575px){
	.header-commercial{
		background-image:url(../img/header/header-commercial-mobile.jpg);
	}
}

.header-technical{
	background-image:url(../img/header/header-technical.jpg);
	background-position:center center;	
}

.header-financial{
	background-image:url(../img/header/header-financial.jpg);	
	background-position:center center;	
}

.header-international{
	background-image:url(../img/header/header-international.jpg);	
	background-position:center center;	
}

.header-bienvenido{
	background-image:url(../img/header/header-bienvenido.jpg);	
}

.header-oficinas{
	background-image:url(../img/header/header-oficinas.jpg);	
}

.header-prensa{
	background-image:url(../img/header/header-prensa.jpg);	
}

.header-manual-estilo{
	background-image:url(../img/header/header-manual-estilo.jpg);		
}

.header-rsc{
	background-image:url(../img/header/header-rsc.jpg);		
}

.header-slogan{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}	

.slogan-main{
	width:250px; 
	height:auto;
}

.header-blue-gradient{
	background: #01ADE0;
	background: linear-gradient(0.25turn, #01ADE0, #1480C3);
	padding:8rem 0;

	position: relative;
	overflow: hidden;
}

.header-mask-blue-left::before{ 
	width: 60%;
	height: 100%;
	background: #01ADE0;
	/*background: linear-gradient(0.25turn, #01ADE0, #1480C3); GRADIENT BACKGROUND */
	background: linear-gradient(0.25turn, #01ADE0, #1286C7);
	border-top-right-radius: 100%;
	display: block;
	position: absolute;
	top: 0;
	content: ' ';
}

.header-media-redonda-bottom::after{
    background-image: url(../img/media-redonda-bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    z-index: 3;
    bottom: 0px;
    display: block;
    width: 70px;
    height: 50px;
    background-size: 70px auto;
    margin-left: -35px;
}

/* landing */
.header-addwords{
	background-image:url(../img/header/header-addwords.jpg);
	background-position:top center;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	clear: both;
	position: relative;
	z-index: 2;
	/*height: 94vh;
	min-height: 94vh;*/
	display: table;
	width: 100%;
}

@media (max-width:700px){
	.header-addwords{
		background-image:url(../img/header/header-addwords-mobile.jpg);
		background-position:top center;
	
	}
}



/* nuestro proceso header */
.header-slogan-video{
	position: absolute;
	height: 90vh;
	width: 100%;
	background: rgba(255,255,255,0.5);
	background-repeat: repeat;
	margin-top: -90vh;
	z-index: 900;	
}
	
	.header-video{
		/*clear: both;*/
		position: relative;
		z-index: 2;
		/*height: 90vh;
		min-height: 90vh;*/
		max-height:90vh;
		
		display: block;  /* display:table */
		width: 100%;
		overflow:hidden;
	}
	
	.header-video video{
		min-width: 100%;
	    min-height: 100%;
	 
	  width: 100%;
	  height: auto;
	    
		object-fit: cover;
		background-size: cover;
    	overflow: hidden;
	}
	
.header-video-container{
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 4;
	
}

.header-video .overlay {
  position: absolute;
 /* top:0;*/
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0082CA;
  opacity: 0.5;
  z-index: 1;
}

@media (max-width:767px){
  .header-video {
	   min-height:50vh;
	   background-image:url(../video/jobInterview.gif);
	   background-position:center center;
	   background-size:cover;
	   overflow:hidden;
  
  }
  .header-video video {
    display: none;
  }
  
  .header-video-container{
		overflow:hidden;
		padding-left:10px;
		padding-right:10px; 
  }
  
  .header-video .overlay {
	/*display:none;  */
  }
}

/*
@media (pointer: coarse) and (hover: none) {
  .header-video {
	   min-height:90vh;
	   background-image:url(../img/nuestro-proceso/header-mobile.jpg);
	   background-position:right center;
	   overflow:hidden;
  
  }
  .header-video video {
    display: none;
  }
  
  .header-video-container{
		overflow:hidden;
		padding-left:10px;
		padding-right:10px; 
  }
  
  .header-video .overlay {
	display:none;  
  }
}
*/
/* end nuestro proceso header */


/* slogans header */
h1.thin-dark-blue-50, h2.thin-dark-blue-50{ /* utilitzat a landings/landing-franquicias.php */
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:3.65rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
}

h1.thin-dark-blue-48, h2.thin-dark-blue-48{ /* utilitzat a landings/landing-franquicias.php */
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:3.25rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
}

		
@media (max-width: 767px){
	h1.thin-dark-blue-50, h2.thin-dark-blue-50{
		font-size:3rem;
	}
	
	h1.thin-dark-blue-48, h2.thin-dark-blue-48{
		font-size:2.8rem;
	}
}


h1.thin-blue-60, h2.thin-blue-60{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:4rem;
	font-weight:100;
	font-style:normal;
	color:#1A81C5;
	
}

h1.thin-white-60, h2.thin-white-60{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:4rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	
}

h1.thin-dark-blue-60, h2.thin-dark-blue-60{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:4rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
}



.regular-white-30{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.8rem;
	font-weight:400;
	font-style:normal;
	color:#FFFFFF;
}
	
.regular-blue-30{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.8rem;
	font-weight:400;
	font-style:normal;
	color:#1A81C5;
}

.regular-dark-blue-30{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.8rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

h2.light-dark-blue-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

h2.light-blue-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;		
	
}



@media (max-width: 767px){
	h1.thin-blue-60,h1.thin-white-60, h1.thin-dark-blue-60{
		font-size:3rem;
	}
	.slogan-main{
		width:180px; 
		height:auto;
	}
	
	h2.regular-white-30, h2.regular-dark-blue-30{
		font-size:1.5rem;	
	}
}


		
footer{
	/*border-top:1px solid #E5E5E5;*/
	background-color:#FFFFFF;
	border-top:1px solid #DDDDDD;	
	padding:0px;
	height:400px;
		
}
		
.footer1{
	height:52px;
	min-height:52px;
	max-height:52px;
	border-bottom:1px solid #DDDDDD;	
}
		
.footer1 i{
	font-size:1.3rem;	
}
		
.footer1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
			
}
	
.footer1 ul > li{
	 float: left;
	 margin-left:16px;	
}
		
.footer2{
	height:280px;
	min-height:280px;
	max-height:280px;	
}
	
.footer2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
		
.footer2 ul > li{
	padding:2px 0px;
}
		
.footer2 ul > li > a, .footer2 a, .footer-addwords .mail-link{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.9rem;
	font-weight:300;
	font-style:normal;
	color:#706C6B;	
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.footer2 ul > li > a:hover, .footer2 a:hover, .footer-addwords .mail-link:hover{
	text-decoration:none;
	color:#AAAAAA;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
		
}
		
.footer3{
	border-top:1px solid #DDDDDD;
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.9rem;
	font-weight:300;
	font-style:normal;
	color:#706C6B;	
	max-height:68px;
	padding: 0.84rem 0;
	/*max-height:58px;*/
		
}
		
.footer3 ul, ul.languages{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
		
	display:inline-block;
	padding-top:0.8rem;	
}
		
.footer3 ul > li,ul.languages > li{
	 float: left;
	 margin-left:8px;	
}
		
.footer3 ul > li > a, ul.languages > li > a{
	/*padding:5px;*/
	background-color:#FFF;
	border:1px solid #DDDDDD;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
	color:#706C6B;
	line-height:26px;
	display:inline-block;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	
}
		
.footer3 ul > li > a:hover, ul.languages > li > a:hover{
	background-color:#F4F4F4;
	text-decoration:none;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
			
}

.footer3 .dropup > a{
	font-weight:400;
	color:#0082CA;
}
		

@media (max-width:991px){
	footer{
		height:auto!important;
	}

	/*.footer1,.footer2{ */
	.footer1{
		height:auto;
		min-height:auto;
		max-height:none;
		overflow: hidden;
		padding:0rem 0rem 0.6rem 0rem;
	}

	.footer2{
		height:auto;
		min-height:280px;
		max-height:none;
		overflow: hidden;
		padding:0rem 0rem 0.6rem 0rem;
	}
		
	
}

.footer1 .contacto-text{
	float:left;
				
}
			
.footer1 .contacto-icons{
	float:right;	
}
			
@media (max-width:767px){
	.footer1 .contacto-text, .footer1 .contacto-icons{
		float:none;
		text-align:center;
				
					
	}
}
			
			
.footer2 .slogan{
	width:160px; 
	height:auto;
	padding-top: 6rem;	
}
			
.footer-logo{
	width:138px; 
	height:auto;
	padding-top: 0.5rem;	
}
			
	
@media (max-width:575px){
	.footer2 .slogan{
		width:140px; 
		height:auto;
		padding-top: 2.6rem;	
	}
}
			
@media (min-width:575px) and (max-width:767px){
	.footer2 .slogan{
		padding-top: 0.6rem;	
	}			
}
		
	/*landing addwords */
	.footer-addwords{
		/*min-height:350px;*/
		min-height:400px;
					
	}
	
	.footer-addwords-slogan{
		width:180px; 
		height:auto;	
	}
	
	.footer-addwords-logo{
		width:155px; 
		height:auto	
	}
	.footer-addwords-oficinas-round{
		width:60%; 
		height:auto;	
	}

/*navbar custom*/
.navbar{
	padding:.99rem 1rem;
}

.navbar-light,.navbar-dark, .navbar-addwords{
	border-bottom:1px solid #DDDDDD;
}

.navbar-light .navbar-brand, .navbar-dark .navbar-brand, .navbar-addwords .navbar-brand{
	padding:2px 0px;	
}

/* active items and busco empleo */
.navbar-light .nav-item.active .nav-link {
   /*color: rgba(0, 0, 0, 0.5);*/
   font-weight:400;
   letter-spacing:-0.05em;
}

.navbar-light .nav-item  .nav-link.button-blue { /* button busco empleo */
	/*color: rgba(0, 0, 0, 0.5);*/
	font-weight:400;
	letter-spacing:-0.05em;
	background-color:#0082CA;
	border-radius:20px;
	padding: 0.35rem 0.9rem;
	margin: auto 0.45rem;
	margin-top:0.35rem;
	color:#FFFFFF;
 
 }

 .navbar-light .nav-item  .nav-link.language { /* button language */
	/*color: rgba(0, 0, 0, 0.5);*/
	font-weight:600;
	letter-spacing:-0.05em;
	color:#0082CA;

	padding-right:0px;
 
 }



.navbar-light .navbar-nav .nav-link {
  /*color: rgba(0, 0, 0, 0.5);*/
  color:#253045;
  font-size:0.83rem;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  /*color: rgba(0, 0, 0, 0.7); ORIGINAL */
	color: rgba(37, 48, 69, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}



@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.7rem;
		padding-left: 0.3rem;
	}
	
	.navbar-expand-lg .navbar-nav .nav-icon{
		padding-right:0rem;	
	}
}

/* menu width fix * - not needed with container-xl
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.8rem;
		padding-left: 0.2rem;
	}

	.navbar-light .nav-item  .nav-link.button-blue { /* button busco empleo *
		font-weight:400;
		letter-spacing:-0.05em;
		background-color:#0082CA;
		border-radius:20px;
		padding: 0.35rem 0.7rem;
		margin: 0.35rem 0.20rem;
		color:#FFFFFF;
	 }

}
	*/

/* menu width fix with container-xl */
@media (min-width:992px) and (max-width:1085px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.8rem;
		padding-left: 0.2rem;
	}

	.navbar-light .nav-item  .nav-link.button-blue { /* button busco empleo */
		font-weight:400;
		letter-spacing:-0.05em;
		background-color:#0082CA;
		border-radius:20px;
		padding: 0.35rem 0.7rem;
		margin: 0.35rem 0.50rem;
		color:#FFFFFF;
	 }

}

@media (min-width: 992px) and (max-width:1199px) {    
    .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}


.navbar > .container-xl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* end menu width fix with container-xl */ 

@media (min-width: 991px){
	/* vertical align nav-link without dropdown-toggle */
	.nav-link:not(.dropdown-toggle){
		margin-top:0.2rem;
	}
}

.dropdown-menu .material-symbols-outlined{
	font-size: 18px;
	vertical-align: text-bottom;
	margin-right:0.2rem;
	color:#0082CA;
	font-weight:400;
}



/* menu mobile changes */
@media (max-width:991px) {
	.navbar-light .nav-item  .nav-link.button-blue { /* button busco empleo */
		/*color: rgba(0, 0, 0, 0.5);*/
		font-weight:400;
		letter-spacing:-0.05em;
		background-color:#FFFFFF;
		border-radius:0;
		/*padding: .5rem 1rem!important;*/
		padding: .5rem 1rem!important;
		margin: inherit;
		color:#0082CA;
		text-transform:uppercase!important;
	}
}

@media (min-width:768px) and (max-width:991px){
	.navbar-light .nav-item  .nav-link.button-blue { /* button busco empleo */
		padding: .5rem 0rem!important;
	}
}


/* icons contacte menu */
.navbar-expand-lg .navbar-nav .fas{
	vertical-align:middle;
	color:#0082CA;
	margin-right:6px;	
}

.navbar-light .navbar-nav .nav-link:hover img, .navbar-light .navbar-nav .nav-link:focus img {
  opacity:0.85;
}

.navbar-expand-lg .navbar-nav .nav-icon img{
	width:20px; 
	height:auto; 
	/*vertical-align:sub;*/
}


/* navbar dark */
.navbar-dark .navbar-nav .nav-link {
  /*color: rgba(0, 0, 0, 0.5);*/
  color:#FFFFFF;
  font-size:0.95rem;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  /*color: rgba(0, 0, 0, 0.7); ORIGINAL */
	color: rgba(255, 255, 255, 0.7);
}
/* navbar dark icons contacte-menu */
.navbar-dark.navbar-expand-lg .navbar-nav .fas{
	vertical-align:middle;
	color:#111111;
	margin-right:6px;	
}
.navbar-dark .navbar-nav .nav-link:hover img, .navbar-dark .navbar-nav .nav-link:focus img {
  opacity:0.85;
}



@media (max-width: 992px) {
	.navbar-dark{ /*.navbar-collapse*/
		background-color:rgba(0,0,0,0.40);
	}

	.navbar-dark .dropdown-menu {
		color: #FFFFFF;
		
		background-color: transparent;
		border:none;
	}
	
	.navbar-dark .dropdown .dropdown-menu a {
		color: #FFFFFF;
		border-bottom:none;
	}
	
	.navbar-dark .dropdown-item:focus, .navbar-dark .dropdown-item:hover {
		background-color: transparent!important;
		color:rgba(255,255,255,0.7);
	
	}
}


/* navbar-addwords */
.navbar-addwords{
	background-color: rgba(37,48,69,0.3);
}

	.navbar-addwords .navbar-brand {
  color: #fff;
}

.navbar-addwords .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-addwords .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-addwords .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-addwords .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-addwords .navbar-nav .show > .nav-link,
.navbar-addwords .navbar-nav .active > .nav-link,
.navbar-addwords .navbar-nav .nav-link.show,
.navbar-addwords .navbar-nav .nav-link.active {
  color: #fff;
}

/*
.navbar-addwords .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/

.navbar-addwords .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-addwords .navbar-text a {
  color: #fff;
}

.navbar-addwords .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.navbar-addwords .navbar-nav .nav-link {
  /*color: rgba(0, 0, 0, 0.5);*/
  color:#FFFFFF;
  font-size:0.95rem;
}

.navbar-addwords .navbar-nav .nav-link:hover, .navbar-addwords .navbar-nav .nav-link:focus {
  /*color: rgba(0, 0, 0, 0.7); ORIGINAL */
	color: rgba(255, 255, 255, 0.7);
}
/* navbar dark icons contacte-menu */
.navbar-addwords.navbar-expand-lg .navbar-nav .fas{
	vertical-align:middle;
	color:#111111;
	margin-right:6px;	
}
.navbar-addwords .navbar-nav .nav-link:hover img, .navbar-addwords .navbar-nav .nav-link:focus img {
  opacity:0.85;
}


@media (max-width: 992px) {

	.navbar-addwords .dropdown-menu {
		color: #FFFFFF;
		
		background-color: transparent;
		border:none;
	}
	
	.navbar-addwords .dropdown .dropdown-menu a {
		color: #FFFFFF;
		border-bottom:none;
	}
	
	.navbar-addwords .dropdown-item:focus, .navbar-dark .dropdown-item:hover {
		background-color: transparent!important;
		color:rgba(255,255,255,0.7);
	
	}
}
	
/* custom caret after dropdowns */
.dropdown-toggle::after {
	  display: inline-block;
	  
	  /*margin-left: 0.255em;
	  vertical-align:0;
	  font-family: "Font Awesome 5 Free";
	  content: "\f078";
	  font-weight:600;
	  font-size:14px;*/
	  
	  width:auto!important;
	  height:auto!important;
	  margin-left: 0.14em;
	  vertical-align:-0.255em;
	  
	  font-family:'Material Icons';
	  content:'\e5cf'; /* expand_more */	  
	  font-size:18px;
	  
	 /* border-top: 0.3em solid;
	  border-right: 0.3em solid transparent;
	  border-bottom: 0;
	  border-left: 0.3em solid transparent;*/
	  
	  border-top: 0;
	  border-right: 0;
	  border-bottom: 0;
	  border-left: 0;
}
	
.dropdown-toggle:empty::after {
  margin-left: 0;
} 
	
/* desctivem fletxeta dropdown per el menú contacte icon */
.nav-icon.dropdown-toggle::after {
	  display: none;
	  
	  /*margin-left: 0.255em;
	  vertical-align:0;
	  font-family: "Font Awesome 5 Free";
	  content: "\f078";
	  font-weight:600;
	  font-size:14px;*/
	  
	  width:0;
	  height:0;
	  margin-left: 0;
	  vertical-align:0;
	  
	  font-family:'Material Icons';
	  content:''; /* expand_more */	  
	  font-size:18px;
	  
	 /* border-top: 0.3em solid;
	  border-right: 0.3em solid transparent;
	  border-bottom: 0;
	  border-left: 0.3em solid transparent;*/
	  
	  border-top: 0;
	  border-right: 0;
	  border-bottom: 0;
	  border-left: 0;
}

	
/* custom navbar dropdown menu */
.dropdown .dropdown-menu, .dropup .dropdown-menu{
	border-radius:0px!important;
	padding:0;
								
}

.dropdown .dropdown-menu a, .dropup .dropdown-menu a{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family:"Onest Flex",Geneva, sans-serif;
	/*font-size:14px;*/
	font-size:0.76rem;
	font-weight:300;
	color:#253045;
	border-bottom:1px solid #DDDDDD;
								
}

.dropdown .dropdown-menu a:last-child, .dropup .dropdown-menu a:last-child{
	border-bottom:none;
}
	
.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler, .navbar-addwords .navbar-toggler{
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.0);
}

@media (max-width: 767px){
	.nav-item > .nav-link{
		border-bottom:1px solid #DDDDDD;
		padding-left:1rem;	
	}
	
	.nav-item > .nav-icon:last-child{
		border-bottom:0px solid #DDDDDD;	
	}
	
	/* eliminem margin container */
	.navbar.navbar-expand-lg{
		padding: 0.5rem 0rem;	
	}
	
	.navbar-light .navbar-brand, .navbar-dark .navbar-brand, .navbar-addwords .navbar-brand{
		padding:2px 0px 0 1rem!important;	
	}
	
	.dropdown .dropdown-menu a:last-child, .dropup .dropdown-menu a:last-child{
		border-bottom:1px solid #DDDDDD;
	
	}
	
	.dropdown .dropdown-menu, .dropup .dropdown-menu{
		border-radius:0px!important;
		padding:0;
		border:none;
									
	}
		
}


/* navbar hamburger effect */	
	
.navbar-light .navbar-toggler:focus, .navbar-dark .navbar-toggler:focus, .navbar-addwords .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover, .navbar-dark .navbar-toggler:hover, .navbar-addwords .navbar-toggler:hover{
    background-color: transparent;
}

.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler, .navbar-addwords .navbar-toggler {
    border: none;
}

.navbar-toggler span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggler span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler span:nth-child(3) {
    opacity: 0;
}

.navbar-toggler span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed span:nth-child(2),
.navbar-toggler.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggler.collapsed span:nth-child(3) {
    opacity: 1;
}

.navbar-light .navbar-toggler .icon-bar {
    background-color: #AAAAAA; /* #0082CA */
}

.navbar-dark .navbar-toggler .icon-bar, .navbar-addwords .navbar-toggler .icon-bar{
	background-color: #F4F4F4;	
}

.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}


.navbar-toggler {

    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
	outline:none!important;

}

.navbar-toggler .icon-bar {

    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;

}	

/* end hamburger effect */

/* submenu active */
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    /*background-color: #0082CA;*/
	background-color:#E5E5E5;
}


/* BAR COLORS */

.dark-blue-bar-color{
	display:block;
	width:100%;
	padding:23px;
	text-align:center;
	background-color:#253045;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	
}

.dark-blue-bar-color-big{
	display:block;
	width:100%;
	padding:38px 10px;
	text-align:center;
	background-color:#253045;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 2.05rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	
}

a.dark-blue-bar-color{
	-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
 	transition: background 200ms;
}

a.dark-blue-bar-color:hover, a.dark-blue-bar-color-big:hover{
	-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
	transition: background 200ms;
	
	background-color:#171E2D;
	color:#FFFFFF;
}


.blue-bar-color{
	display:block;
	width:100%;
	padding:23px;
	text-align:center;
	background-color:#0082CA;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	
}

.blue-bar-color-big {
	display: block;
	width: 100%;
	padding: 38px 10px;
	text-align: center;
	background-color: #0082CA;
	font-family: "Onest Flex", Geneva, sans-serif;
	font-size: 2.05rem;
	font-weight: 100;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.blue-bar-color,a.blue-bar-color-big{
	-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
 	transition: background 200ms;
}

a.blue-bar-color:hover, a.blue-bar-color-big:hover{
	-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
	transition: background 200ms;
	
	background-color:#1672BB;
	color:#FFFFFF;
}

a.light-blue-bar{
	display:block;
	width:100%;
	padding:23px;
	text-align:center;
	/*background-image:url(img/light-blue-bar.jpg);
	background-repeat:repeat-x;*/
	
	background: 
		/* top, transparent red, faked with gradient */ 
		linear-gradient(
		  rgba(27, 130, 197, 0.95), 
		  rgba(27, 130, 197, 0.95)
		),
		/* bottom, image */
		url(../img/home/background-llamanos-bar.jpg);
	
	max-height:	85px;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	
	/*-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
 	transition: background 200ms;*/
	transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;	
}

a.light-blue-bar:hover{
	background: 
		/* top, transparent red, faked with gradient */ 
		linear-gradient(
		  rgba(27, 130, 197, 0.98), 
		  rgba(27, 130, 197, 0.98)
		),
		/* bottom, image */
		url(../img/home/background-llamanos-bar.jpg);
		
	transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;	
		
	/*-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;*/
}

@media (max-width:575px){
a.light-blue-bar{
	max-height:none;
			
}
}

a.dark-blue-bar{
	display:block;
	width:100%;
	padding:23px;
	text-align:center;
	/*background-image:url(img/light-blue-bar.jpg);
	background-repeat:repeat-x;*/
	
	background: 
		/* top, transparent red, faked with gradient */ 
		linear-gradient(
		  rgba(37, 48, 69, 0.92), 
		  rgba(37, 48, 69, 0.92)
		),
		/* bottom, image */
		url(../img/home/background-llamanos-bar.jpg);
	
	max-height:	85px;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#FFFFFF;
	text-decoration:none;
	
	/*-o-transition: background 200ms;
	-moz-transition: background 200ms;
	-webkit-transition: background 200ms;
 	transition: background 200ms;*/
	transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;	
}

a.dark-blue-bar:hover{
	background: 
		/* top, transparent red, faked with gradient */ 
		linear-gradient(
		  rgba(37, 48, 69, 0.96), 
		  rgba(37, 48, 69, 0.96)
		),
		/* bottom, image */
		url(../img/home/background-llamanos-bar.jpg);
		
	transition:all 1s ease-in;
	-moz-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;	
		
	/*-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;*/
}

@media (max-width:575px){
	a.dark-blue-bar{
		max-height:none;
				
	}
}

.dark-blue-bar::before, .add-rounds-bar::before {
	background-image:url(../img/home/media-redonda-left.png);
	background-size: 20px 40px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	content: '';
	width: 20px;
	height: 40px;

}

.dark-blue-bar::after, .add-rounds-bar::after {
	background-image:url(../img/home/media-redonda-right.png);
	background-size: 20px 40px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	content: '';
	width: 20px;
	height: 40px;

}


/* HOME */
.tab-noticias{
	max-width:320px;
	width:100%;
	min-height:450px;
	/*margin:0 auto;*/
	margin:0 auto 2.75rem auto;
	background-color:#FFFFFF;
			
	border:1px solid #DDD;
	box-sizing:border-box;	
	
	border-top-right-radius:12px;
	border-top-left-radius:12px;
	border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
	overflow:hidden;
	
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);	*/
}

.tab-noticias .text{
	/*padding:1.9rem 1.6rem 1.5rem 1.6rem;  padding sense mascara*/	
	padding:1.2rem 1.5rem 1.5rem 1.5rem;

	z-index: 4;
	position: relative;
	background-color: #fff;
}

.tab-noticias>div:first-child{
    max-height: 190px;

}

.tab-noticias>div img{
    z-index: 0;
    position: relative;
    
}

.tab-noticias .text .fas, .tab-noticias .fas{
	color:#CCCCCC;
	margin-right:8px;
	
}

.tab-noticias .text::before{
	background-image: url(../img/home/noticias-mask.png);
	/*background-size: 300px 23px;*/
	background-size:100% auto;
	position: absolute;
	left: 0;
	margin-top: -41px;
	content: ' ';
	width: 100%;
	height: 23px;	
}

@media (min-width:576px) and (max-width:767px){
	.tab-noticias .text::before{
		margin-top: -37px;
	}
}



.world-map-background{
	background-image:url(../img/home/background-planet.png);
	background-image:url(../img/home/background-planet.png), linear-gradient(0.25turn, #01ADE0, #1480C3);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:3rem 0;
	/*padding:110px 0px;	*/
}

.background-video{
	/*clear: both;*/
	position: relative;
	z-index: 2;

	/*max-height:90vh;*/
	max-height:650px;
	
	display: block;  /* display:table */
	width: 100%;
	overflow:hidden;
}

.background-video video{
	min-width: 100%;
	min-height: 100%;
 
	width: 100%;
	height: auto;
	
	object-fit: cover;
	background-size: cover;
	overflow: hidden;
}

.background-video-container{
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 4;

}

.background-video .overlay {
	position: absolute;
	/* top:0;*/
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #0082CA;
	opacity: 0.5;
	z-index: 1;
}

@media (max-width:767px){
	.background-video.premios-video {
		min-height:400px;
		background-image:url(../video/video-premios-etalentum-home.jpg);
		background-position:center center;
		background-size:cover;
		overflow:hidden;
		max-height:none;
	}

	.background-video.quienes-somos-video {
		min-height:400px;
		background-image:url(../video/video-quienes-somos.jpg);
		background-position:center center;
		background-size:cover;
		overflow:hidden;
		max-height:none;
	}

	.background-video video {
		display: none;
	}

	.background-video-container{
		overflow:hidden;
		padding-left:10px;
		padding-right:10px; 
		position:relative;
	}

	.background-video.quienes-somos-video .background-video-container{
		position:absolute; /* modificamos position para poder mantener el d-flex y posicionar verticalmente el contenido de la miniatura del vídeo
	} 

	.background-video .overlay {
		/*display:none;  */
	}
}


.siguiente-paso-background{
	background-image:url(../img/home/background-siguiente-paso.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding:130px 0px;
	background-attachment: fixed;
}

@media (max-width: 767px){
	.siguiente-paso-background{
		background-image:url(../img/home/background-siguiente-paso.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		padding:50px 0px;	
	}
}


.e-books-background{
	background-image:url(../img/home/background-e-books.png);
	background:url(../img/home/background-e-books.png), #FFFFFF; /* #F7F7F7  */
	background-position:right bottom;
	background-repeat:repeat;
	/*background-size:contain;*/

}

.tab-e-books{
	max-width: 300px;
	width: 100%;
	min-height: 380px;
	margin: 0 auto;
	margin: 0 auto 2.75rem auto;
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	box-sizing: border-box;
	border-radius: 12px;
	overflow: hidden;
	padding: 1.2rem 1.5rem 1.5rem 1.5rem;
	
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);	*/
}

.tab-e-books .text{
	padding-top:1.2rem;
	min-height: 105px;
}

.tab-e-books img{
	height:200px; 
	width:auto;
	padding-top: 0.25rem;
}

.tab-white-opacity{
	max-width: 300px;
	width: 100%;
	background: rgba(255, 255, 255, .65);
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
	padding: 1.2rem 1.5rem 1.5rem 1.5rem;
	margin: 0 auto 1.75rem auto;
	text-align:center;
	min-height: 120px;
	display:table;
}

.tab-white-opacity>div{
	display:table-cell;
	vertical-align:middle;
}


/* QUIENES SOMOS */

.header-quienes-somos{
	background-image:url(../img/header/header-quienes-somos.jpg);	
}

.background-media-redonda-right{
    background-image:url(../img/quienes-somos/background-media-redonda-right.jpg);
    background-position:right;
    background-repeat:no-repeat;
    min-height:600px;

}

@media (max-width:767px){
    .background-media-redonda-right{
        background-image:none!important;
    }

}

@media (min-width:768px) and (max-width:991px){
    .background-media-redonda-right{
        background-size:25%!important;

    }
}

/* NUESTROS HITOS */
.header-nuestros-hitos{
	background-image:url(../img/header/header-nuestros-hitos.jpg);	
}

.timeline {
	position: relative;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 15px 0;
}
  
.timeline::after {
	content: '';
	position: absolute;
	width: 2px;
	background: #0082CA;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -1px;
}
  
.timeline-container {
	/*padding: 15px 30px;*/
	position: relative;
	background: inherit;
	width: 50%;
  
	/*padding:35px 30px;*/
	margin: 2rem 0 4rem 0;
  
}
  
.timeline-container.left {
	left: 0;
  
	padding: 0px 30px 0px 0px;
}
  
.timeline-container.right {
	left: 50%;
  
	padding: 0px 0px 0px 30px;
}
  
.timeline-container::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	/*top: calc(50% - 8px);
	right: -8px;*/
	background: #ffffff;
	border: 2px solid #0082CA;
	border-radius: 16px;
	z-index: 1;
  
	top: 16px;
	right: -8px;
}
  
.timeline-container.right::after {
	left: -8px;
}
  
.timeline-container::before {
	/*content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	top: calc(50% - 1px);
	right: 8px;
	background: #006E51;
	z-index: 1;*/
}
  
.timeline-container.right::before {
	left: 8px;
}
  
.timeline-container .date {
	position: absolute;
	display: inline-block;
	/*top: calc(50% - 8px);*/
	text-align: left;
	/*font-size: 14px;
	font-weight: bold;
	color: #006E51;
	text-transform: uppercase;*/
	letter-spacing: 1px;
	z-index: 1;
  
	width:100%;	
}
  
.timeline-container.left .date {
	/*right: -75px;*/
  
	right: -100%;
	padding-left: 20px;
}
  
.timeline-container.right .date {
	/*left: -75px;*/
  
	left: -100%;
	text-align: right;
	padding-right: 20px;
}
  
.timeline-container .icon {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 9px 0;
	top: calc(50% - 20px);
	background: #F6D155;
	border: 2px solid #006E51;
	border-radius: 40px;
	text-align: center;
	font-size: 18px;
	color: #0082CA;
	z-index: 1;
}
  
.timeline-container.left .icon {
	right: 56px;
}
  
.timeline-container.right .icon {
	left: 56px;
}
  
.timeline-container .content {
	/*padding: 30px 90px 30px 30px;
	background: #F6D155;*/
	position: relative;
	/*border-radius: 0 500px 500px 0;*/
}
  
.timeline-container.right .content {
	/*padding: 30px 30px 30px 90px;
	border-radius: 500px 0 0 500px;*/
}
  
.timeline-container .content h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #006E51;
}
  
.timeline-container .content p {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}
  
.timeline-container.w-100 > .date{
	width:50%;
	padding: 30px;
	left:50%;
}
  
.timeline-container.w-100::after{
	left: calc(50% - 8px);
	top:40px;
}
  
  
@media (max-width: 767.98px) {
	.timeline::after {
		/*left: 90px;*/

		left:100px;
	}

	.timeline-container {
		width: 100%;
		padding-left: 120px;
		padding-right: 30px;
	}

	.timeline-container.right {
		left: 0%;
	}

	/* new */
	.timeline-container.left {
		/*left: 0;*/

		padding: 0px 0px 0px 0px;
	}

	.timeline-container.right {
		/*left: 50%;*/
		padding: 0px 0px 0px 0px;
	}

	.timeline-container.right .date{
		text-align: left;
		padding-right: 0px;
	}

	/* end new */

	.timeline-container.left::after, 
	.timeline-container.right::after {
		/*left: 82px;*/

		left: 92px;
	}

	.timeline-container.left::before,
	.timeline-container.right::before {
		left: 100px;
		border-color: transparent #006E51 transparent transparent;
	}

	.timeline-container.left .date,
	.timeline-container.right .date {
		right: auto;
		/*left: 15px;*/

		padding-left: 0px;
		left:0;
	}

	.timeline-container.left .icon,
	.timeline-container.right .icon {
		right: auto;
		left: 146px;
	}

	.timeline-container.left .content,
	.timeline-container.right .content {
		/*padding: 30px 30px 30px 90px;
		border-radius: 500px 0 0 500px;*/

		padding:0px 0px 10px 120px;
	}

	.timeline-container.w-100::after {
		left: 92px;

		/*top: 40px;*/
		top: 20px;

	}
}

.date > .timeline-year{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 2rem;
	font-weight:100;
	font-style:normal;
	color:#0082CA;	
}

.date .timeline-title, .content .timeline-title{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:400;
	font-style:normal;
	color:#253045;	
}

.date .timeline-text, .content .timeline-text{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1rem;
	font-weight:200;
	font-style:normal;
	color:#253045;	
}

@media (min-width: 768px) and (max-width: 991px){
	.timeline-year{
		font-size: 1.6rem;
	}

	.date .timeline-title, .content .timeline-title {
		font-size: 1rem;
	}

	.date .timeline-text, .content .timeline-text {
		font-size: 0.9rem;
	}

	.timeline-container.w-100 > .date{
		padding: 10px 10px 10px 20px;
	}

	.timeline-container.w-100::after {
		top: 20px;
	}

}





/* PROPÓSITO Y VALORES */ 
.header-proposito-valores{
	background-image:url(../img/header/header-proposito-valores.jpg);	
}

.bg-media-redonda-left{
	background-position:left;
	background-repeat:no-repeat;
	padding: 10rem 0;
}

.bg-media-redonda-right{
	background-position:right;
	background-repeat:no-repeat;
	padding: 10rem 0;
}

/* bg's medias redondas */
.bg-media-redonda-vocacion{
	background-image:url(../img/proposito-valores/background-media-redonda-vocacion.jpg);
}

.bg-media-redonda-cercania{
	background-image:url(../img/proposito-valores/background-media-redonda-cercania.jpg);
}

.bg-media-redonda-compromiso{
	background-image:url(../img/proposito-valores/background-media-redonda-compromiso.jpg);
}

.bg-media-redonda-transformacion{
	background-image:url(../img/proposito-valores/background-media-redonda-transformacion.jpg);
}

.bg-media-redonda-liderazgo{
	background-image:url(../img/proposito-valores/background-media-redonda-liderazgo.jpg);
}

@media (min-width:1500px){
	.bg-media-redonda-vocacion{
		background-image:url(../img/proposito-valores/background-alargado-vocacion.jpg);
	}

	.bg-media-redonda-cercania{
		background-image:url(../img/proposito-valores/background-alargado-cercania.jpg);
	}

	.bg-media-redonda-compromiso{
		background-image:url(../img/proposito-valores/background-alargado-compromiso.jpg);
	}

	.bg-media-redonda-transformacion{
		background-image:url(../img/proposito-valores/background-alargado-transformacion.jpg);
	}

	.bg-media-redonda-liderazgo{
		background-image:url(../img/proposito-valores/background-alargado-liderazgo.jpg);
	}
}

/* end bg's */

@media (max-width:575px){
	.bg-media-redonda-left, .bg-media-redonda-right{
		background-image:none!important;
		padding:2.5rem 0 2rem 0;
	}

	.bg-media-redonda-left .regular-dark-blue-22, .bg-media-redonda-right .regular-dark-blue-22{
		font-size: 1.35rem;
	}

	.bg-media-redonda-left .light-dark-blue-20, .bg-media-redonda-right .light-dark-blue-20{
		font-size: 1.15rem;
	}
}

@media (min-width:576px) and (max-width:767px){
	.bg-media-redonda-left, .bg-media-redonda-right{
		padding:3rem 0 2.5rem 0;
		background-size: 80px auto;
	}

	.bg-media-redonda-left .regular-dark-blue-22, .bg-media-redonda-right .regular-dark-blue-22{
		font-size: 1.35rem;
	}

	.bg-media-redonda-left .light-dark-blue-20, .bg-media-redonda-right .light-dark-blue-20{
		font-size: 1.15rem;
	}
}

@media (min-width:768px) and (max-width:991px){
	.bg-media-redonda-left,.bg-media-redonda-right{
		background-size:150px auto;
		padding:7rem 0;
	}
}

@media (min-width:1500px) and (max-width:1700px){
	.bg-media-redonda-left{
		background-position: -11rem;
	}

	.bg-media-redonda-right{
		background-position: 118%;
	}
}

@media (min-width:1700px) and (max-width:1860px){
	.bg-media-redonda-left{
		background-position: -7rem;
	}

	.bg-media-redonda-right{
		background-position: 110%;
	}
}

/* icons mobile */
.bg-media-redonda-left .material-symbols-outlined,.bg-media-redonda-right .material-symbols-outlined{
	font-size:45px;
}



/* NUESTRAS CIFRAS */
.header-nuestras-cifras{
	background-image:url(../img/header/header-nuestras-cifras.jpg);	
}

.circuits-background{
	background-image:url(../img/nuestras-cifras/background-circuits.png);
	background-image:url(../img/nuestras-cifras/background-circuits.png), linear-gradient(0.25turn, #01ADE0, #1480C3);
	background-position:right center;
	background-repeat:no-repeat;
	padding:5rem 0;
	/*padding:110px 0px;	*/
}

@media (max-width:575px){
	.chartjs-section .thin-dark-blue-35{
		font-size: 2.3rem;    
	}

	.chartjs-section .regular-dark-blue-20{
		font-size: 1.12rem; 
	}
}

@media (min-width:768px) and (max-width:991px){
	.chartjs-section .thin-dark-blue-35{
		font-size: 1.8rem;  
	}

	.chartjs-section .regular-dark-blue-20{
		font-size:1.1rem;
	}
}

/* MÉTODO DE TRABAJO */
ul.ul-checks-blue {
	list-style: none;
	/*padding-left: 1rem;*/
	padding-left: 3rem;
}

ul.ul-checks-blue li::before {
	content: "check"; 
	font-family: 'Material Icons';
	color: #1F85C5;
	font-weight: 100 !important;
	display: inline-block;
	width: 2rem;
	/*margin-left: -1rem;*/
	margin-left: -3rem;
	font-size: 32px;
	line-height: 0;
	vertical-align: middle;
	margin-bottom: 0.3rem;
	text-align: center;
	margin-right: 1rem;
}

	
ul.ul-checks-blue > li{
	/*margin:3.8rem 0;	*/
	margin:0 0 3.8rem 0;
}

ul.ul-checks-blue > li:last-child{
	margin-bottom:0;
}

@media (max-width:767px){
	ul.ul-checks-blue > li{
		/*margin:0.5rem 0;	*/
		margin:0 0 1.5rem 0;
	}
}

@media (min-width:768px) and (max-width:991px){
	ul.ul-checks-blue > li{
		/*margin:2rem 0;	 */
		margin:0 0 2rem 0;
	}
}

.header-metodo-trabajo{
	background-image:url(../img/header/header-metodo-trabajo.jpg);	
}

.bg-media-redonda-right-blue{
	background-image:url(../img/metodo-trabajo/bg-media-redonda-right.png);
	background-position:right;
	background-repeat:no-repeat;
}

@media (max-width:767px){
	.bg-media-redonda-right-blue{
		background-image:none;
	}
}

@media (min-width:768px) and (max-width:991px){
	.bg-media-redonda-right-blue{
		background-size:150px auto;
	}
}

.background-metodo-ia{
	background-image:url(../img/metodo-trabajo/background-metodo-ia.jpg);
	background-position:bottom;
	background-size:cover;
	background-repeat:no-repeat;
	padding:8rem 0 6rem 0;
}

.bg-metodo-innovadora{
	background-image:url(../img/metodo-trabajo/bg-metodo-innovadora.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:8rem 0 6rem 0;

}

@media (max-width:767px){
	.background-metodo-ia{
		padding: 2rem 0 6rem 0;
	}

	.bg-metodo-innovadora{
		padding: 2.5rem 0 6rem 0;
	}
}

@media (min-width:1350px){
	.background-metodo-ia{
		background-image:url(../img/metodo-trabajo/background-metodo-ia-xl.jpg); 
	}
}

.white-mask-top-gradient{
	background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0)); 
	height:120px;
	margin-bottom: -120px;
	z-index: 5;
	position: relative;
}



/* example from https://css-tricks.com/more-control-over-css-borders-with-background-image/ */
.box-bordered {
	margin:1.5rem 0;

	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; 
	min-height: 140px;

	
	padding: 0.65em;
   /* line-height: 1;*/
	background-position:  0 0, 0 0, 100% 0, 0 100%;
	background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
	background-repeat: no-repeat;
}

.box-bordered-corner { 
	background-image:
		linear-gradient(0deg, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%), /* left */
		linear-gradient(90deg, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),  /* top */
		linear-gradient(180deg, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%),  /* right */
		linear-gradient(270deg, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%)  /* bottom */
	;
}

@media (min-width:992px) and (max-width:1199px){
	.box-bordered{
		min-height: 185px;
	}
}


/* PRINCIPALES SECTORES */
.header-principales-sectores{
	background-image:url(../img/header/header-principales-sectores.jpg);
}

.tab-sectores{
	max-width:300px;
	width:100%;
	min-height:360px;
	
	/*margin:0 auto;*/
	margin:0 auto 2.75rem auto;
	background-color:#EFEFEF;
			
	box-sizing:border-box;	
	
	border-radius:20px;

	overflow:hidden;
	display:table;
}

.tab-sectores>.tab-sectores-content::before {
	background-image: url(../img/media-redonda-bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	content: '';
	display: block;
	border-radius: 20px;
	height: 100%;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 3;
	background-size: 55px auto;
}

.tab-sectores>.tab-sectores-content::after {
	transition: all 0.4s ease 0s;
	/*background-color: rgba(27, 130, 197, 0.0);*/
	background-color: rgba(37, 48, 69, 0.50);
	content: "";
	display: block;
	border-radius:20px;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
	/*margin-left:-300px;*/

}

.tab-sectores>.tab-sectores-content:hover:after{
	transition: all 0.4s ease 0s;
	background-color: rgba(37, 48, 69, 0.05);	
	/*transform:translate(-50%, -50%);	*/
}

.tab-sectores>.tab-sectores-content{
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	text-align:center;
	z-index:2;
	position: relative;
}

.tab-sectores>.tab-sectores-content .tab-sectores-text{
	font-size: 1.6rem;
	font-weight:500;
	text-transform:uppercase;

	padding: 0 .5rem;
}

@media (min-width:576px) and (max-width:767px){
	.tab-sectores>.tab-sectores-content .tab-sectores-text{
		font-size: 1.4rem;
	}
}

.tab-sectores.tab-sectores-agroalimentario{
	background-image:url(../img/principales-sectores/background-alimentario.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-automocion{
	background-image:url(../img/principales-sectores/background-automocion.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-industrial{
	background-image:url(../img/principales-sectores/background-industrial.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-retail{
	background-image:url(../img/principales-sectores/background-retail.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-healthcare{
	background-image:url(../img/principales-sectores/background-healthcare.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-it{
	background-image:url(../img/principales-sectores/background-it.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-asesoria{
	background-image:url(../img/principales-sectores/background-asesoria.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-consultoria{
	background-image:url(../img/principales-sectores/background-consultoria.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-construccion{
	background-image:url(../img/principales-sectores/background-construccion.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-turismo{
	background-image:url(../img/principales-sectores/background-turismo.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-sectores-otros{
	background-image:url(../img/principales-sectores/background-otros.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}


/* SECTORES (PÁGINAS) */
.header-sectores{
	background: #EFEFEF;
	background-position:right center;
	padding:6rem 0;
	/*background-size:cover;*/
	background-size:85%;
	background-repeat:no-repeat;

	/* cuts of pseudo-elements when his size it's superior of this parent */
	position: relative;
	overflow: hidden; 
}

.header-sectores::before{ 
	width: 60%;
	height: 200%;
	background: #01ADE0;
	background: linear-gradient(0.25turn, #01ADE0, #1286C7);
	border-top-right-radius: 70%;
	display: block;
	position: absolute;
	top: -40%;
	content: ' ';
}

.header-sectores::after{ 
	background-image:url(../img/media-redonda-right-blue.png);
	background-repeat:no-repeat;
	position: absolute;
	content: ' ';
	right: -50px;
	width: 200px;
	display: block;
	left: 20px;
	top: 50%;
	height: 200px;
	background-size: 50px auto;
	margin-top: -50px;

	left: 100%;
	margin-left: -50px;
}

.header-sector-agroalimentario{
	background-image:url(../img/header/header-sector-agroalimentario.jpg);
	background-size:90%;
	
}

.header-sector-automocion{
	background-image:url(../img/header/header-sector-automocion.jpg);
	
}

.header-sector-industrial{
	background-image:url(../img/header/header-sector-industrial.jpg);
	
}

.header-sector-retail{
	background-image:url(../img/header/header-sector-retail.jpg);
}

.header-sector-healthcare{
	background-image:url(../img/header/header-sector-healthcare.jpg);
	background-size:90%;
}

.header-sector-it{
	background-image:url(../img/header/header-sector-it.jpg);
	background-position: right top;
  	background-size: 70%;
}

.header-sector-asesoria{
	background-image:url(../img/header/header-sector-asesoria.jpg);
	background-position: right bottom;
}

.header-sector-consultoria{
	background-image:url(../img/header/header-sector-consultoria.jpg);
	background-position: right center;
}

.header-sector-construccion{
	background-image:url(../img/header/header-sector-construccion.jpg);
	background-size:cover;
}

.header-sector-turismo{
	background-image:url(../img/header/header-sector-turismo.jpg);

}

.header-pagina-seleccion-personal{
	background-image: url(../img/header/header-pagina-seleccion-personal.jpg);
	background-position: right center;
	background-size: 70%;
  }


@media (max-width:767px){
	.header-sectores::before, .header-sectores::after{  
		display:none;
	}
}

@media (max-width:991px){
	.header-sectores{
		background-size:cover;
		background-position:center;
	}

	.header-sector-agroalimentario{
		background-image:url(../img/header/header-sector-agroalimentario-mobile.jpg);
	}

	.header-sector-automocion{
		background-image:url(../img/header/header-sector-automocion-mobile.jpg);
	}

	.header-sector-industrial{
		background-image:url(../img/header/header-sector-industrial-mobile.jpg);
	}

	.header-sector-retail{
		background-image:url(../img/header/header-sector-retail-mobile.jpg);	
	}

	.header-sector-healthcare{
		background-image:url(../img/header/header-sector-healthcare-mobile.jpg);
	}

	.header-sector-it{
		background-image:url(../img/header/header-sector-it-mobile.jpg);
	}

	.header-sector-asesoria{
		background-image:url(../img/header/header-sector-asesoria-mobile.jpg);
		background-position: left bottom;
	}

	.header-sector-consultoria{
		background-image:url(../img/header/header-sector-consultoria-mobile.jpg);
		background-position: right center;
	}

	.header-sector-construccion{
		background-image:url(../img/header/header-sector-construccion-mobile.jpg);
	}

	.header-sector-turismo{
		background-image:url(../img/header/header-sector-turismo-mobile.jpg);
	}

	.header-pagina-seleccion-personal{
		background-image:url(../img/header/header-pagina-seleccion-personal-mobile.jpg);
        background-size: cover;

	}
}

@media (min-width:992px) and (max-width:1199px){
	.header-sectores::before{ 
		width: 70%;
	}
}

.header-sectores>.container-lg .thin-dark-blue-45, .header-sectores>.container-lg .regular-dark-blue-20{
	z-index:2;
}

.tab-posiciones-demandadas{
	max-width: 300px;
	width: 100%;
	border-top-right-radius:2px;
	border-top-left-radius:2px;
	margin: 0 auto 2.75rem auto;

	position: relative;
	overflow: hidden;
}

.tab-posiciones-demandadas-header.bg-blue-1{
	background-color:#A1CDE8!important;
	border-top-color: #A1CDE8!important;
}

.tab-posiciones-demandadas-header.bg-blue-2{
	background-color:#71B4DC!important;
	border-top-color: #71B4DC!important;
}

.tab-posiciones-demandadas-header.bg-blue-3{
	background-color:#429BD1!important;
	border-top-color: #429BD1!important;
}

.tab-posiciones-demandadas-header.bg-blue-4{
	background-color:#1382C5!important;
	border-top-color: #1382C5!important;
}

.tab-posiciones-demandadas>.tab-posiciones-demandadas-header{
	background-color: #0082CA;
	text-align:center;

	border-top-color: #0082CA; /* for inherit in pseudo elements */
	border-top-right-radius:2px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	font-size: 1.1rem;
	font-weight:400;
	text-transform:uppercase;
	color:#FFFFFF;
	padding: 25px 15px 15px 15px;
}

.tab-posiciones-demandadas>.tab-posiciones-demandadas-header:after {
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: inherit;
	border-top-width: 40px;
	border-right-width: 150px;
	border-bottom-width: 30px;
	border-left-width: 150px;
	margin-left: -150px;
	margin-top: 14px;
}

.tab-posiciones-demandadas>.tab-posiciones-demandadas-header img{
	width:auto;
	height:68px;
}

/*
@media (max-width:320px){
	.tab-posiciones-demandadas>.tab-posiciones-demandadas-header:after {
		border-top-width: 20px;
		border-right-width: 40px;
		border-bottom-width: 30px;
		border-left-width: 40px;
		margin-left: -40px;
		margin-top: 14px;
	}
}
*/

@media (min-width:576px) and (max-width:767px){
	.tab-posiciones-demandadas>.tab-posiciones-demandadas-header:after {
		border-top-width: 30px;
		border-right-width: 120px;
		border-bottom-width: 30px;
		border-left-width: 120px;
		margin-left: -120px;
		margin-top: 14px;
	}
}

@media (min-width:991px) and (max-width:1199px){
	.tab-posiciones-demandadas>.tab-posiciones-demandadas-header:after {
		border-top-width: 30px;
		border-right-width: 145px;
		border-bottom-width: 30px;
		border-left-width: 145px;
		margin-left: -145px;
		margin-top: 14px;
	}
}


.tab-posiciones-demandadas .tab-posiciones-demandadas-text{
	font-size: 1rem;
	font-weight:300;
	padding: 50px 12px 15px 12px;
}

.tab-posiciones-demandadas .tab-posiciones-demandadas-text img{
	width:28px;
	height:28px;
}

.tab-posiciones-demandadas.first-element{
	border-top-left-radius:35px!important;
}

.tab-posiciones-demandadas.last-element{
	border-top-right-radius:35px!important;
}


.consultores-background{
	background-image: url(../img/sectores/consultores-especializados.jpg);
	min-width:100%; 
	width:100%; 
	background-position:center; 
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-attachment:fixed;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sectores/consultores-especializados.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sectores/consultores-especializados.jpg', sizingMethod='scale');	

	padding:130px 0px;
}

@media (max-width:767px){
.consultores-background{
	background-image: url(../img/sectores/consultores-especializados-mobile.jpg);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sectores/consultores-especializados-mobile.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sectores/consultores-especializados-mobile.jpg', sizingMethod='scale');	
	background-attachment:scroll;
	}
}

/* eliminem background attachment a dispositius tàctils, ja que no funciona bé */
@media (pointer: coarse) and (hover: none) {
	.consultores-background, .siguiente-paso-background{
		background-attachment:scroll;
	}
}

/* RECURSOS PARA EMPRESAS */
.header-recursos-empresas{
	background-image:url(../img/header/header-recursos-empresas.jpg);	
}

.background-recursos-empresas{
	background-image:url(../img/recursos-empresas/background-recursos.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	padding:7rem 0;
}

/* eliminem background attachment a dispositius tàctils, ja que no funciona bé */
@media (pointer: coarse) and (hover: none) {
	.background-recursos-empresas{
		background-attachment:scroll;
	}
}

.tab-recursos-empresas{
	max-width: 300px;
	width: 100%;
	min-height: 380px;
	margin: 0 auto;
	margin: 0 auto 2.75rem auto;
	background: rgba(255, 255, 255, .65);
	/*border: 1px solid #DDD;*/
	box-sizing: border-box;
	border-radius: 12px;
	overflow: hidden;
	padding: 1.2rem 1.5rem 1.5rem 1.5rem;
	
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);	*/
}

.tab-recursos-empresas .text{
	padding-top:1.2rem;
	min-height: 105px;
}

.tab-recursos-empresas img{
	height:200px; 
	width:auto;
	padding-top: 0.25rem;
}


/* OFICINAS ETALENTUM */

.tab-oficinas-reverse{
	max-width:300px;
	width:100%;
	min-height:360px;
	
	margin:0 auto 2.75rem auto;
	background-color:#EFEFEF;
			
	box-sizing:border-box;	
	
	border-radius:20px;

	overflow:hidden;
	/*display:table;*/
  display:flex;

/*  background-image:url(img/principales-sectores/background-alimentario.jpg);*/
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-oficinas-reverse>.tab-oficinas-reverse-content::before {
	background-image: url(../img/media-redonda-bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	content: '';
	display: block;
	border-radius: 20px;
	/*height: 100%;*/
  height: 30px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 4;
	background-size: 55px auto;
}

.tab-oficinas-reverse>.tab-oficinas-reverse-content::after {
	transition: all 0.4s ease 0s;
	background-color: rgba(37, 48, 69, 0.50);
	content: "";
	display: block;
	border-radius:20px;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
}


.tab-oficinas-reverse>.tab-oficinas-reverse-content{
  display:flex;
  justify-content: center;
  flex-flow: column;
	
	color:#FFF;
	text-align:center;
	/*z-index:2;*/
	position: relative;
  width:100%;

  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  color:#FFFFFF;

}




.tab-oficinas-reverse .tab-oficinas-reverse-content-hover {
  transform: scale(0, 0);
  transition: all 0.4s ease-in-out;
  transform-origin:center bottom;
  border-top-right-radius:100%;
  border-top-left-radius:100%;
  

  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #1382C5;
  display: flex;
  justify-content: center;
  flex-flow: column;

  text-align:center;
  padding: 1rem;
  color:#FFF;
  z-index:3;

}

.tab-oficinas-reverse .tab-oficinas-reverse-content-hover .material-symbols-outlined {
  font-size:2rem;
  display:block;
  margin-bottom:0.4rem;
}

.tab-oficinas-reverse:hover > .tab-oficinas-reverse-content-hover {
  transform: scale(1, 1);
  border-top-right-radius:0%;
  border-top-left-radius:0%;
  
}

.spain-map-background{
	background-image:url(../img/oficinas-etalentum/background-spain.png);
	background-image:url(../img/oficinas-etalentum/background-spain.png), linear-gradient(0.25turn, #01ADE0, #1480C3);
	background-position:left center;
	background-repeat:no-repeat;
	padding:8rem 0;
	/*padding:110px 0px;	*/
}

.italy-map-background{
	background-image:url(../img/oficinas-etalentum/background-italy.png);
	background-image:url(../img/oficinas-etalentum/background-italy.png), linear-gradient(0.25turn, #01ADE0, #1480C3);
	background-position:left center;
	background-repeat:no-repeat;
	padding:8rem 0;
	/*padding:110px 0px;	*/
}

.custom-select-ghost-blue-big {
	display: inline-block;
	width: 100%;
	height: calc(2.95rem + 2px);
	padding: 0.6rem 1.95rem 0.6rem 1.5rem;
	font-size:1.1rem;
	font-family:'Onest Flex', Geneva, sans-serif;
	font-weight:300;
	line-height: 1.5;
	color: #1382C5;
	vertical-align: middle;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%231382C5' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.3rem center;
	background-size: 12px 14px; 
	border: 1px solid #1382C5;
	border-radius: 2rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
	
.custom-select-ghost-blue-big:focus {
	border-color:#0082CA;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
}


/* OFICINA ETALENTUM */

.header-oficina::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: rgba(0,130,202,.35);
	display: block;
	content: ' ';
	z-index:-1;
}
  
.bg-oficina-etalentum{
	/*background-color:#F4F4F4!important;*/
	background-image:url(../img/media-redonda-bottom-big.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: 100%;
	margin-top: -50px;
}
  
.bg-oficina-etalentum .imagotipo-div{
	position:absolute; 
	bottom:8px; 
	right:8px;
}
  
.bg-oficina-etalentum .imagotipo-oficinas{
	background-color:#FFF; 
	border-radius:100%; 
	padding:14px; 
	text-align:center;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
  
.bg-oficina-etalentum .imagotipo-oficinas>img{
	width:55px;
	height:auto;
}
  
.oficina-contacto .material-symbols-outlined{
	font-size: 30px;
}
  
.oficina-contacto .title{
	font-family: "Onest Flex", Geneva, sans-serif;
	font-size: 1.35rem;
	font-weight: 400;
	font-style: normal;
	color: #253045;

	margin-bottom: 1rem;
}
  
.oficina-contacto .text{
	font-family: "Onest Flex", Geneva, sans-serif;
	font-size: 1.04rem;
	font-weight: 200;
	font-style: normal;
	color: #253045;
}
  
.oficina-contacto a{
	color:inherit!important;
	text-decoration:none;
}
  
  
@media (max-width:575px){
	.oficina-contacto .text{
		font-size: 1rem;
	}

	.oficina-contacto .material-symbols-outlined{
		font-size: 25px;
	}

	.oficina-contacto .title{
		margin-top:1.75rem;
		font-size: 1.25rem;
		margin-bottom:0.5rem;
	}
	
	.bg-oficina-etalentum{
		margin-top:1rem;	
	}

	.bg-oficina-etalentum .imagotipo-oficinas>img{
		width:45px;
		height:auto;
	}

	.bg-oficina-etalentum .img-gerente{
		max-height:450px;
	}

}

@media (min-width:576px) and (max-width:767px){
	.oficina-contacto .text{
		font-size: 1rem;
	}

	.oficina-contacto .material-symbols-outlined{
		font-size: 25px;
	}

	.oficina-contacto .title{
		margin-top:1.75rem;
		font-size: 1.25rem;
		margin-bottom:0.5rem;
	}

	.bg-oficina-etalentum .img-gerente{
		max-height:450px;
	}

	.bg-oficina-etalentum{
		margin-top:1rem;
	}
}


@media (min-width:768px) and (max-width:991px){
	.oficina-contacto .text{
		font-size: 1rem;
	}

	.oficina-contacto .material-symbols-outlined{
		font-size: 25px;
	}

	.oficina-contacto .title{
		margin-top:0.5rem;
		font-size: 1.15rem;

		margin-bottom: 0.2rem;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.oficina-contacto .text{
		font-size: 1rem;
	}

	.oficina-contacto .material-symbols-outlined{
		font-size: 25px;
	}
}

.bg-oficina-etalentum-italia{
    background-image:url(../img/media-redonda-bottom-big.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size: 400px auto;
    padding-top: 3rem;
    padding-bottom: 3rem;

}

/* OFICINA INTERNACIONAL */
.oficina-internacional-background{
	background-image:url(../img/oficinas-etalentum/background-planet.png);
	background-image:url(../img/oficinas-etalentum/background-planet.png), linear-gradient(0.25turn, #01ADE0, #1480C3);
	background-position:left center;
	background-repeat:no-repeat;
	padding:8rem 0;
    
}

.bg-oficina-internacional{
    background-image:url(../img/oficinas-etalentum/bg-oficina-internacional.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
    background-size:cover;
	min-height:600px;

}

.bg-oficina-internacional-portatil{
    background-image:url(../img/oficinas-etalentum/oficina-internacional-portatil.png);
	background-position:center right;
	background-repeat:no-repeat;
    background-size:auto 500px;
}

@media (max-width:575px){
    .bg-oficina-internacional{
        min-height:500px;
    }

}



/* NOTICIAS ETALENTUM */
.background-prensa{
	background-image:url(../img/footer-comunicacion.png);

	background-repeat:no-repeat;
	background-position:top right;
	background-size: auto 130px;
}


/* PREMIOS ETALENTUM */
.header-premios-etalentum{
	background-image:url(../img/header/header-premios-etalentum.jpg);	
}

.header-premios-etalentum-ediciones{
	background-image:url(../img/header/header-premios-etalentum-ediciones.jpg);	
}

.tab-sectores.tab-premios-donostia{
	background-image:url(../img/premios-etalentum/background-premios-donostia.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-premios-girona{
	background-image:url(../img/premios-etalentum/background-premios-girona.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-sectores.tab-premios-vic{
	background-image:url(../img/premios-etalentum/background-premios-vic.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-logronyo{
	background-image:url(../img/premios-etalentum/background-premios-logronyo.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-ibiza{
	background-image:url(../img/premios-etalentum/background-premios-ibiza.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-manresa{
	background-image:url(../img/premios-etalentum/background-premios-manresa.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-sabadell{
	background-image:url(../img/premios-etalentum/background-premios-sabadell.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-navarra{
	background-image:url(../img/premios-etalentum/background-premios-navarra.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.tab-premios-valles-oriental{
	background-image:url(../img/premios-etalentum/background-premios-valles-oriental.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.background-media-redonda-right.background-premios{
    background-image:url(../img/premios-etalentum/background-media-redonda-right.jpg);
    background-size: auto 650px;
}

.tab-white-round-opacity{
	max-width: 300px;
	width: 100%;
	min-height: 360px;
	margin: 0 auto;
	margin: 0 auto 2.75rem auto;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid #FFF;
	box-sizing: border-box;
	border-radius: 12px;
	overflow: hidden;
	padding: 1.2rem 1.5rem 1.5rem 1.5rem;
	
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);	*/
}

.tab-white-round-opacity .text1{
    padding-top: 0.6rem;
    min-height: 125px;
    color:#FFF;

    font-size: 3.7rem;
    font-weight: 200;
    font-style: normal;
}

.tab-white-round-opacity .text1.text-honor{
    font-size: 3rem;
    line-height: 1.1;
}

@media (min-width:576px) and (max-width:1200px){
    .tab-white-round-opacity .text1{
        padding-top: 0.6rem;
        min-height: 105px;
        color:#FFF;

        font-size: 3rem;
        font-weight: 200;
        font-style: normal;
    }

    .tab-white-round-opacity .text1.text-honor{
        font-size: 2.3rem;
        line-height: 1.1;
    }
}

.bg-media-redonda-premios-1{
	background-image:url(../img/premios-etalentum/background-media-redonda-premios-1.jpg);
}

.bg-media-redonda-premios-2{
	background-image:url(../img/premios-etalentum/background-media-redonda-premios-2.jpg);
}

.bg-media-redonda-premios-3{
	background-image:url(../img/premios-etalentum/background-media-redonda-premios-3.jpg);
}

.bg-media-redonda-premios-4{
	background-image:url(../img/premios-etalentum/background-media-redonda-premios-4.jpg);
}

@media (min-width:1500px){
	.bg-media-redonda-premios-1{
		background-image:url(../img/premios-etalentum/background-alargado-premios-1.jpg);
	}

	.bg-media-redonda-premios-2{
		background-image:url(../img/premios-etalentum/background-alargado-premios-2.jpg);
	}

	.bg-media-redonda-premios-3{
		background-image:url(../img/premios-etalentum/background-alargado-premios-3.jpg);
	}

	.bg-media-redonda-premios-4{
		background-image:url(../img/premios-etalentum/background-alargado-premios-4.jpg);
	}
}


/* animation for new slogan, utilizado en las diferentes landings de firma digital de presupuestos  (presupuestos, presupuestos autocandidaturas y hojas de pedido) */
.onest-font-slogan-pages-offer{
	font-family: "Onest Flex", sans-serif;
	font-optical-sizing: auto;
	font-size:14px;
	font-weight: 400;
	font-style: normal;
	color:#0082CA; 
	line-height:1.35;

}


.onest-font-slogan-footer{
	font-family: "Onest Flex", sans-serif;
	font-optical-sizing: auto;
	font-size:1.05rem!important;
	font-weight: 400;
	font-style: normal;
	color:#178BCC;

	display:inline-block;
	width:auto;
	margin:0 auto;
}


/* DEMO-SPECIFIC STYLES  https://css-tricks.com/snippets/css/typewriter-effect/ */
/*.typewriter h1 {*/
.typing{
	animation: 
		typing 2.5s steps(30, end),
		blink-caret .75s step-end infinite;
}

.typing-mobile{
	animation: 
		typing 1.2s steps(30, end),
		blink-caret .75s step-end infinite;
}
.onest-font-slogan-footer h4{
	color:#178BCC;
	display:inline-block;
	visibility:hidden; /* no utilitzem directament la classe "animate" que fem servir habitualment ja que juga amb el opacity */
	font-weight: 400;
	font-size:1.05rem!important;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	/*border-right: .15em solid #178BCC; /* The typwriter cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: .07em; /* Adjust as needed */
	/*animation: 
		typing 2.5s steps(30, end),
		blink-caret .75s step-end infinite;*/
}

/* The typing effect, añadimos border para no mantener el cursor una vez finalizada la animación */
@keyframes typing {
from { width: 0;border-right: .15em solid #178BCC; }
to { width: 100%;border-right: .15em solid #178BCC;}

}

/* The typewriter cursor effect */
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: #178BCC }
}



/* @portada */
.foto1-portada{
	background-image:url(../img/portada/foto1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right;	
	
}

.foto1-portada-text{
	padding:3rem;
}	

@media (max-width: 767px){
	.foto1-portada{
		min-height:230px;
		width:100%;	
	}
	
	.foto1-portada-text{
		/*padding:0rem 1.2rem 25px 0rem;*/
		padding:0 20px 45px 20px;
	}
	
}

.check-blue-img{
	width:48px; 
	height:48px;
}

.white-map-background{
	background-image:url(../img/portada/white-map.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:110px 0px;	
}

@media (max-width: 767px){
	.white-map-background{
		background-image:url(../img/portada/white-map-sm.png);
		background-position:right top;
		background-repeat:no-repeat;
		padding:50px 0px;	
	}
	
}

@media (max-width: 575px){
	.white-map-background{
		background-image:url(../img/portada/white-map-xs.png);
	}
}


.david-background{
	background-image:url(../img/home/foto-soci.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	padding:195px 0px;
}

@media (max-width: 767px){
	.david-background{
		background-image:url(../img/home/foto-soci.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		padding:50px 0px;	
	}
}

.david-background .fas, .david-background-mobile .fas{
	color:#253045; 
	vertical-align:super;
}
			
.david-background .fas{ /*icon " */
	font-size:30px;
}
			
.david-background-mobile .fas{
	font-size:20px;	
}


.table-etalentum-group{
	display:inline-block;
	position:relative;	
}
			
.table-etalentum-group-executive{
	text-align:right;
	z-index:2!important;	
}
			
.table-etalentum-group-premium{
	text-align:left;
	z-index:1!important;;	
}
			
.margin-etalentum-group-executive{
	margin-right:-60px;	
}
			
.margin-etalentum-group-premium{
	margin-left:-60px; 
	margin-top:25px;	
}
			
.table-etalentum-group img{
	width:460px; 
	max-width:100%; 
	height:auto;	
}
			
@media (max-width:767px){
	.margin-etalentum-group-executive{
		margin-right:0px;
	}
				
	.margin-etalentum-group-premium{
		margin-left:0px;
	}
}
			
.table-etalentum-group img{
	opacity:0.85;	
		
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
			
.table-etalentum-group img:hover{
	opacity:1;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.chart-legend-mobile i{
	font-size:16px;
	vertical-align:middle;
				
	margin-right:8px;
}
			
.chart-legend-mobile i.blue1{
	color:#253045;
}
	
.chart-legend-mobile i.blue2{
	color:#313F55;
}
			
.chart-legend-mobile i.blue3{
	color:#404F65;
}

.chart-legend-mobile i.blue4{
	color:#505F74;
}

.chart-legend-mobile i.blue5{
	color:#606E82;
}

.chart-legend-mobile i.blue6{
	color:#6F7D90;
}

.chart-legend-mobile i.blue7{
	color:#7E8B9D;
}

.chart-legend-mobile i.blue8{
	color:#8C98A8;
}

.chart-legend-mobile i.blue9{
	color:#99A4B2;
}

.chart-legend-mobile i.blue10{
	color:#A5AFBB;
}

.tab-sectores-portada{
	position:relative;	
	transition: all 0.4s ease 0s;
	height:380px;
	box-sizing:border-box;
	
	/*background-color: rgba(0, 81, 186, 0.2);*/
}
		
.tab-sectores-portada:hover{
	/*box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
	z-index:9;
	transition: all 0.4s ease 0s;
}
	
.tab-sectores-portada:hover:after{
	transition: all 0.4s ease 0s;
	background-color: rgba(37, 48, 69, 0.65);		
}

.tab-sectores-portada::after {
	transition: all 0.4s ease 0s;
	/*background-color: rgba(27, 130, 197, 0.0);*/
	background-color: rgba(37, 48, 69, 0.50);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.tab-sectores-portada a{
	width:100%;
	height:100%;
	position:relative;
	z-index:3;	
	display:block;
	
	font-family:'Onest Flex', sans-serif;	
	font-size:0px;
	font-weight:100;
	color:#FFF;
}
	
/* animation text-inside 
.tab-sectores-portada div{
	transition: all 0.2s ease 0s;
}
	
.tab-sectores-portada:hover div{
	text-shadow: 0px 4px 2px rgba(17, 17, 17, 1);
	transition: all 0.4s ease 0s;
}
*/
	
.tab-sectores-portada span{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-5px;
	/*bottom:25px;
	left:25px;
	padding:5px;*/
	opacity:0;
	transition: all 0.2s ease 0s;
}


.tab-sectores-portada.sector1{
	background-image:url(../img/portada/sector1.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector2{
	background-image:url(../img/portada/sector2.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector3{
	background-image:url(../img/portada/sector3.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector4{
	background-image:url(../img/portada/sector4.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector5{
	background-image:url(../img/portada/sector5.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector6{
	background-image:url(../img/portada/sector6.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-sectores-portada.sector7{
	background-image:url(../img/portada/sector7.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}
	
.tab-sectores-portada.sector8{
	background-image:url(../img/portada/sector8.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}
	
@media (max-width:575px){
	.tab-sectores-portada{
		position:relative;	
		cursor:pointer;
		transition: all 0.4s ease 0s;
		height:255px;
		
		/*background-color: rgba(0, 81, 186, 0.2);*/
	}	
}	

@media (min-width:767px) and (max-width:991px){
	.tab-sectores-portada{
		position:relative;	
		cursor:pointer;
		transition: all 0.4s ease 0s;
		height:255px;
		
		/*background-color: rgba(0, 81, 186, 0.2);*/
	}	
}	
   
   
   .tab-sectores-portada>.content{
		padding:4rem 3rem; 
		position:relative; 
		z-index:3;
   }
   
   .tab-sectores-portada > .content .title{
	    font-family:"Onest Flex", Geneva, sans-serif;
		font-size: 1.4rem;
		font-weight:400;
		font-style:normal;
		color:#FFFFFF;
   }
   
   .tab-sectores-portada > .content .text{
   		font-family:"Onest Flex", Geneva, sans-serif;
		font-size: 1.2rem;
		font-weight:300;
		font-style:normal;
		color:#FFFFFF;
		
		padding-top:.5rem;
   }
   
   
   @media (max-width:575px){
	   .tab-sectores-portada>.content{
			padding:2rem 1.2rem; 
	   }
   
	   
	  .tab-sectores-portada > .content .title{
		font-size: 1.2rem; 
	  }
	  
	  .tab-sectores-portada > .content .text{
		  font-size: 1rem;
	  }
   }
   
   
   @media (min-width:576px) and (max-width:767px){
	   .tab-sectores-portada>.content{
			padding:3.4rem 1.8rem; 
	   }
   
	   
	  .tab-sectores-portada > .content .title{
		font-size: 1.4rem; 
	  }
	  
	  .tab-sectores-portada > .content .text{
		  font-size: 1.15rem;
	  }   
   }
   
   @media (min-width:768px) and (max-width:991px){
   	   .tab-sectores-portada>.content{
			padding:2.4rem 1.8rem; 
	   }

	   .tab-sectores-portada > .content .title{
		font-size: 1.35rem; 
	   }
	  
	   .tab-sectores-portada > .content .text{
		  font-size: 1.10rem;
	   }  
   
   }
   
   @media (min-width:992px) and (max-width:1199px){
	    .tab-sectores-portada>.content{
			padding:2.4rem 1.8rem; 
	   }
	   .tab-sectores-portada > .content .title{
		font-size: 1.35rem; 
	   }
	  
	   .tab-sectores-portada > .content .text{
		  font-size: 1.1rem;
	   }
		   
   }


/* end portada */


/* @nuestro proceso */
.foto1-proceso,.foto2-proceso,.foto3-proceso,.foto4-proceso,.foto5-proceso {
	background-size:cover;
	background-repeat:no-repeat;
	
	min-height:350px;	
}
		
.foto1-proceso{
	background-image:url(../img/nuestro-proceso/proceso-1.jpg);
	background-position:left top;
}
		
.foto2-proceso{
	background-image:url(../img/nuestro-proceso/proceso-2.jpg);
	background-position:left bottom;
}
		
.foto3-proceso{
	background-image:url(../img/nuestro-proceso/proceso-3.jpg);
	background-position:left top;
}
		
.foto4-proceso{
	background-image:url(../img/nuestro-proceso/proceso-4.jpg);
	background-position:left bottom;
}
		
.foto5-proceso{
	background-image:url(../img/nuestro-proceso/proceso-5.jpg);
	background-position:left top;
}
			

.foto-proceso-text {
	padding: 5rem 3rem 5rem 3rem;
	text-align:right;

	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:300;
	font-style:normal;
	color:#253045;
			
	max-width:550px;
		
}
		
.numeros-pasos{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	width:60px;
	height:60px;
	border-radius:50%;	
	background-color:#253045;
	display:inline-block;
	text-align:center;
	line-height:1.55;
	margin-left:18px;
}
		
.numeros-pasos-left{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#FFFFFF;
	width:60px;
	height:60px;
	border-radius:50%;	
	background-color:#253045;
	display:inline-block;
	text-align:center;
	line-height:1.55;
	margin-right:18px;
}

.numeros-pasos-left-ghost{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	width:60px;
	height:60px;
	border-radius:50%;	
	background-color:transparent;
	border:1px solid #253045;
	display:inline-block;
	text-align:center;
	line-height:1.55;
	margin-right:18px;
}

.numeros-pasos-left-ghost-mini{
	font-family: "Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight: 100;
	font-style: normal;
	color: #253045;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #253045;
	display: inline-block;
	text-align: center;
	line-height: 1.50;
	margin-right: 15px;
}
		
@media (max-width:991px){
	.foto-proceso-text h4.thin-dark-blue-35,.foto-proceso-text h5.thin-dark-blue-35{
		font-size:2rem;
		
	}
		
	.foto1-proceso,.foto2-proceso,.foto3-proceso,.foto4-proceso,.foto5-proceso {
		min-height:220px;	
	}
			
	.foto-proceso-text {
		max-width:none;	
		padding: 2.8rem 0rem 2.8rem 0rem;
	}	
		
	.numeros-pasos,.numeros-pasos-left, .numeros-pasos-left-ghost{
		font-size:2rem;
		width:47px;
		height:47px;
		line-height:1.45;	
	}	
}
		
@media (max-width:767px){
	
	.foto1-proceso,.foto2-proceso,.foto3-proceso,.foto4-proceso,.foto5-proceso {
		min-height:220px;	
	}
}
		
@media (max-width:575px){
	.foto-proceso-text h4.thin-dark-blue-35,.foto-proceso-text h5.thin-dark-blue-35{
		font-size:2rem;
		
	}
			
	.foto1-proceso,.foto2-proceso,.foto3-proceso,.foto4-proceso,.foto5-proceso {
		min-height:180px;	
	}
			
	.foto1-proceso{
		background-image:url(../img/nuestro-proceso/proceso-1-mobile.jpg);
		background-position:left top;
	}
			
	.foto3-proceso{
		background-image:url(../img/nuestro-proceso/proceso-3-mobile.jpg);
		background-position:left top;
	}
			
	.foto5-proceso{
		background-image:url(../img/nuestro-proceso/proceso-5-mobile.jpg);
		background-position:left top;
	}
			
	.foto-proceso-text {
		max-width:none;	
		padding: 3rem 0.5rem 3rem 0.5rem;
	}
			
	.numeros-pasos,.numeros-pasos-left{
		font-size:2rem;
		width:50px;
		height:50px;
		line-height:1.45;	
	}
}

/*
.consultores-background{
	background-image: url(../img/nuestro-proceso/consultores-especializados.jpg);
	min-width:100%; 
	width:100%; 
	background-position:center; 
	background-repeat:no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	background-attachment:fixed;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nuestro-proceso/consultores-especializados.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nuestro-proceso/consultores-especializados.jpg', sizingMethod='scale');	
	
	padding:130px 0px;
}

@media (max-width:575px){
	.consultores-background{
		background-image: url(../img/nuestro-proceso/consultores-especializados-mobile.jpg);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nuestro-proceso/consultores-especializados-mobile.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nuestro-proceso/consultores-especializados-mobile.jpg', sizingMethod='scale');	
		background-attachment:scroll;
	}
}
*/
/* eliminem background attachment a dispositius tàctils, ja que no funciona bé */
@media (pointer: coarse) and (hover: none) {
	.consultores-background{
		background-attachment:scroll;
	}
}

/* end nuestro proceso */



/* @etalentum-premium */

.etalentum-premium-img{
	background-image:url(../img/etalentum-premium/triangle-premium.jpg);
	background-position:top right;
	
	background-repeat:no-repeat;
	background-size:cover;		
}
		
.etalentum-premium-img-text{
	padding: 9.0rem 2.3rem;	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.25rem;
	font-weight:300;
	font-style:normal;
	color:#253045;	
}
		
@media (max-width:574px){
	.etalentum-premium-img{
		min-height:200px;	
	}	
	.etalentum-premium-img-text{
		padding: 0.1rem 1.2rem 0rem 1.2rem;	
		font-size: 1rem;
	}
}
		
@media (min-width:575px) and (max-width:767px){
	.etalentum-premium-img{
		min-height:200px;	
	}
			
	.etalentum-premium-img-text{
		padding: 0.8rem 1.2rem;	
		font-size: 1rem;
	}				
}
		
@media (min-width:768px) and (max-width:991px){
	.etalentum-premium-img-text{
		padding: 4.3rem 1.5rem;	
		font-size: 1rem;
	}
	
	.etalentum-premium-img{
		background-image:url(../img/etalentum-premium/triangle-premium-md.jpg);
	}
}
		
		
@media (min-width:992px) and (max-width:1199px){
	.etalentum-premium-img-text{
		padding: 6.3rem 2.5rem;	
		font-size: 1.2rem;
	}
}


/* EN DESÚS, DISSENY PRIMER TRIANGLE 
.foto1-premium{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/etalentum-premium/triangle-premium.jpg);
		
}

.foto1-premium-text{
	padding: 4.4rem 3rem 4.4rem 3rem;
	
	min-height:320px;
	text-align:right;


}

.foto1-executive{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/etalentum-premium/triangle-executive.jpg);
		
}

.foto1-executive-text{
	padding: 4rem 3rem 4rem 3rem;
	
	min-height:300px;
}


@media (max-width:767px){
	.foto1-premium{
		background-image:url(../img/etalentum-premium/triangle-premium-mobile.jpg);
	}
	
	.foto1-premium,.foto1-executive{
		min-height:200px;	
	}
	
	.foto1-executive-text, .foto1-premium-text{
		padding:0.8rem 1.1rem 5.8rem 1.1rem;
		min-height:inherit;	
		text-align:left;
	}
	.foto1-premium-text{
		text-align:right;	
	}
}

@media (min-width:768px) and (max-width:992px){
	.foto1-premium{
		background-image:url(../img/etalentum-premium/triangle-premium-md.jpg);
		background-position: top right;
	}
	
	.foto1-executive{
		background-image:url(../img/etalentum-premium/triangle-executive-md.jpg);
		background-position: top right;
			
	}
	
}

@media (min-width:1200px){
	.foto1-executive{
		background-position: top right;
	}
}
*/

.handshake-premium{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/etalentum-premium/handshake.jpg);
	
	padding-top:850px;
}

@media (max-width:574px){
	.handshake-premium{
		background-image:url(../img/etalentum-premium/handshake-background-mobile.jpg);	
		background-size:auto;
		background-repeat:repeat-y;
		
		padding-top:0px;
	}
	
}

.card-oferta-trabajo-empresas{
	width:100%;
	padding:3.4rem 4.4rem;
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	background-color:#FFF;
	text-align:left;
	min-height: 350px;
	/*min-height:320px; */
	/*max-height:320px;*/
}
			
.card-oferta-trabajo-empresas .fas{
	color:#CCCCCC;
	margin-right:8px;	
}
			
.card-oferta-trabajo-empresas ~ .card-oferta-trabajo-empresas{
	background-color:#F00;	
	color:#F00;
}
			
@media (max-width:767px){
	.card-oferta-trabajo-empresas{
		padding:2.2rem 1.8rem;	
	}
}
			
@media (min-width:768px) and (max-width:992px){
	.card-oferta-trabajo-empresas{
		padding:2.6rem 2.4rem;
	}
}

/* end etalentum premium */


/* @etalentum-executive */

/* EN DESÚS, ESTILS PER EL PRIMER DISSENY AMB TRIANGLE 
.executive-foto1{
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/etalentum-executive/triangle-executive.jpg);	
}

.premium-foto1{
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/etalentum-executive/triangle-premium.jpg);	
}

@media (max-width:767px){
	.premium-foto1,.executive-foto1{
		min-height:200px;	
	}
	.premium-foto1{
		background-image: url(../img/etalentum-executive/triangle-premium-mobile.jpg);	
	}
}

@media (min-width:768px) and (max-width:991px){
	.premium-foto1{
		background-image:url(../img/etalentum-executive/triangle-premium-md.jpg);
		background-position: top right;
	}
	
	.executive-foto1{
		background-image:url(../img/etalentum-executive/triangle-executive-md.jpg);
		background-position: top right;
			
	}
}

@media (min-width: 1200px) {
	.premium-foto1{
		background-image:url(../img/etalentum-executive/triangle-premium-xl.jpg);
		background-position: top right;
	}
	
	.executive-foto1{
		background-image:url(../img/etalentum-executive/triangle-executive-xl.jpg);
		background-position: top right;
			
	}	
}
*/
.etalentum-executive-img{
	background-image:url(../img/etalentum-executive/triangle-executive.jpg);
	background-position:top right;
	
	background-repeat:no-repeat;
	background-size:cover;		
}
		
.etalentum-executive-img-text{
	padding: 9.0rem 2.3rem;	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.25rem;
	font-weight:300;
	font-style:normal;
	color:#253045;	
}
		
@media (max-width:574px){
	.etalentum-executive-img{
		min-height:200px;	
	}	
	.etalentum-executive-img-text{
		padding: 0.1rem 1.2rem 0rem 1.2rem;	
		font-size: 1rem;
	}
}
		
@media (min-width:575px) and (max-width:767px){
	.etalentum-executive-img{
		min-height:200px;	
	}
			
	.etalentum-executive-img-text{
		padding: 0.8rem 1.2rem;	
		font-size: 1rem;
	}				
}
		
@media (min-width:768px) and (max-width:991px){
	.etalentum-executive-img-text{
		padding: 4.3rem 1.5rem;	
		font-size: 1rem;
	}	
	
	.etalentum-executive-img{
		background-image:url(../img/etalentum-executive/triangle-executive-md.jpg);
	}
}
		
		
@media (min-width:992px) and (max-width:1199px){
	.etalentum-executive-img-text{
		padding: 6.3rem 2.5rem;	
		font-size: 1.2rem;
	}
}


.handshake-executive{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/etalentum-executive/handshake.jpg);
			
	padding-top:850px;
}
		
@media (max-width:574px){
	.handshake-executive{
		background-image:url(../img/etalentum-executive/handshake-background-mobile.jpg);	
		background-size:auto;
		background-repeat:repeat-y;
		
		padding-top:0px;
	}
}

.consultores-executive-background{
	background-image: url(../img/etalentum-executive/consultores-especializados.jpg);
	min-width:100%; 
	width:100%; 
	background-position:center; 
	background-repeat:no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	background-attachment:fixed;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/etalentum-executive/consultores-especializados.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/etalentum-executive/consultores-especializados.jpg', sizingMethod='scale');	
	
	padding:130px 0px;
}

@media (max-width:575px){
	.consultores-executive-background{
		background-image: url(../img/etalentum-executive/consultores-especializados-mobile.jpg);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/etalentum-executive/consultores-especializados-mobile.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/etalentum-executive/consultores-especializados-mobile.jpg', sizingMethod='scale');	
		background-attachment:scroll;
	}
}

@media (pointer: coarse) and (hover: none) {
	.consultores-executive-background{
		background-attachment:scroll;
	}
}


/* @divisions */
.divisions-consultores{
	background-position:top right;
	
	background-repeat:no-repeat;
	background-size:cover;		
}

.divisions-consultores-commercial{
	background-image:url(../img/divisions/consultores-commercial.jpg);	
}

.divisions-consultores-technical{
	background-image:url(../img/divisions/consultores-technical.jpg);	
}

@media (min-width:575px) and (max-width:767px){
	.divisions-consultores-technical{
		background-position: center center;
	}
}

.divisions-consultores-financial{
	background-image:url(../img/divisions/consultores-financial.jpg);	
}

@media (min-width:575px) and (max-width:767px){
	.divisions-consultores-financial{
		background-image:url(../img/divisions/consultores-financial.jpg);	
		background-position: center center;
	}
}

.divisions-consultores-international{
	background-image:url(../img/divisions/consultores-international.jpg);	
}

@media (min-width:575px) and (max-width:767px){
	.divisions-consultores-international{
		background-position: center center;
	}
}

	
.divisions-consultores-text{
	padding: 3.3rem 2.3rem;	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.25rem;
	font-weight:300;
	font-style:normal;
	color:#253045;	
}
		
@media (max-width:574px){
	.divisions-consultores{
		min-height:200px;	
	}	
	.divisions-consultores-text{
		padding: 0.1rem 1.2rem 0rem 1.2rem;	
		font-size: 1rem;
	}
}
		
@media (min-width:575px) and (max-width:767px){
	.divisions-consultores{
		min-height:250px;	
	}
			
	.divisions-consultores-text{
		padding: 0.8rem 1.2rem;	
		font-size: 1rem;
	}				
}
		
@media (min-width:768px) and (max-width:991px){
	.divisions-consultores-text{
		padding: 3.3rem 0.5rem;	
		font-size: 1rem;
	}	
}
		
@media (min-width:768px) and (max-width:991px){
	.divisions-consultores-text{
		padding: 3.3rem 0.5rem;	
		font-size: 1rem;
	}	
}
		
@media (min-width:992px) and (max-width:1199px){
	.divisions-consultores-text{
		padding: 3.3rem 0.5rem;	
		font-size: 1.2rem;
	}
}
		
.check-blue-mini{
	width:30px;
	height:30px;
				
}

.test-background{
	background-image:url(../img/divisions/test-background.jpg);
	background-position:bottom center;
		
	background-repeat:no-repeat;
	background-size:cover;		
	padding-bottom:38rem;
}

/* @bienvenido-etalentum */
.foto-bienvenido-text{
	padding: 6.5rem 3rem 6.5rem 3rem;
}
		
.foto1-bienvenido{
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/bienvenido-etalentum/nuestra-mision.jpg);			
}
		
.foto2-bienvenido{
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/bienvenido-etalentum/nuestra-vision.jpg);			
}


@media (max-width:767px){

	.foto1-bienvenido,.foto2-bienvenido{
		min-height:280px;	
	}
	
	.foto-bienvenido-text{
		padding:1.6rem 1.1rem 5.8rem 1.1rem;
		min-height:inherit;	
		text-align:left;
	}
}


.jaume-background{
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/bienvenido-etalentum/foto-jaume.jpg);	
}
	
.jaume-text{
	padding-top:6rem;	
	padding-bottom:6rem;
	
}

@media (max-width:767px){
	.jaume-background{
		background-image:none;
	}
	
	.jaume-text{
		padding:3rem 1.1rem;
	}
}
	
@media (min-width:768px) and (max-width:992px){
	.jaume-background{
		background-image:url(../img/bienvenido-etalentum/foto-jaume-md.jpg);	
	}
	
	.jaume-text{
		padding-top:3rem;	
		padding-bottom:3rem;
	}
}

.historia-text{
	padding:3.3rem 2rem;	
}
		
.historia-anys{
	padding-top:2.8rem;	
	padding-bottom:3.5rem;
}
		
.historia-text > .light-dark-blue-20:before{
	content:'';
	width:35px;
	height:35px;
	background:url("../img/bienvenido-etalentum/check-blue.png");
	background-size:35px 35px;
	position:absolute;
	left:-18px;
	z-index:11;
}
		
.historia-text.no-ticked > .light-dark-blue-20:before{
	content:'';
	width:35px;
	height:35px;
	background:url("../img/bienvenido-etalentum/check-blue-nothing.png");
	background-size:35px 35px;
	position:absolute;
	left:-18px;
	z-index:11;
}
		
.foto1-historia{
	background-image:url(../img/bienvenido-etalentum/foto1-historia.jpg);
	background-position:bottom left;
	
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto2-historia{
	background-image:url(../img/bienvenido-etalentum/foto2-historia.jpg);
	background-position:top left;
		
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto3-historia{
	background-image:url(../img/bienvenido-etalentum/foto3-historia.jpg);
	background-position:bottom left;
	
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto4-historia{
	background-image:url(../img/bienvenido-etalentum/foto4-historia.jpg);
	background-position:top left;
		
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto5-historia{
	background-image:url(../img/bienvenido-etalentum/foto5-historia.jpg);
	background-position:bottom left;
			
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto6-historia{
	background-image:url(../img/bienvenido-etalentum/foto6-historia.jpg);
	background-position:top left;
			
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto7-historia{
	background-image:url(../img/bienvenido-etalentum/foto7-historia.jpg);
	background-position:bottom left;
		
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto8-historia{
	background-image:url(../img/bienvenido-etalentum/foto8-historia.jpg);
	background-position:top left;
		
	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto9-historia{
	background-image:url(../img/bienvenido-etalentum/foto9-historia.jpg);
	background-position:bottom left;
			
	background-repeat:no-repeat;
	background-size:cover;			
}

/* UPDATE 06/2022 : publiquem nova versió de bienvenido */
.foto1-historia,.foto3-historia{
	background-position:top left;
}
		
.foto2-historia{
	background-position:bottom left;
}

.foto4-historia{
	background-image:url(../img/bienvenido-etalentum/foto4-historia-nw.jpg);
	background-position:bottom left;

	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto5-historia{
	background-image:url(../img/bienvenido-etalentum/foto5-historia-nw.jpg);
	background-position:top left;

	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto6-historia{
	background-image:url(../img/bienvenido-etalentum/foto4-historia.jpg);
	background-position:bottom left;

	background-repeat:no-repeat;
	background-size:cover;			
}
		
.foto7-historia{
	background-image:url(../img/bienvenido-etalentum/foto5-historia.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;			
}
/* end update 06/2022 */

.historia .row{
	min-height:220px;	
}

.historia-border-right-grey{
	/*border-right:1px solid #DDDDDD;*/
	
	background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #FFFFFF 100%, #FFFFFF 100%),
                        linear-gradient(to bottom, #C9C9C9 100%, #C9C9C9 100%),
                        linear-gradient(to right, #FFFFFF 100%, #FFFFFF 100%),
                        linear-gradient(to bottom, #FFFFFF 100%, #FFFFFF 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 0px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
}

@media (max-width:575px){
	.foto1-historia,.foto2-historia, .foto3-historia,.foto4-historia,.foto5-historia,.foto6-historia,.foto7-historia,.foto8-historia,.foto9-historia{
		min-height:200px;	
	}
	
	.historia-text{
		padding:1.3rem 1.3rem 8rem 1.3rem;
			
	}
		
	.historia-anys{
		padding-top:1.3rem;
		padding-bottom:0rem;
	}
		
	.historia-text > .light-dark-blue-20:before{
		content:'';
		width:0px;
		height:0px;
		background:none;
		background-size:auto;
		position:absolute;
		left:-18px;
		z-index:11;
	}
		
	.historia-text.no-ticked > .light-dark-blue-20:before{
		content:'';
		width:0px;
		height:0px;
		background:none;
		background-size:auto;
		position:absolute;
		left:-18px;
		z-index:11;
	}
	
	
}

@media (min-width:768px) and (max-width:991px){
	.historia .row{
		min-height:220px;	
	}
}




/* end bienvenido-etalentum */


/* @oficinas-etalentum */
.tab-oficinas{
	max-width:300px;
	width:100%;
	min-height:450px;
	/*margin:0 auto;*/
	margin:0 auto 2.75rem auto;
	background-color:#FFFFFF;
			
	border:1px solid #DDD;
	box-sizing:border-box;	
	
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	overflow:hidden;
	
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);	*/
}

.tab-oficinas .text{
	/*padding:1.9rem 1.6rem 1.5rem 1.6rem;  padding sense mascara*/	
	padding:1.2rem 1.6rem 1.5rem 1.6rem;
}

.tab-oficinas .text .fas, .tab-oficina .fas{
	color:#CCCCCC;
	margin-right:8px;
	
}

.tab-oficinas .text::before{
	background-image:url(../img/oficinas-etalentum/oficinas-mask.png);
	background-size:300px 19px;
	position:absolute;
	left:0;
	margin-top:-37px;
	content:' ';
	width: 100%;
	height: 19px;	
}

/* @prensa */
.card-prensa .fas{
	color:#CCCCCC;
	margin-right:8px;	
}

.card-prensa .fa-calendar-alt{
	margin-left:15px;	
}

.card-prensa .fa-newspaper{
	color:#CCCCCC;
	margin-right:8px;
	/*margin-left:15px;	*/
}

.avatar-prensa{
	padding:1.2rem 0rem;
	clear:both;	
	overflow:hidden;
}

.avatar-prensa .fas{
	color:#1A81C5;
	margin-right:8px;
}
		
.avatar-prensa .avatar,.avatar-prensa .datos-contacto {
	float:left;	
}
		
		
@media (max-width:575px){
	.avatar-prensa .avatar{
		text-align:center;	
		padding-bottom:10px;
		margin: 0 auto 8px auto;
	}
	.avatar-prensa .avatar,.avatar-prensa .datos-contacto {
		float:none;	
	}	
				
}

.clipping-mascara{
	position:relative; 
	z-index:3;
	margin-top:-8px;
	background-image:url(../img/prensa/clipping-mascara.png); 
	background-repeat:repeat-x; 	
	height:8px;
	max-width:100%;
}

@media (max-width:767px){
	.clipping-mascara{
		max-width:100%;
		background-size:auto 4px;	
		margin-top:-4px;
	}
}


/* @manual-estilo */

/* button descargar */
.estilo-descarga{
	color:#253045;
	font-size:1rem;	
}
		
.estilo-descarga>.fas{
	color:#CCCCCC;
	margin-right:8px;
	
	-o-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;		
}
		
.estilo-descarga:hover{
	color:#253045;
	text-decoration:none;	
}
		
.estilo-descarga:hover .fas{
	color:#197FC5;
			
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;	
}

	
.estilo-descarga-white{
	color:#EEEEEE;
	font-size:1rem;	
}
		
.estilo-descarga-white>.fas{
	color:#CCCCCC;
	margin-right:8px;
			
	-o-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
		
.estilo-descarga-white:hover{
	text-decoration:none;
	color:#EEEEEE;
}
		
.estilo-descarga-white:hover .fas{
	color:#FFFFFF;
		
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;	
}
/* end button descargar estilo */

.estilo-logos{
	border-top:1px solid #DDDDDD;	
}
		
.estilo-logos img{
	max-width:250px; 
	height:auto;	
}
		
.estilo-logos .logo1{
	border-right:1px solid #DDDDDD;	
}
		
.estilo-logos .logo2{
	border-right:1px solid #DDDDDD;	
}
		
@media (max-width:767px){
	
	.estilo-logos{
		border-top:none;	
	}
			
	.estilo-logos .logo1 > .py-8, .estilo-logos .logo3 > .py-8{
		padding-top:3rem!important;
		padding-bottom:3rem!important;	
	}
			
	.estilo-logos .logo1{
		border-right:none;
		border-top:1px solid #DDDDDD;	
	}
			
	.estilo-logos .logo2{
		border-right:none;	
		border-top:1px solid #DDDDDD;
	}	
			
	.estilo-logos .logo3{
		border-right:none;	
		border-top:1px solid #DDDDDD;
	}	
}
		
@media (min-width:768px) and (max-width:991px){
	.estilo-logos img{
		max-width:200px; 
		height:auto;	
	}
			
}
	
	
.tab-multimedia-estilo{
	position:relative;	
	cursor:pointer;
	transition: all 0.4s ease 0s;
	height:355px;
	box-sizing:border-box;
	
	/*background-color: rgba(0, 81, 186, 0.2);*/
}
		
.tab-multimedia-estilo:hover{
	/*box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
	z-index:9;
	transition: all 0.4s ease 0s;
	
}
	
.tab-multimedia-estilo:hover:after{
	transition: all 0.4s ease 0s;
	background-color: rgba(27, 130, 197, 0.4);
	/*background-color: rgba(37, 48, 69, 0.4);	*/	
}

.tab-multimedia-estilo::after {
	transition: all 0.4s ease 0s;
	background-color: rgba(27, 130, 197, 0.0);
	/*background-color: rgba(37, 48, 69, 0.0);*/
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.tab-multimedia-estilo a{
	width:100%;
	height:100%;
	position:relative;
	z-index:3;	
	display:block;
	
	font-family:'Onest Flex', sans-serif;	
	font-size:0px;
	font-weight:100;
	color:#FFF;
}
	
.tab-multimedia-estilo:hover span{
	/*background-color:#0051BA;
	text-shadow: 0px 4px 2px rgba(17, 17, 17, 1);*/
	transition: all 0.4s ease 0s;
	font-size:22px;
	opacity:1;
	
}
	
.tab-multimedia-estilo span{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-5px;
	/*bottom:25px;
	left:25px;
	padding:5px;*/
	opacity:0;
	transition: all 0.2s ease 0s;
}

.tab-multimedia-estilo span>.fas{
	margin-right:8px;	
}

.tab-multimedia-estilo.foto1{
	background-image:url(../img/manual-estilo/foto1.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.foto2{
	background-image:url(../img/manual-estilo/foto2.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.foto3{
	background-image:url(../img/manual-estilo/foto3.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.foto4{
	background-image:url(../img/manual-estilo/foto4.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.foto5{
	background-image:url(../img/manual-estilo/foto5.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.foto6{
	background-image:url(../img/manual-estilo/foto6.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}

.tab-multimedia-estilo.video1{
	background-image:url(../img/manual-estilo/video1.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}
	
.tab-multimedia-estilo.video2{
	background-image:url(../img/manual-estilo/video2.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-size:cover;
}
	
@media (max-width:575px){
	.tab-multimedia-estilo{
		position:relative;	
		cursor:pointer;
		transition: all 0.4s ease 0s;
		height:255px;
		
		/*background-color: rgba(0, 81, 186, 0.2);*/
	}	
}	

@media (min-width:767px) and (max-width:991px){
	.tab-multimedia-estilo{
		position:relative;	
		cursor:pointer;
		transition: all 0.4s ease 0s;
		height:255px;
		
		/*background-color: rgba(0, 81, 186, 0.2);*/
	}	
}		

/* @socialmente-responsables */
.foto-rsc-text{
	padding: 6.5rem 3rem 6.5rem 3rem;
}
		
.foto1-rsc{
	min-height:450px;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/socialmente-responsables/valoramos.jpg);			
}
		
.foto2-rsc{
	min-height:450px;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/socialmente-responsables/plan-saludable.jpg);			
}


@media (max-width:575px){
	.foto1-rsc,.foto2-rsc{
		min-height:220px;	
	}
	.foto-rsc-text{
		padding:1.6rem 1.1rem 5.8rem 1.1rem;
		min-height:inherit;	
		text-align:left;
	}
}

@media (min-width:575px) and (max-width:767px){

	.foto1-rsc,.foto2-rsc{
		min-height:280px;	
	}
	
	.foto-rsc-text{
		padding:1.6rem 1.1rem 5.8rem 1.1rem;
		min-height:inherit;	
		text-align:left;
	}
}	

@media (min-width:767px) and (max-width:991px){
	.foto-rsc-text{
		padding: 4rem 1.3rem 4rem 1.3rem;
	}	
	
}

	
.sociedad-background{
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/socialmente-responsables/sociedad.jpg);	
}
	
.sociedad-text{
	padding-top:6rem;	
	padding-bottom:6rem;
	
}



@media (max-width:767px){
	.sociedad-background{
		background-image:none;
	}
	
	.sociedad-text{
		padding:3rem 1.1rem;
	}
}
	
@media (min-width:768px) and (max-width:992px){
	.sociedad-background{
		background-image:url(../img/socialmente-responsables/sociedad-md.jpg);	
	}
	
	.sociedad-text{
		padding-top:3rem;	
		padding-bottom:3rem;
	}
}

	
.tab-rsc{
	max-width:300px;
	width:100%;
	min-height:350px;
	margin:0 auto;
	background-color:#FFFFFF;
			
	
	box-sizing:border-box;	
	
	/*border-top-right-radius:4px;
	border-top-left-radius:4px;*/
	
	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);	
}

.tab-rsc .text{
	/*padding:1.9rem 1.6rem 1.5rem 1.6rem;  padding sense mascara*/	
	padding:3.8rem 1.6rem 1.5rem 1.6rem;
}

.tab-rsc .icon{
	margin-top: -42px;
	position: absolute;
	left: 50%;
	margin-left: -40px;	
}

.tab-rsc .icon>img{
	width:80px;
	height:auto;
}

/* landing addwords */
.tab-addwords{
	max-width:335px;
	width:100%;
	min-height:380px;
	margin:0 auto;
	background-color:#FFFFFF;
			
	box-sizing:border-box;	
	position:relative;
	z-index:50;
		
	/*margin-top:-500px;*/
		
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);	
}
	
.tab-addwords .tab-addwords-title{
	background-color:#0082CA;
	padding:19px 0px;
	text-align:center;
	
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:400;
	font-style:normal;
	color:#FFFFFF;	
			
}

.div-white-addwords{
	background-color:#FFFFFF; 
	margin-top:-25px; 
	height:60px; 
	position:relative; 
	z-index:4;	
}


.profesionalmente-eticos{
	margin-top:-30px;
}
		
.profesionalmente-eticos .icon-eticos{
	max-width:69px;
	height:auto;	
}
		
.profesionalmente-eticos .icon-graficos{
	max-width:200px;
	height:auto;	
}
	

/* utilitzat a pillar-page.php */
.header-pillar-page {
    background-image: url(../../img/header/header-pillar-page.jpg);
}

ul.pillar-list-content{
	list-style: none; /* Remove default bullets */	
}
							
ul.pillar-list-content li::before {
	content: "\2022";
	color: #1A81C5;
	font-weight: bold;
	display: inline-block;
	width: 2.4rem;
	margin-left: -1em;
	font-size: 40px;
	line-height: 0;
	vertical-align: middle;
	margin-bottom: 0.3rem;
	text-align: center;
			
}
	
ul.pillar-list-content > li{
	margin:1.4rem 0;	
}




ul.pillar-list-links{
	list-style: none; /* Remove default bullets */	
	padding-left: 1rem;
}
							
ul.pillar-list-links li::before {
    content: "-"; /*  "\2012"; unicode character */
    color: #1A81C5;
    font-weight: bold !important;
    display: inline-block;
    width: 1rem;
    margin-left: -1rem;
    font-size: 22px;
    line-height: 0;
    vertical-align: middle;
    margin-bottom: 0.3rem;
    text-align: center;
}
	
ul.pillar-list-links > li{
	margin:0.6rem 0;	
}

@media (max-width:767px){

ul.pillar-list-links > li{
	margin:0.3rem 0;	
}

}


/* LLAMADME ICON de la portada i de la landing de franquicias */

.llamadme-icon-fixed {
	/*background: #252525;*/
	background-color:transparent;
	border:1px solid #1F85C5;
		
	display: inline-block;
	height: 48px;
	width: 48px;
	position: fixed;
	bottom: 35%;
	left: 20px;
	white-space: nowrap;
	/*visibility: hidden;*/
	opacity: 0;
	z-index: 99;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		 -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	border-bottom-left-radius: 4px;
}

.llamadme-icon-fixed, .llamadme-icon-fixed:focus, .llamadme-icon-fixed:hover{
	color: transparent;
}
		
.llamadme-icon-fixed:hover{
	background-color:#1F85C5;	
	transition: all .4s;
}
		
.llamadme-icon-fixed:hover:after{
	transition: all .4s;
	color: #FFFFFF;	
}

.llamadme-icon-fixed::after {
	color: #1F85C5;
	font-family: 'Material Icons';
	content: "phone_in_talk";
	-webkit-font-feature-settings: 'liga';
	font-size: 24px;
	font-weight: 300;
	left: -3px;
	position: absolute;
	right: 0;
	text-align: center;
	text-indent: 0 !important;
	top: 6px;
}



/*
.llamadme-icon-fixed{
	position:fixed; 
	bottom:0px; 
	left:30px; 
	z-index:999; 
	display: block; 
	width: 175px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	border:1px solid #0082CA;
	text-align:right;
	background-color:#0082CA;
	padding:4px 10px 3px 0px;
	color:white;
	font-weight:300;
	
	
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.55);
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.llamadme-icon-fixed:hover{
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
			
	color:#FFFFFF;
	background-color:#253045;
	border:1px solid #253045;
			
			
}

.llamadme-icon-fixed > img{
	width: 52px; 
	height: auto; 
	position: absolute;
	top: 0;
	left: 7px;
	margin-top: -22px;	
	
}
*/

/*  submenú header candidatos (un cop loginat) */
ul.submenu-login-candidatos{
	list-style:none;
	margin:3px 0px 0px 0px;	
	padding:0;
	overflow:hidden;	
		
}
	
ul.submenu-login-candidatos > li{
	display:inline-block;
	padding:0px 22px 0px 0px;	
	font-weight:300;
}
	
ul.submenu-login-candidatos > li:first-child{
	padding:0px 22px 0px 8px;	
}
	
ul.submenu-login-candidatos > li:last-child{
	padding:0px;	
}
@media (max-width:991px){
	ul.submenu-login-candidatos > li{
		margin:4px 0px;	
	}
	
	ul.submenu-login-candidatos > li:first-child{
		padding:0px 22px 0px 0px;	
	}	
	
	ul.submenu-login-candidatos{
		width:max-content;
		max-width:max-content;
	}
	
	.submenu-overflow-mobile{
		/*width:max-content;
		max-width:max-content;*/
		overflow-x:auto;
		padding-bottom:10px;
	}
}
	
ul.submenu-login-candidatos > li > a{
	color:#FFFFFF;
	font-size:15px;
	-o-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
	
ul.submenu-login-candidatos > li > a:hover{
	color:#253045;
	-o-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
	
	
.input-text-busco-empleo-submenu{
	font-family: 'Onest Flex';
	font-weight: 300;
	border: none !important;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	height: calc(1.75rem + 2px);
	padding: .375rem 1rem;
	font-size: 0.9rem;
	line-height: 1;
	color: #495057;
	background-color: rgba(255, 255, 255, 0.75);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 8rem;
	-o-transition: box-shadow 200ms ease-in-out;
	-moz-transition: box-shadow 200ms ease-in-out;
	-webkit-transition: box-shadow 200ms ease-in-out;
	transition: box-shadow 200ms ease-in-out;
}
	
.input-text-busco-empleo-submenu:focus{
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);*/
	
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
	
	-o-transition:box-shadow 200ms ease-in-out;
	-moz-transition: box-shadow 200ms ease-in-out;
	-webkit-transition: box-shadow 200ms ease-in-out;
	transition: box-shadow 200ms ease-in-out;
	
	/*chrome fix outline */
	border:none;
	outline: none;
}	
	

.button-input-busco-empleo-submenu{
	position:absolute;
	margin-top:1px;
	border-radius: 25px;
	background-color: #0082CA;
	color: #FFF;
	/*font-size: 3rem;
	/*padding: 12px 35px;
	line-height:4.2rem;*/
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	display:inline-block;
	width:28px;
	height:28px;
	
	text-align: center;
	margin-left:-40px;
		
}
	
.button-input-busco-empleo-submenu>.material-icons{
	font-size:20px;
	line-height:1.5;
	
}



/* utilitzat a informe-sam.php */
.img-rounded{
	background-repeat: no-repeat; 
	background-size:85px 85px; /* 65px quan el header és de 2 línies */
	background-position:50%; 
	border-radius:50%;
	width:85px;
	height:85px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right:14px;	

}

.img-rounded-50{
	background-size:50px 50px!important;
	width:50px!important;
	height:50px!important;
}

.img-rounded-70{
	background-size:70px 70px!important;
	width:70px!important;
	height:70px!important;
}

.img-rounded-100{
	background-size:100px 100px!important;
	width:100px!important;
	height:100px!important;
}

.img-rounded-120{
	background-size:120px 120px!important;
	width:120px!important;
	height:120px!important;
}

.img-rounded-150{
	background-size:150px 150px!important;
	width:150px!important;
	height:150px!important;
}

/*-----------------------------------------------------------------------------------*/
/* Back top top button */
.button-to-top {
	/*background: #252525;*/
	background-color:transparent;
	border:1px solid #1F85C5;
		
	display: inline-block;
	height: 45px;
	width: 45px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		 -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.button-to-top, .button-to-top:focus, .button-to-top:hover{
	color: transparent;
}
		
.button-to-top:hover{
	background-color:#1F85C5;	
	transition: all .4s;
}
		
.button-to-top:hover:after{
	transition: all .4s;
	color: #FFFFFF;	
}

.button-to-top::after {
	color: #1F85C5;
	/*content: "\f106";
	font-family: "Font Awesome 5 Free"; --  massa bold */
	font-family: 'Material Icons';
	content: "expand_less";
	-webkit-font-feature-settings: 'liga';
	font-size: 23px;
	font-weight: 900;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-indent: 0 !important;
	top: 4px;
}

.button-to-top.cd-is-visible, .button-to-top.cd-fade-out, .no-touch .button-to-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	   -moz-transition: opacity .3s 0s, visibility 0s 0s;
		-ms-transition: opacity .3s 0s, visibility 0s 0s;
		 -o-transition: opacity .3s 0s, visibility 0s 0s;
			transition: opacity .3s 0s, visibility 0s 0s;
}

.button-to-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.button-to-top.cd-fade-out {
	opacity: .8;
}


/* footer cdti */
.logo-cdti{
	width:150px;
	height: auto;
	margin:0.8rem 0rem;
	border:none;
								
}

/* footer cdti + ciege */
.cdti-logo-amb-ciege{
	margin: 1.7rem 0rem; 
	width:130px; 
	height:auto;

}

.ciege-logo-amb-cdti{
	margin: 2.8rem 0rem; 
	width:98px; 
	height:auto;
}

.accio-logo-amb-cdti{
	margin-bottom: 1.3rem;
	width:120px; 
	height:auto;
}

@media (min-width:575px) and (max-width:767px){
	.cdti-logo-amb-ciege{
		width:110px;
	}
	.ciege-logo-amb-cdti{
		width:80px; 
	}

	.accio-logo-amb-cdti{
		width:115px; 
		height:auto;
	}

}

@media (min-width:768px) and (max-width:991px){
	.cdti-logo-amb-ciege{
		width:90px;
		margin: 0.8rem 0rem;
	}
	.ciege-logo-amb-cdti{
		width:60px; 
		margin: 0rem 0rem 0.8rem 0rem;
	}

}

@media (min-width:992px) and (max-width:1199px){
	.cdti-logo-amb-ciege{
		width:112px;
		margin-top:2.7rem;
		/*margin: 0.8rem 0rem;*/
	}
	.ciege-logo-amb-cdti{
		width:82px; 
		margin-top:3.8rem;
	   /* margin: 0rem 0rem 0.8rem 0rem;*/
	}

}

/* end footer cdti + ciege */

.footer-slogan{
	width: 138px;
	height: auto;
	/*padding-top: 0.5rem;*/
}
							
@media (max-width:575px){
	.footer-slogan{
		padding-top: 0.4rem;
	}
}


/*--------------------------------------------------------------------------------------------*/
/* @forms */
label {
  font-size:0.9rem;
}
			
.form-control {
	font-family:'Onest Flex';
	font-weight:300;
	border: 1px solid #DDDDDD;	
}
			
.form-control:focus {
	color: #495057;
	background-color: #fff;
	/*border-color: #80bdff;*/
	border-color: #0082CA;
	  
	outline: 0;
	/* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
	-webkit-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
	box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
}
			
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  /*background-color: #007bff;--> original */
  background-color:#0082CA;
}
			
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  /*background-color: #007bff;*/
  background-color:#F00;
}
			
.custom-control-input:focus ~ .custom-control-label::before {
  /*box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
  	-webkit-box-shadow: 0 0 0 1px #fff,0px 0px 4px 0px rgba(27,130,197,1);
	-moz-box-shadow: 0 0 0 1px #fff,0px 0px 4px 0px rgba(27,130,197,1);
	box-shadow: 0 0 0 1px #fff,0px 0px 4px 0px rgba(27,130,197,1);
}
		
.form-control-error:after{
/*content: "\f00d";
font-family:FontAwesome,"Times New Roman", Times, serif;*/
	font-family:'Material Icons', "Times New Roman", Times;
	content:"\E5CD"; 
		
	font-size: 20px;
	font-weight:normal;
	color:#E80F46;
	text-align: center;
	line-height: 1;
	box-sizing:border-box;
	position:absolute;
	right:10px;
	/*top:50%;*/
	margin-top:-29px;
	
	-webkit-animation-name:fadeInRightMini;
	animation-name:fadeInRightMini;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	z-index:10;
}
		
.form-control-success:after{
	/*content: "\f00c";
	font-family:FontAwesome,"Times New Roman", Times, serif;*/
	font-family:'Material Icons', "Times New Roman", Times;
	content:"\E876"; 
	font-size: 20px;
	font-weight:normal;
	color:#A1C627;
	text-align: center;
	line-height: 1;
	box-sizing:border-box;
	position:absolute;
	right:10px;
	/*top:50%;
	margin-top:-3px;*/
	margin-top:-29px;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
		
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size:1rem;
  font-family:'Onest Flex', Geneva, sans-serif;
  font-weight:300;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
		
.custom-select:focus {
  /*border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);*/
  border-color:#0082CA;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
  box-shadow: 0px 0px 4px 0px rgba(27,130,197,1);
}

/* textarea mas-info.php */
@media (max-width:767px){
	#formulari_info #observacionesInfo{
		min-height:150px;	
	}
}


	/* radio's lightning */
	.slds-form-element__control .slds-radio,
	.slds-form-element__control .slds-checkbox{
	  display:block;
	}
	
	.slds-form-element__control{
	  clear:left;
	  position:relative;
	}
	
	.slds-radio{
	  display:inline-block;
	}
	
	.slds-is-mobile .slds-radio .slds-radio__label{
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
	  -webkit-box-align:center;
		  -ms-flex-align:center;
			  align-items:center;
	  min-height:2.75rem;
	}
	
	.slds-radio .slds-radio_faux,
	.slds-radio .slds-radio--faux{
	  width:1rem;
	  height:1rem;
	  display:inline-block;
	  position:relative;
	  vertical-align:middle;
	  border:1px solid #dddbda;
	  border-radius:50%;
	  background:white;
	  -webkit-transition:border 0.1s linear, background-color 0.1s linear;
	  transition:border 0.1s linear, background-color 0.1s linear;
	}
		
	.slds-is-mobile .slds-radio .slds-radio_faux, .slds-is-mobile
	.slds-radio .slds-radio--faux{
	  width:1.5rem;
	  height:1.5rem;
	}
	
	.slds-radio .slds-form-element__label{
	  display:inline;
	  vertical-align:middle;
	  font-size:0.912rem;
	}
		
	.slds-is-mobile .slds-radio .slds-form-element__label{
	  display:-webkit-inline-box;
	  display:-ms-inline-flexbox;
	  display:inline-flex;
	  font-size:1rem;
	}
	
	.slds-radio [type="radio"]{
	  width:1px;
	  height:1px;
	  border:0;
	  clip:rect(0 0 0 0);
	  margin:-1px;
	  overflow:hidden;
	  padding:0;
	  position:absolute;
	}
		
	.slds-radio [type="radio"]:checked + .slds-radio_faux,
	.slds-radio [type="radio"]:checked + .slds-radio--faux,
	.slds-radio [type="radio"]:checked ~ .slds-radio_faux,
	.slds-radio [type="radio"]:checked ~ .slds-radio--faux,
	.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux,
	.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux{
	  background:white;
	}
	
	.slds-radio [type="radio"]:checked + .slds-radio_faux:after,
	.slds-radio [type="radio"]:checked + .slds-radio--faux:after,
	.slds-radio [type="radio"]:checked ~ .slds-radio_faux:after,
	.slds-radio [type="radio"]:checked ~ .slds-radio--faux:after,
	.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux:after,
	.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio--faux:after{
	  width:0.5rem;
	  height:0.5rem;
	  content:'';
	  position:absolute;
	  top:50%;
	  /*! @noflip */
	  left:50%;
	  -webkit-transform:translate3d(-50%, -50%, 0);
			  transform:translate3d(-50%, -50%, 0);
	  border-radius:50%;
	  background:#0070d2;
	}
	
	.slds-radio [type="radio"]:focus + .slds-radio_faux,
	.slds-radio [type="radio"]:focus + .slds-radio--faux,
	.slds-radio [type="radio"]:focus ~ .slds-radio_faux,
	.slds-radio [type="radio"]:focus ~ .slds-radio--faux,
	.slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux,
	.slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio--faux{
	  border-color:#1589ee;
	  -webkit-box-shadow:0 0 3px #0070D2;
			  box-shadow:0 0 3px #0070D2;
	}
	
	.slds-radio [type="radio"][disabled]{
	  cursor:not-allowed;
	  -webkit-user-select:none;
		 -moz-user-select:none;
		  -ms-user-select:none;
			  user-select:none;
	}
	
	.slds-radio [type="radio"][disabled] ~ .slds-radio_faux,
	.slds-radio [type="radio"][disabled] ~ .slds-radio--faux,
	.slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio_faux,
	.slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio--faux{
	  background-color:#ecebea;
	  border-color:#c9c7c5;
	}
	
	.slds-radio [type="radio"][disabled] ~ .slds-radio_faux:after,
	.slds-radio [type="radio"][disabled] ~ .slds-radio--faux:after,
	.slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio_faux:after,
	.slds-radio [type="radio"][disabled] + .slds-radio__label .slds-radio--faux:after{
	  background:#969492;
	}
		
	.slds-has-error .slds-radio [type='radio'] + .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio'] + .slds-radio--faux,
	.slds-has-error .slds-radio [type='radio'] ~ .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio'] ~ .slds-radio--faux,
	.slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
	  border-color:#c23934;
	  border-width:2px;
	}
	
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux,
	.slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux{
	  background:white;
	}
	
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux:after,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux:after,
	.slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux:after,
	.slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux:after,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux:after,
	.slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux:after{
	  background:#d4504c;
	}
	
	.slds-form-element .slds-radio [type='radio'] + .slds-radio_faux,
	.slds-form-element .slds-radio [type='radio'] + .slds-radio--faux,
	.slds-form-element .slds-radio [type='radio'] ~ .slds-radio_faux,
	.slds-form-element .slds-radio [type='radio'] ~ .slds-radio--faux,
	.slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
	.slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
	  margin-right:0.5rem;
	}



/* checkbox toggle lightning (popup Cookies --> includesJs.php) */
/*! Lightning Design System 2.11.0 */
.slds-checkbox_toggle {
  width: 100%;
}

.slds-is-mobile .slds-checkbox_toggle {
  padding: 0.125rem 0;
}

.slds-is-mobile .slds-checkbox_toggle .slds-form-element__label {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1rem;
}

.slds-checkbox_toggle .slds-checkbox_faux {
  display: block;
  position: relative;
  width: 3rem;
  height: 1.5rem;
  border: 1px solid #b0adab;
  padding: 0.125rem;
  background-color: #b0adab;
  border-radius: 15rem;
  -webkit-transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1);
  transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.slds-checkbox_toggle .slds-checkbox_faux:hover,
.slds-checkbox_toggle .slds-checkbox_faux:focus {
  cursor: pointer;
  background-color: #969492;
}

.slds-checkbox_toggle .slds-checkbox_faux:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.25rem;
  height: 1.25rem;
  background-color: white;
  border-radius: 15rem;
}

.slds-checkbox_toggle [type="checkbox"][type="checkbox"] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container {
  font-size: 0.625rem;
  color: #3e3e3c;
}

.slds-is-mobile .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container {
  font-size: 0.75rem;
}

.slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_off {
  display: block;
}

.slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_on {
  display: none;
}

.slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:focus ~ .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:focus + .slds-checkbox_faux_container .slds-checkbox_faux {
  background-color: #969492;
  border-color: #1589ee;
  -webkit-box-shadow: 0 0 3px #0070d2;
  box-shadow: 0 0 3px #0070d2;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_off {
  display: none;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_on {
  display: block;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux {
  border-color: #0070d2;
  background-color: #0070d2;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:focus,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:focus,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus {
  background-color: #005fb2;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:before,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:before,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 1.25rem;
  height: 1.25rem;
  background-color: white;
  border-radius: 15rem;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
  transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
  transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux:after,
.slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux:after,
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after {
  content: " ";
  position: absolute;
  top: 0.25rem;
  left: 0.6rem;
  height: 0.7rem;
  width: 0.45rem;
  border-bottom: 2px solid white;
  /*! @noflip */
  border-right: 2px solid white;
  border-radius: 0;
  background-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:checked:focus ~ .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"]:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux {
  background-color: #005fb2;
}

.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux,
.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux {
  background-color: #b0adab;
  pointer-events: none;
}

.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:after,
.slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after {
  background-color: #dddbda;
}

.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux:focus,
.slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"][disabled] ~ .slds-checkbox_faux:focus,
.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.slds-checkbox_toggle [type="checkbox"][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:focus {
  background-color: #b0adab;
  cursor: default;
}

.slds-checkbox_toggle
  [type="checkbox"][disabled]:checked
  + .slds-checkbox_faux_container
  .slds-checkbox_faux:before
  [type="checkbox"][disabled]:checked
  + .slds-checkbox--faux_container
  .slds-checkbox--faux:before {
  background-color: #dddbda;
}

.slds-checkbox_toggle [type="checkbox"][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after {
  background-color: transparent;
}

	
	
.slds-checkbox_toggle .slds-form-element__label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: inline-block;
    color: #3e3e3c;
    font-size: .75rem;
    padding-right: .5rem;
    padding-top: .25rem;
    margin-bottom: .125rem;
}	

	.slds-form-element__label-cookies{
		font-size: 1rem!important;
		padding-top: .05rem!important;
		font-weight:400!important;
	}	
	
.slds-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



/* end forms  */

/* @buttons */

	
/* buttons primary & secondary bootstrap modification */
/* change btn padding */

.btn{
	/*padding: 0.375rem 0.75rem;  original padding */
	padding: 0.375rem 1.25rem;
}

.btn-primary {
  color: #fff;
  background-color: #0082CA;
  border-color: #0082CA;
}
	
.btn-primary:hover {
  color: #fff;
  background-color: #1672BB;
  border-color: #1672BB;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0082CA;
  border-color: #0082CA;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary {
  color: #0082CA;
  background-color: transparent;
  background-image: none;
  border-color: #0082CA;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0082CA;
  border-color: #0082CA;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0082CA;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0082CA;
  border-color: #0082CA;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
	
/* executive blue */
.btn-secondary {
  color: #fff;
  background-color: #2A3A4A;
  border-color: #2A3A4A;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #253045;
  border-color: #253045;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #2A3A4A;
  border-color: #2A3A4A;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #253045;
  border-color: #253045;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}	


.btn-outline-secondary {
  color: #2A3A4A;
  background-color: transparent;
  background-image: none;
  border-color: #2A3A4A;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #2A3A4A;
  border-color: #2A3A4A;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #2A3A4A;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #2A3A4A;
  border-color: #2A3A4A;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}



/* danger alerts (oferta-empleo.php) */
.btn-danger {
  color: #fff;
  background-color: #721C24;
  border-color: #721C24;
}
	
.btn-danger:hover {
  color: #fff;
  background-color: #721C24;
  border-color: #721C24;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #721C24;
  border-color: #721C24;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #8F303C;
  border-color: #8F303C;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.5);
}

.btn-outline-danger {
  color: #721C24;
  background-color: transparent;
  background-image: none;
  border-color: #721C24;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #721C24;
  border-color: #721C24;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #721C24;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #721C24;
  border-color: #721C24;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(114, 28, 36, 0.5);
}



/* CUSTOM BUTTONS */
.blue-button-round-mini{
	display:inline-block; /* new */
	border-radius:25px;
	background-color:#0082CA;
	color:#FFF;
	font-size:0.95rem;
	padding:5px 25px;
	border:none;
	cursor:pointer;
	font-size:0.85rem;
	font-weight: 300;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.blue-button-round-medium{
	display:inline-block; /* new */
	border-radius: 25px;
	background-color: #0082CA;
	color: #FFF;
	font-size: 0.95rem;
	padding: 8px 30px;
	border: none;
	cursor: pointer;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	font-size: 0.90rem;
	font-weight: 300;
}

.blue-button-round{
	display:inline-block; /* new */
	border-radius:25px;
	background-color:#0082CA;
	color:#FFF;
	font-size:0.95rem;
	font-weight: 300;
	padding:12px 35px;
	border:none;
	cursor:pointer;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.blue-button-round:hover, .blue-button-round-mini:hover, .blue-button-round-medium:hover{
	text-decoration:none;
	background-color:#1672BB;
	color:#FFF;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
}

.dark-blue-button-round{
	display:inline-block; /* new */
	border-radius:25px;
	background-color:#253045;
	color:#FFF;
	font-size:0.95rem;
	padding:12px 35px;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.dark-blue-button-round:hover{
	text-decoration:none;
	background-color:#404F65;
	color:#FFF;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
}

.white-button-round{
	display:inline-block; /* new */
	border-radius:25px;
	background-color:#FFFFFF;
	color:#0082CA;
	font-size:0.95rem;
	font-weight: 300;
	padding:12px 35px;
	border:none;
	cursor:pointer;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}


.white-button-round-mini{
	display:inline-block; /* new */
	border-radius:25px;
	background-color:#FFFFFF;
	color:#0082CA;
	font-size:0.95rem;
	padding:5px 25px;
	border:none;
	cursor:pointer;
	font-size:0.85rem;
	font-weight: 300;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.white-button-round-medium{
	display:inline-block; /* new */
	border-radius: 25px;
	background-color:#FFFFFF;
	color:#0082CA;
	font-size: 0.95rem;
	padding: 8px 30px;
	border: none;
	cursor: pointer;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	font-size: 0.90rem;
	font-weight: 300;
}

.white-button-round:hover, .white-button-round-mini:hover, .white-button-round-medium:hover {
	text-decoration:none;
	background-color:#DDDDDD;
	color:#0082CA;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
}

.white-button-round .material-symbols-outlined, .blue-button-round .material-symbols-outlined, .dark-blutton-round .material-symbols-outlined{
	vertical-align:middle;
	margin-right:0.1rem;
}


/* utilitzats a la web de convencion2021 */

.green-button-round-mini{
	border-radius:25px;
	background-color:#54C473;
	color:#FFF;
	font-size:0.95rem;
	padding:5px 25px;
	border:none;
	cursor:pointer;
	font-size:0.85rem;
	font-weight: 300;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.green-button-round-medium{
	border-radius: 25px;
	background-color: #54C473;
	color: #FFF;
	font-size: 0.95rem;
	padding: 8px 30px;
	border: none;
	cursor: pointer;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	font-size: 0.90rem;
	font-weight: 300;
}

.green-button-round{
	border-radius:25px;
	background-color:#54C473;
	color:#FFF;
	font-size:0.95rem;
	font-weight: 300;
	padding:12px 35px;
	border:none;
	cursor:pointer;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}


.green-button-round:hover, .green-button-round-mini:hover, .green-button-round-medium:hover{
	text-decoration:none;
	background-color:#38AA50;
	color:#FFF;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
}


.red-button-round-mini{
	border-radius:25px;
	background-color:#BA0517;
	color:#FFF;
	font-size:0.95rem;
	padding:5px 25px;
	border:none;
	cursor:pointer;
	font-size:0.85rem;
	font-weight: 300;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.red-button-round-medium{
	border-radius: 25px;
	background-color: #BA0517;
	color: #FFF;
	font-size: 0.95rem;
	padding: 8px 30px;
	border: none;
	cursor: pointer;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	font-size: 0.90rem;
	font-weight: 300;
}

.red-button-round{
	border-radius:25px;
	background-color:#BA0517;
	color:#FFF;
	font-size:0.95rem;
	font-weight: 300;
	padding:12px 35px;
	border:none;
	cursor:pointer;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

.red-button-round:hover, .red-button-round-mini:hover, .red-button-round-medium:hover{
	text-decoration:none;
	background-color:#9E030E;
	color:#FFF;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
}

/* utilitzada a landings/landing-franquicias.php, candidatos-new/mis-entrevistas.php, candidatos-new/mis-inscripciones.php */
.blue-button-round-ghost{
	display:inline-block;
	border-radius:25px;
			
	border:1px solid #0082CA;
		
	background-color:#FFFFFF;
	color:#0082CA;
	font-size:0.95rem;
	padding:11px 35px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.blue-button-round-ghost-medium{
	border-radius:25px;
			
	border:1px solid #0082CA;
		
	background-color:#FFFFFF;
	color:#0082CA;
	font-size: 0.90rem;
	padding: 8px 30px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.blue-button-round-ghost-mini{
	border-radius:25px;
			
	border:1px solid #0082CA;
		
	background-color:#FFFFFF;
	color:#0082CA;
	font-size:0.85rem;
	padding:5px 25px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.blue-button-round-ghost:hover,.blue-button-round-ghost-medium:hover,.blue-button-round-ghost-mini:hover{
	text-decoration:none;
	background-color:#1672BB;
	color:#FFF;
			
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

/* utilitzat a landings/landing-premios-etalentum.com */

.dark-blue-button-round-ghost{
	border-radius:25px;
			
	border:1px solid #253045;
		
	/*background-color:#FFFFFF;*/
	color:#253045;
	font-size:0.95rem;
	padding:12px 35px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.dark-blue-button-round-ghost-medium{
	border-radius:25px;
			
	border:1px solid #253045;
		
	background-color:#FFFFFF;
	color:#253045;
	font-size: 0.90rem;
	padding: 8px 30px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.dark-blue-button-round-ghost-mini{
	border-radius:25px;
			
	border:1px solid #253045;
		
	background-color:#FFFFFF;
	color:#253045;
	font-size:0.85rem;
	padding:5px 25px;
			
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.dark-blue-button-round-ghost:hover,.dark-blue-button-round-ghost-medium:hover,.dark-blue-button-round-ghost-mini:hover{
	text-decoration:none;
	background-color:#253045;
	color:#FFF;
			
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

/* utilitzat a clippings-prensa.php */
.blue-button-round-ghost.dropdown-toggle{
	padding: 9px 35px;
}

/* utilitzat a landings/landing-sam.php*/
.white-button-round-ghost{
	border-radius:25px;
	border:1px solid #FFFFFF;

	background-color:transparent;
	color:#FFFFFF;
	font-size:0.95rem;
	padding:12px 35px;

	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.white-button-round-ghost-medium{
	border-radius:25px;
	border:1px solid #FFFFFF;

	background-color:transparent;
	color:#FFFFFF;
	font-size: 0.90rem;
	padding: 8px 30px;

	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.white-button-round-ghost-mini{
	border-radius:25px;
	border:1px solid #FFFFFF;

	background-color:transparent;
	color:#FFFFFF;
	font-size:0.85rem;
	padding:5px 25px;

	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
		
.white-button-round-ghost-medium:hover,.white-button-round-ghost-medium:hover,.white-button-round-ghost-mini:hover{
	text-decoration:none;
	background-color:#FFFFFF;
	color:#1672BB;
			
	border:1px solid #1672BB;

	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}


/* utilitzat en candidatos/mi-cv.php */
.button-round-ghost-descarga {
	border-radius: 25px;
	background-color: transparent;
	color: #197FC5;
	border:1px solid #197FC5;
	font-size: 2rem;
	line-height: 1.2;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
			
}
		
.button-round-ghost-descarga:hover {
	background-color: #197FC5;
	color: #FFFFFF;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
}
		
		
.button-round-ghost-descarga-grey {
	border-radius: 25px;
	background-color: transparent;
	color: #BBBBBB;
	border:1px solid #CCCCCC;
	font-size: 2rem;
	line-height: 1.2;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
		
}
		
.button-round-ghost-descarga-grey:hover {
	background-color: #CCCCCC;
	color: #FFFFFF;
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
}


/* end buttons */


/* @fonts */
h2.thin-dark-blue-35, h3.thin-dark-blue-35, h4.thin-dark-blue-35,h5.thin-dark-blue-35{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	margin:0rem;
}

h2.thin-dark-blue-45,h3.thin-dark-blue-45,h4.thin-dark-blue-45,h5.thin-dark-blue-45 {
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 2.8rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	/*margin:3.6rem 0rem 0rem 0rem;*/
	margin:4.5rem 0rem 0rem 0rem;

}

h3.regular-dark-blue-18,h2.regular-dark-blue-18,h1.regular-dark-blue-18{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
	margin:0rem 0rem 3rem 0rem;

}


.regular-dark-blue-10{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.70rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-11{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.75rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-12{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.80rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}


.regular-dark-blue-14{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.90rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-15{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.95rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-16{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-18{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-20{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

.regular-dark-blue-22{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:400;
	font-style:normal;
	color:#253045;
}

a.regular-dark-blue-14:hover,a.regular-dark-blue-15:hover,a.regular-dark-blue-16:hover,a.regular-dark-blue-18:hover, a.regular-dark-blue-20:hover, a.regular-dark-blue-22:hover{
    color:#505F74;
    transition: color .15s;
}

.regular-blue-12{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.8rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-14{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.9rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-15{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.95rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-16{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-18{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-20{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.regular-blue-22{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:400;
	font-style:normal;
	color:#0082CA;
}

.light-dark-blue-12{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.8rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-11{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.75rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-10{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.7rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-14{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.9rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-15{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.95rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-16{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-18{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-20{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-22{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.5rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.light-dark-blue-28{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.8rem;
	font-weight:200;
	font-style:normal;
	color:#253045;		
	
}

.thin-dark-blue-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:1.6rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	
}

.thin-dark-blue-28{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:1.8rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	
}


.thin-dark-blue-30{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	
}

.thin-dark-blue-35{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	
}

.thin-dark-blue-45{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2.8rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
	
}

.thin-blue-rsc-45{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2.8rem;
	font-weight:100;
	font-style:normal;
	color:#505F74;	
}


.thin-blue-28{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:1.8rem;
	font-weight:100;
	font-style:normal;
	color:#0082CA;
	
}

.thin-blue-30{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2rem;
	font-weight:100;
	font-style:normal;
	color:#0082CA;
	
}

.thin-blue-35{
	font-family:"Onest Flex", Geneva, sans-serif;
	/*font-size:60px;*/
	font-size:2.3rem;
	font-weight:100;
	font-style:normal;
	color:#0082CA;
	
}

.light-blue-12{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.8rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;		
	
}

.light-blue-14{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.9rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;		
	
}

.light-blue-15{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 0.95rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;		
}

.light-blue-16{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;			
}

.light-blue-18{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.2rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;		
	
}

.light-blue-20{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;	
}

.light-blue-22{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.5rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;	
}

.light-blue-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;	
}

.light-blue-28{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.8rem;
	font-weight:200;
	font-style:normal;
	color:#0082CA;
	
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;	
}


a.regular-blue-14,a.regular-blue-15,a.regular-blue-16,a.regular-blue-18,a.regular-blue-20,a.regular-blue-22,a.light-blue-14,a.light-blue-15,a.light-blue-16,a.light-blue-18,a.light-blue-20, a.light-blue-22,a.light-blue-25,a.light-blue-28{
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;	
}
a.regular-blue-14:hover,a.regular-blue-15:hover,a.regular-blue-16:hover,a.regular-blue-18:hover,a.regular-blue-20:hover,a.light-blue-14:hover,a.light-blue-15:hover,a.light-blue-16:hover,a.light-blue-18:hover,a.light-blue-20:hover, a.light-blue-22:hover,a.light-blue-25:hover,a.light-blue-28:hover{
	color:#1672BB;  /*#1672BB;   #1262AF; */ 
	text-decoration:none;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;	
}

/* href */
a.light-dark-blue-14, a.light-dark-blue-15, a.light-dark-blue-16,a.light-dark-blue-18,a.light-dark-blue-20{
	-o-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
 	transition: all 200ms;
}

a.light-dark-blue-14:hover, a.light-dark-blue-15:hover, a.light-dark-blue-16:hover,a.light-dark-blue-18:hover,a.light-dark-blue-20:hover{
	opacity:0.80;
	text-decoration:none;
	
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
 	transition: all 300ms;
		
}

.light-white-20{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.4rem;
	font-weight:200;
	font-style:normal;
	color:#FFFFFF;	
}

.light-white-25{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size: 1.6rem;
	font-weight:200;
	font-style:normal;
	color:#FFFFFF;	
}

.number-blue-60{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:3rem;
	font-weight:300;
	font-style:normal;
	color:#0082CA;
	
	letter-spacing:-3px;
}

.number-blue-80{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:3.5rem;
	font-weight:300;
	font-style:normal;
	color:#0082CA;
	
	letter-spacing:-3px;
}

@media (min-width:768px) and (max-width:991px){
	.number-blue-80{
		font-size:3.3rem;
	}

}

.number-blue-100{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:4.4rem;
	font-weight:300;
	font-style:normal;
	color:#0082CA;
	
	letter-spacing:-3px;
}

.number-dark-blue-80{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:3.5rem;
	font-weight:300;
	font-style:normal;
	color:#253045;
	
	letter-spacing:-3px;
}

.number-dark-blue-100{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:4.4rem;
	font-weight:300;
	font-style:normal;
	color:#253045;
	
	letter-spacing:-3px;
}

.number-legend{
	margin-top:-15px;
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.1rem;
	font-weight:300;
	font-style:normal;
	/*color:#AAAAAA;
	text-transform:uppercase;*/
	display:block;	
}	

.number-legend-100{
	margin-top:-15px;
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.3rem;
	font-weight:300;
	font-style:normal;
	/*color:#AAAAAA;
	text-transform:uppercase;*/
	display:block;	
}	

.number-legend-top{
	margin-bottom:-20px;
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:1.1rem;
	font-weight:300;
	font-style:normal;
	color:#AAAAAA;
	text-transform:uppercase;
	display:block;	
}	

.number-blue-right{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.5rem;
	font-weight:100;
	font-style:normal;
	color:#0082CA;
	
	letter-spacing:-3px;	
}	

.number-dark-blue-right{
	font-family:"Onest Flex", Geneva, sans-serif;
	font-size:2.5rem;
	font-weight:100;
	font-style:normal;
	color:#253045;
		
	letter-spacing:-3px;	
}	
		
/* end fonts */


/* @ANIMATIONS */

	.animate{
		opacity:0; /* animate fix for mobile devices */	
	}
	.fadeInUp{
		-webkit-animation-name:fadeInUp;
		animation-name:fadeInUp;
		-webkit-animation-duration:.8s;
		animation-duration:.8s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:10;
	}
	
	.fadeInUpMini{
		-webkit-animation-name:fadeInUpMini;
		animation-name:fadeInUpMini;
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:auto;
	}

	.fadeInDownMini{
		-webkit-animation-name:fadeInDownMini;
		animation-name:fadeInDownMini;
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:auto;
	}
	
	.fadeInLeftMini{
		-webkit-animation-name:fadeInLeftMini;
		animation-name:fadeInLeftMini;
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:10!important;
	}
	
	.fadeInRightMini{
		-webkit-animation-name:fadeInRightMini;
		animation-name:fadeInRightMini;
		-webkit-animation-duration:.6s;
		animation-duration:.6s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:9!important;
	}
	
	
	.fadeInUpMenu{
		-webkit-animation-name:fadeInUpMenu;
		animation-name:fadeInUpMenu;
		-webkit-animation-duration:.4s;
		animation-duration:.4s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:10;
	}
	
	.fadeOutMenu{
		-webkit-animation-name:fadeOutMenu;
		animation-name:fadeOutMenu;
		-webkit-animation-duration:.15s;
		animation-duration:.15s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:10;
	}
	
	
	.drawBorderRight{
		-webkit-animation-name:drawBorderRight;
		animation-name:drawBorderRight;
		-webkit-animation-duration:1.05s;
		animation-duration:1.05s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:10;
	}
	
	
	
	.animate{
		opacity:0; /* animate fix for mobile devices */	
	}
	
	@-moz-keyframes fadeInUp {
		0% {
			-moz-transform: translateY(80px);
			opacity:0;
		}
		100% {
			-moz-transform: translateY(0);
			opacity:1;
		}
	}
	@-webkit-keyframes fadeInUp {
		0% {
			-webkit-transform: translateY(80px);
			opacity:0;
		}
		100% {
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}
	@keyframes fadeInUp {
		0% {
			transform: translateY(80px);
			opacity:0;
		}
		100% {
			transform: translateY(0);
			opacity:1;
		}
	}
	
	
	@-moz-keyframes fadeInUpMini {
		0% {
			-moz-transform: translateY(20px);
			opacity:0;
		}
		100% {
			-moz-transform: translateY(0);
			opacity:1;
		}
	}
	@-webkit-keyframes fadeInUpMini {
		0% {
			-webkit-transform: translateY(20px);
			opacity:0;
		}
		100% {
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}
	@keyframes fadeInUpMini {
		0% {
			transform: translateY(20px);
			opacity:0;
		}
		100% {
			transform: translateY(0);
			opacity:1;
		}
	}



	@-moz-keyframes fadeInDownMini {
		0% {
			-moz-transform: translateY(-20px);
			opacity:0;
		}
		100% {
			-moz-transform: translateY(0);
			opacity:1;
		}
	}
	@-webkit-keyframes fadeInDownMini {
		0% {
			-webkit-transform: translateY(-20px);
			opacity:0;
		}
		100% {
			-webkit-transform: translateY(0);
			opacity:1;
		}
	}
	@keyframes fadeInDownMini {
		0% {
			transform: translateY(-20px);
			opacity:0;
		}
		100% {
			transform: translateY(0);
			opacity:1;
		}
	}
	
	
	
	@-moz-keyframes fadeInLeftMini {
		0% {
			-moz-transform: translateX(-20px);
			opacity:0;
		}
		100% {
			-moz-transform: translateX(0);
			opacity:1;
		}
	}
	@-webkit-keyframes fadeInLeftMini {
		0% {
			-webkit-transform: translateX(-20px);
			opacity:0;
		}
		100% {
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}
	@keyframes fadeInLeftMini {
		0% {
			transform: translateX(-20px);
			opacity:0;
		}
		100% {
			transform: translateX(0);
			opacity:1;
		}
	}
	
	
	
	@-moz-keyframes fadeInRightMini {
		0% {
			-moz-transform: translateX(20px);
			opacity:0;
		}
		100% {
			-moz-transform: translateX(0);
			opacity:1;
		}
	}
	@-webkit-keyframes fadeInRightMini {
		0% {
			-webkit-transform: translateX(20px);
			opacity:0;
		}
		100% {
			-webkit-transform: translateX(0);
			opacity:1;
		}
	}
	@keyframes fadeInRightMini {
		0% {
			transform: translateX(20px);
			opacity:0;
		}
		100% {
			transform: translateX(0);
			opacity:1;
		}
	}
	

	/* MENU ANIMATION */
	@-moz-keyframes fadeInUpMenu {
		0% {
			-moz-transform: translateX(-16px);
			opacity:0;
		}
		
		100% {
			-moz-transform: translateX(0);
			opacity:1;
			display:block;
		}
	}
	@-webkit-keyframes fadeInUpMenu {
		0% {
			-webkit-transform: translateX(-16px);
			opacity:0;
		}

		100% {
			-webkit-transform: translateX(0);
			opacity:1;
			display:block;
		}
	}
	@keyframes fadeInUpMenu {
		0% {

			transform: translateX(-16px);
			opacity:0;
		}
	
		100% {
			transform: translateX(0);
			opacity:1;
			display:block;
		}
	}
	
	
	@-moz-keyframes fadeOutMenu {
		0% {
			transform: translateX(0);
			opacity:1;
			display:block;
		}
		
		100% {
			transform: translateX(-8px);
			opacity:0;
			display:none;
		}
	}
	@-webkit-keyframes fadeOutMenu {
		0% {
			transform: translateX(0);
			opacity:1;
			display:block;
		}

		100% {
			transform: translateX(-8px);
			opacity:0;
			display:none;
		}
	}
	@keyframes fadeOutMenu {
		0% {
			transform: translateX(0);
			opacity:1;
			display:block;
		}
	
		100% {
			transform: translateX(-8px);
			opacity:0;
			display:none;
		}
	}
	
	/* END MENU ANIMATION */
	
	

	@-moz-keyframes fadeOut {
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}
	@-webkit-keyframes fadeOut {
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}
	@keyframes fadeOut {
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}


	@-moz-keyframes drawBorderRight {
		0% {
        	background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
		}
		
		100% {
			background-size:    100% 1px,
								1px 100%,
								100% 1px,
								1px 100%;
		}
	}
	
	@-webkit-keyframes drawBorderRight {
		0% {
        	background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
		}
		
		100% {
			background-size:    100% 1px,
								1px 100%,
								100% 1px,
								1px 100%;
		}
	}
	
	@keyframes drawBorderRight {
		0% {
        	background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
		}
		
		100% {
			background-size:    100% 1px,
								1px 100%,
								100% 1px,
								1px 100%;
		}
	}


	/* utilitzat a autorizacion-referencias, scroll help icon */
	.horizontalScrollHelpIconFade{
		-webkit-animation-name:horizontalScrollHelpIconFade;
		animation-name:horizontalScrollHelpIconFade;
		-webkit-animation-duration:2s; /* .6s */
		animation-duration:2s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		z-index:auto;
	}
	
	@-moz-keyframes horizontalScrollHelpIconFade {
		0% {
			transform: translateX(40px);
			opacity:0;
		}
		
		40% {
			transform: translateX(0px);
			opacity:1;
		}
		
		41% {
			transform: translateX(0px);
			opacity:0;
		}
		
		60% {
			transform: translateX(40px);
			opacity:0;
		}
		
		
		95% {
			transform: translateX(0px);
			opacity:1;
		}
		
		100% {
			transform: translateX(0px);
			opacity:0;
		}
	}
	@-webkit-keyframes horizontalScrollHelpIconFade {
		0% {
			transform: translateX(40px);
			opacity:0;
		}
		
		40% {
			transform: translateX(0px);
			opacity:1;
		}
		
		41% {
			transform: translateX(0px);
			opacity:0;
		}
		
		60% {
			transform: translateX(40px);
			opacity:0;
		}
		
		
		95% {
			transform: translateX(0px);
			opacity:1;
		}
		
		100% {
			transform: translateX(0px);
			opacity:0;
		}
	}
	@keyframes horizontalScrollHelpIconFade {
		
		
		0% {
			transform: translateX(40px);
			opacity:0;
		}
		
		40% {
			transform: translateX(0px);
			opacity:1;
		}
		
		41% {
			transform: translateX(0px);
			opacity:0;
		}
		
		60% {
			transform: translateX(40px);
			opacity:0;
		}
		
		
		95% {
			transform: translateX(0px);
			opacity:1;
		}
		
		100% {
			transform: translateX(0px);
			opacity:0;
		}
	}	


/* END ANIMATIONS */			
	
	
/* @helper classes */

.spacer5 {  clear:both;height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;  }
.spacer7 {  clear:both;height: 7px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;  }
.spacer10 { clear:both;height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;  }
.spacer15 { clear:both;height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { clear:both;height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { clear:both;height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { clear:both;height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { clear:both;height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { clear:both;height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { clear:both;height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { clear:both;height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer60 { clear:both;height: 60px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer75 { clear:both;height: 75px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { clear:both;height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer125 { clear:both;height: 125px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer150 { clear:both;height: 150px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { clear:both;height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.h-50-px{ 
	height:50px;
	width:auto;
}

.h-60-px{ 
	height:60px;
	width:auto;
}

.h-70-px{ 
	height:70px;
	width:auto;
}

.h-75-px{ 
	height:75px;
	width:auto;
}

.h-80-px{ /* icons home, icons internacional, etc */
	height:80px;
	width:auto;
}

.h-100-px{ 
	height:100px;
	width:auto;
}

.h-125-px{ 
	height:125px;
	width:auto;
}

.h-150-px{ 
	height:150px;
	width:auto;
}

.h-200-px{ 
	height:200px;
	width:auto;
}

.bg-blue-gradient{
	background: linear-gradient(0.25turn, #01ADE0, #1480C3);
}

.bg-grey{
	background-color:#F4F4F4!important;
}

.bg-white{
	background-color:#FFFFFF;
}
		
.bg-light-blue{
	background-color:#BDDBEE;	
}

.bg-blue{
	background-color:#1980C5;	
}

.bg-light-dark-blue{
	background-color:#A8ACB5;	
}

.bg-dark-blue{
	background-color:#253045;	
}

.border-grey{
	border:1px solid #DDDDDD;	
}
.border-bottom-grey{
	border-bottom:1px solid #DDDDDD;
}
.border-right-grey{
	border-right:1px solid #DDDDDD;
}

.border-top-grey{
	border-top:1px solid #DDDDDD;
}

.border-top-white{
	border-top:1px solid #FFFFFF;
}

.border-right-white{
	border-right:1px solid #FFFFFF;
}

.border-left-white{
	border-left:1px solid #FFFFFF;
}

.border-bottom-white{
	border-bottom:1px solid #FFFFFF;
}

.border-top-blue-1{
	border-top:1px solid #0082CA;
}

.border-top-blue-2{
	border-top:2px solid #0082CA;
}

.border-top-blue-6{
	border-top:6px solid #0082CA;
}

.border-bottom-white{
	border-bottom:1px solid #FFFFFF;
}

.border-bottom-blue-1{
	border-bottom:1px solid #0082CA;
}

.border-bottom-blue-2{
	border-bottom:2px solid #0082CA;
}

@media (min-width:768px){
	.border-right-grey-md{
		border-right: 1px solid #DDDDDD;
	}

	.border-top-grey-md{
		border-top: 1px solid #DDDDDD;
	}
}

@media (max-width:767px){
	.border-top-grey-sm{
		border-top: 1px solid #DDDDDD;
	}
}

@media (max-width: 767px) {
	.no-border-top-md {
	   border-top: none!important;
	}
}

.font-white{
	color:#FFFFFF!important;	
}

.font-grey{
	color:#CCCCCC!important;	
}

.font-blue{
	color:#0082CA!important;	
}

.font-light-blue {
    color: #8DC0E2 !important;
}

.font-dark-blue{
	color:#253045!important;	
}

.font-red{
	color:#E80F46!important;	
}

.font-green{
	color:#3AAA35!important;
}

.formulari-input-required {
    color:#ADD8E6 !important;	
    font-size:0.45rem!important;
}

.formulari-input-required-orange { /* utilitzat a candidatos/completar-perfil-2-parsing.php */
    color:#FFC107 !important;	
    font-size:0.45rem!important;
}

.font-size-8{
	font-size:0.45rem!important;
}

.font-size-10{
	font-size:0.65rem!important;
}

.font-size-12{
	font-size:0.8rem!important;
}

.font-size-14{
	font-size:0.9rem!important;
}

.font-size-15{
	font-size:0.95rem!important;
}

.font-size-16{
	font-size:1rem!important;
}

/* padding functions */
		
.noPadding {
   padding: 0 !important;
   margin: 0 !important;
}

@media (max-width: 767px) {
	.no-padding-md{
		padding:0rem!important;	

	}	
	
	.no-padding-x-md{
		padding-left:0rem!important;	
		padding-right:0rem!important;	
	}	
	
	.no-padding-y-md{
		padding-top:0rem!important;	
		padding-bottom:0rem!important;	
	}	
}

/* extend bootstrap padding-margin classes */
.m-6 {
  margin: 4rem !important;
}

.mt-6,
.my-6 {
  margin-top: 4rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 4rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 4rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.mt-7,
.my-7 {
  margin-top: 5rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 5rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 5rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 5rem !important;
}




.p-6 {
  padding: 4rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.pt-7,
.py-7 {
  padding-top: 5rem !important;
}

.pr-7,
.px-7 {
  padding-right: 5rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 5rem !important;
}

.pl-7,
.px-7 {
  padding-left: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.pt-8,
.py-8 {
  padding-top: 6rem !important;
}

.pr-8,
.px-8 {
  padding-right: 6rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 6rem !important;
}

.pl-8,
.px-8 {
  padding-left: 6rem !important;
}

/* margin classes negative */
.mt-1-{
	margin-top: -0.25rem !important;	
}

.mt-2-{
	margin-top: -0.5rem !important;	
}

.mt-3-{
	margin-top: -1rem !important;	
}


/* min height helper classes */
.mh-125{
	min-height: 7.813rem!important;
}
					
.mh-150{
	min-height: 9.375rem!important;
}
					
.mh-200{
	min-height: 12.5rem!important;
}
					
.mh-250{
	min-height: 15.625rem!important;
}
					
.mh-300{
	min-height: 18.75rem!important;
}
					
.mh-350{
	min-height: 21.875rem!important;
}
					
.mh-400{
	min-height: 25rem!important;
}
				
.mh-450{
	min-height: 28.125rem!important;
}
			
.mh-500{
	min-height: 31.25rem!important;
}

.mh-600{
	min-height: 37.5rem!important;
}

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
 .text-xs-left { text-align: left; }
 .text-xs-right { text-align: right; }
 .text-xs-center { text-align: center; }
 .text-xs-justify { text-align: justify; }
 
 @media (min-width: 768px) {
   .text-sm-left { text-align: left; }
   .text-sm-right { text-align: right; }
   .text-sm-center { text-align: center; }
   .text-sm-justify { text-align: justify; }
 }
 
 @media (min-width: 992px) {
   .text-md-left { text-align: left; }
   .text-md-right { text-align: right; }
   .text-md-center { text-align: center; }
   .text-md-justify { text-align: justify; }
 }
 
 @media (min-width: 1200px) {
   .text-lg-left { text-align: left; }
   .text-lg-right { text-align: right; }
   .text-lg-center { text-align: center; }
   .text-lg-justify { text-align: justify; }
 }

/* containers flex with breakpoints */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}


/* table without borders */
.borderless td, .borderless th {
    border: none;
}

.z-index-10{
	z-index:10;	
}

.z-index-100{
	z-index:100;	
}

.z-index-200{
	z-index:200;	
}

/* @google chapta */
.grecaptcha-badge {
    display: none !important;
}

/* badges custom */
.badge.badge-dark-blue-custom{
	color: #fff;
	background-color: #253045;
	font-family: 'Onest Flex',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight:300;
	padding:0.7em 1.3em 0.7em 1.3em;
	font-size:0.84em;
}

/* arrows css */
.arrow-down {
	position:relative;
	/*margin-bottom:-65px;*/
	margin-bottom:-18px;

	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #BDDBEE;
}

.arrow-down.arrow-down-light-blue{
	border-top: 20px solid #BDDBEE;
}

.arrow-down.arrow-down-blue{
	border-top: 20px solid #0082CA;
}

.arrow-down.arrow-down-dark-blue{
	border-top: 20px solid #253045;
}

.arrow-down.arrow-down-white{
	border-top: 20px solid white;
  
} 

.arrow-up {
	position:relative;
	margin-top:-18px;

	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-bottom: 20px solid black;
}

.arrow-up.arrow-up-white{
  border-bottom: 20px solid white;
} 

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	
	border-left: 20px solid green;
}
  
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	
	border-right:20px solid blue; 
}


/* custom list-group for faq (seleccion-de-personal.php)*/
.list-group-borderless .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	border-top:0;
  
	border-bottom:1px solid #FFFFFF;
  
	-o-transition: all 200ms;
	  -moz-transition: all 200ms;
	  -webkit-transition: all 200ms;
	   transition: all 200ms;
  }
  
  .list-group-borderless:first-child .list-group-item:first-child {
	border-top: 0;
  }
  
  .list-group-borderless:last-child .list-group-item:last-child {
	border-bottom: 0;
  }
  
  .list-group-borderless .list-group-item a{
	  font-family:"Onest Flex", Geneva, sans-serif;
	  font-size: 1.2rem;
	  font-weight:300;
	  font-style:normal;
	  color:#253045;	
  }
  
  .list-group-borderless .list-group-item a.font-blue{
	  font-size: 1.4rem;
  }
  
  .list-group-borderless .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #0082CA;
	border-color: #0082CA;
  
	-o-transition: all 200ms;
	  -moz-transition: all 200ms;
	  -webkit-transition: all 200ms;
	   transition: all 200ms;
  }
  
  .list-group-borderless .list-group-item.active a{
	  color: #fff;
  }