.text-inter{
	font-family: var(--secondary-font);
}

.fw-500{
	font-weight: 500;
}

.h-100{
	height:100% !important;
}

.h-300{
	height:300px !important;
}

.fz-14{
	font-size:14px;
}

.fz-21{
	font-size:21px;
}

.fz-30{
	font-size:30px;
	line-height: 35px;
}

.fz-42{
	font-size:42px;	
}

.flex-shrink-0{
	flex-shrink: 0 !important;
}

.btn{
	display: inline-block;	
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0em;		
	padding: 12px 22px 12px 22px;
	border-radius: 50px;	
	gap: 10px;
	cursor: pointer;
	text-decoration: none !important;
	position: relative;
}

.btn-icon{
	padding-right:40px;
}

.btn-icon span.material-icons{
	position: absolute;
	right:10px;
	top:8px;
}

.text-dark-blue{
	color:var(--dark-blue);
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.text-dark{
	color:var(--text-color);
}

.text-blue{
	color:var(--blue-color) !important;
}

.text-aqua{
	color:var(--aqua-color) !important;
}

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

.text-italic{
	font-style: italic;
}

.text-white{
	color:white !important;
}

.text-decoration-none{
	text-decoration: none !important;
}

.border-aqua{
	border:2px var(--aqua-color) solid;
}

.border-blue{
	border:2px var(--blue-color) solid;
}

.bg-dark-blue{
	background:var(--dark-blue);
}

.bg-light-color{
	background:var(--light-color) !important;
}

.bg-white{
	background:white !important;
}

.w-100{
	width:100%;
}

.img-fluid, .content-single img{
	max-width: 100% !important;
}

.content-single p{
	font-family: var(--secondary-font);
}

.content-single h1, .content-single h2, .content-single h3, .content-single h4{	
	color:var(--dark-blue);
}

.content-single h2{
	font-size:1.6em;
}
.content-single h3{
	font-size:1.2em;
}
.content-single h4{
	font-size:1em;
}

.bg-home{
	background:url('../images/bg-home.png') no-repeat top center / 100% auto;
}

.pt-head{
	padding-top:129px;
	padding-bottom:100px !important;
}

.bg-triangle{
	width: 0px;
	height: 0px;
	border-left: 50vw solid var(--light-color);
	border-right: 50vw solid  var(--light-color);
	border-top: 100px solid transparent;
	border-bottom: 0px solid var(--light-color);
	margin: 0px auto;
	position: relative;
	padding-bottom:50px;
	margin-top:-100px;
}

.bg-triangle-dark{
	width: 0px;
	height: 0px;
	border-left: 50vw solid var(--dark-blue);
	border-right: 50vw solid  var(--dark-blue);
	border-top: 100px solid transparent;
	border-bottom: 0px solid var(--dark-blue);
	margin: 0px auto;
	position: relative;
	padding-bottom:50px;
	margin-top:-100px;
}

.bg-triangle:before, .bg-triangle-dark:before{
	content: '';
    position: absolute;
    top: -125px; 
    right:-50vw;  
    width: 37vw;
    height: 100px;
    background: url(../images/rect-aqua.png) no-repeat top center / 100% 100%;
}

.text-uppercase{
	text-transform: uppercase;
}

ul.options li{
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:25px 0px;
	border-bottom:1px #435059 solid;
	max-width: 80%;	
	position: relative;
}

ul.options li .btn{
	position: absolute;	
	right:0px;
	padding:5px;
}

ul.options li .btn span.text{
	visibility: hidden;
	overflow: hidden;
	width:0px;	
	white-space: nowrap;
	position: absolute;
	transition: width .5s;
}

ul.options li:hover{
	color:var(--aqua-color) !important;
	font-weight: bold;
}

ul.options li:hover .btn span.text{
	width:130px;
	padding-left:5px;
	visibility: visible;	
	position: relative;
	transition: width .5s;	
}

.resource-card{
	border-radius: 10px;
}

.resource-card .mask{
	height:540px;
	display: flex;
	flex-direction: column;	
	justify-content: flex-end;
	background: linear-gradient(360deg, #0A2540 34.05%, rgba(10, 37, 64, 0) 100%);
	border-radius: 10px;
}

.wpcf7-form {
	margin:30px 0px;
}

.form-group label, .wpcf7-form label{
	font-size: 14px;
	font-family: var(--secondary-font);
	display: block;
	color:white;	
}

.form-group input, .form-group textarea, .wpcf7-form input, .wpcf7-form textarea{
	background: #FFFFFF1A;
	width:100%;
	border:1px transparent solid;
	margin-top:10px;
	padding:10px 20px;
	resize: none;
	border-radius: 5px;
	color:white;
	outline: none;
	font-size:16px;
	font-family: var(--secondary-font);
}

.form-group input:focus, .form-group textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus{
	border: 1px #2DF3CD solid;	
}



.wpcf7-form input[type='submit']{
	border:2px var(--aqua-color) solid;
	color: var(--aqua-color);
	background:transparent;
	width:auto;
	float:right;
	border-radius: 50px;
	padding-right:50px;
	background:url('../images/ico-btn.svg') no-repeat 90% center / 19px 16px;
	font-family: var(--primary-font) !important;
}

.border-bottom-gray{
	border-bottom:1px #BFCBDD solid;
}

.small-text{
	font-size:14px;
	font-weight: 400;
	font-family: var(--secondary-font);
}

.hero .mask{
	height:100vh;
	max-height: 810px;
	background: linear-gradient(102.8deg, #0A2540 7.81%, rgba(10, 37, 64, 0.62) 59.38%, rgba(10, 37, 64, 0) 100%);
	display: flex;
	align-items: center;
}

.hero-home{
	height:100vh;
	max-height: 810px;	
}

.pleca{
	border-radius: 5px;
	margin:30px 0px;
}

.pleca .mask{
	padding:35px;
	border-radius: 5px;
	background: linear-gradient(102.8deg, #0A2540 7.81%, rgba(10, 37, 64, 0.62) 59.38%, rgba(10, 37, 64, 0) 100%);
}

div.divisor{
	border-bottom: 1px #BFCBDD solid;
	padding-top:35px;
	margin-bottom:50px;
	position: relative;
}

div.divisor:before{
	content:'';
	position: absolute;
	left:50%;
	bottom:-50px;
	height:50px;
	width:0px;
	border-left:1px #BFCBDD solid;
}

#slider-images img{
	width:100%;
	height:500px;
}

#slider-images .slick-arrow{
	position: absolute;
	top:50%;
	cursor: pointer;
}

#slider-images .slick-arrow:first-child{
	left:-70px !important;
}

#slider-images .slick-arrow:last-of-type{
	right:-70px !important;
}

