@charset "utf-8";


/* ==============================
   Common styles
   ============================== */
  

img:not([draggable]), embed, object, video{
    max-width: 100%;
    height: auto;
}
.image-fullwidth img{
    width: 100%;
    height: auto;
}


.wow,
.wow-menubar,
.wow-p{
    opacity: 0.001;  
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;    
    -webkit-transform: translateZ(0);
    transform: translateZ(0);  
}
html:not(.mobile) .wow, 
html:not(.mobile) .wow-menubar, 
html:not(.mobile) .wow-p{
    /*will-change: opacity, transform;*/
}
.appear-animate .wow.scaleOutIn{
    opacity: 1;
    transform: scale(1.2);
}
.appear-animate .wow.animated,
.appear-animate .wow.scaleOutIn.animated,
.appear-animate .wow-p.amimated,
.appear-animate .wow-menubar.animated,
.mobile .appear-animate .wow,
.mobile .appear-animate .wow-menubar,
.mobile .appear-animate .wow-p{
    opacity: 1;
    transform: scale(1.0);
}

/* ==============================
   Services
   ============================== */

.services-tabs{
    display: block;
    margin: 0;

    border: none;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.037em;
}
.services-tabs > li{
    display: block;
    margin-bottom: 0.175em;
}
.services-tabs > li > a{
    position: relative;
    display: inline-block;
    padding-bottom: .06em;
    text-decoration: none;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    font-weight: 400;
}
.services-tabs > li > a:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.services-tabs > li a:hover{
    color: unset;
    opacity: .5;
}
.services-tabs > li a.active:before{
    transform: scaleX(1);
}
.services-tabs > li > a > .number{
    position: absolute;
    margin-top: 3px;
    margin-left: -1px;

    left: calc(100% + 0.5em);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    opacity: 0;
    transform: translateX(5px);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.services-tabs > li a.active{
    opacity: 1;
    font-weight: 700;
}
.services-tabs > li a.active > .number{
    opacity: 1;
    transform: translateX(0);
}
.services-content{
    display: flex;
    width: 100%;
}
.services-content-item{
    position: relative;
    width: 100%;
    min-height: 600px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
img.services-image{
    position: relative;
    height: 100%;
}
@keyframes services-tabs-animation-1 {
    0% {
        opacity: 0;
        transform: translate(0, 40px);
    }
    100% {
        opacity: 1; 
        transform: translate(0, 0) scale(1);
    }
}
.services-content-item.active img.services-image{
    animation: services-tabs-animation-1 .7s cubic-bezier(0,.5,0,1);
}
:root{
    --services-text-overlap: 220px;
}
.services-text{
    position: absolute;
    bottom: 60px;
    left: calc(-1 * 220px);
    max-width: 410px;    
    z-index: 1;
}
.services-text-container{
    padding: 38px;
    background: #f1f1f1;
}
@keyframes services-tabs-animation-2 {
    0% {
        transform: translate(0, 20px) scale(.93);
    }
    100% { 
        transform: translate(0, 0) scale(1);
    }
}
.services-content-item.active .services-text{
    animation: services-tabs-animation-2 .7s cubic-bezier(0,.5,0,1);
    will-change: transform;
}





/*--------------------------------------------------------------
# fixing nico
--------------------------------------------------------------*/
    .eventosshow {margin-top: 50px;}
    .eventosshow p {font-size: 19px;    font-weight: 300;}    
    .eventosshow h3 { font-size: 32px; font-weight: 500;} 
    .eventosshow li a{font-size: 30px;} 

    .eventosshow .services-text{
            margin-left: 70px;
    }
    .eventosshow .services-text-container h4 {font-size: 18px;font-weight: 700; font-family:"Plus Jakarta Sans", sans-serif; } 
    .eventosshow .services-text-container p {font-size: 16px;} 
    .eventosshow .content {
      padding: 0px 30px;
    }

   .eventosshow .active img {
    animation: services-tabs-animation-1 5s cubic-bezier(0,.5,0,1);
    }

    @keyframes services-tabs-animation-1 {
        0% {
            opacity: 0;
            transform: translate(0, 40px);
        }
        100% {
            opacity: 1; 
            transform: translate(0, 0) scale(1);
        }

    }

    @media screen and (max-width: 480px) {
        .eventosshow {margin-top: 0px; padding-left: 12px; padding-right: 12px}

        .eventosshow .services-text{
                margin-left: 0px;
                position: static;
                padding: 10px;
                 max-width: none;
        }

        .eventosshow .wow {
            padding-left: 0px;        
            padding-right: 0px
        }
        .eventosshow li a {
            font-size: 23px;
        }
        .eventosshow li {
            height: 35px;
        }
        .services-text-container p {
            margin-bottom: 0px;
        }

        .services-image{
            height: auto !important;
        }

    }


.tab-pane p{
     margin-top: 1.2rem !important;
     margin-bottom: 0rem  !important;
}