html{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /*font-size: 55%;*/
    font-size: 62.5%; /* 10px = 1rem */
}

*,*:before,*:after{
    box-sizing: inherit;
}

:root{
    --gothan: 'GothamBook', sans-serif;
    --bebas: 'Bebas', sans-serif;
    --arial: 'ArialNarrowBold', sans-serif;
    --blue:  #498bcf;
    --naranja: #f1716a;
    --negro: #000000;
    --white: #ffffff;    
}

.clearfix:before,
.clearfix:after {
        display: table;
        content: " ";
}

.clearfix:after {
    clear: both;
}

/*body::-webkit-scrollbar {
    width:10px;
    background: #03a9f4;
}

body::-webkit-scrollbar-thumb {
    background: rgba(53, 56, 58, 0.74);
    border-radius: 10px;
    border-right: 2px solid #03a9f4;
}*/

::-moz-selection {
  color: #fff;
    background: var(--blue);
    text-shadow: none;
}

::selection {
  color: #fff;
    background: var(--blue);
    text-shadow: none;
}

/*=====================================
ESTILOS GLOBALES
=====================================*/

body{
    overflow-x: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: var(--gothan);
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}


input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="password"],
textarea#descriccion,
textarea,
textarea#descripcionProducto,
select{
    border: 1px solid var(--negro)!important;
    border-radius: 0!important;
}

ul{
    list-style: none;
}

.box-nav{
    box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.3);
}
.box-card{
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}
span.ft-arial{
    font-family: var(--arial);
}

.scale{
    position: relative;
    overflow: hidden;
}

.scale  a img{
    max-width: 100%;
    -webkit-transition: all .5s ease;
}

.scale:hover .hv img{
    -webkit-transform: scale(1.1);
}

.scale  .hv img{
    max-width: 100%;
    -webkit-transition: all .5s ease;
}

.scale:hover a img{
    -webkit-transform: scale(1.1);
}

.title-home{
    font-size: 4rem;
    font-family: var(--bebas);    
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.title-hom span{
    font-family: var(--arial);
    margin: 0 .5rem;
}

.subir {
    border: 1px solid #45577d;
    width: 43px;
    height: 43px;
    position: fixed;
    top: 50%;
    margin-top: -21.5px;
    right: 18px;
    background: url(../img/template/subir.png) no-repeat center;
    cursor: pointer;
    border-radius: 3px;
    background-color: #45577d;
    display: none;
    z-index: 1000;
}
.subir-negro {
    border: 1px solid #45577d;
    background: url(../img/template/subir-negro.png) no-repeat center;
    background-color: #45577d;
}

.sticky-top.aside {
    position: -webkit-sticky;
    position: sticky;
    top: 10rem;
    z-index: 1020;
}

.center{
    text-align: center;
    margin: 0 auto!important;
}

.text-normal {
    text-transform: none!important;
}

.box-none{
    box-shadow: none!important;
}
.hi-1{
    height: 10rem!important;
}
.hi-2{
    height: 20rem!important;
}
.hi-3{
    height: 30rem!important;
}
.hi-3-1{
    height: 31rem!important;
}
.hi-4{
    height: 40rem!important;
}
.hi-5{
    height: 50rem!important;
}
.hi-6{
    height: 60rem!important;
}

.bg-grey-card {
    background: #dae3f3;
}
.bg-blue-card {
    background: #203864;
}

.color-blue {
    color: #203864!important;
}

@media only screen and (min-width: 992px){
    .hi-4-5 {
        height: 38.5rem!important;
    }
}

@media only screen and (min-width: 1024px){
    .hi-2-4{
        height: 24rem!important;
    }
    .hi-3-7{
        height: 56rem;
    }
}

@media only screen and (min-width: 1336px){
    .hi-2-4{
        height: 24rem!important;
    }
    .hi-3-7{
        height: 39rem;
    }
}

.bg-1{ background: #dae3f3;}
.bg-2{ background: #b4c7e7;}
.bg-3{ background: #8faadc;}
.bg-4{ background: #ff6a50;}
.bg-5{ background: #a9d18e;}
.bg-6{ background: #ff0000;}
.bg-7{ background: #c5e0b4;}
.bg-8{ background: #92d050;}
.bg-9{ background: #00b050;}

.l-h{line-height: inherit;}

@media only screen and (min-width: 768px){
    p{font-size: 1.6rem!important;}
}

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

.top-01{margin-top: 2rem!important;}
.top-02{margin-top: 3rem!important;}
.top-03{margin-top: 0rem!important;}
.top-04{margin-top: 6rem!important;}

.top-1{margin-top: 4rem!important;}
.top-2{margin-top: 0rem!important;}
.top-3{margin-top: 9rem!important;}
.top-4{margin-top: 6rem!important;}

.traducxtor {
    position: fixed;
    bottom: -2rem;
    left: 1rem;
    z-index: 100;
}
#yt-widget.yt-state_mobile .yt-listbox,
#yt-widget.yt-state_right .yt-listbox {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border: none;
    position: fixed;
    flex-direction: column;
    overflow-y: auto;
    box-shadow: none;
    display: flex;
    -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px){
    #yt-widget .yt-listbox {
        border: 1px solid #d5d5d5;
        z-index: 999999;
        position: relative;
        margin-top: 5px;
        background: #fff;
        box-shadow: 0 10px 20px -4px rgb(0 0 0 / 10%);
    }
}

/*=====================================
ESTILOS HEADER
=====================================*/

header#header-menu,
header#header-menu nav{
    background: var(--blue)!important;
    box-shadow: none;
}

.header-blue{
    background: rgb(73 139 207 / 95%)!important;
}

header#header-menu nav ul li a{
    color: var(--white);
    font-size: 1.4rem;
    text-transform: uppercase;
}
.lh{line-height: 3;}

header#header-menu nav ul li a:hover{
    background: transparent;
}

header#header-menu nav ul li a i{
    margin-right: 0.5rem;
    font-size: 1.5rem;
    color: var(--naranja);
    margin-right: 0rem;
}

header#header-menu nav .dropdown-toggle::after{ 
    display: none; 
}

header#header-menu nav ul li .dropdown-menu {
    /*border: none;*/
    transition: .2s ease;
    background-color: #dae3f3;
}

header#header-menu nav ul li .dropdown-menu:before {
    color: #dae3f3;
}

header#header-menu nav ul li .dropdown-menu a{
    color: var(--negro);
    font-size: 1.1rem;
}

