/* servicios page */



.intro-servicios .titulo-intro{

	margin-right: 2rem;

}



.intro-servicios{

	margin-bottom: 5rem;

	background: #f9f9f9;

	padding: 3rem 0;

	transform-origin: top;

	animation:intro-servicios 0.6s linear forwards;

}



@keyframes intro-servicios {

    0%   {transform:scaleY(0);}

    100% {transform:scaleY(1);}

}







.intro-servicios .container{

	opacity: 0;

	animation:show-intro 0.6s 1s linear forwards;

}

@keyframes show-intro {

    0%   {opacity:0;}

    100% {opacity:1;}

}











.intro-servicios h2{

	color: #002664;

}



.intro-servicios p{

	font-weight: 500;

	font-size: 1.1rem;

}



.servicio{

	margin-top: 2rem;

	margin-bottom: 3rem;

}



.servicio .head-servicio{

	display: flex;

	align-items: center;

}



.head-servicio span.linea-servicio:nth-child(odd){

	display: block;

	width: 34rem;

	height: 0.5rem;

	background-color: #F5F5F3;

	margin-right: 5rem;

}



.head-servicio span.linea-servicio:nth-child(even){

	display: block;

	width: 34rem;

	height: 0.5rem;

	background-color: #F5F5F3;

	margin-left: 5rem;

}



.head-servicio h3:nth-child(odd){

	margin-left: 8rem;

}



.head-servicio h3 span{

	margin-right: 1.3rem;

	font-size: 1.5rem;

	color: #ED2939;

}



.servicio ul{

	width: 70%;

	padding-left: 2rem;

}



.servicio li{

	list-style: none;

	line-height: 1.6rem;

}



.servicio li::before{

	display: inline-block;

	content: ""; 

	margin-right: 0.75rem;

	margin-bottom: 0.25rem;

	background: #002664;

	width: 0.3rem;

	height: 0.15rem;

	margin-left: -1.4rem;

}



.servicio .contenido-servicio{

	margin-left: 3rem;

}



.line{

	color:#E53D4E

}



.bordeboton{

	color: #96989A;

}

.servicio .img-servicio {

	position: relative;

	

}

.servicio .img-servicio img{

	filter: none; 

	transition: all .3s ease-out; 

}



.servicio .img-servicio img:hover{

	filter: grayscale(100%);

}



/* contacto page */





.container-contacto{

    padding-bottom: 8rem;

}



.separador-contacto{

	display: block;

	width: 0.2rem;

	height: 17rem;

	background-color: #ED2939;

}



.container-contacto form{

	width: 80%;

}



.container-contacto .form-group {

    margin-bottom: 0.8rem;

}



.container-contacto .form-control {

   border: 2px solid #DADADA;

   background-color: #FAFAFA;

   color: #96989A;

   padding: 1.6rem 2rem;

   border-radius: 0rem;

}



.container-contacto .form-control:focus {

    color: #2C2C2C;

    background-color: #fff;

    outline: 0;

	box-shadow: 0 0 0 0rem rgba(38,100,100,.25);

}



.btn-empleo{ 

	transition: all .1s ease-out; 

}

.btn-empleo:hover { 

	background-color: #F5F5F3!important;

	transform: scale(0.9); 

}



/* empresa */



.who h2{

	color:#002664;

}



.who .figure-sm{

	position: relative;

	width: 10.0625rem;

	height: 13.375rem;

    /*padding-bottom: 25%;*/

	float:left;

	overflow: hidden;

	margin-left: 0.5rem;

	margin-right: 0.5rem;

}



/*.who .figure-sm::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 38, 100, 0.5);

	z-index: 3;

	transition: all .3s ease-out;

}



.who .figure-sm:hover::before  {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 0;

	width: 100%;

	height: 100%;

	background: transparent;

	z-index: 3;

}*/



.who .figure-sm img {

    position:absolute;

    width:100%;

	height:100%;

	object-fit:cover;

}



.who .figure-lg{

	position: relative;

	width: 19rem;

	height: 19rem;

    /*padding-bottom: 25%;*/

	float:left;

	overflow: hidden;

}



