.title-wrapper{ overflow: hidden;}
div.border{ border:1px solid #f00 !important;}

body{cursor: url(../images/cursor.svg) 9 9, auto;}

a, .w-slider-dot{cursor: url(../images/cursor_a.svg) 11 11, auto !important;}


.marquee {
    overflow: hidden;
    /* background: #000; */
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000000000;
}

.marquee h1 {
    letter-spacing: 0.5rem;
    font-weight: 500;
    font-size: 6rem;
    white-space: nowrap;
    /* text-transform: uppercase */
}


.marquee h1 a {
    color: #ffffff;
    display: block;
    text-decoration: none!important;
    padding: 0 2rem;
    position: relative;
    -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px #ffffff; 
    transition: all .3s;
}
.marquee h1 a:hover{
    -webkit-text-fill-color: #fff; 
}



/*fonts*/
@font-face {
    font-family: 'Hanken Grotesk';
    src: url('../fonts/HankenGrotesk-MediumItalic.woff2') format('woff2'),
        url('../fonts/HankenGrotesk-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot');
    src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
      url('../fonts/icomoon.ttf') format('truetype'),
      url('../fonts/icomoon.woff') format('woff'),
      url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-youtube:before {
    content: "\ea9d";
  }
  .icon-linkedin2:before {
    content: "\eaca";
  }

#w-slider-arrow-left, #w-slider-arrow-right{ pointer-events: none !important;}
/*end fonts*/



/*estilos del site*/

.outline-text, .sans-serif {-webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px #ffffff; font-family: Arial, Helvetica, sans-serif; transition:  all .3s;}
.sans-serif:hover {-webkit-text-fill-color: #D1FF69; -webkit-text-stroke: 1px #D1FF69;}
/*.outline-text.hover:hover {-webkit-text-fill-color: #ffffff; -webkit-text-stroke: 1px #ffffff;}*/
.empezam .sans-serif:hover{
    -webkit-text-fill-color: #ffffff; -webkit-text-stroke: 1px #ffffff;
}

@media only screen and (max-width: 767px) {
    .outline-text, .sans-serif {-webkit-text-stroke: 0.5px #ffffff;}
    /*.sans-serif:hover {-webkit-text-fill-color: #ffffff; -webkit-text-stroke: 0.5px #ffffff;}*/
    /*.outline-text.hover {-webkit-text-fill-color: #ffffff; -webkit-text-stroke: 0.5px #ffffff;}*/
    .marquee h1 { font-size: 2rem;}
}

video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

/*botones redes sociales*/


.icon-youtube {
    transition: all .3s;
    color: white;
    font-size: 1.875em;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 1000000; text-decoration: none !important;
  }

  .icon-youtube:hover {
    color:#d6f85b;
  }
  
  .idioma {
    transition: all .3s;
    color: white;
    font-size: 1em;
    font-weight: bold;
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 1000000;
    cursor: pointer;text-decoration: none !important;
  }

  .idioma:hover {
    color:#d6f85b;
  }
  
  .icon-linkedin2 {
    transition: all .3s;
    color: white;
    font-size: 1.875em;
    position: fixed;
    bottom: 33px;
    right: 67px;
    z-index: 1000000;
    cursor: pointer;text-decoration: none !important;
  }

  .icon-linkedin2:hover {
    color:#d6f85b;
  }

/*
.c_button{
    position: fixed;
    bottom: 1.875em;
    right: 1.875em;
    height: 60px;
}

.yout_button{
    height: 60px;
    width: 60px;
    background: url(../images/youtube.png) center no-repeat;
    position: absolute;
    z-index: 1000;
    right: 0;
    cursor: pointer;
}

.yout_button a:hover{
    opacity: 1 !important;
}

.d_button{
    position: fixed;
    bottom: 2.125em;
    right: 4.6875em;
    height: 60px;
}

.link_button{
    height: 60px;
    width: 60px;
    background: url(../images/linkedin.png) center no-repeat;
    position: absolute;
    z-index: 1000;
    right: 0;
}
*/
.pais {
    position: fixed;
    bottom: 30px;
    left: 63px;
    font-family: 'Hanken Grotesk';
    color: #ffffff;
    font-size: 0.625em;
}

.bg_new {
    background: url(../images/web.png) no-repeat center ;
    background-size: cover; 
}

/*contenedor 1 - 1*/

.escondido {
    visibility:hidden; padding-top: 4rem;
}

.title_movil { padding-bottom: 4rem;
    visibility:hidden;
    font-family: 'Hanken Grotesk'; font-size: 18px;;
}

.c_modulos{max-width: 850px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif;  font-weight: bold;}
.content_n1{height: 100vh; margin: 0 !important; font-size: 48px}
.content_n1 > div:nth-child(2), .content_n1 > div:nth-child(4), .content_n1 > div:nth-child(5){
    font-size: 1em; /*    60px*/
}
.content_n1 > div:nth-child(3), .content_n1 > div:nth-child(6){
    font-size: 1.25em; /*    75px*/
}

.modul-nosot{max-width: 880px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n1_1{height: 100vh; margin: 0 !important; font-size: 48px}
.content_n1_1 > div:nth-child(2), .content_n1_1 > div:nth-child(5){
    font-size: 0.8em; /*    50px*/
}
.content_n1_1 > div:nth-child(4){
    font-size: 1em; /*    60px*/
}
.content_n1_1 > div:nth-child(6), .content_n1_1 > div:nth-child(3){
    font-size: 1.25em; /*    75px*/
}

/*contenedor 2*/
.modul_metod{max-width: 600px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n2{height: 100vh; margin: 0 !important; font-size: 48px}
.content_n2 > div:nth-child(2), .content_n2 > div:nth-child(3){
    font-size: 0.9em; /*    50px*/
}
.content_n2 > div:nth-child(4), .content_n2 > div:nth-child(6){
    font-size: 1.13em; /*    75px*/
}
.content_n2 > div:nth-child(5)  {
    font-size: 1em; /*    60px*/
}

/*contenedor 3*/
.modul_servi{max-width: 975px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n3{height: 100vh; margin: 0 !important; font-size: 45px}
.content_n3 > div:nth-child(2), .content_n3 > div:nth-child(4){
    font-size: 1.25em; /*    75px*/
}
.content_n3 > div:nth-child(3){
    font-size: 1em; /*    60px*/
}
.content_n3 > div:nth-child(5)  {
    font-size: 0.9em; /*    50px*/
}

.modul_servi1{max-width: 670px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n3_1{height: 100vh; margin: 0 !important; font-size: 46px}
.content_n3_1 > div:nth-child(2), .content_n3_1 > div:nth-child(4){
    font-size: 0.9em; /*    50px*/
}
.content_n3_1 > div:nth-child(3), .content_n3_1 > div:nth-child(5){
    font-size: 1.25em; /*    75px*/
}

.modul_servi2{max-width: 865px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n3_2{height: 100vh; margin: 0 !important; font-size: 45px}
.content_n3_2 > div:nth-child(3), .content_n3_2 > div:nth-child(5){
    font-size: 1.25em; /*    75px*/
}
.content_n3_2 > div:nth-child(4){
    font-size: 1.17em; /*    70px*/
}
.content_n3_2 > div:nth-child(2){
    font-size: 0.9em; /*    50px*/
} 

.modul_servi3{max-width: 910px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n3_3{height: 100vh; margin: 0 !important; font-size: 44px}
.content_n3_3 > div:nth-child(2), .content_n3_3 > div:nth-child(4){
    font-size: 1.5em; /*    90px*/
}
.content_n3_3 > div:nth-child(3){
    font-size: 1.17em; /*    70px*/
}


/*contenedor 4*/
.modul_clien{max-width: 825px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n4{height: 100vh; margin: 0 !important; font-size: 46px}
.content_n4 > div:nth-child(2){
    font-size: 1.66em; /*    100px*/
}
.content_n4 > div:nth-child(3), .content_n4 > div:nth-child(4), .content_n4 > div:nth-child(5){
    font-size: 1.17em; /*    70px*/
}
.content_n4 > div:nth-child(6)  {
    font-size: 1.5em; /*    90px*/
}

/*contenedor 5*/
.modul_equip{max-width: 825px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n5{height: 100vh; margin: 0 !important; font-size: 48px}
.content_n5 > div:nth-child(2), .content_n5 > div:nth-child(4), .content_n5 > div:nth-child(6){
    font-size: 1.25em; /*    75px*/
}
.content_n5 > div:nth-child(3), .content_n5 > div:nth-child(5) {
    font-size: 1em; /*    60px*/
}


/*contenedor 6*/
.modul_conta{max-width: 725px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n6{height: 100vh; margin: 0 !important; font-size: 48px}
.content_n6 > div:nth-child(2){
    font-size: 0.9em; /*    50px*/
}
.content_n6 > div:nth-child(3){
    font-size: 1.25em; /*    75px*/
}
.content_n6 > div:nth-child(4){
    font-size: 1.5em; /*    90px*/
}
.content_n6 > div:nth-child(5){
    font-size: 1.66em; /*    100px*/
}

.modul_contact{ max-width: 1000px; margin: 0 auto; color: white; line-height: 1.25; font-family: 'Times New Roman', Times, serif; font-weight: bold;}
.content_n7{height: 100vh; margin: 0 !important; font-size: 70px}

.contacto {
    padding-bottom: 200px;
}


/* menu mobile */

.ico_menu{ position: fixed; top: 1.5rem; left: 1.5rem; background: url(../images/ico_menu.svg) no-repeat; width: 40px; height: 40px; background-size: 100% !important;z-index: 10000000000; display: none; transition: all .3s;}

.slick-disabled{ opacity: 0 !important; visibility: hidden;}

.w-slider-dot:nth-child(3){ position: absolute; top: 0;pointer-events: none;}
.w-slider-dot:nth-child(3):after, .w-slider-dot:nth-child(6):after,.w-slider-dot:nth-child(7):after,.w-slider-dot:nth-child(8):after{ opacity: 0; }
.w-slider-dot.w-active:after{ opacity: 1 !important;}

.w-slider-dot:nth-child(6),.w-slider-dot:nth-child(7),.w-slider-dot:nth-child(8){position: absolute;top: 88px; pointer-events: none;}


svg.consultora { 

  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  pointer-events: none;
  
  width: 100%; height: 100%;
}
path, rect, circle{fill:transparent; transition: all .3s;}

@keyframes animateDash {
  to {
    stroke-dashoffset: 0;

  }
}

@keyframes fillSvg {
    to {
      fill:white
      
    }
  }

.intro_svg .c_svg_animate{ opacity: 1;}

.slide_active svg.consultora{
  animation: animateDash 5s cubic-bezier(.5, 0.05, 1, .5) forwards;
}

.intro_svg svg.consultora{
    animation: animateDash 5s cubic-bezier(.5, 0.05, 1, .5) forwards;
}

.intro_svg path, .intro_svg rect, .intro_svg circle{
    animation: fillSvg 1s cubic-bezier(.5, 0.05, 1, .5) forwards; animation-delay: 2.2s;
}


.c_svg_animate{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: .3;}
.oculto{
  max-width: 500px;
  height: 60vh; display: inline-block; opacity: 0;
}

.c_svg{ position: relative; display: inline-block;}

.consultora div{ position: absolute;}

.arrow{animation: bounce 2s infinite;
    position: fixed; left: 50%; transform: translate(-50%, 0); bottom: 30px; background: url(../images/arrow.svg) center no-repeat; width: 43px; height: 32px; z-index: 10000000;}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translate(-50%, 0);}
	40% {transform: translate(-50%, -6px );}
	60% {transform: translate(-50%,-2px);}
}

/*media quierie*/
/* base 15 */

@media only screen and (max-width: 1630px) {
    
    .modul_servi{max-width: 824px;}
    .content_n3{ font-size: 38px; /* 56 - 15% */ }
}

@media only screen and (min-width: 1321px) {
    .icon-linkedin2, .icon-youtube{ top: 50%; bottom: initial; right: 30px;}
    .icon-linkedin2{ transform: translateY(-20px);}
    .icon-youtube{ transform: translateY(20px);}
}

@media only screen and (max-width: 1320px) {
    .c_modulos{max-width: 830px;}
    .content_n1{ font-size: 47px; /* 61 - 15% */ }

    .modul-nosot{max-width: 850px;}
    .content_n1_1{font-size: 46px; /* 60 - 15% */ }

    .modul_metod{max-width: 690px;}
    .content_n2{ font-size: 46px; /* 60 - 15% */ }

    .modul_servi{max-width: 875px;}
    .content_n3{ font-size: 40px; /* 56 - 15% */ }

    .modul_servi1{max-width: 658px;}
    .content_n3_1{ font-size: 44px; /* 58 - 15% */ }

    .modul_servi2{max-width: 825px;}
    .content_n3_2{ font-size: 42px; /* 56 - 15% */ }

    .modul_servi3{max-width: 884px;}
    .content_n3_3{ font-size: 42px; /* 55 - 15% */ }

    .modul_clien{max-width: 800px;}
    .content_n4{ font-size: 43px; /* 57 - 15% */ }

    .modul_equip{max-width: 798px;}
    .content_n5{ font-size: 46px; /* 60 - 15% */ }

    .modul_conta{max-width: 697px;}
    .content_n6{ font-size: 46px; /* 60 - 15% */ }

    .modul_contact{max-width: 892px;}
    .content_n7{ font-size: 65px; /* 100 - 15% */ 
        height: 100vh}

        .contacto {
           padding-bottom: 200px;
       }

                 .title_movil {
                    visibility: visible;
                }

                

    /* .w-slider-dot { display: none;} */
    
    .bg_mobile{position: fixed; background: #8EB600; z-index: 10000000; height: 100vh; width: 100%; top: 0; left: 0; text-align: left; overflow: auto; visibility: hidden; opacity: 0; transition: all .3s;}
    /* .content_menu_mobile{ } */
    body.active_menu .bg_mobile, body.active_menu .slide-nav, body.active_menu .c_logo_menu{ opacity: 1; visibility: visible;} 
    .slide-nav{ position: fixed; display: inline-block; text-align: left; margin-top: 5rem; margin-left: 1.5rem; height: auto; left: 0; top: 0;z-index: 100000000;visibility: hidden; opacity: 0; transition: all .3s;}
    .slide-nav > div{ display: block;}

    .c_logo_menu{text-align: center; padding: 2rem 1.5rem 0; margin: 2rem 0 0; position: fixed; bottom: 0;z-index: 100000000; width: 100%;visibility: hidden; opacity: 0; transition: all .3s;}
    .c_logo_menu div{ border-top: 1px solid white; padding: 2rem 0;}
    .contform {
        height: 100vh;
        display: grid;
        width: 892px;
        margin: auto;
        gap: 15px;
        align-content: center;
    }
    .ico_menu{display: block;}
    body.active_menu .ico_menu{ background: url(../images/ico_menu_close.svg) no-repeat;}

    .w-slider-dot:nth-child(3),.w-slider-dot:nth-child(6),.w-slider-dot:nth-child(7),.w-slider-dot:nth-child(8){ display: none;}
    
}

@media only screen and (max-height: 610px) {
  .c_logo_menu{display: none;}
  
}

/* base 30 */
@media only screen and (max-width: 1070px) {
    .marquee h1 { font-size: 4rem;}
    .c_modulos{max-width: 760px;}
    .content_n1{ font-size: 42px; /* 61 - 30% */ }

    .modul-nosot{max-width: 770px;}
    .content_n1_1{font-size: 42px; /* 60 - 30% */ }

    .modul_metod{max-width: 630px;}
    .content_n2{ font-size: 42px; /* 60 - 30% */ }

    .modul_servi{max-width: 878px;}
    .content_n3{ font-size: 39px; /* 56 - 30% */ }

    .modul_servi1{max-width: 602px;}
    .content_n3_1{ font-size: 40px; /* 58 - 30% */ }

    .modul_servi2{max-width: 760px;}
    .content_n3_2{ font-size: 39px; /* 56 - 30% */ }

    .modul_servi3{max-width: 810px;}
    .content_n3_3{ font-size: 39px; /* 55 - 30% */ }

    .modul_clien{max-width: 725px;}
    .content_n4{ font-size: 40px; /* 57 - 30% */ }

    .modul_equip{max-width: 731px;}
    .content_n5{ font-size: 42px; /* 60 - 30% */ }

    .modul_conta{max-width: 637px;}
    .content_n6{ font-size: 42px; /* 60 - 30% */ }

    .modul_contact{max-width: 735px;}
    .content_n7{ font-size: 55px; /* 100 - 30% */ 
        height: 100vh}

        .contacto {
           padding-bottom: 200px;
       }

    /* .w-slider-dot {display: none;} */

    .contform {
        height: 100vh;
        display: grid;
        width: 735px;
        margin: auto;
        gap: 10px;
        align-content: center;
    }

  }

@media only screen and (max-width: 870px) {
    
    .modul_servi{max-width: 800px;}
    .content_n3{ font-size: 34px; /* 56 - 30% */ }

    /* .w-slider-dot {display: none;} */
    .marquee h1 { font-size: 3rem;}
}

@media only screen and (max-width: 767px) {
    .c_modulos{max-width: 340px;} /* 990 - 68% */
    .content_n1{ font-size: 20px; /* 60 - 68% */ }

    .modul-nosot{max-width: 352px;}
    .content_n1_1{font-size: 19px; /* 60 - 68% */ }

    .modul_metod{max-width: 290px;}
    .content_n2{ font-size: 19px; /* 60 - 68% */ }

    .modul_servi{max-width: 402px;}
    .content_n3{ font-size: 17px; /* 56 - 68% */ }

    .modul_servi1{max-width: 285px;}
    .content_n3_1{ font-size: 19px; /* 58 - 68% */ }

    .modul_servi2{max-width: 350px;}
    .content_n3_2{ font-size: 18px; /* 56 - 68% */ }

    .modul_servi3{max-width: 375px;}
    .content_n3_3{ font-size: 18px; /* 55 - 68% */ }

    .modul_clien{max-width: 330px;}
    .content_n4{ font-size: 18px; /* 57 - 68% */ }

    .modul_equip{max-width: 334px;}
    .content_n5{ font-size: 19px; /* 60 - 68% */ }

    .modul_conta{max-width: 291px;}
    .content_n6{ font-size: 19px; /* 60 - 68% */ }

    .modul_contact{max-width: 336px;}
    .content_n7{ font-size: 38px; /* 100 - 68% */ 
        height: 100vh}

        .contacto {
           padding-bottom: 200px;
       }

    .contform {
                height: 100vh;
                display: grid;
                width: 336px;
                margin: auto;
                gap: 8px;
                align-content: center;
                }
    .firstlogo img, .oculto{ max-width: 200px;}

    
  

    .slick-arrow.slick-next{ bottom: 70px !important;}
    .w-slide{
      background: url("../images/dot1.png") rgb(142 182 0 / 80%);
    }
}