header#header-menu nav ul li .dropdown-menu a:hover{
    background: var(--blue);
    color: var(--white);
}

header#header-menu nav ul li .dropdown-menu a i{
    margin-right: 0.5rem;
    font-size: 1.6rem;
    color: var(--naranja);
}

header#header-menu nav ul li.nav-item.menu-i a {
    position: absolute;
    bottom: 1.5rem;
    right: 0rem;
    font-size: 1.6rem;
}

.mr-7{margin-right: 70px!important;}

a.nav-link.men img {
    position: absolute;
    right: -0.9rem;
    top: -3.8rem;
    font-size: 2.5rem!important;
}

@media only screen and (max-width: 767px){
    .navbar-nav .dropdown-menu {
        position: absolute;
        float: none;
    }
}

.fix{
    width: 150px;
}


.navbar .navbar-toggler {
    width: 40px;
    height: 30px;
    outline: 0;
    cursor: pointer;
}

.navbar .navbar-toggler i{
    font-size: 1.8rem;
}
.navbar-dark .navbar-toggler {
    color: #ffffff;
    border-color: #f5f5f5;
}

.fixed-animate {
    box-shadow:0 2px 6px rgba(0,0,0,0.2);  
    padding:4px 0;
    animation:slide-down 0.7s;
    /*opacity:0.9;*/
}   


@keyframes slide-down {
    0% {
        /*opacity: 0;*/
        transform: translateY(-100%);
    } 
    100% {
        /*opacity: 0.9;*/
        transform: translateY(0);
    } 
}

/*=====================================
ESTILOS SLIDE HERO
=====================================*/
/* Slider */
#wipe-slide .carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*  -webkit-filter: brightness(.8);
  -moz-filter: brightness(.8);
  -o-filter: brightness(.8);
  filter: brightness(.8);*/

}
#wipe-slide .arrow_indicator {
    position: absolute;
    top: 50%;
    z-index: 10;
    right: 4rem;
    display: flex;
    flex-direction: column;
}

#wipe-slide .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem 0;
    font-size: 1.8rem;
}

 #slider-arrow{
    z-index:3;
    position: relative;
}
 #slider-arrow a{
    width:80px;
    margin:0 0 0 -40px;
    height:80px;
    line-height:80px;
    position:absolute;
    left:50%;
    bottom:0;
    text-align:center;
    z-index:100;
    font-size:30px;
    height:80px;
    animation: bajar-subir 1s ease infinite;
}

 #slider-arrow a i{
    color: var(--white);
    font-size: 4rem;
 }

@media only screen and (max-width:1024px){
    #slider-arrow{
        display:none;
    }
}

@keyframes bajar-subir {
    0% { transform: translateY(20px); }
    25% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}


/* ------------------------- */
/* Productos */
/* ------------------------- */
#wipe-slide .carousel-item { 
    background-position: center;
    background-size: cover;
}

#wipe-slide .carousel-item:nth-child(1) {
    background-image: url('../img/slide/slide1.jpg');
}

#wipe-slide .carousel-item:nth-child(2) {
    background-image: url('../img/slide/slide7.jpg');
}
#wipe-slide .carousel-item:nth-child(3) {
    background-image: url('../img/slide/slide2.jpeg');
}
#wipe-slide .carousel-item:nth-child(4) {
    background-image: url('../img/template/slide4.jpg');
}
/*#wipe-slide .carousel-item:nth-child(5) {
    background-image: url('../img/slide/slide5.jpeg');
}
*/
#wipe-slide .carousel-item .container-slide{
    width: 70%;
    margin: 0 auto;
}
#wipe-slide .carousel-item h3{
    position: relative;
    text-align: center;
    margin-top: 30rem;
    font-family: var(--bebas);
    text-transform: normal!important;
    font-weight: 300!important;
    color: var(--blue);
    font-size: 5rem;
}
#wipe-slide .carousel-item:nth-child(4) h3,
#wipe-slide .carousel-item:nth-child(2) h3{
    color: var(--white);
} 
@media only screen and (max-width:  1024px){
    #wipe-slide .carousel-item h3{
        margin-top: 25rem;
        font-size: 4rem;
    }

}

@media only screen and (max-width: 767px){
        #wipe-slide .carousel-item:nth-child(1) {
        background-position: 40% center;
    }
}

@media only screen and (max-width:  601px){
    #wipe-slide .carousel-item h3{
        margin-top: 15rem;
        font-size: 3.5rem;
    }

}

/*=====================================
PAGINA DE INICIO 
=====================================*/

/*===-- Area services --===*/

.services{
   /* background: url('../img/home/bg-services.jpg') var(--white);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;*/
    padding: 10rem 0;
}

.services .container-header-text h2{
    font-size: 4rem;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--blue);
    
    margin-bottom: 1rem;
}

.services .container-header-text p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

.services .snip-hover {
   position: relative;
   overflow: hidden;
   width: 100%;
   line-height: 1.4em;
   font-size: 1.6rem;
}
.services .snip-hover * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 0.35s ease;
   transition: all 0.35s ease;
}
.services .snip-hover img {
   max-width: 100%;
   vertical-align: top;
}
 .services .snip-hover figcaption {
   position: absolute;
   top: calc(100%);
   width: 100%;
   height: 100%;
   background-color: rgb(69 87 125 / 83%);
}
.services .snip-hover figcaption:before {
   position: absolute;
   content: '';
   z-index: 2;
   bottom: 100%;
   left: 0;
   width: 100%;
   height: 8rem;
   background-image: -webkit-linear-gradient(top, transparent 0%, rgb(69 87 125 / 83%) 100%);
   background-image: linear-gradient(to bottom, transparent 0%, rgb(69 87 125 / 83%) 100%);
}

.services .snip-hover .aling-center{
    position: absolute;
    bottom: 10rem;
    width: 100%;
    text-align: center;
}
.services .snip-hover h3 {
   font-size: 2.6rem;
   color: var(--white);
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 0;
}

.services .snip-hover h3 span{
    font-family: var(--arial);
}


.services .snip-hover a {
   color: #d9e7f7;
   font-size: 2rem;
   text-transform: capitalize;
   font-weight: 300;
   text-align: center;
   padding: 0.5rem 0rem 1rem;
   display: block;
}

.services .snip-hover a i{
    margin-right: 0.5rem;
    font-size: 1.6rem;
    color: var(--naranja);
}

.services .snip-hover:hover figcaption, .snip-hover.hover figcaption {
   top: 8rem;
}

/*===-- Area SERVICES 2 --===*/

