@font-face {
   font-family: 'sofiapro-300';
   src: url(/font/sofiapro-light.otf);
   font-style: normal;
   font-weight: 300;
}

@font-face {
   font-family: 'sofiapro-400';
   src: url(/font/Sofia-Pro.ttf);
   font-style: bold;
   font-weight: 400;
}


@font-face {
   font-family: 'sofiapro-700';
   src: url(/font/Sofia-Black.ttf);
   font-style: bold;
   font-weight: 700;
}

* {
   font-family: 'sofiapro-300';
   font-size: 14px;
   color:#323E48;
}

.divcolor-linear-ini {
   position: absolute;
   top: 100px;
   z-index: 1;
}

.menu-resp {
   display: none;
}

.header-img-res {
   display: none;
}

.menu {

	position: absolute;
	display: flex;
   align-items: center;
	flex-direction: row;
	top: 0px;
	width: 100%;
	height: 100px;
	z-index: 3;
}

.di-open{
   display: none;
}

.di {
   display: none;
}

.close-res {
   display: none;
}

.menu-logo {

   
   left: 220px;
   position: absolute;
    /* float: left; */
}

.bars-menu {
   padding: 40px 0px;
   width: 20px;
}

.menu-nav {
    
   position: absolute;
   right: 220px;
}

.menu-nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.menu-nav ul li{
	float: left;
}

.menu-nav ul li a{
	display: block;
   font-family: 'sofiapro-400';
	font-size: 12px;
	text-align: center;
	padding: 40px 12px;
   width: 100px;
	text-decoration: none;
	top:0;
	color: #E7E8EA;
}

.menu-nav ul li:hover{
   background-color: rgba(255, 0, 0, 0.644);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

/* CAROUSEL */

.carousel-data {
   position: absolute;
   top: 30%;
   padding: 40px 220px;
}

.carousel-img-responsive {
   display: none;
}

.carousel-data-gnl p {
   margin: 5px 0px;
}

.carousel-btn {
   padding-top: 20px;
}

.carousel-indicators > li {
   border-radius: 50%;
   height: 10px;
   width: 10px;
   margin: 0px 6px;
   float: left;
}

element.style {
   position: absolute;
   z-index: 1000;
   top: 50%;
}

.icon-datal {
   display: flex;
   justify-content: center;
   align-items: center;
}

.icon-datar {
   display: flex;
   justify-content: center;
   align-items: center;
}


/* rs-banner */

.rs-baner {
   position: relative;
   display: flex;
   align-items: center;
   height: 50px;
   background-color: #E7E8EA;
}

.rs-baner-text {
   position: absolute;
   left: 220px;
}

.rs-baner-text b {
    
   font-family: 'sofiapro-700';
}

.rs-baner-info {
    
   position: absolute;    
   display: flex;
   right: 220px;
}




.rs-baner-info b {
    
   font-family: 'sofiapro-700';
}

/* projects*/

.projects {
   position: relative;
   padding: 40px 220px;
   background-color: #323e48;
   color:#E7E8EA;
}

.projects-header {
   padding: 10px 0px;
   display: flex;
   flex-direction: row;
}

.projects-header-title {
   text-align: end;
   font-size: 36px;
   line-height: 34px;
   font-family: 'sofiapro-400';
   color:#E7E8EA;
}

.projects-header-subtitle {
   
   padding: 5px 10px;
   font-size: 15px;
   color:#E7E8EA;
   line-height: 17px;
   width: 100%;
   height: 100%;

}

.projects-header-subtitle b {
   font-size: 15px;
   font-family: 'sofiapro-400';
   color:#E7E8EA;
}

.projects-catalog {
   position: relative;
   display: flex;
   flex-direction: row;
   width: 100%;
   padding-left: 5px;
   padding-bottom: 15px;
}

.projects-btn {
   padding-left: 8px;
}

.projects-catalog-img {
   position: relative;
   cursor: pointer;
}

.projects-catalog-info {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 0%;
   overflow: hidden;
   -webkit-transition: height 0.4s ;
   -moz-transition: height 0.4s ;
   -ms-transition: height 0.4s ;
   -o-transition: height 0.4s ;
   transition: height 0.4s ;
   background-color: rgba(255, 0, 0, 0.644);
}

.projects-catalog-img:hover .projects-catalog-info {
   height: 100%;
}

.projects-headline {
   position: absolute;
   bottom: 10px;
   right: 10px;
   -webkit-transition: margin 0.4s ;
   -moz-transition: margin 0.4s ;
   -ms-transition: margin 0.4s ;
   -o-transition: margin 0.4s ;
   transition: margin 0.4s ;
   margin-right: -100px;
   line-height: 22px;
}

.project-img-slide {
   display: flex;
   justify-content: center;
}


.headline-title {
   font-family: 'sofiapro-700';
   font-size: 20px;
   display: flex;
   justify-content: flex-end;
   color:#E7E8EA;
   text-align: end;
}
.headline-subtitle {
   font-size: 20px;
   display: flex;
   justify-content: flex-end;
   color:#E7E8EA;
}

.projects-catalog-img:hover .projects-headline {
   margin: 0px;
}


/* projects IMGS */

.projects-imgs {
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   top: 0px;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.852);
   z-index: 9999;
   overflow:hidden;
   -webkit-transition: opacity 0.4s ease;
   -moz-transition: opacity 0.4s ease;
   -ms-transition: opacity 0.4s ease;
   -o-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
}