.who .figure-lg img {

    position:absolute;

    width:100%;

	height:100%;

	object-fit:cover;

	filter: grayscale(100%); 

	transition: all .3s ease-out;

}



/*.who .figure-lg img:hover {

    position:absolute;

    width:100%;

	height:100%;

	object-fit:cover;

	filter: none; 

}*/



.who .container-text{

	width: 65%;

}



.clientes{

	margin-top: 5rem;

	margin-bottom: -15rem;

	padding-bottom: 15rem;

	background: #f5f5f5;

}



/*.clientes .divider-empresa{

	display: block;

	width: 50%;

	height: 0.2rem;

	background-color: #ED2939;

}*/



.clientes .titulo-clientes{

	width: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

    margin-bottom: 2rem;

}



.clientes .titulo-clientes h2{

	color:#002664;

	padding-top: 3rem;

	text-align: center;

	position: relative;

}

.clientes .titulo-clientes h2:after{

	position: absolute;

	background: #fff;

	content: "";

	width: 45%;

	height: 0.5rem;

	bottom: -2rem;

	left: 50%;

	transform: translateX(-50%);

}

.clientes .container-clientes{

	width: 12.5rem;

	color: #002664;

	font-weight: bold;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}



.clientes .container-clientes2{

	width: 12.5rem;

	color: #002664;

	font-weight: bold;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}



.clientes .bg-clientes{

	background-color: #F5F5F3;

	width: 100%;

    padding: 3rem 0;

    font-size: 1.2rem;

    position: relative;

}

.clientes .bg-clientes:after{

	position: absolute;

	top: 3rem;

	left: 50%;

	width: 0.5rem;

	height: 30%;

	content: "";

	background: #002664;

	transform: translateX(-50%);

	transform: translateY(0);

}

.clientes.active .bg-clientes:after{

	transform: translateY(0);

	animation:bg-clientes 1.6s linear forwards;

}

@keyframes bg-clientes {

    0%   {transform:translateY(0);}

    100% {transform:translateY(145%);}

}













.clientes .container-clientes p{

	padding: 1.5rem;

}



.clientes .container-clientes3{

	width: 82%;

    margin-top: 1rem;

    text-align:center;

}



/* trabajos */



.trabajos-info .container-trabajo{

	position: relative;

	width: 100%;

	height: 17.4375rem;

	overflow: hidden;

}



.trabajos-info .container-trabajo img{

	position:absolute;

    width:100%;

	height:100%;

	object-fit:cover;

	transition: ease all 0.3s;

	z-index: 3;

	top: 0; left: 0; bottom: 0; right: 0;

}



.trabajos-info .texto-imagen p{

	/*height: 4rem;*/

    width: 100%;

	overflow: hidden;

	padding-top: 1rem;

    color: rgba(0, 38, 100);

    font-weight:bold;

}

.trabajos-info .texto-imagen p span{

    display:block;

    font-weight: 400;

    color:#313131;

    font-size:0.9rem;

}

/* trabajo hover */



/*.trabajos-info  .container-trabajo::before {

	content: "";

	position: absolute;

	bottom: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 38, 100, 0.7);

	z-index: 4;

	opacity: 0;

	transition: all .3s ease-in-out;

}



.trabajos-info  .container-trabajo:hover::before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 38, 100, 0.7);

	z-index: 4;

	opacity: 1;

	cursor: pointer;

}*/



.trabajos-info  .container-trabajo:hover{

	cursor: pointer;

}

.trabajos-info  .container-trabajo:hover img{

	filter: grayscale(100%);

}











.container-trabajo .btn-info{

	position: absolute;

	width: 2rem;

	height: 2rem;

	top:5%;

	right: 5%;

	z-index: 4;

	border-radius: 50px;

	background-color: #f5f5f5;

	color: #fff;

	transition: ease all 0.7s;

	display: flex;

    justify-content: space-between;

    align-items: center;

}

.container-trabajo .btn-info:hover, .container-trabajo .btn-info:active, .container-trabajo .btn-info:focus{

	background-color: #f5f5f5 !important;

	border: none !important;

	box-shadow: none !important;

}