.services .card{
    /*height: 35rem;*/
    overflow: hidden;
    transition: all .3s ease;
    background: transparent;
}

/*.services .card::before{
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgb(12 12 12 / 71%);
    z-index: 10;
}*/


.services .card .card-area h3 {
   font-family: var(--bebas);
   font-size: 2.2rem;
   color: var(--white);
   text-align: left;
   text-transform: uppercase;
   margin-bottom: 1rem;
   transition: all .3s ease;
}

@media only screen and (max-width: 1290px){
    .services .card .card-area h3{font-size: 2rem;}
}


.services .card:hover .card-area h3{
    transform: translateX(1rem);
}

.services .card .card-area h3 span{
    font-family: var(--arial);
}


.services .card .card-area a {
   color: #d9e7f7;
   font-size: 2rem;
   text-transform: capitalize;
   font-weight: 300;
   text-align: left;
   padding: 1rem 0rem;
   display: block;
   text-decoration: none;
   transition: all .3s ease;
}

.services .card .card-area a:hover{
    transform: translateX(1rem);
}

.services .card .card-area a i{
    margin-right: 0rem;
    font-size: 1.6rem;
    color: var(--naranja);
}

/*===-- Area Company --===*/
.company{
    background: url('../img/home/bg-company.jpg') var(--white);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10rem 0;
}

.company .container-header-text {
    position: relative;
    z-index: 15;
}
.company .container-header-text h2{
    font-size: 4rem;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--blue);
    
}

.company .card{
    border: none;
}

.company .card .info-area{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    z-index: 10;
}

.company .card .info-area.uno{
    background: rgb(248 182 84 / 63%);
    transition: all .3s ease;
}
.company .card .info-area.dos{
    background: rgb(158 164 198 / 63%);
    transition: all .3s ease;
}
.company .card .info-area.tres{
    background: rgb(227 157 123 / 63%);
    transition: all .3s ease;
}
.company .card .info-area.cuatro{
    background: rgb(248 182 84 / 63%);
    transition: all .3s ease;
}
.company .card .info-area.cinco{
    background: rgb(158 164 198 / 63%);
    transition: all .3s ease;
}
.company .card .info-area.seis{
    background: rgb(187 132 75 / 63%);
    transition: all .3s ease;
}

.company .card .info-area.uno:hover,
.company .card .info-area.dos:hover,
.company .card .info-area.tres:hover,
.company .card .info-area.cuatro:hover,
.company .card .info-area.cinco:hover,
.company .card .info-area.seis:hover{
    background: transparent;
}

.company .card.active .info-area{
    opacity: 1;
}

.company .card .info-area .aling-center{
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center;
}

.company .card .info-area h3{
    font-family: var(--bebas);
    padding: 0 1rem;
    font-size: 2.2rem;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    z-index: 99;
}

@media only screen and (min-width: 1200px){
    .services .card .card-area{
        position: absolute;
        top: 4rem;
        left: 2rem;
        right: 1.5rem;
        z-index: 20;
    }
}

@media only screen and (min-width:  992px){
    .services .card .card-area{
        position: absolute;
        top: 3rem;
        left: 2rem;
        z-index: 20;
    }

    .services .card .card-area h3 {
        font-size: 2.2rem;
    }

}

@media only screen and (max-width:  991px){
    .services .card .card-area{
        position: absolute;
        top: 1rem;
        left: 2rem;
        z-index: 20;
    }

    .services .card .card-area h3 {
        font-size: 1.3rem;
    }

    .services .card .card-area a{padding: 0; font-size: 1.5rem;}
    .services .card .card-area a i{font-size: 1.2rem;}

}

@media only screen and (max-width:  767px){
    .services .card .card-area{
        position: absolute;
        top: 4rem;
        left: 4rem;
        z-index: 20;
        padding-right: 2rem;
    }

    .services .card .card-area h3 {
        font-size: 2;
    }

    .services .card .card-area a{padding: 0; font-size: 1.9rem;}
    .services .card .card-area a i{font-size: 1.8rem;}

}


/*===-- Area UBICACIÓN --===*/

.ubication-area{
    margin: 10rem 0;
}

.ubication-area .bg-content{
    padding: 6rem 3rem;
    /*background: rgb(12 12 12 / 71%);*/
     background: url('../img/home/bg-d.jpg') var(--white);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ubication-area .bg-content h2{
    font-size: 4rem;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--blue);
    
}

.ubication-area .bg-content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.ubication-area .bg-content ul li{
    margin: .5rem 0;
    color: var(--white);
}

.ubication-area .bg-content ul li span,
.ubication-area .bg-content ul li a{
    color: var(--white);
    font-size: 1.8rem;
    /*font-family: var(--bebas);*/
}

/*===-- Area TEAM --===*/

.team-area .team-title p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

.team-area .team-title a {
   color: #415379;
   font-size: 2rem;
   text-transform: capitalize;
   font-weight: 300;
   text-align: left;
   padding: 1.5rem 0rem 1rem;
   display: block;
   text-decoration: none;
   transition: all .3s ease;
}

.team-area .team-title a:hover{
    transform: translateX(1rem);
}

.team-area .team-title a i{
    margin-right: 0rem;
    font-size: 1.6rem;
    color: var(--naranja);
}

.team-area .card{
    position: relative;
    background: transparent;
    box-shadow: none;
}

.team-area .card .card-content-area{
    margin-top: -7rem;
    position: relative;

}
/*.team-area .card .card-content-area h4{
    font-weight: bold;
    color: var(--white);
    font-size: 2.2rem;
    text-align: center;
    background-color: rgb(69 87 125 / 100%);
    padding: 2rem 1rem;
    text-transform: uppercase;*/

.team-area .card .card-content-area h4{
    font-family: var(--bebas);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: var(--white);
    font-size: 2.1rem;
    text-align: center;
    background-color: rgb(69 87 125 / 100%);
    height: 10rem;
    text-transform: uppercase;
}

.team-area .card .card-content-area h5{
    /*font-family: var(--bebas);*/
    color: var(--negro);
    font-size: 1.9rem;
    text-align: center;
    margin-top: 1rem;
    padding: 1rem;
    border-bottom: 0.1rem solid var(--negro);
    display: block;
}

.team-area .card .card-content-area h5.top-6{
    margin-top: 4.3rem;
}

.team-area.page .card-content-area h4{
    font-family: var(--bebas);
    font-weight: 600;
}
.team-area.page .card-content-area h5{
    font-family: var(--bebas);
    font-weight: 300;
}
.team-area.page .card-content-area h5 span{
    font-weight: 600;
}