.none-img {
   opacity: 0;
   z-index: -1;
}

.projects-imgs-left {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   top: 50%;
   width: 50px;
   background-color: rgba(255, 0, 0, 0.815);
   height: 100px;
   right: 0px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;

}

.projects-imgs-right {    
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   top: 50%;
   width: 50px;
   background-color: rgba(255, 0, 0, 0.815);
   height: 100px;
   left: 0px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.projects-imgs-closed {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   top: 0px;
   left: 0px;
   background-color: rgba(227, 244, 255, 0.815);
   width: 50px;
   height: 50px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.inactive-btn {
   background-color: rgba(255, 255, 255, 0.808);
}

/* SERVICES */

.services {
   position: relative;
   padding: 40px 220px;
   background-color: #E7E8EA;
}

.services-header-title {    
   text-align: end;
   line-height: 33px;
   font-size: 36px;
   font-family: 'sofiapro-700';
}
.services-header-subtitle {
   padding: 5px 10px;
   font-size: 15px;
   line-height: 17px;
   width: 100%;
   height: 100%;
}

.services-header-subtitle b{
   font-size: 16px;
   font-family: 'sofiapro-700';
   background-color: #E7E8EA;
}



.services-detail-title {
   top: 0px;
   position: absolute;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   height: 100%;
   padding-left: 20px;
   font-family: 'sofiapro-400';
   font-size: 24px;
   color: #E7E8EA;

}

.services-detail-subtitle {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   height: 100%;
   padding-left: 30px;
   background-color: #323E48;
   color: #E7E8EA;
   font-family: 'sofiapro-300';
   font-size: 18px;
}

.services-rowcont {
   margin-bottom: 10px;
}

/* CONTACT */

.contact {
   position: relative;
   padding: 80px 220px 0px 220px;
   background-image: url(/img/ah3-cover-contacto.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
}

.contact-header {
   font-family: 'sofiapro-700';
   font-size: 36px;
   text-align: end;
   line-height: 38px;
   font-weight: 700;
   color: #E7E8EA;
}

.contact-footer {
   font-family: 'sofiapro-300';
   font-size: 14px;
   width: 100%;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #E7E8EA;
}

.contact-pp {
   font-size: 14px;
   font-family: 'sofiapro-700';
   text-decoration: none;
   color: #E7E8EA;
}

.contact-pp:hover {
   color: #a1a1a1;
}

.contact-info {
   padding: 20px 0px;
}

.contact-info-ftr {
   text-align: end;
   font-size: 19px;
   line-height: 20px;
   color: #c5c5c5;
}

.contact-btn-wa {
   margin-bottom: 40px;
}

::placeholder { 
   color: #323E48;
   font-family: 'sofiapro-700';
}

.contact-form {
   margin-bottom: 40px;
}

.contact-form--input {
	display: flex;
	justify-content:center;
   align-items: center;
   border: 1px solid rgba(255,255,255,1.00);
   font-size: 10px;
   width: 100%;
	height: 28px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 12px;
	
}

.divcolor-linear {
   width: 100%;
   height: 1px;
   background: rgb(255,0,0);
   background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(110,60,60,1) 67%, rgb(50, 62, 72, 1) 100%);
   margin: 10px 0px;
}

.divcolor-linear-sec {
   width: 100%;
   height: 1px;
   background: rgb(255,0,0);
   background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(110,60,60,1) 67%, rgb(50, 62, 72, 1) 100%);
}


/* BTNS */

.ah3-btn-link {
   text-decoration: none !important;
}

.ah3-btn-link-small {
   text-decoration: none !important;
   position: absolute;
}

.ah3-btn {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   border-radius: 2px;
   width: 100%;
   height: 26px;
}

.ah3-btn-small {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   border-radius: 2px;
   padding: 0px 13px;
   height: 26px;
}

.ah3-btn-grey {
   background-color: #BDBDBD;
}

.ah3-btn-link:hover .ah3-btn-grey {
   background-color: #8a8a8a;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.ah3-btn-green {
   background-color: #01b098;
}


.ah3-btn-link:hover .ah3-btn-green {
   background-color: #007566;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.ah3-btn-red {
   background-color: #f73f3f;
}

.ah3-btn-link-small:hover .ah3-btn-red {
   background-color: #ac2e2e;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}


.ah3-btn-icon {
   padding: 0px 10px;
}

.ah3-btn-text b {
   font-family: 'sofiapro-700';
   font-size: 10px;
}

.ah3-btn-text-white {
   font-family: 'sofiapro-700';
   font-size: 10px;
   color: #E7E8EA;
}

.mbt {
   margin-top: 45px;
}

/* NOSOTROS */

.header-img {
   position: relative;
}

.header-img-text {    
   position: absolute;
   color: #E7E8EA;
   width: 100%;
   height: 100%;
   top: 0px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'sofiapro-700';
   font-size: 34px;
   text-align: center;
}


.secinfo {
   position: relative;
   padding: 60px 220px;
   background-color: #323e48;
}

.secinfo-text {
   font-size: 24px;
   font-family: 'sofiapro-400';
   line-height: 24px;
   color:#E7E8EA;
}

.mission {
   line-height: 20px;
   padding: 80px 220px;
   background-color:#E7E8EA;
}

.mission-text p {
   line-height: 20px;
   font-size: 16px;
}

.mission-values {
   background-color: #323e48;
   padding: 30px ;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin-top: 40px;
}

.mission-values-info {
   font-family: 'sofiapro-400';
   color:#E7E8EA;
   text-align: center;
}

.mission-values-info p {
   color:#E7E8EA;
}

.mission-values-info b{
   font-family: 'sofiapro-400';
   color:#E7E8EA;
   font-size: 18px;
}

.valores-values-info {
   padding-top: 80px;
   font-size: 16px;
}

.valores-values-info p {
   font-size: 16px;
}


.valores-values-info b{
   font-family: 'sofiapro-400';
   font-size: 18px;
}

.dnb {
   position: relative;
   padding: 50px 220px;
}

.dnb-img {
   display: flex;
   justify-content: center;
   align-items: center;
}

.dnb-text {
   font-size: 20px;
   line-height: 24px;
}

.dnb-text b{
   font-family: 'sofiapro-400';
   font-size: 20px;
}

/* NUESTROS CLIENTES */

.partners {
   position: relative;
   padding: 80px 220px;
}

.partners-img { 
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 50px;
}

/* PROYECTOS */

.curriculum {
   position: relative;
   padding: 100px 220px;
}

.curriculum-text {
   color: #323e48;
   font-family: 'sofiapro-300';
   font-size: 26px;
   line-height: 30px;
}

.curriculum-btn {    
   display: flex;
   justify-content: flex-end;
}

/* PP */

.pp {
   line-height: 20px;
   padding: 80px 220px;
}

.pp-text p {
   line-height: 20px;
   font-size: 16px;
   color: #323E48;
   font-family: 'sofiapro-300';
}

.pp-text b {
   font-size: 16px;
   font-family: 'sofiapro-400';
   color: #323e48;
}