.slick-dots{
	bottom:-50px;
}

.slick-dots li button:before, .slick-dots li.slick-active button:before{
	font-size:30px;
	color:var(--blue-color);
}

.media-line:before{
	content:'';
	position: absolute;
	top:72px;
	left:0px;
	width:100%;
	border-bottom: 1px #BFCBDD solid;
	z-index:0;
}

.media-line h2{
	display: inline-block;
	background:var(--light-color);
	z-index:2;
	position: relative;
	padding:0px 15px;
}

.stiky-130{
	position: sticky;
	top:130px;
}

.with-pleca{
	padding-bottom:200px;
}

.mt-175{	
    margin-top: -175px;
}

.img-bg{
	height: 170px;
	border-radius: 5px;
}

.work-together{
	height: 110px;
	width: 100%;
	border-radius: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #4A4A4A!important;
	display: flex;
	justify-content: center;
}
.work-together span{
	margin-top: 20px;
}

.truncate-text-2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;	
}

.truncate-text-3{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.truncate-text-4{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;	
}

.border-r{
	border-right: 1px solid #D8D8D8;
}

.wp-paginate li{
	display: inline-block !important;
	margin:5px;
}

.wp-paginate a{
	display: flex;
	align-items: center;
	justify-content: center;
	width:38px !important;
	height:38px !important;
	background:none !important;
	color:#BFCBDD !important;
	border:none !important;	
}

.wp-paginate .current , .wp-paginate a:hover{
	border:2px #2061BB solid !important;
	border-radius: 50% !important;
	background:none !important;
	color:#2061BB !important;
	width:38px !important;
	height:38px !important;	    
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-paginate .prev, .wp-paginate .next{
	color:transparent !important;
	border:2px transparent solid !important;
}

.wp-paginate .prev, .wp-paginate .prev:hover{
	background:url('../images/left.svg') no-repeat top center / 100% auto !important;
	color: transparent !important;
}

.wp-paginate .next, .wp-paginate .next:hover{
	background:url('../images/right.svg') no-repeat top center / 100% auto !important;
	color: transparent !important;
}

.img-solution{
	width:100% !important;
	height:350px !important;
	object-fit: cover;
}

figure.wp-caption.featured{
	width:100% !important;
}

.card{
	box-shadow: 0px 4px 30px 0px #0000001A;
	padding: 35px 50px 35px 50px;
	border-radius: 10px;
	gap: 32px;
}

.circle{
	border-radius: 50%;
}

.card img.circle, .card figure.wp-caption.featured{
	width:100px !important;
	height:100px !important;
}


.card .name-puesto{
	margin-right:auto;
}

#select_temas, #select_servicios{
	width:80%;
	height:44px;
	padding: 10px 20px;
	border-radius: 50px;	
	border: 1px solid #BFCBDD;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.41 0.589844L6 5.16984L10.59 0.589844L12 1.99984L6 7.99984L0 1.99984L1.41 0.589844Z' fill='black'/></svg>");
  	background-repeat: no-repeat;
  	background-position-x: calc(100% - 20px);
  	background-position-y: 15px;
  	font-family:var(--secondary-font);
  	font-size:16px;

}

.stick-r{
	position: sticky;
	top:150px;
}

#slider-proyectos .mask{
	height:330px !important;
}

@media all and (max-width: 1023px){
	ul.options li{
		max-width: 100%;
	}
}

@media all and (max-width: 767px){
	.hero-home{
		height:auto;
		max-height: auto;
	}
	.small-text{
		font-size: 11px;
	}

	.card{
		padding:15px !important;
		box-shadow: none;
	}

	.card .d-flex{
		flex-wrap: wrap;
		justify-content: center !important;
	}

	.img-solution{
		height:auto !important;
	}	


	#slider-aliado .slick-btn, #slider-images .slick-btn{
		position: absolute;
		bottom:-50px;
	}

	#slider-aliado .slick-1, #slider-images .slick-1{
		left:calc(50% - 20px);
	}

	#slider-aliado .slick-2, #slider-images .slick-2{
		left:calc(50% + 20px);
	}

	.img-team{
		height:400px;
	}
}