/*===-- Area OPORTUNITY CO --===*/

.oportunity{
    background-image: url('../img/oportunidad-co/bg.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10rem 0;

}


.oportunity .op-title h2{
    font-family: var(--bebas);
    background-color: rgb(69 87 125 / 100%);
    width: 100%;
    margin-bottom: 3.1rem!important;
    padding: 1rem;
    font-size: 2.8rem;
    text-transform: capitalize;
    color: var(--white);
}

.oportunity .card{
    position: relative;
    background: transparent;
    box-shadow: none;
}

.oportunity .card::before{
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgb(69 87 125 / 63%);
    z-index: 5;
}

.oportunity .card .card-content-area{
    /*position: absolute;*/
    margin-bottom: -1.5rem;
    width: 100%;
    background-color: rgb(69 87 125 / 100%);
    position: relative;
    z-index: 10;

}

/*.oportunity .card .card-content-area h5{
    color: var(--white);
    font-size: 2rem;
    text-align: center;
    background-color: rgb(69 87 125 / 100%);
    padding: 2rem 1rem;
    text-transform: none;
}
*/
.oportunity .card .card-content-area h5 {
    /*font-family: var(--bebas);*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 2rem;
    text-align: center;
    background-color: rgb(69 87 125 / 100%);
    text-transform: none;
    height: 13rem;
}

.oportunity .cosmetico .op-title h2,
.oportunity .cosmetico .card .card-content-area h5{
    background-color: rgb(248 153 151 / 100%);
    color: var(--white);
    /*font-family: var(--bebas);*/
}

.oportunity .salud .op-title h2,
.oportunity .salud .card .card-content-area h5{
    background-color: rgb(183 198 141 / 100%);
    color: var(--white);
    /*font-family: var(--bebas);*/
}

/*=============================================
FOOTER
=============================================*/

footer{
    margin: 10rem 0 4rem 0;
}

footer p{
    font-size: 1.4rem!important;
}

.footer-social{
    width: 100%;
    margin-bottom: 2rem;
    border-bottom: 0.1rem solid var(--negro);
}

.social ul{
    position: relative;
    margin: 1rem 0 2rem 0;
    padding: 0;
}

.social ul li{display: inline-block; margin-right: 1rem;}
.red-social{
    width:3.5rem;
    height:3.5rem;
    border-radius: 5rem;
    text-align: center;
    line-height:3.5rem;
    border-radius: 5rem;
    box-shadow: none;
    border: 0.1rem solid var(--negro);
    transition: all .3s ease;
}

.red-social:hover{
    border: 0.1rem solid transparent;
}

/*FACEBOOK*/

.facebook-blanco{
    color:white;
}

.facebook-negro{
    color:black;
}

.facebook-color{
    color:white;
    background:#46639f;
}

/*FACEBOOK*/

.linkedin-blanco{
    color:white;
}

.linkedin-negro{
    color:black;
}

.linkedin-color{
    color:white;
    background:#46639f;
}

/*YOUTUBE*/

.youtube-color{
    color:white;
    background:#d6513e;
}

.youtube-blanco{
    color:white;
}

.youtube-negro{
    color:black;
}

/*TWITTER*/

.twitter-color{
    color:white;
    background:#0ab2e6;
}

.twitter-blanco{
    color:white;
}

.twitter-negro{
    color:black;
}

/*GOOGLE PLUS*/

.google-color{
    color:white;
    background:#d71617;
}

.google-blanco{
    color:white;
}

.google-negro{
    color:black;
}

/*INSTAGRAM*/

.instagram-color{
    color:white;
    background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagram-blanco{
    color:white;
}

.instagram-negro{
    color:black;
}

/*FACEBOOK*/

.facebookBlanco{
    color:white;
}

.facebookNegro{
    color:black;
}

.facebookColor{
    color:white;
    background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
    color:white;
    background:#d6513e;
}

.youtubeBlanco{
    color:white;
}

.youtubeNegro{
    color:black;
}

/*TWITTER*/

.twitterColor{
    color:white;
    background:#0ab2e6;
}

.twitterBlanco{
    color:white;
}

.twitterNegro{
    color:black;
}

/*GOOGLE PLUS*/

.googleColor{
    color:white;
    background:#d71617;
}

.googleBlanco{
    color:white;
}

.googleNegro{
    color:black;
}

/*INSTAGRAM*/

.instagramColor{
    color:white;
    background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
    color:white;
}

.instagramNegro{
    color:black;
}


footer p, footer  a{
    color: var(--negro);
    font-size: 1.3rem;
    margin: 1rem 0 0 0;
}

footer  a{
    color: var(--negro);
}

/*=============================================
PRELOAD PAGE
=============================================*/

.loader-page {
    position: fixed;
    z-index: 25000;
    background: rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .3s ease;
}
.loader-page::before {
    content: "";
    position: absolute;
    border: 3px solid rgb(50, 150, 176);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176,0);
    border-top: 2px solid rgba(50, 150, 176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}
@keyframes rotarload {
  0%   {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}
.loader-page::after {
    content: "";
    position: absolute;
    border: 2px solid rgba(50, 150, 176,.5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s ease-out infinite;
    transform: rotate(0deg);
}

/*=============================================
SIDE NAV
=============================================*/

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  background-color: var(--blue);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav nav ul {
    padding: 1rem 2rem;
}

.sidenav nav ul li a{
    color: var(--white);
    font-size: 1.4rem;
    text-transform: uppercase;
}

.sidenav nav ul li a i{
    margin-right: 0rem;
    font-size: 1.5rem;
    color: var(--naranja);
}

.sidenav nav ul .dropdown-toggle::after{ 
    display: none; 
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: var(--naranja);
}

.sidenav nav ul li .dropdown-menu {
    background-color: #dae3f3;
}
.sidenav nav ul li .dropdown-menu a{
    color: var(--negro);
    font-size: 1.1rem;
}

.sidenav nav ul li .dropdown-menu a:hover{
    background: var(--blue);
    color: var(--white);
}
.sidenav .closebtn {
   position: absolute;
   top: -1rem;
   left: -1rem;
   font-size: 4rem;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*=====================================
PAGES WEB
=====================================*/

/* PAGE TEAM */

.hero-team-page{
    background: url('../img/team/bg-team.jpg');
    position: relative;
    width: 100%;
    left: 0;
    top: -4rem;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80rem;
    background-position: bottom center;
}

.hero-team-page .breadcrumb-wrap{
    padding: 15rem 0 2rem  0;
}

.hero-team-page .breadcrumb-wrap .breadcrumb-title h2 {
    font-size: 4rem;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--white);
    padding: 4rem 0 0  0;
}

.hero-team-page .breadcrumb-wrap .breadcrumb{
    background: transparent;
    padding-left: 0;
    margin-left: 0;
    padding-top: 2rem;

}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: var(--blue)
    content: "/";
}

.hero-team-page .breadcrumb-wrap .breadcrumb  li a{
    color: var(--naranja);
    font-size: 2rem;
}

.hero-team-page .breadcrumb-wrap .breadcrumb-item.active{
    color: var(--white)!important;
    font-size: 2rem;
}

.hero-team-page .container-area-card{
    background: var(--white);
    padding: 3rem;
}

.hero-team-page .container-area-card p{
    font-size: 1.6rem;
    color: #415379;
    /*line-height: 3rem;*/
}

.hero-team-page .container-area-card h3{
   font-family: var(--bebas);
   font-size: 2.4rem;
   color: var(--negro);
   text-align: left;
   text-transform: uppercase;
   margin: 3rem 0 0 0;
}

@media only screen and (min-width: 992px){
    .hero-team-page .container-area-card {
        background: var(--white);
        padding: 3rem;
        position: absolute;
        bottom: -47.5rem;
        width: 100%;
    }

    .hero-team-page .container-area-card p{
        font-size: 1.6rem;
        color: #415379;
        /*line-height: 3rem;*/
    }

    .hero-team-page .container-area-card h3{
        font-family: var(--bebas);
       font-size: 2.6rem;
       color: var(--negro);
       text-align: right;
       text-transform: uppercase;
       margin: 3rem 0 0 0;
    }

    
}

.hero-team-page .team-area-ahutor h6{
   font-size: 2rem;
   color: var(--negro);
   text-align: left;
}

.border-divider{
    margin: 0 0 4rem;
    border-bottom: 0.1px solid var(--negro);
}

.background-area-ahutor h4 {
    font-family: var(--bebas);
    font-weight: bold;
    color: var(--blue);
    font-size: 2.2rem;
    text-align: left;
    padding: 0;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.background-area-ahutor p{
    font-size: 1.6rem;
    color: #415379;
    /*line-height: 3rem;*/
}

.enlace-team {
    position: absolute;
    z-index: 1;
    bottom: 10rem;
    right: 0rem;
    width: 6rem;
    height: 6rem;
    background: var(--blue);
    line-height: 6rem;
    text-align: center;
    display: block;
    text-decoration: none;
}

.enlace-team:hover{
    background: #415379;
    text-decoration: none;
}
.enlace-team span{
    color: var(--white);
    font-size: 3.2rem;
    font-family: var(--bebas);
}
/* PAGE FUSIONES Y AQUISICIONES */

.sub-hero-fuciones-adquisiciones{
    margin-top: 7rem;
}

.sub-hero-fuciones-adquisiciones .card-details {
    width: 100%;
    height: 45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background: url('../img/services/bg.jpg');   */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
    overflow: hidden;
}

.sub-hero-fuciones-adquisiciones .card-details .title h3{
    font-family: var(--bebas);
   font-size: 2.4rem;
   color: var(--white);
   text-align: right;
   text-transform: uppercase;
   text-align: center;
   font-weight: 600;
   padding: 1rem 2rem;
}

.sub-hero-fuciones-adquisiciones .card-details .details{
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    width: 91%;
    height: 100%;
    background: #4265a1;
    padding: 1rem 2rem;
    opacity: 0;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sub-hero-fuciones-adquisiciones .card-details .details:hover{
    opacity: 1;
}

.sub-hero-fuciones-adquisiciones .card-details .details h4{
    font-family: var(--bebas);
    font-weight: 600;
    color: var(--white);
    font-size: 2rem;
    text-align: center;
}

.sub-hero-fuciones-adquisiciones .card-details .details p{
    font-size: 1.6rem;
    color: var(--white);
    /*line-height: 3rem;*/
    text-align: center;
}

.fuciones-adquisiciones-carousel{
    margin: 7rem 0;
}

.fuciones-adquisiciones-carousel h2, .sub-hero-fuciones-adquisiciones h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.fuciones-adquisiciones-carousel p, .sub-hero-fuciones-adquisiciones p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

@media only screen and (min-width: 768px){
    .sub-hero-fuciones-adquisiciones .card-details .title h3{
        font-family: var(--bebas);
        font-size: 1.5rem;
    }

    .sub-hero-fuciones-adquisiciones .card-details .details{
        width: 84%;
    }
    .sub-hero-fuciones-adquisiciones .card-details{
        height: 40rem;
    }

    .sub-hero-fuciones-adquisiciones .card-details .details p{
        font-size: 1.1rem!important;
        /*line-height: 2rem;*/
    }
}



@media only screen and (min-width: 992px){
    .sub-hero-fuciones-adquisiciones .card-details .title h3{
        font-family: var(--bebas);
        font-size: 2rem;
        font-weight: 400;
    }

    .sub-hero-fuciones-adquisiciones .card-details .details{
        width: 87.5%;
    }
    .sub-hero-fuciones-adquisiciones .card-details{
        height: 45rem;
    }

    .sub-hero-fuciones-adquisiciones .card-details .details p{
        font-size:  1.6rem!important;
        line-height: 2rem;
    }
}

@media only screen and (min-width: 1200px){

    .sub-hero-fuciones-adquisiciones .card-details .details{
        width: 89%;
    }
    .sub-hero-fuciones-adquisiciones .card-details{
        height: 45rem;
    }

}

@media only screen and (min-width: 1280px){

    .sub-hero-fuciones-adquisiciones .card-details .details{
        width: 90.5%;
    }

    .sub-hero-fuciones-adquisiciones .card-details .details p{
        font-size: 1.6rem!important;
    }

    .sub-hero-fuciones-adquisiciones .card-details .title h3{
        font-family: var(--bebas);
       font-size: 2.4rem;
    }
}

@media only screen and (max-width: 767px){
    .sub-hero-fuciones-adquisiciones .card-details .details{
        position: relative;
        opacity: 1;
        width: 100%;
        left: 0;
    }

    .sub-hero-fuciones-adquisiciones .card-details{
        height: 40rem;
        margin: 2rem 0;
    }

    .hero-fuciones-adquisiciones-page .breadcrumb-wrap .breadcrumb-title h2{
        font-family: var(--bebas);
        font-size: 3rem;
    }

    .hero-fuciones-adquisiciones-page .container-area-card {
        background: var(--white);
        padding: 3rem;
        position: absolute;
        bottom: -46rem;
        width: 100%;
    }
}

@media only screen and (max-width: 600px){
    .sub-hero-fuciones-adquisiciones .card-details{
        height: 65rem;
    }

    .hero-fuciones-adquisiciones-page .breadcrumb-wrap .breadcrumb-title h2{
        font-family: var(--bebas);
        font-size: 1.5rem;
    }
    .sub-hero-valoracion-empresas .card-details .title h3{
        font-family: var(--bebas);
        font-size: 2rem;
    }
}

#card-slide  .carousel-inner{
    box-shadow: none;
    background: transparent;
    padding: 0 2rem;
}


#card-slide .arrow_indicator {
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    display: flex;
    flex-direction: row;
}

#card-slide .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem;
    font-size: 1.8rem;
}

#card-slide  .carousel-inner .card{
    text-align: center;
    padding: 1rem 1.5rem;
    height: 28rem;
}

#card-slide  .carousel-inner .card h4{
    font-family: var(--bebas);
    font-size: 3.5rem;
    color: var(--blue);
    font-weight: bold;
}