.container-trabajo:hover .btn-info{

	width: 6.25rem;

	  transition: width 0.7s;

	  cursor: pointer;

}



.container-trabajo .btn-info .icon-plus {

	background-image: url("../img/icon-plus.svg");

	background-position: center center;

	background-repeat: no-repeat;

	opacity: 1;

	transition: opacity 0.5s;

	position: absolute;

	width: 2rem;

	height: 2rem;

	top:0;

	left: 0;

	z-index: 4;

}



.container-trabajo:hover .btn-info .icon-plus{

  	transition: width 0.7s;

}



.container-trabajo .btn-text{

	opacity: 0;

	color: #ED2939;

  	position: absolute;

  	width: 100%;

	left: 0;

	text-align: right;

	font-size: 0.875rem;

	transition: opacity 2s;

  	-webkit-transition: -webkit-transform .5s ease-in-out;

  	-moz-transition: -moz-transform .5s ease-in-out;

  	-ms-transition: -ms-transform .5s ease-in-out;

	-o-transition: -o-transform .5s ease-in-out;

}



.container-trabajo:hover .btn-text{

	opacity: 1;

	transition: opacity 2s;

	display: block;

	z-index: 5;

	padding-right: 0.8rem;

}



/* overlay trabajos */



.trabajos-info .overlay-trabajo1.open {

	opacity: 1;

	visibility: visible;

	height: 100%;

}



.trabajos-info .overlay-trabajo1{

background-color: rgba(245, 245, 243, 0.9);

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 0%;

opacity: 0;

visibility: hidden;

transition: opacity 0.35s, visibility 0.35s, height 0.35s;

overflow: hidden;

z-index: 10;

}



.trabajos-info  .overlay-content-trabajo{

	position: relative;

    top: 0%;

    width: 100%;

    height: 100%;

	text-align: center;

	padding-top: 10rem;

}



 .close-trabajo {

	background-image: url("../img/icon-close.png");

	background-repeat: no-repeat;

	opacity: 1;

	transition: opacity 0.5s;

	position: fixed;

	width: 2rem;

	height: 2rem;

	top:3%;

	right: 3%;

	z-index: 6;

	cursor: pointer;

}



.close {

	opacity: 1;

	position: fixed;

	width: 2rem;

	height: 2rem;

	top:3%;

	right: 3%;

	z-index: 6;

	cursor: pointer;

}

.close:active,.close:focus  {

	border: none;

	outline: none;

	box-shadow: none;



}

.container-trabajo-info{

	text-align: justify;

    background-color: white;

    width: 100%;

    height: 100%;

    padding: 0rem 2rem 1rem 2rem;

}



 .container-trabajo-info h3{

	font-size: 1.3125rem;

	padding-bottom: 1.2rem;

}



 .container-trabajo-info p{

	overflow:visible;

	color: inherit;

}

.video-wrapper{

    padding: 0rem 2rem 1rem 2rem;

}

.video-wrapper video{

   width: auto !important;

   left: 50%;

   top: 50%;

   transform: translate(-50%,-50%);

}

.swiper-container .swiper-slide {

	text-align: center;

	width: 100%;

}



.swiper-container p{

	width: 100%;

	background-color: white;

	font-size: 0.8rem;

	text-align: right;

	padding-top: 0.5rem;

}



.swiper-button-next, .swiper-button-prev {

    height: 2.5rem;

    padding: 1rem;

    z-index: 13;

    cursor: pointer;

    background-image: url("../img/swiper-left.svg");

    background-color: #ED2939;

    background-size: 15px 15px;

    background-position: center;

    background-repeat: no-repeat;

}

.swiper-button-next {

	background-image: url("../img/swiper-right.svg");

	right: 0;

	background-color: #ED2939;

	background-size: 15px 18px;

}

.swiper-button-prev {

	background-image: url("../img/swiper-left.svg");

	left:0;

	background-size: 15px 18px;

}



.modal-backdrop.show {

    opacity: .75;

}



.entry-header{

	margin-top: 5rem;

	margin-bottom: 3rem;

}



.entry-content h2{

	margin: 2rem 0;

}



.entry-content h2{

	margin: 1.5rem 0;

}