@charset "UTF-8";
/* CSS Document */

/*FONTS*/
/*FONTS*/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
    height: 100%;
}

body{margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; color: #4D4D4D; font-family: acumin-pro,sans-serif; font-weight: 400; font-style: normal; line-height: 1; overflow-x: hidden;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: normal; font-size: inherit; line-height: normal;}

a{text-decoration: none;}
a:hover{text-decoration: none; color: inherit;}

h1{}
h2{font-size: 45px; letter-spacing: 1px; font-family: acumin-pro,sans-serif; font-weight: 600; font-style: normal; color: #4389A8; margin-bottom: 35px; line-height: 30px;}
h3{}
h4{}
p{font-family: acumin-pro,sans-serif; font-weight: 400; font-style: normal; font-size: 17px; line-height: 25px; margin-bottom: 25px;}
p:last-child{margin-bottom: 0px;}

button:focus{outline: none !important;}
button{background: none; border: none;}
a:focus{outline: none !important;}
a{color: inherit; text-decoration: none; background: none; border: none;}
a:hover{text-decoration: none; color: inherit;}

img{display: block; max-width: 100%; height: auto;border: 0; border: none;}
img.center-img{margin: 0 auto;}

.color-4389A8{color: #4389A8;}
.color-4D4D4D{color: #4D4D4D;}
.color-ffffff{color: #FFFFFF;}

.container-1030{max-width: 1030px !important;}

/*HEADER*/
.main-header{width: 100%; position: absolute; top: 36px; left: 0; z-index: 999; }
.main-header .header-content{border-radius: 50px; height: 62px; padding: 0 35px; transition: background 0.3s linear;
	background: rgb(111,196,213);
background: -moz-linear-gradient(90deg, rgba(111,196,213,0.35) 0%, rgba(111,196,213,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(111,196,213,0.35) 0%, rgba(111,196,213,0) 100%);
background: linear-gradient(90deg, rgba(111,196,213,0.35) 0%, rgba(111,196,213,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fc4d5",endColorstr="#6fc4d5",GradientType=1);
}
.main-header .main-logo{height: 23px;}

.main-header.header_sticky{position: fixed; top: 15px;}
.main-header.header_sticky .header-content{background-color: rgb(111,196,213); box-shadow: 0 0 10px rgb(0,0,0, 0.18);}

/*MENU ICON*/
.menuicon{position: absolute; top: 50%; right: 45px; z-index: 9999; transform: translateY(-50%); width: 32px; height: 32px; cursor: pointer;}
.menuicon span{position: absolute; top: 11px; left: 0; width: 25px; height: 3px; background-color: #FFFFFF; transition: 0.3s;}
.menuicon span:nth-child(2){top: 17px; width: 18px; left: inherit; right: 7px;}
.menuicon .first-child.active{transform: rotate(45deg); top: 15px;}
.menuicon .second-child.active{left: inherit; right: 7px; transform: rotate(136deg); top: 15px; width: 25px;}
.menuicon:hover span:nth-child(2){width: 25px;}
/*MENU ICON*/
/*HEADER*/

/*SITE MENU*/
.site-menu{position: fixed; top: -100%; left: 0; width: 100%; height: 100%; z-index: 999; background-color: #438CAB; transition: 0.5s;}
.site-menu.active{top: 0;}
.site-menu ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.site-menu ul li{display: block; font-size: 70px; letter-spacing: -2px; padding: 0 0 0 0; overflow: hidden;}
.site-menu ul li a{display: block; color: transparent; animation-duration: 0.4s; line-height: 90px;}
.site-menu ul li a span{color: transparent; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #FFFFFF;  transition: 0.3s; position: relative; overflow: hidden; font-family: acumin-pro,sans-serif; font-weight: 700; font-style: normal;}
.site-menu ul li a span:hover{color: #FFFFFF;}
.site-menu ul li a span:hover:after{width: 100%;}
.site-menu ul li:first-child a{animation-delay: 0.5s;}
.site-menu ul li:nth-child(2) a{animation-delay: 0.7s;}
.site-menu ul li:nth-child(3) a{animation-delay: 0.9s;}
.site-menu ul li:nth-child(4) a{animation-delay: 1.1s; margin-top: 10px;}
.main-header .header-content.active{background: transparent; box-shadow: 0 0 0;}
/*SITE MENU*/

/*HOME*/
#home{width: 100%; height: 100%; position: relative; border-radius: 0 0 250px 0; overflow: hidden;
background: rgb(111,196,213);
background: -moz-linear-gradient(0deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
background: linear-gradient(0deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fc4d5",endColorstr="#4389a8",GradientType=1);}
#home h1{color: #FFFFFF; font-family: din-2014,sans-serif; font-weight: 400; font-style: normal; font-size: 19px; letter-spacing: 6px;}
#home .image-home{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/bg-home-01.png"); background-position: center center; background-size: cover; background-repeat: no-repeat;}
#home .txt-1{position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-100px, -180px);}
#home .txt-1 img{height: 159px; user-select: none;}
#home .txt-2{position: absolute; bottom: 50%; left: 50%; z-index: 1; transform: translate(-50%, 145px);}
#home .txt-2 img{height: 125px; width: auto; max-width: inherit; user-select: none;}
/*HOME*/

/*QUIENES SOMOS*/
#quienes-somos{width: 100%; position: relative; background-color: #FFFFFF; padding: 135px 0 180px 0; overflow: hidden;}
#quienes-somos p{margin-right: 50px;}
#quienes-somos .btn-default{display: inline-block; color: #4389A8; background-color: #FFFFFF; font-family: acumin-pro,sans-serif; font-weight: 600; font-style: normal; font-size: 16px; border-radius: 50px; padding: 20px 40px; text-align: center; margin-top: 15px; transition: 0.3s; border: solid 2px #4389A8;}
#quienes-somos .btn-default:hover{background-color: #4389A8; color: #FFFFFF;}
#quienes-somos .img-quienes-somos{border-radius: 70px; box-shadow: 0 30px 50px rgb(0,0,0, 0.20);} 
#quienes-somos .img-form{position: absolute; top: 50%; right: 0; /*right: calc(50% - 585px);*/ transform: translate(50%, -50%);}
#quienes-somos .img-form img{width: 630px; user-select: none;}
/*QUIENES SOMOS*/

/*VALORES*/
#valores{width: 100%; position: relative; color: #FFFFFF !important; padding: 100px 0 100px 0; z-index: 2; overflow: hidden;
background: rgb(67,137,168);
background: -moz-linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
background: linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4389a8",endColorstr="#6fc4d5",GradientType=1);}
#valores .section-title{margin-bottom: 45px;}
#valores h2{margin-right: 100px;}
#valores p{margin-right: 100px;}
#valores .tags-valores{text-align: center; margin-bottom: 10px;}
#valores .tags-valores li{display: inline-block; color: #FFFFFF; background-color: #6FC4D5; font-family: acumin-pro,sans-serif; font-weight: 600; font-style: normal; font-size: 16px; border-radius: 50px; padding: 25px 50px; margin-bottom: 20px; text-align: center; margin-left: 8px; margin-right: 8px;}
#valores .img-valores{position: absolute; left: 0; top: 0;}
#valores .img-valores img{width: 510px; user-select: none;}
/*VALORES*/

/*EQUIPO*/
#equipo{width: 100%; position: relative; background-color: #FFFFFF; padding: 100px 0 180px 0; overflow: hidden;}
#equipo .section-title{margin-bottom: 30px;}
#equipo .item-equipo{position: relative;}
#equipo .item-equipo:before{content: ""; position: absolute; top: -18px; left: -44px; width: 205px; height: 330px; border-radius: 102px; opacity: 0.20; transform: rotate(45deg);
background: rgb(111,196,213);
background: -moz-linear-gradient(180deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
background: linear-gradient(180deg, rgba(111,196,213,1) 0%, rgba(67,137,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6fc4d5",endColorstr="#4389a8",GradientType=1);}
#equipo .item-equipo figure{border-radius: 50%; overflow: hidden; width: 205px; position: relative; z-index: 1;}
#equipo .item-equipo-info{margin-left: 30px; position: relative; margin-top: 12px;}
#equipo .item-equipo-info h3{font-family: acumin-pro,sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 20px;}
#equipo .item-equipo-info p{font-family: acumin-pro,sans-serif; font-weight: 700; font-style: normal; font-size: 18px;}
#equipo .img-form{position: absolute; top: -550px; right: -257px;}
#equipo .img-form img{width: 880px; user-select: none;}
#equipo .img-form-2{position: absolute; bottom: -409px; left: calc(50% - 603px); transform: translateX(-50%); opacity: 0.30;}
#equipo .img-form-2 img{width: 908px; user-select: none;}
/*EQUIPO*/

/*AREAS*/
#areas{width: 100%; position: relative; color: #FFFFFF !important; padding: 100px 0 100px 0; z-index: 2; border-radius: 0 200px 0 0; overflow: hidden;
background: rgb(67,137,168);
background: -moz-linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
background: linear-gradient(180deg, rgba(67,137,168,1) 0%, rgba(111,196,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4389a8",endColorstr="#6fc4d5",GradientType=1);}
#areas h3{font-family: acumin-pro,sans-serif; font-weight: 700; font-style: normal; font-size: 19px; border-bottom: solid 1px rgb(255,255,255, 0.40); padding: 15px 15px 15px 15px; position: relative;}
#areas h3 a{display: block;}
#areas p{padding: 0 15px; margin: 15px 0 0 0;}
#areas p:last-child{margin-bottom: 30px;}
#areas h3 img{position: absolute; right: 15px; top: 30px; width: 14px;}
#areas h3 [aria-expanded="true"] img{transform: rotate(180deg);}
/*AREAS*/

/*MEDIA & EVENTOS*/
#media{width: 100%; position: relative; background-color: #FFFFFF; padding: 55px 0 50px 0; overflow: hidden;}
#media iframe{padding: 0 25px;}
/*MEDIA & EVENTOS*/

/*FOOTER*/
footer{width: 100%; position: relative; }
footer .footer-content{width: 100%; position: relative; padding: 9px 35px; border-radius: 50px; background-color: #4389A8; margin-bottom: 10px;}
footer span{font-weight: 500; font-size: 14px; color: #FFFFFF;}
footer img{height: 45px; transition: 0.3s;}
footer img:hover{opacity: 0.6;}
footer .btn-contact{margin-left: 20px;}
footer .btn-contact img{height: 18px; display: inline-block; margin-left: 5px;}
footer .btn-contact:hover img{transform: scale(1.2); opacity: 1;}
/*FOOTER*/




.ir-arriba{position: fixed; right: 25px; bottom: 20px; z-index: 998; cursor: pointer; height: 36px; width: 36px; background-color: #FFFFFF; text-align: center; line-height: 36px; font-size: 17px; box-shadow: 0 0 10px rgb(0,0,0, 0.18); opacity: 0.9; color: #28d6ec; display: none; border-radius: 50%;}
.ir-arriba:hover{opacity: 1;}
.ir-arriba img{width: 17px; position: absolute; top: 13px; left: 10px;}

/*LOADING*/
#preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #4389A8; z-index: 9999;}
#status{display: inline-block; position: relative; width: 80px; height: 80px; left: calc(50% - 40px); top: calc(50% - 40px);}
.lds-ripple{display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ripple div{position: absolute; border: 4px solid #ffffff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*LOADING*/

@media (max-width: 1024px){
	#valores p br{display: none;}
	.img-valores{display: none;}
	
	footer img{height: 33px;}
}

@media (max-width: 1199px){
	footer .footer-content{padding: 15px 15px; border-radius: 25px;}
	footer .btn-contact{margin: 0 auto; display: block; text-align: center;}
	footer span{margin-bottom: 10px;}
	footer img{height: 30px; margin-bottom: 5px;}
}


@media (max-width: 992px){
	.container{max-width: 1030px !important; padding: 0 30px;}
	.container-1030{max-width: 1030px !important; padding: 0 30px;}
}

@media (max-width: 768px){
	#quienes-somos .img-form{display: none;}
	
	#valores h2{margin-right: 0; text-align: left !important;}
	#valores p{margin-right: 0; text-align: left !important;}
	
	
	#equipo .img-form{display: none;}
	#equipo .img-form-2{display: none;}
}

@media (max-width: 767px){
	.img-quienes-somos{display: none;}
	#equipo .item-equipo{margin-bottom: 20px;}
	#equipo .item-equipo figure{margin: 0 auto;}
	#equipo .item-equipo-info{width: 205px; padding-left: 30px; padding-top: 12px; margin: 0 auto; }
	
	#equipo .item-equipo:before{display: none;}
}

@media (max-width: 575px){
	
	h2{line-height: 35px;}
	
	.container{padding: 0 30px; max-width: 100% !important;}
	.container-1030{padding: 0 30px; max-width: 100% !important;}
	
	.site-menu ul li{font-size: 55px; letter-spacing: -1px;}
	.site-menu ul li a{line-height: 80px;}
	
	.main-header .container{padding: 0 0 0 0 !important;}
	.main-header .container .row{margin-right: 0 !important; margin-left: 0 !important;}
	.main-header .header-content{padding: 0 20px; height: 55px;}
	.main-header .main-logo{height: 18px; margin-top: 3px;}
	.menuicon{right: 34px;}
	
	#home{border-radius: 0 0 100px 0;}
	#home h1{font-size: 15px; letter-spacing: 4px;}
	#home .txt-1{transform: translate(-90px, -72px);}
	#home .txt-1 img{height: auto; width: 140%; max-width: inherit;}
	#home .txt-2{transform: translate(-50%, 100px);}
	#home .txt-2 img{width: 400px; max-width: inherit;}
	
	#quienes-somos{padding: 100px 0 100px 0;}
	#quienes-somos p{margin-right: 0;}
	
	#valores .tags-valores li{font-size: 13px; padding: 15px 20px; margin-bottom: 15px; margin-left: 2px; margin-right: 2px;}
	
	#equipo{padding: 100px 0 80px 0;}
	#equipo p br{display: none;}
	
	#areas{border-radius: 0 100px 0 0;}
	
	#media iframe{padding:  0 0 0 0;}
}
	
@media (max-width: 320px){
	.menuicon{right: 20px;}
}