#card-slide  .carousel-inner .card{
    display: flex;
    justify-content: center;
}

#card-slide  .carousel-inner .card  p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

/*SLIDE 2*/
#card-slide-twu  .carousel-inner{
    box-shadow: none;
    background: transparent;
    padding: 0 2rem;
}


#card-slide-twu .arrow_indicator {
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    display: flex;
    flex-direction: row;
}

#card-slide-twu .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem;
    font-size: 1.8rem;
}

#card-slide-twu  .carousel-inner .card{
    text-align: center;
    padding: 1rem 1.5rem;
    height: 29rem;
}

#card-slide-twu  .carousel-inner .card h4{
    font-family: var(--bebas);
    font-size: 2.5rem;
    color: var(--blue);
    font-weight: bold;
}

#card-slide-twu  .carousel-inner .card{
    display: flex;
    justify-content: center;
}

#card-slide-twu  .carousel-inner .card  p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}



/* PAGE VALORACIÓN DE EMPRESAS */

.sub-hero-valoracion-empresas{
    margin-top: 3rem;
}

.sub-hero-valoracion-empresas .card-details {
    width: 100%;
    height: 45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background: url('../img/services/bg2.jpg');   */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
    overflow: hidden;
}

.sub-hero-valoracion-empresas .card-details .title h3{
    font-family: var(--bebas);
   font-size: 2.4rem;
   color: var(--white);
   text-align: right;
   text-transform: uppercase;
   text-align: center;
   font-weight: 600;
   padding: 1rem 2rem;
}

.sub-hero-valoracion-empresas .card-details .details{
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    width: 91%;
    height: 100%;
    background: #4265a1;
    padding: 1rem 2rem;
    opacity: 0;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sub-hero-valoracion-empresas .card-details .details:hover{
    opacity: 1;
}

.sub-hero-valoracion-empresas .card-details .details h4{
    font-family: var(--bebas);
    font-weight: 600;
    color: var(--white);
    font-size: 2rem;
    text-align: center;
}

.sub-hero-valoracion-empresas .card-details .details p{
    font-size: 1.6rem;
    color: var(--white);
    line-height: 3rem;
    text-align: center;
}

.fuciones-adquisiciones-carousel{
    margin: 7rem 0;
}

.fuciones-adquisiciones-carousel h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.fuciones-adquisiciones-carousel p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

@media only screen and (min-width: 768px){
    .sub-hero-valoracion-empresas .card-details .title h3{
        font-family: var(--bebas);
        font-size: 1.5rem;
    }

    .sub-hero-valoracion-empresas .card-details .details{
        width: 84%;
    }
    .sub-hero-valoracion-empresas .card-details{
        height: 50rem;
    }

    .sub-hero-valoracion-empresas .card-details .details p{
        font-size: 1.1rem!important;
        line-height: 2rem;
    }
}



@media only screen and (min-width: 992px){
    .sub-hero-valoracion-empresas .card-details .title h3{
        font-family: var(--bebas);
        font-size: 2rem;
        font-weight: 400;
    }

    .sub-hero-valoracion-empresas .card-details .details{
        width: 87.5%;
    }
    .sub-hero-valoracion-empresas .card-details{
        height: 41rem;
    }

    .sub-hero-valoracion-empresas .card-details .details p{
         font-size: 1.6rem!important;
        line-height: 2rem;
    }
}

@media only screen and (min-width: 1200px){

    .sub-hero-valoracion-empresas .card-details .details{
        width: 89%;
    }
    .sub-hero-valoracion-empresas .card-details{
        height: 40rem;
    }

    .sub-hero-valoracion-empresas .card-details .details p{
         font-size: 1.6rem!important
    }
}

@media only screen and (min-width: 1280px){

    .sub-hero-valoracion-empresas .card-details .details{
        width: 90.6%;
    }

    .sub-hero-valoracion-empresas .card-details .details p{
        font-size: 1.6rem!important;
    }

    .sub-hero-valoracion-empresas .card-details .title h3{
        font-family: var(--bebas);
       font-size: 2.4rem;
    }
}

@media only screen and (max-width: 767px){
    .sub-hero-valoracion-empresas .card-details .details{
        position: relative;
        opacity: 1;
        width: 100%;
        left: 0;
    }

    .sub-hero-valoracion-empresas .card-details{
        height: 40rem;
        margin: 2rem 0;
    }
}

@media only screen and (max-width: 600px){
    .sub-hero-valoracion-empresas .card-details{
        height: 58rem;
    }
}



/*.sub-hero-valoracion-empresas {
    margin-top: 3rem; 
}

.sub-hero-valoracion-empresas h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.hero-valoracion-empresas-page p{
    font-size: 1.8rem;
    color: #415379;
    line-height: 2.5rem;
}

.sub-hero-valoracion-empresas .card-details {
    width: 100%;
    height: 45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url('../img/services/bg2.jpg');   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
    overflow: hidden;
}

.sub-hero-valoracion-empresas .card-details .title h3{
   font-size: 2.4rem;
   color: var(--white);
   text-align: right;
   text-transform: uppercase;
   text-align: center;
   font-weight: 600;
   padding: 1rem 2rem;
}

.sub-hero-valoracion-empresas .card-details .details{
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    width: 93%;
    height: 100%;
    background: #4265a1;
    padding: 1rem 2rem;
    opacity: 0;
    transition: all .3s ease;
}

.sub-hero-valoracion-empresas .card-details .details:hover{
    opacity: 1;
}

.sub-hero-valoracion-empresas .card-details .details h4{
    font-weight: 600;
    color: var(--white);
    font-size: 2rem;
    text-align: center;
}

.sub-hero-valoracion-empresas .card-details .details p{
    font-size: 1.6rem;
    color: var(--white);
    line-height: 3rem;
    text-align: center;
    margin-top: 4rem;
}

@media only screen and (max-width: 1024px){
    .sub-hero-valoracion-empresas .card-details .details{
        width: 88%;
    }
    .sub-hero-valoracion-empresas .card-details .details h4{
        font-size: 1.8rem;
        padding-top: 0;
    }

    .sub-hero-valoracion-empresas .card-details{
        height: 60rem;
    }
}

@media only screen and (max-width: 767px){
    .sub-hero-valoracion-empresas .card-details .details{
        width: 94.8%;
    }

    .sub-hero-valoracion-empresas .card-details{
        height: 40rem;
    }

}
*/


.valoracion-empresas-carousel{
    margin: 7rem 0;
}

.valoracion-empresas-carousel h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.valoracion-empresas-carousel p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

.valoracion-empresas-carousel #card-slide  .carousel-inner{
    box-shadow: none;
    background: transparent;
    padding: 0 2rem;
}


.valoracion-empresas-carousel #card-slide .arrow_indicator {
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    display: flex;
    flex-direction: row;
}

.valoracion-empresas-carousel #card-slide .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem;
    font-size: 1.8rem;
}

.valoracion-empresas-carousel #card-slide  .carousel-inner .card{
    text-align: center;
    padding: 1rem 1.5rem;
    height: 25rem;
}

.valoracion-empresas-carousel #card-slide  .carousel-inner .card h4{
    font-family: var(--bebas);
    font-size: 3rem;
    color: var(--white);
    font-weight: bold;
    text-transform: normal;
    font-weight: 400;
}


.valoracion-empresas-carousel #card-slide  .carousel-inner .card  p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

.valoracion-empresas-carousel #card-slide  .carousel-inner .card.card-blue{
    background: #4265a1;
}

.valoracion-empresas-carousel #card-slide  .carousel-inner .card.card-green{
    background: #7db95d;
}

.card.card-blue,
.card.card-green {
    display: flex;
    justify-content: center;
}



/* PAGE CONSULTORIA ESTRATÉGICA */



.consultoria-estrategica-carousel{
    margin: 3rem 0;
}

.consultoria-estrategica-carousel h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.consultoria-estrategica-carousel p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner{
    box-shadow: none;
    background: transparent;
    padding: 0 2rem;
}


.consultoria-estrategica-carousel #card-slide .arrow_indicator {
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    display: flex;
    flex-direction: row;
}

.consultoria-estrategica-carousel #card-slide .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem;
    font-size: 1.8rem;
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner .card{
    text-align: center;
    padding: 1rem 1.5rem;
    height: 35rem;
}

@media only screen and (max-width: 1024px){
    .consultoria-estrategica-carousel #card-slide  .carousel-inner .card{
        height: 48rem;
    }
}

@media only screen and (max-width: 768px){
    .consultoria-estrategica-carousel #card-slide  .carousel-inner .card{
        height: 50rem;
    }
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner .card h4{
    font-family: var(--bebas);
    font-size: 2.2rem;
    color: var(--white);
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 400;
}


.consultoria-estrategica-carousel #card-slide  .carousel-inner .card  p{
    font-size: 1.6rem;
    color: var(--white);
    line-height: 2.5rem;
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner .card.card-blue{
    background: #4265a1;
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner .card.card-purple{
    background: #7030a0;
}

.consultoria-estrategica-carousel #card-slide  .carousel-inner .card.card-green{
    background: #7eba5c;
}

.card.card-blue,
.card.card-green {
    display: flex;
    justify-content: center;
}

/* PAGE CONSULTORIA ESTRATÉGICA */

.hero-section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 0;
}

.breadcrumb-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25rem 0;
}

.breadcrumb-wrap  h2 {
    font-size: 3.5rem;
    font-family: var(--bebas);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--white);
    margin-bottom: 0;
}

.breadcrumb-wrap .breadcrumb{
    background: transparent;
    padding-left: 0;
    margin-left: 0;

}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: var(--blue)
    content: "/";
}

.breadcrumb-wrap .breadcrumb  li a{
    color: var(--naranja);
    font-size: 2rem;
}

.breadcrumb-wrap .breadcrumb-item.active{
    color: var(--white)!important;
    font-size: 2rem;
}

section.container-center {
    display: flex;
    justify-content: center;
}

.content-hero-card{
    background: var(--white);
    padding: 4rem;
    position: relative;
    margin-top: -13rem;
    z-index: 1;
    border-radius: 0.2rem;
    width: 80%;
    display: flex;
    justify-content: center;
}


.content-hero-card p{
    font-size: 1.6rem;
    color: #415379;
    /*line-height: 3rem;*/
    text-align: center;
}

@media only screen and (max-width:  767px){
    .content-hero-card{
        width: 100%;
        margin: 0;
        text-align: left;
        padding: 4rem 0;
    }
    .content-hero-card p{text-align: left;}
}


/* PAGE LICENCIAS Y DISTRIBUCIÓN */

.licencias-etapas{
    margin: 3rem 0;
}

.licencias-etapas h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}


/* PAGE ALIADOS ESTRATEGICOS */

.bg-aliados{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    z-index: 0;
}

.bg-aliados h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 6rem;
}

/* PAGE VALORES CORPORATIVOS */

.valores-corpo h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-top: 6rem;
}

.valores-corpo .card{
    /*height: 80rem;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    /*align-items: center;*/
    text-align: center;
    background: transparent;
    box-shadow: none;
}

.valores-corpo .card .header h3,
.valores-corpo .card .footer h3{
    font-family: var(--bebas);
    font-size: 2.4rem;
    text-align: right;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #203864;
}

.valores-corpo .card .header p,
.valores-corpo .card .footer p{
    font-size: 1.7rem!important;
    /*line-height: 2rem;*/
    text-align: center;
}

.valores-corpo .card .header.blue,
.valores-corpo .card .footer.blue{
    background: #203864;
    color: var(--white);
}

.valores-corpo .card .header,
.valores-corpo .card .footer{
    padding: 1.5rem;
}

.valores-corpo .card .header,
.valores-corpo .card .footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 35rem;
}



/*===-- PAGE SOMOS --===*/

.content-about{
    margin: 7rem 0;
}

.content-about .about-title p,
.content-about .content-somos-description p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.8rem;
}

.content-about .content-somos-description h3{
    font-family: var(--bebas);
    font-size: 3.4rem;
   color: var(--negro);
   text-align: left;
   text-transform: uppercase;
   font-weight: bold;
}


/*===-- PAGE PORQUE NOSOTROS --===*/

.content-in-health{
    margin: 7rem 0;
}

.content-in-health h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.content-in-health h5{
    font-size: 2.5rem;
    font-weight: 600;
    font-family: var(--bebas);
    color: var(--blue);
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#card-slide-equipo  .carousel-inner{
    box-shadow: none;
    background: transparent;
    padding: 0 2rem;
}


#card-slide-equipo .arrow_indicator {
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    display: flex;
    flex-direction: row;
}

#card-slide-equipo .arrow_indicator a {
    display: block;
    background: rgb(0 0 0 / 55%);
    color: var;
    color: var(--white);
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    margin: 0.5rem;
    font-size: 1.8rem;
}

#card-slide-equipo  .carousel-inner .card{
    text-align: center;
    padding: 1rem 1.5rem;
    height: 30rem;
}

#card-slide-equipo  .carousel-inner .card{
    display: flex;
    justify-content: center;
}

#card-slide-equipo  .carousel-inner .card  p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.5rem;
    margin: 1rem 0;
}

.content-in-health .footer p i{
    font-size: 2rem;
    color: var(--naranja);
    margin-right: 1rem;
}

.content-in-health .footer p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.8rem;
}

/*===-- PAGE OPORTUNIDAD COLOMBIA--===*/

.oportunity-page{
    margin: 6rem 0;
}

.oportunity-page h2{
    font-size: 4rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 4rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

.oportunity-page h4{
    font-size: 2.8rem;
    font-weight: 600;
    font-family: var(--bebas);
    color: var(--blue);
    margin: 0;
    padding-bottom: 4rem;
    font-weight: 400;
}


.oportunity-page .card .cartelito{
    position: absolute;
    right: -2rem;
    top: 1rem;
}

.oportunity-page .card .card-body h5{
    font-size: 2.5rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.oportunity-page .card .card-body p{
    font-size: 1.6rem;
    color: #415379;
    line-height: 2.8rem;
}

.oportunity-page .card .card-body p span{
    color:var(--blue)!important;
    font-weight: 600;
}

.oportunity-page .card .footer{
    padding: 0 1rem;
}

.oportunity-page .card .footer p{
    font-size: 1.6rem;
    color: #415379;
    font-weight: 600;
}

.oportunity-page .card .footer p span{
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background: var(--green);
    border-radius: 5rem;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 767px){
    .d-none-md-all{
        display: none!important;
    }
}

@media only screen and (max-width: 767px){
    .services .card .card-area h3{font-size: 2.3rem;}
    .services .card .card-area a{font-size: 1.6rem;}
    .company .container-header-text h2,
    .ubication-area .bg-content h2,
    .title-home{font-size: 3rem;}
    .team-area .card .card-content-area h4{font-size: 1.9rem;}
    .ubication-area .bg-content ul li span, .ubication-area .bg-content ul li a{
        font-size: 1.6rem;
        font-family: var(--bebas);
    }
    .company .container-header-text h2, .ubication-area .bg-content h2, .title-home{font-size: 2.8rem!important;}
    .valoracion-empresas-carousel h2, .consultoria-estrategica-carousel h2, .content-in-health h2, .oportunity-page h2{font-family: var(--bebas);font-size: 3.2rem;}
}

/*------------------------------------*\
    TRADUCTOR
\*------------------------------------*/
.translate {
    z-index: 200000;
    position: fixed;
    bottom: 4rem;
    right: 2rem;
    background: var(--white);
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 5rem;
    text-align: center;
    line-height: 5.7rem;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}

.dropdown.translate .dropdown-menu {
    min-width: 5rem;
    top: -5.3rem !important;
    line-height: 2rem;
}

.dropdown.translate .dropdown-menu:before{
    display: none;
}

.dropdown.translate a {
    font-size: 1.3rem;
}
/*------------------------------------*\
    PAGE CONTACTO
\*------------------------------------*/
.form-info .border-gris h5{
    font-size: 2.5rem;
    font-family: var(--bebas);
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.form-info .border-gris p{
    font-size: 1.6rem;
    color: #415379;
    /*line-height: 3rem;*/
}

#loading_spinner {
    margin: 1rem 0 1rem 1rem;
    display: none;
}


@media only screen and (max-width: 768px){
    p{font-size: 1.8rem!important;}
}

@media only screen and (max-width:  514px){
    .sub-hero-fuciones-adquisiciones .card-details .details p,
    .sub-hero-valoracion-empresas .card-details .details p{
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 300px){
    .sub-hero-fuciones-adquisiciones .card-details {
        height: 68rem;
    }

    .sub-hero-valoracion-empresas .card-details {
        height: 63rem;
    }
}


@media only screen and (min-width:  768px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 10%;
        top: 94rem;
        font-size: 3rem;
        z-index: 10;
    }
}

@media only screen and (min-width:  992px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 8%;
        top: 90%;
        z-index: 10;
        font-size: 4rem;
    }
}

@media only screen and (min-width:  1100px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 12%;
        top: 85rem;
        z-index: 10;
    }
}

@media only screen and (max-width:  767px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 20%;
        top: 106rem;
        font-size: 3rem;
        z-index: 10;
    }

    .center-sm-area ol.breadcrumb {
        flex-direction: column;
        text-align: center;
    }

    .center-sm-area .breadcrumb-item+.breadcrumb-item::before{display: none!important;}

    .breadcrumb-wrap.center-sm-area h2{text-align: center;}
}

@media only screen and (max-width: 600px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 12%;
        top: 109rem;
        font-size: 2.5rem;
        z-index: 10;
    }

}

@media only screen and (max-width: 411px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 5%;
        top: 134rem;
        font-size: 2rem;
        z-index: 10;
    }

}

@media only screen and (max-width: 320px){
    h2.wow.fadeInUp.posisionar {
        position: absolute;
        right: 5%;
        top: 138rem;
        font-size: 2rem;
        z-index: 10;
    }

}