@import url("../animations/animations.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --font-title-size: 34px;
}
body {
    font-family: Poppins;
    background: #000000;
}

.displayNone {
    display: none;
}

.header {
    width: 100%;
    /*height: 178px;*/
    background: #1ACE72;
    /*    background: #000000;*/
}

.headerdark {
    width: 100%;
    /*height: 219px;*/
    background: #000000;
    color: #fff;
}

.hd-responsive {
    display: none;
    z-index:2;
}
.fold03_playMake > h1 {
    display: none;
}
.nav-text {
    color: #000000;
}

.menu-icon {
    width: 40px;
    height: 40px;
}

#btn-menu {
    display: none;
}

.header label {
    display: none;
    width: 40px;
    height: 40px;
}

    .header label:hover {
        cursor: pointer;
        background: rgba(0,0,0,0.3);
    }

#menuimgresp {
    display: none;
}

.menu {
    padding: 0 50px;
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .menu ul {
        margin: 0px;
        list-style: none;
        padding: 0px;
        display: flex;
        align-items: center;
    }

    /*#nav-text {
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 22px;*/
    /* identical to box height */
    /*display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
}*/



    .menu li a {
        display: block;
        padding: 15px 20px;
        text-decoration: none;
    }

.textcolor {
    color: #fff;
}

#frm {
    padding: 15px 25px;
}

.menu li {
    flex-grow: 1;
}

.menu a:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.3);
}

.img-nav {
    position: absolute;
    top: 120px;
    left: 720px;
}

#li-button {
    padding: 10px 25px;
}

.nav-button {
    width: 207px;
    height: 35px;
    left: 1070px;
    top: 18px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    border: none;
    /*-------*/
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    margin: 0 auto;
}

.container_main“ {
    width: 90%;
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
}

.container {
    display: flex;
    flex-wrap: wrap;
    /*  padding: 0 50px;
    width: 90%;
    max-width: 1440px;
    margin: auto;
    overflow: hidden;*/
}

.menudark {
    position: relative;
    background: #000000;
    z-index: 1;
    display: flex;
    align-items: center;
}

.menudarkplay {
    position: relative;
    height: 178px;
    flex-wrap: wrap;
    background: #000000;
    z-index: 1;
    /* align-items: center; */
    color: white;
}

.menudarkcoach {
    height: 75px;
    position: relative;
    background: #000000;
    z-index: 1;
    display: flex;
    align-items: center;
}

.imgmenu {
    margin-top: 50px;
    width: 93px;
    align-items: flex-end;
    margin-left: 190px;
}

.menu-banner {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.redes-menu {
    display: none;
}

.a-banner {
    margin: 0 auto;
}


.faq-footer {
    display: none;
}

.footer-options {
    text-decoration: none;
    color: white;
}


/*---------------Header blog------------*/
/*######################################*/
.hd-nav {
    display: flex;
    align-items: center;
    width: 100%;
    height: 144px;
    left: 0px;
    top: 0px;
}

.nav-bar-blog {
    width: 100%;
    padding: 0 50px;
    position: relative;
    align-items: center;
    display: flex;
}

.logo-blog {
    width: 93px;
    height: 84px;
    left: 50px;
    top: 30px;
    margin-right: 134px;
}

.fm-blog {
    margin-top: 0;
    margin: unset;
    width: unset;
}

.logf-blog {
    margin-left: auto;
    left: 1354px;
    right: 3.47%;
    top: 55px;
    bottom: 94.68%;
}

/*-------Welcome-------*/
.welcome {
    background: #0db459;
    width: 100%;
}

.wip {
    position: relative !important;
    width: 100% !important;
    height: 917.11px !important;
    margin: 0 auto !important;
    background-image: url("../../images/BackGround.svg");
    background-size: cover;
    background-position: right 10em;
    background-repeat: no-repeat;
}


    .wip > p {
        /*    position: absolute;*/
        width: 50%;
        height: 173px;
        margin: 0 auto;
        /*    left: 390.69px;
    top: 109px;*/
        font-style: normal;
        font-weight: normal;
        font-size: 48px;
        line-height: 52px;
        /* or 108% */
        text-align: center;
        /* hyphens: auto; */
        padding: 4em .6em;
        letter-spacing: 0.010em;
        color: #fff;
    }


    .wip label {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: -0.015em;
    }

        .wip label span {
            display: block;
        }

.ws_ninio {
    padding-left: 76px;
    padding-left: 76px;
    position: absolute;
    top: 56%;
    left: 29%;
    padding: 0;
    bottom: 92.18%;
    width: 5%;
}

.ws_ninia {
    /*    position: absolute;*/
    position: absolute;
    top: 56%;
    left: 66%;
    padding: 0;
    bottom: 92.18%;
    width: 5%;
}

.wc-children {
    width: 885px;
    margin: 0 auto;
    margin-top: 25em;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ws_balon {
    margin: 0 auto;
    left: 46%;
    top: 386px;
    width: 100%;
}

.wip > p > span {
    font-weight: 600;
    font-size: 48px;
    line-height: 40px;
}

/*#menuimg {
    margin-top: 50px;
}*/
#menuimghome {
    margin-top: -52px;
    margin-bottom: 40px;
    width: 93px;
    align-items: flex-end;
}

.wc-flecha {
    display: flex;
    float: left;
    margin-left: 163px;
    color: #fff;
}
/*-----------fold02------------*/
.wc_fold02 {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0% auto;
    padding: 3% 9%;
    background-color: whitesmoke;
}

    .wc_fold02 > a {
        /*position: absolute;*/
        width: 224px;
        height: 82px;
        /*left: -80px;
    top:106px;*/
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        letter-spacing: -0.015em;
        color: #000000;
        /*transform: rotate(-90deg);*/
    }

    .wc_fold02 > p {
        width: 35%;
        height: 174px;
        /*left: 103px;*/
        top: 25%;
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000000;
        z-index: 1;
        position: absolute;
        /*margin-top: 50px;*/
        
    }

    .wc_fold02 > img {
        position: absolute;
        object-fit: contain;
        width: 34%;
        height: 60%;
        left: 50%;
        top: 9%;
    }

    .wc_fold02 > #figureswc {
        position: absolute;
        width: 679.46px;
        height: 372.82px;
        left: 45%;
        top: 22px;
    }

/*----------fold03-------------*/

.wc_fold03 {
    position: relative;
    width: 100%;
    height: 40rem;
    margin: -7% auto;
    padding: 1% 24%;
    background-color: whitesmoke;
}

    .wc_fold03 > h1 {
        position: absolute;
        /*width: 450px;
    left:57px;*/
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        letter-spacing: -0.015em;
        color: #000000;
    }

        .wc_fold03 > h1 > span {
            /*background: #FBB03B;*/
        }

    .wc_fold03 > p {
        position: absolute;
        width: 660px;
        height: 273px;
        top: 70px;
        left: 30%;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: -0.015em;
        color: #000000;
        margin-top: 50PX;
        z-index: 1;
    }

        .wc_fold03 > p > span {
            width: 69px;
            height: 52px;
            left: -94px;
            font-style: normal;
            font-weight: 900;
            font-size: 64px;
            line-height: 52px;
            letter-spacing: 0.015em;
            color: #23E984;
            position: absolute;
            margin-top: 4px;
            z-index: -2;
        }

    .wc_fold03 > div {
        position: absolute;
        display: flex;
        justify-content: space-between;
        margin-top: 350px;
        top: 70px;
        left: 35%;
    }

        .wc_fold03 > div > a {
            margin-right: 30px;
            font-style: normal;
            font-weight: normal;
            font-size: 24px;
            line-height: 36px;
            /* identical to box height */
            letter-spacing: -0.015em;
            color: #000000;
            outline-color: #FBB03B;
            text-decoration-style: solid;
            text-decoration-color: #FBB038;
        }



.fold03 > h1 > span {
    background-color: #FBB03B
}

/*-----------AppsPlay----------*/
/*_______________________start move__________________________*/

.css-transform-animation {
    position: sticky;
    animation: rotate 1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes rotate {
    to {
        transform: rotate(50deg);
    }
}


/*_______________________end move__________________________*/
.apps {
    /*background: #1ACE72;*/
    width: 100%;
    background: #fff;
    height: auto;
    position: relative;
    /*width: 100%;
    height: 60rem;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 8px;
    perspective-origin: 0%;*/
}

    .apps::-webkit-scrollbar {
        display: none;
    }
/*Here*/
.fold04 {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.play {
    width: 100%;
    height: 1000.65px;
    position: relative;
    display: flex;
    margin: 0 auto;
    top: 6em;
}

    /*.play {
    position:relative;
    height: 742px;
    display:flex;
    margin:0 auto;
}*/
    .play > img {
        position: absolute;
        top: 21%;
        width: 25%;
        height: 15%;
        left: 2%;
        transform: scaleX(-1);
    }

    .play .phone {
        position: absolute;
        width: 403px;
        height: 675px;
        left: 200px;
        top: 100px;
        background-image: url(../../images/playcelular.png);
        background-repeat: no-repeat;
        background-size: contain;
        left: 11%;
        height: 67%;
        width: 86%;
        top: 0em;
        /* padding-left: 7rem; */
        /* position: relative; */
        margin-left: 0%;
    }

.grouplay {
    /*    width: 542px;
    height: 431.97px;
    left: 929.5px;
    top: 1980px;*/
    position: absolute;
    width: 542px;
    height: 460.97px;
    left: 53%;
    top: 90px;
    max-width: 500px;
}

    .grouplay .imgframe {
        width: 93px;
        height: 95px;
    }

    .grouplay > h1 {
        width: 320px;
        height: 40px;
        margin-top: 30px;
        margin-bottom: 20px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
    }

    .grouplay > p {
        max-width: 70%;
        height: 83px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000000;
    }

    .grouplay > button {
        width: 207px;
        height: 35px;
        top: 300px;
        background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
        box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
        border-radius: 30px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        border: none;
        color: #F9F9F9;
        margin-bottom: 10px;
    }
    .market-logos-buttons {
        display: flex;
        width: 100%;
        flex-direction: row;
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: -0.015em;
        margin-top: 2rem;
        order: 4;
    }
    .market-logos-buttons-top {
        top: 40em;
        position: absolute;
        width: 35%;
    }
    .white-text {
        color: #fff;
    }
    .text-store {
        width: 100%;
    }
    .market-logos-buttons  > a {
        width: 100%;
    }
        /*.market-logos-buttons > label, .market-logos-buttons > a > img {
            align-self: center;
            margin-right: 15px;
        }*/
    /*.grouplay > div {
        position: absolute;
        display: flex;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        identical to box height 
        text-align: right;
        letter-spacing: -0.015em;
        left: -40px;
        margin-top: 2rem;
    }*/

        /*.grouplay > div > label,
        .grouplay > div > a > img {
            align-self: center;
            margin-right: 15px;
        }*/

    .grouplay > h4 {
        width: 100%;
        height: 18px;
        left: 730px;
        top: 2268px;
        font-style: normal;
        font-weight: 600;
        font-size: 1em;
        line-height: 18px;
        letter-spacing: -0.015em;
        color: #000000;
        margin-top: 45px;
        margin-bottom: 50px;
    }

    .grouplay > label {
        width: 95px;
        height: 18px;
        left: 717px;
        top: 2390px;
        /* Disclaimer */
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        /* identical to box height */
        text-align: right;
        letter-spacing: -0.015em;
        color: #000000;
    }

/*-------------------coach----------------------*/
.coach {
    width: 100%;
    height: 1000.65px;
    position: relative;
    display: flex;
    margin: 0 auto;
}

.next {
    display: none;
}

.coach > img {
    position: absolute;
    width: 340.52px;
    height: 697px;
    left: 20%;
    top: 30%;
}

.coach .phonecoach {
    position: absolute;
    width: 603px;
    height: 775px;
    left: 90px;
    top: 60px;
    background: url(../../images/01_Coach.png);
}

.groupcoach {
    position: absolute;
    max-width: 500px;
    height: 462.97px;
    left: 53%;
    top: 90px;
}

    .groupcoach > h1 {
        max-width: 380px;
        height: 40px;
        left: 730px;
        top: 2991px;
        margin-top: 30px;
        margin-bottom: 20px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        color: #000000;
    }

    .groupcoach > p {
        max-width: 500px;
        height: 108px;
        left: 730px;
        top: 3051px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000000;
        margin-top: 20px;
    }

    .groupcoach > h4 {
        width: 100%;
        height: 18px;
        left: 730px;
        top: 3179px;
        font-style: normal;
        font-weight: 600;
        font-size: 1em;
        line-height: 18px;
        /* identical to box height */
        letter-spacing: -0.015em;
        color: #000000;
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .groupcoach > button {
        width: 207px;
        height: 35px;
        left: 730px;
        top: 3247px;
        background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
        box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
        border-radius: 30px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        border: none;
        /* identical to box height */
        text-align: center;
        color: #F9F9F9;
        margin-bottom: 10px;
    }

    /*.groupcoach > div {
        position: absolute;
        display: flex;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        identical to box height 
        text-align: right;
        letter-spacing: -0.015em;
        left: -20px;
        margin-top: 2rem;
    }*/

        /*.groupcoach > div > label,
        .groupcoach > div > a > img {
            align-self: center;
            margin-right: 15px;
        }*/
/*-----------------Metodologias---------------*/
.section_metodo {
    background-color: #fff;
}

.metodo {
    background-color: #F8F8F8;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 34rem;
    padding: 3% 20%;
}

    .metodo > h1 {
        width: 100%;
        height: 40px;
        left: 458px;
        top: 3614px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        text-align: center;
        letter-spacing: -0.015em;
        color: #000000;
    }

    .metodo > p {
        width: 100%;
        height: 159px;
        padding: 0 10px;
        margin-top: 20px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        letter-spacing: -0.015em;
        color: #000000;
    }

        .metodo > p > span {
            /*background: #FBB03B;*/
            font-weight: 600;
            /*line-height: 40px;*/
        }

    .metodo > div {
        margin-top: 70px;
        display: flex;
        justify-content: space-between;
    }
/*----------Chronicles------------*/
.chronicles {
    background-color: #FFFFFF;
}

.container_chronicles {
    display: flex;
    flex-wrap: wrap;
    background-color: #FFFFFF;
}

.chronicles_play {
    position: absolute;
    /*    width: 1368px;*/
    height: 513px;
    background: #E9E9E7;
}

.contenido_chr {
    position: relative;
}

    .contenido_chr > h1 {
        position: absolute;
        /*width: 231px;
    height: 80px;*/
        /* Title */
        left: 15rem;
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
        color: #000000;
        /*transform: rotate(-90deg);*/
    }

    .contenido_chr > p {
        width: 546px;
        height: 89px;
        left: 238px;
        top: 70px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000000;
        position: absolute;
    }

    .contenido_chr > div {
        position: absolute;
        display: flex;
        width: 80%;
        height: 17em;
        left: 80px;
        top: 200px;
    }

        .contenido_chr > div > iframe {
            margin-right: 20px;
            width: 30%;
            height: 100%;
        }

/*----------Estadisticas----------*/
.estadistics {
    background-color: #1ACE72;
}

.container_estadistic {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    background-color: #1ACE72;
}

.fold07 {
    position: relative;
    width: 1176px;
    height: 1400px;
    top: 550px;
}

    .fold07 > h1 {
        position: absolute;
        width: 325px;
        height: 40px;
        left: 62px;
        top: 0px;
        /* Title */
        font-style: normal;
        font-weight: 900;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        color: #000000;
    }

    .fold07 > p {
        position: absolute;
        width: 506px;
        height: 54px;
        left: 62px;
        top: 60px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000000;
    }

        .fold07 > p > span {
            font-weight: 800;
        }

    .fold07 > a, .container-inner > a {
        position: absolute;
        width: 227px;
        height: 40px;
        left: 0px;
        top: 290px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        color: #FFFFFF;
        transform: rotate(-90deg);
        z-index: 2;
    }

    .fold07 > img, .container-inner > img {
        position: absolute;
        left: 0px;
        right: 61.15%;
        top: 251px;
        bottom: 37.81%;
    }

    .fold07 > #peladita, .container-inner > #peladita {
        position: absolute;
        /*width: 112.01px;*/
        height: 366px;
        left: 166px;
        top: 225.09px;
        z-index: 3;
    }

/*--------------Form-------------*/
.form {
    background: #FFFFFF;
    background-image: url("../../images/bgFutbolimetro.png");
    width: 100%;
}

.fold08 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 662px;
}


    .fold08 > h1 {
        width: 371px;
        height: 80px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        text-align: center;
        letter-spacing: -0.015em;
    }

    .fold08 > p {
        margin-top: 20px;
        margin-bottom: 50px
    }

.form_control {
    padding-left: 20px;
    width: 434px;
    height: 40px;
    background: #d8d8d4;
    opacity: 0.4;
    border-radius: 100px;
    margin-bottom: 30px;
    font-family: Poppins;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /* identical to box height */
    letter-spacing: -0.015em;
    color: #7F8187;
    border: none;
}

#box {
    height: 110px;
    border-radius: 15px;
}

.fold08 > buton {
    width: 207px;
    height: 35px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 35px;
    /* identical to box height */
    color: #F9F9F9;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
}


/*------------Blog------------*/
.blog {
    background: #0db459;
    width: 100%;
}

.fold09 {
    background: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    /*margin-top: 50px;*/
    /*margin: 0 auto;*/
    /*margin-bottom: 0;*/
    height: auto;
    left: 50px;
}

.contblog {
    padding: 2% 5% 5% 5%;
    width: 100%;
    /* height: 990px; */
    display: inline-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

    .contblog > .contblogElement {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

        .contblog > .contblogElement > img {
            object-fit: cover;
            width: 90%;
            height: 70%;
            left: 50%;
            top: 9%;
            /*align-self: center;*/
        }

        .contblog > .contblogElement > .title {
            font-family: Poppins;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: -0.015em;
            padding: 0 10% 0 0;
            color: #000000;
            text-align: initial;
            padding: .5em 0;
        }

        .contblog > .contblogElement > .continueLink {
            font-family: Poppins;
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 18px;
            /* identical to box height */
            letter-spacing: -0.015em;
            color: #E27E05;
            align-self: self-end;
            padding: 0% 10% 0 0;
            text-align: initial;
        }

            .contblog > .contblogElement > .continueLink a {
                color: #E27E05;
                text-decoration: none;
            }

.fold09 > h1 {
    width: 356px;
    height: 40px;
    margin-top: 70px;
    /* Title */
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    /* identical to box height, or 118% */
    letter-spacing: -0.015em;
    color: #000000;
}

.fold09 > p {
    width: 513px;
    height: 54px;
    /* Body */
    font-style: normal;
    font-weight: normal;
    margin-top: 20px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    color: rgba(0, 0, 0, 0.8);
}

.fold09 > button {
    width: 207px;
    height: 60px;
    left: 730px;
    top: 3247px;
    background: linear-gradient( 90deg, #E27E05 0%, #FBB03B 97.52%);
    border-radius: 30px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    border: none;
    text-align: center;
    color: #F9F9F9;
    margin-bottom: 10px;
}

.form-blog {
    background: #FFFFFF;
}


.fold10 {
    position: relative;
    height: 650px;
    width: 1129px;
    margin: 0 auto;
}

    /*.fold10 > div > img {
        margin-right: 15px;
    }*/

    .fold10 > a {
        position: absolute;
        width: 136px;
        height: 62px;
        left: 441px;
        top: 29px;
        font-style: normal;
        font-weight: 200;
        font-size: 48px;
        line-height: 62px;
        color: rgba(255, 255, 255, 0.25)
        /* identical to box height, or 129% */
    }

    .fold10 > #twogratis {
        position: absolute;
        width: 136px;
        height: 62px;
        left: 441px;
        top: 68px;
        font-style: normal;
        font-weight: 200;
        font-size: 48px;
        line-height: 62px;
        /* identical to box height, or 129% */
        letter-spacing: 0.015em;
    }

    .fold10 > p {
        position: absolute;
        width: 599px;
        height: 164px;
        left: 0px;
        top: 109px;
        font-style: normal;
        font-weight: normal;
        font-size: 48px;
        line-height: 62px;
        /* or 129% */
        letter-spacing: 0.015em;
        color: #fff;
    }

    .fold10 label {
        position: absolute;
        width: 421px;
        height: 54px;
        left: 0px;
        top: 308px;
        /* Body */
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
    }

    .fold10 > #appblog {
        position: absolute;
        width: 450px;
        height: 650px;
        left: 628px;
        top: 0px;
    }

    /*.fold10 > div {
        position: absolute;
        width: 400px;
        height: 35.23px;
        left: 0px;
        top: 450px;
    }*/

    .fold10 > p > span {
        position: absolute;
        width: 421px;
        height: 54px;
        left: 0px;
        top: 250px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #fff;
    }

/*----------Sponsors---------------*/

.sponsors {
    background: #FFFFFF;
    width: 100%;
}

.fold11 {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 233px;
}

    .fold11 > h1 {
        width: 532px;
        height: 50px;
        margin-top: 47px;
        margin-bottom: 30px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        text-align: center;
        letter-spacing: -0.015em;
    }

    .fold11 > div {
        display: flex;
    }

        .fold11 > div > img {
            margin: 0 30px;
        }
/*-----------footer----------*/

.container_footer {
    position: relative;
    padding-bottom: 40px;
}
footer {
    z-index:11;
}
.footerroot {
    display: flex;
    width: 100%;
    height: 100px;
    margin-top: 40px;
    /* Body */
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    color: #FFFFFF;
    padding: 0 55px;
}

.redes {
    margin-left: auto;
    display: flex;
    align-self: baseline;
}

.links {
    display: flex;
}

.groups {
    display: flex;
    justify-content: space-between;
    width: 60%;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    color: #FFFFFF;
    padding-left: 55px;
}

.groplinks {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
}

    .groplinks > a {
        text-decoration: none;
        color: #FFFFFF;
    }

redeslogo {
    display: flex;
}

.redes > a > img {
    margin-right: 30px;
}

.redes > p {
    margin-right: 30px;
}

/*####################lading play################*/

/*--------------------skills---------------------*/

.app-store {
    position: fixed;
    display: flex;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 92%;
    background: #FFFFFF;
    justify-content: center;
    z-index: 10;
}

    .app-store > label,
    .app-store > img {
        margin-right: 10px;
        padding: .5rem;
    }

    .app-store > label {
        align-self: center;
    }

.container_play {
    width: 100%;
    background: #0db459;
}

.skills {
    background-color: black;
}

.container_skills {
    /*background: #1ACE72;*/
    width: 1440px;
    margin: auto;
    padding: 60px;
    overflow: hidden;
}

.fold01_skills {
    position: relative;
    width: 1108px;
    height: 572px;
    margin: 0 auto;
    /*    left: 163px;*/
    /*    top: 100px;*/
}

    .fold01_skills > h1 {
        position: absolute;
        width: 591px;
        height: 80px;
        left: 0px;
        top: 50px;
        /* Title */
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
        color: #fff;
    }

    .fold01_skills > p {
        position: absolute;
        width: 441px;
        height: 65px;
        left: 0px;
        top: 146px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #fff;
    }

    .fold01_skills > div {
        /* display: flex; */
        position: absolute;
        width: 500px;
        /* height: 25.97px; */
        /* left: 0px; */
        top: 225px;
        /* font-weight: 400; */
        /* font-size: 12px; */
        /* line-height: 18px; */
        /* text-align: right; */
        /* letter-spacing: -0.01em; 
        color: #fff;*/
    }

        .fold01_skills > div > label,
        .fold01_skills > div > img {
            align-self: center;
            margin-right: 15px;
        }

    .fold01_skills > img {
        position: absolute;
        width: 441px;
        height: 572px;
        left: 667px;
        top: 0px;
    }

.video_skills {
    position: relative;
    width: 1227px;
    height: 431.44px;
    margin: 0 auto;
    background-color: #f8f8f8;
    color: #000;
}

    .video_skills > h1 {
        position: absolute;
        width: 434px;
        height: 80px;
        left: 743px;
        top: 58.65px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
        color: #000;
    }

    .video_skills > p {
        position: absolute;
        width: 428px;
        height: 151px;
        left: 743px;
        top: 168.65px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #000;
    }

.skills_fold02 {
    position: relative;
    width: 862px;
    height: 385px;
    /*    left: 289px;*/
    margin: 149px auto;
    /*    margin-top:149px;
    margin-bottom:130px;*/
}

    .skills_fold02 > div {
        display: flex;
        height: 50%;
    }

        .skills_fold02 > div > p {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 247px;
            height: 91px;
            background: #FFFFFF;
            border-radius: 60px;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            /*        line-height: 91px;*/
            text-align: center;
            letter-spacing: -0.015em;
        }

            .skills_fold02 > div > p > span {
                display: block
            }

.texto {
    margin-left: auto;
}

.textend {
    align-items: flex-end;
}

.flecha-a {
    position: absolute;
    left: 267px;
    right: 50.16%;
    top: 46.61px;
    bottom: 82.33%;
}

.flecha-b {
    position: absolute;
    left: 513px;
    right: 38.77%;
    top: 46.61px;
    bottom: 82.33%;
}

.flecha-c {
    position: absolute;
    left: 267px;
    right: 50.16%;
    top: 268px;
    bottom: 80.71%;
}

.flecha-d {
    position: absolute;
    width: 71.07px;
    height: 82px;
    left: 513px;
    top: 268px;
}

.skills_fold02 > h4 {
    position: absolute;
    width: 446px;
    height: 104px;
    left: 220px;
    top: 141px;
    /* Super H1 */
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 52px;
    /* or 108% */
    text-align: center;
    letter-spacing: 0.015em;
    color: #fff;
}

    .skills_fold02 > h4 > span {
        width: 271px;
        height: 54px;
        left: 496px;
        top: 1588px;
        /*background: #FBB03B;*/
    }
/*---------------play make----------------*/

.container_make {
    padding: .1px;
    background: #1ACE72;
    width: 100%;
    background: #FFFFFF;
    height: 100%;
    /*position: relative;
    width: 100%;
    height: 60rem;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 8px;
    perspective-origin: 0%;*/
}

/*.container_make::-webkit-scrollbar {
        display: none;
    }*/

.container_playMake {
    background: #FFFFFF;
    width: 1440px;
    margin: auto;
    background-image: url(/common/images/FlechafutbolimetroD.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 420px 420px;
    margin-top: -112px;
    background-position: right;
}

.fold03_playMake {
    position: relative;
    display: flex;
    width: 970px;
    height: 1736px;
    left: 163px;
    margin-top: 190px;
}

#fp-resp {
    display: none;
}

.imgrespmake {
    display: none;
}

.textplaymake {
    margin-left: auto;
}

.fold03_playMake > img {
    width: 434px;
    height: 650px;
    left: 163px;
    top: 0px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.phone-m-o {
    display: none;
}

.fold03_playMake > div > h1 {
    width: 386px;
    height: 87px;
    left: 732px;
    top: 2085px;
    margin-bottom: 80px;
    /* Title */
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    /* or 118% */
    letter-spacing: -0.015em;
    color: #000000;
}

.textplaymake > h6 {
    width: 271px;
    height: 71px;
    /* Highlight */
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.015em;
    margin-bottom: 30px;
}

.textplaymake > p {
    width: 381px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    margin-bottom: 30px;
}

.textplaymake > h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    margin-bottom: 300px;
}

/*-----------container coach--------------*/
.container_banner {
    background: #000000;
}

.container_coach {
    background: #000000;
    width: 1440px;
    margin: auto;
    overflow: hidden;
}

.banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1440px;
    height: 107px;
    left: 0px;
    top: 0px;
}

    .banner > p {
        align-self: center;
        height: 27px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        /* identical to box height */
        letter-spacing: -0.015em;
        color: #1ACE72;
    }

        .banner > p > span {
            font-weight: 600;
        }

/*-----------Beneficios-------------*/

.container_b {
    background: #FFFFFF;
}

.container_beneficios {
    background: #f8f8f8;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.beneficios {
    position: relative;
    margin: 5rem auto;
    width: 100%;
    height: 43rem;
    padding: 4% 11%;
    background-color: #f8f8f8;
    top: 10%;
}

    .beneficios > h2 {
        width: 100%;
        height: 15%;
        left: 0px;
        top: 0px;
        /*margin-bottom:50px;*/
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        /*line-height: 40px;*/
        /* or 118% */
        letter-spacing: -0.015em;
    }

    .beneficios > p > span {
        display: block;
    }

.box {
    display: flex;
    align-items: center;
    width: 547px;
    height: 95px;
    background: #FFFFFF;
    box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.08);
}

    .box > a {
        width: 400px;
        padding-left: 10px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 27px;
        letter-spacing: -0.015em;
    }

.boxsection {
    display: flex;
    margin-bottom: 20px;
}

.subbox {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 114px;
    height: 95px;
    background: #0db459;
}

.box-resp {
    width: 80%;
    height: 80%;
    padding-top: 1rem;
}

.box_aling {
    margin-left: auto;
}

/*-----------Crhonicles play------------*/

.video {
    padding: 60px 0;
    width: 100%;
    background: #F8F8F8;
}

.container_video {
    width: 90%;
    float: right;
    height: 700px;
    left: 184px;
    padding: 110px 10px;
    z-index: 1;
    background: #FFFFFF;
    background-image: url(../image/chroniclesimg.svg);
}

.container_ftlimetro {
    /*    position: relative;*/
    background: #0db459;
    width: 100%;
    height: 950px;
    margin: auto;
    overflow: hidden;
}

.ftlimetro {
    position: relative;
    width: 1176px;
    height: 900px;
    top: 8rem;
}

    .ftlimetro > h1 {
        position: absolute;
        width: 325px;
        height: 40px;
        left: 62px;
        top: 0px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        color: #fff;
    }

    .ftlimetro > p {
        position: absolute;
        width: 506px;
        height: 54px;
        left: 62px;
        top: 60px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #fff;
    }

        .ftlimetro > p > span {
            font-weight: 600;
        }

    .ftlimetro > a {
        position: absolute;
        width: 227px;
        height: 40px;
        left: 0px;
        top: 290px;
        /* Title */
        font-style: normal;
        font-weight: 900;
        font-size: 34px;
        line-height: 40px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        color: #FFFFFF;
        transform: rotate(-90deg);
        z-index: 2;
    }

    .ftlimetro > img {
        position: absolute;
        left: 0px;
        right: 61.15%;
        top: 251px;
        bottom: 37.81%;
    }

    .ftlimetro > #peladita {
        position: absolute;
        /*width: 112.01px;*/
        height: 366px;
        left: 166px;
        top: 225.09px;
        z-index: 3;
    }

/*---------social network fixer-----------*/

.socialnet {
    position: fixed;
    left: 1500px;
    top: 368px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}

/*--------Coach ladin----------------------*/

.cont_coach {
    position: relative;
    width: 100%;
    height: 700px;
    margin: 0 auto;
    /*  background-image: url("../image/Hero.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: matrix(-1, 0, 0, 1, 0, 0);*/
}

    .cont_coach > img {
        width: 100%;
        height: 800px;
        object-fit: cover;
        position: absolute;
        left: 0px;
        top: 0px;
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }

    .cont_coach > h1 {
        position: absolute;
        width: 474px;
        height: 122px;
        left: 163px;
        top: 125px;
        /* Title */
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
        color: #FFFFFF;
    }

    .cont_coach > p {
        position: absolute;
        width: 369px;
        height: 79px;
        left: 163px;
        top: 280px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #FFFFFF;
    }

.button {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 136px;
    top: 376px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none;
}


/*------------Certificate------------*/
.cont_setup_cert {
    /*background: #1ACE72;*/
    width: 100%;
    height: 500px;
    margin: auto;
    overflow: hidden;
}

.certificate {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6% 3%;
    width: 100%;
    height: 578px;
    margin: 0 auto;
    /* left: 252px; */
    top: 150px;
    /* margin-bottom: 150px;
}

.certificate .selected{
    align-self:center;
}

.certificate .selected_end{
    align-self:flex-end;
}

.certificate > div > a{
    width: 12px;
    height: 18px;
    /* Disclaimer */
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */
    text-align: center;
    letter-spacing: -0.015em;
}

    .certificate > div > h1 {
        /*    width: 189px;*/
        height: 40px;
        /* Title */
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 12px;
        /* identical to box height, or 118% */
        letter-spacing: -0.015em;
        margin: 0 10px;
        color: #fff;
    }

    .certificate > div > p {
        font-family: Poppins;
        width: 357px;
        height: 70px;
        /* Highlight */
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.015em;
        margin: 0 10px;
        color: #fff;
    }

.circulo {
    display: none;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FBB03B;
    text-align: center;
    top: 50%;
    color: #fff;
}

.cer-flecha-ini {
    position: absolute;
    left: 34.93%;
    right: 56.06%;
    top: 30.6%;
    bottom: 87.75%;
    display: none;
}

.cer-flecha-fin {
    position: absolute;
    left: 52.57%;
    right: 48.43%;
    top: 70.04%;
    bottom: 85.31%;
    display: none;
}
/*---------------informacion-----------*/
.container_sp {
    background: #1ACE72;
    width: 100%;
    background: #FFFFFF;
    height: 100%;
    position: relative;
    width: 100%;
    height: 60rem;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 8px;
    perspective-origin: 0%;
}

    .container_sp::-webkit-scrollbar {
        display: none;
    }

.cont_setup_app {
    background: #f8f8f8;
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}

.appinfo {
    position: relative;
    display: flex;
    width: 950px;
    height: 551px;
    /*    left: 213px;*/
    margin: 0 auto;
    top: 55px;
}

.push {
    margin-left: auto;
}

.appinfo > div > h1 {
    font-family: Poppins;
    position: absolute;
    width: 329px;
    height: 40px;
    left: 569px;
    top: 119px;
    /* Title */
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    /* identical to box height, or 118% */
    letter-spacing: -0.015em;
}

.appinfo .setup_p {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100px;
    background-color: red;
}

.appinfo > div > p {
    position: absolute;
    width: 381px;
    height: 244px;
    left: 569px;
    top: 179px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
}

    .appinfo > div > p > span {
        display: inline-block;
        margin-bottom: 30px;
    }

.infbutton {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 569px;
    top: 459px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none;
}


/*-----------------evalua coach-----------*/

.appevalua {
    position: relative;
    display: flex;
    width: 1062px;
    height: 662px;
    /*    left: 163px;*/
    top: 100px;
    margin: 0 auto;
}

    .appevalua > div > h1 {
        position: absolute;
        width: 540px;
        height: 84px;
        left: 0px;
        top: 166px;
        /* Title */
        font-style: normal;
        font-family: Poppins;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
    }

    .appevalua > div > p {
        position: absolute;
        width: 50%;
        height: 143px;
        left: 0px;
        top: 270px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
    }

        .appevalua > div > p > span {
            display: inline-block;
            margin-bottom: 30px;
        }

.evaluabuton {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 0px;
    top: 469px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none;
}

/*------------slide coach---------------*/

.testCoach {
    position: relative;
    width: 773px;
    height: 282.5px;
    left: 390px;
    top: 300px;
}

.contenedor-slider {
    margin: auto;
    /*    width: 85%;*/
    width: 100%;
    height: 282.5px;
    position: relative;
    overflow: hidden;
    top: 300px;
    /*    box-shadow: 0 0 0 10px #fff, 0 15px 50px;*/
}

.slider {
    display: flex;
    width: 400%;
}

.slider__section {
    width: 100%;
    display: flex;
    position: relative;
}

.slider__img {
    display: block;
    width: 100%;
    height: 100%;
}

.cont-btn-slider {
    display: flex;
    /*justify-content: center;*/
    margin-top: 27rem;
    margin-left: 10%;
}

.btn-next {
    margin-left: 20px;
}

.btn-prev, .btn-next {
    width: 58px;
    height: 58px;
    /*    background: rgba(255, 255, 255, 0.7);*/
    top: 90%;
    left: 80%;
    transform: translateY(-50%);
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    font-family: monospace;
    cursor: pointer;
    /*----------*/
    background: linear-gradient(90deg, #FFBC54 1.43%, #FFA10F 100%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-prev:hover, .btn-next:hover {
        background: white;
    }

.cat-select {
    display: none;
}

/*.btn-prev {
    left: 10px;
}

.btn-next {
    right: 10px;
}*/


.push-position {
    position: absolute;
    width: 104px;
    height: 90.06px;
    left: 103px;
    top: 0px;
}

.push_p {
    position: absolute;
    width: 100%;
    height: 104px;
    left: 113px;
    top: 53.5px;
    /* Highlight */
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.015em;
    z-index: 1;
}

.puch_h7 {
    position: absolute;
    width: 169px;
    height: 27px;
    left: 113px;
    top: 167px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    /* identical to box height */
    letter-spacing: -0.015em;
}

.push_circulo {
    position: absolute;
    width: 93px;
    height: 93px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FBB03B;
    text-align: center;
    left: 0px;
    top: 53.5px;
}

/*-----------Que evalua-------------*/

.appevalua2 {
    position: relative;
    display: flex;
    align-content: space-between;
    justify-content: center;
    flex-wrap: wrap;
    width: 1440px;
    margin: 0 auto;
    height: 700px;
    /*    left: 163px;*/
    top: 452px;
    background-color: #f8f8f8;
}

.matrizevalua {
    position: relative;
    width: 356px;
    height: 172px;
    background: #0db459;
    border-radius: 20px;
    margin-right: 22.76px;
    margin-top: 110px;
}

/*.velocidad {
    position: absolute;
    width: 73.52px;
    height: 73.52px;
    left: 573px;
    top: 3820px;
}*/

.appevalua2 > h1 {
    width: 100%;
    height: 40px;
    left: 0px;
    top: 0px;
    /* Title */
    font-style: normal;
    font-family: Poppins;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    /* identical to box height, or 118% */
    text-align: center;
    letter-spacing: -0.015em;
}

.matrizevalua > a {
    position: absolute;
    width: 1250px;
    height: 20px;
    left: 31px;
    top: 56px;
    font-style: normal;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    color: #fff;
}

.matrizevalua > p {
    position: absolute;
    width: 289px;
    height: 44px;
    left: 31px;
    top: 91.12px;
    /* Disclaimer */
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #fff;
}

.matrizevalua > img {
    position: absolute;
    bottom: 138px;
}

#pieimg {
    width: 102px;
    height: 102px;
}

/*----------App herramienta---------*/
.appinfoHerr {
    position: relative;
    display: flex;
    width: 1175px;
    height: 525px;
    margin: 0 auto;
    top: 600px;
}


    .appinfoHerr > div > h1 {
        position: absolute;
        width: 567px;
        height: 78px;
        left: 608px;
        top: 70px;
        /* Title */
        font-style: normal;
        font-family: Poppins;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
    }

    .appinfoHerr > div > p {
        position: absolute;
        width: 500px;
        height: 165px;
        left: 608px;
        top: 168px;
        /* Body */
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
    }

        .appinfoHerr > div > p > span {
            display: inline-block;
            margin-bottom: 30px;
        }

.infherrbutton {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 608px;
    top: 361px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none;
}

/*--------Certificate coach section--------*/
.cont_cert_app {
    /*background: #1ACE72;*/
    width: 100%;
    height: 1600px;
    margin: auto;
    overflow: hidden;
}

.cert_info {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    width: 1081px;
    height: 674px;
    /*    left: 200px;*/
    margin: 0 auto;
    top: 15px;
}

cert_info > div {
    align-self: auto;
}

.cert_info > h1 {
    width: 100%;
    height: 82px;
    /* Title */
    font-style: normal;
    font-family: Poppins;
    font-weight: 600;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    /* or 118% */
    text-align: center;
    letter-spacing: -0.015em;
    margin-top: 100px;
}

    .cert_info > h1 > span {
        display: block;
    }

.pushcolum {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 30%;
    height: 400px;
    margin-right: 3%;
    text-align: center;
    margin-top: 70px;
}

    .pushcolum > img {
        max-height: 275px;
    }

    .pushcolum > p {
        /* Body */
        margin-top: 10px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        letter-spacing: -0.015em;
        color: #fff;
    }

    .pushcolum > label {
        margin-top: 20px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        /* identical to box height */
        letter-spacing: -0.015em;
        color: #fff;
    }

    .pushcolum > p > span {
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
        /* identical to box height */
        letter-spacing: -0.015em;
    }

.cert_info > button {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 416px;
    top: 739px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none;
}

.pushcertinf {
    width: 100%;
}

/*----------ladin Blog--------------*/

.container_blog {
    background: #1ACE72;
    width: 1440px;
    height: 1900px;
    margin: auto;
    overflow: hidden;
}

.contenedor-slider-blog {
    background-image: url("/common/images/BannerHeaderBlog.svg");
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 60%);
    height: 500px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    margin: auto;
    width: 100%;
    height: 40rem;
    /* max-width: 1440px; */
    position: relative;
    overflow: hidden;
    /* top: 150px; */
    /* box-shadow: 0 0 0 10px #fff, 0 15px 50px;*/
}

.push_rectangulo {
    position: absolute;
    width: 547px;
    height: 396px;
    left: 0px;
    top: 0px;
    background-image: url("../image/blogImg.svg");
    background-size: cover;
}

    .push_rectangulo > .imgstore-resp {
        width: 100%;
    }

.push_blog_h1 {
    position: absolute;
    width: 496px;
    height: 40px;
    left: 10%;
    top: 130px;
    /* Title */
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    /* identical to box height, or 118% */
    letter-spacing: -0.015em;
    color: #fff;
}

.push_blog_p {
    position: absolute;
    width: 496px;
    height: 79px;
    left: 10%;
    top: 200px;
    /* Body */
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.015em;
    color: #fff;
}


.push_blog_btn {
    position: absolute;
    width: 207px;
    height: 35px;
    left: 10%;
    top: 329px;
    background: linear-gradient(90deg, #E27E05 0%, #FBB03B 97.52%);
    box-shadow: 0px 4px 4px rgba(226, 126, 5, 0.3);
    border-radius: 30px;
    float: right;
    margin-right: 50px;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    color: #F9F9F9;
    border: none
}


.push_blog {
    margin-left: 50%;
    flex-direction: column;
}

.btn-prev-blog,
.btn-next-blog {
    top: 85%;
    left: 75%;
}

/*--------------------Search--------------------*/

.ct_blog {
    background: #0db459;
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}

form {
    /*    margin-top:300px;
    margin-left:139px;*/
    margin: 100px auto;
    width: 81%;
    height: 66px;
    background: #FFFFFF;
    display: flex;
}

.form-blog {
    margin: 0 0;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    display: flex;
}

fieldset {
    width: 773px;
    height: 66px;
    border: none;
    display: flex;
    min-width: 100%;
}

    fieldset > div {
        display: flex;
    }

.button_sh {
    height: 50PX;
    width: 50px;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    align-self: center;
    margin-left: 10px;
    margin-right: 15px;
    background: #FFFFFF;
}

.input-search {
    font-family: Poppins;
    width: 700px;
    height: 66px;
    border: none;
    padding-left: 20px;
    /*---font style----*/
    font-family: Poppins;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /* identical to box height */
    letter-spacing: -0.015em;
    color: rgba(0, 0, 0, 0.8);
}

.push_button {
    width: 189px;
    height: 66px;
    background: #FFFFFF;
    border: none;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    margin-right: 2px;
    /* identical to box height */
    letter-spacing: -0.015em;
}

    .push_button:hover {
        cursor: pointer;
        background: rgba(0,0,0,0.3);
    }


.sec-resp {
    width: 100%;
    background: #1ACE72;
}


    .sec-resp img {
        width: 100%;
    }

/*##################RESPONSIVE######################*/
/*##################################################*/
@media (min-width:1092px){
    #menuimghome{
        display:none;
    }
}
@media(min-width: 1024px) {
    .market-logos-buttons > a {
        width: 95% !important;
        margin-left: 2%;
        margin-top: 2%;
    }
}
@media (max-width:1282px) {
    form {
        width: 90%;
    }
}
/*start max 1092px*/
@media (max-width:1092px) {
    .beneficios-play {
        height: 85rem !important;
    }
    .market-logos-buttons-top {
        position: relative;
        top: 0;
    }
    .cert_info {
        width: unset !important;
        height: unset !important;
        flex-direction: column !important;
        position: unset !important;
        flex-wrap: unset !important;
        margin-top: unset !important;
        text-align: center !important;
    }
    /*.fold01_skills > .market-logos-buttons {
        margin-bottom: 0px;
    }*/
    .market-logos-buttons {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

        .market-logos-buttons > a {
            width: 100%;
        }

            /*.market-logos-buttons > label, .market-logos-buttons > a > img {
                align-self: center;
                margin-right: 15px;
                width: 40%;
            }*/
    .cont_setup_cert {
        width: 100%;
        height: 530px;
    }

    .certificate > div {
        text-align: initial;
    }

    .cer-flecha-ini {
        position: absolute;
        left: 7%;
        right: 56.06%;
        top: 28.6%;
        bottom: 87.75%;
        display: block;
    }

    .cer-flecha-fin {
        position: absolute;
        left: 7%;
        right: 56.06%;
        top: 56.6%;
        bottom: 87.75%;
        display: block;
    }

        .cer-flecha-ini > svg, .cer-flecha-fin > svg {
            width: 2.3rem;
        }

    .circulo {
        display: block;
        height: 30px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #FBB03B;
        text-align: center;
        top: 50%;
        font-weight: 700;
        font-size: 1.2em;
    }

    .container-dots-donuts {
        margin-top: 15rem !important;
    }

    .cert_info > button {
        position: unset;
        float: unset;
        justify-items: center;
        margin: 0 auto;
        margin-bottom: 150px;
    }

    .cont_cert_app {
        padding-top: 50px;
        width: unset;
        height: 2700px;
        overflow: unset;
    }

    .contenedor-slider {
        width: 90%;
        height: 600px;
        /* margin: 40px; */
        /* top: 600px; */
        margin-bottom: 40px;
    }

    .cert_info {
        width: unset;
        height: unset;
        flex-direction: column;
        position: unset;
        flex-wrap: unset;
        margin-top: unset;
        text-align: center;
    }

        .cert_info > button {
            position: unset;
            float: unset;
            justify-items: center;
            margin: 0 auto;
            margin-bottom: 150px;
        }

    .cont_cert_app {
        padding-top: 50px;
        width: unset;
        height: 2700px !important;
        overflow: unset;
    }

    .cert_info {
        width: unset;
        height: unset;
        flex-direction: column;
        position: unset;
        flex-wrap: unset;
        margin-top: unset;
        text-align: center;
    }

    .social-network-bar {
        right: 8%;
    }

    .ig-icon-sn {
        width: 30px !important;
        height: 30px !important;
        margin-left: -7%;
    }

    .header label {
        display: block;
    }

    .header {
        padding: 21px;
        background: #000;
        height: unset;
    }

    .hd-responsive {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .socialnet {
        display: none;
    }

    .menu {
        position: absolute;
        display: unset;
        flex-direction: column;
        background: #000000;
        width: 100%;
        height: 667px;
        margin-left: -121%;
        transition: all 0.5s;
        z-index: 1;
        padding-left: 0;
        padding: unset;
    }

    #menuimgresp {
        top: 2px;
        width: 9%;
        position: absolute;
        margin-left: unset;
        left: 480px;
        display: block;
        z-index: 1;
    }

    #redes-sc {
        display: block;
        margin: 0 23px;
    }

    .redes-menu {
        display: flex;
        margin-top: 86px;
    }

    .menu img {
        display: none;
    }

    .menu ul {
        flex-direction: column;
        /*display: none;*/
    }

    #nav-text {
        margin-top: 5vh;
    }

    .menu li {
        display: flex;
        margin: 0 auto;
    }

        .menu li a {
            color: #FFF;
        }

    #frm-res {
        display: flex;
    }

    #btn-menu:checked ~ .menu {
        margin: 0;
    }

    .nav-button {
        float: none;
        margin-top: 50px;
    }

    #menuimghome {
        margin-top: unset;
    }

    cont_setup_app {
        height: 4000px;
    }

    .appinfoHerr {
        width: unset;
        left: unset;
        top: 903px;
    }

        .appinfoHerr > div > h1,
        .appinfoHerr > div > p,
        .infherrbutton {
            position: unset;
        }

    .beneficios {
        padding: unset;
    }

    .box {
        width: unset;
    }

    .fold10 {
        width: unset;
    }

    .faq-footer {
        display: flex;
        margin: 0 auto;
    }

    .footer-options {
        text-decoration: none;
        color: white;
    }

    .welcome {
        width: 100%;
        height: 2040px;
    }

    .wip {
        height: 40% !important;
        width: 100% !important;
        top: 64px !important;
        background-position: center !important;
    }

        .wip #img-background {
            width: 100%;
            margin: 0 auto;
            padding-left: -100%;
            margin-top: 250px;
        }

    #menuimghome {
        margin-bottom: -48px;
        width: 12%;
        margin-top: -126px;
        margin-left: 44%;
        display: none;
    }

    .wip p {
        width: 100%;
        left: 0;
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        line-height: 117.3%;
        /* or 40px */
        text-align: center;
        letter-spacing: 0.015em;
    }

    .wip > p > span {
        font-size: 40px;
    }

    .wc-children {
        width: 59%;
        margin-top: 3em;
    }

    .ws_ninio {
        position: absolute !important;
        top: 45% !important;
        left: 35% !important;
        padding: 0 !important;
        bottom: 92.18% !important;
        width: 5% !important;
    }

    .ws_balon {
        position: absolute !important;
        top: 66% !important;
        left: 49% !important;
        width: 3% !important;
    }

    .ws_ninia {
        position: absolute !important;
        top: 45% !important;
        left: 60% !important;
        padding: 0 !important;
        bottom: 92.18% !important;
        width: 5% !important;
    }

    .wc-flecha {
        margin-left: 22px;
        margin-top: 8px;
    }

    .wc_fold02 {
        display: flex;
        padding: 3% 10%;
        flex-direction: column;
        width: 100%;
        top: 200px;
    }

        .wc_fold02 a {
            position: unset;
            transform: unset;
            left: 0;
        }

        .wc_fold02 p {
            position: unset;
            width: 100%;
            height: unset;
        }

        .wc_fold02 img {
            height: auto;
            width: 45%;
            margin-top: 20px;
            margin-left: 25%;
            position: unset;
            z-index: 1;
        }

        .wc_fold02 > #figureswc {
            position: unset;
            width: 100%;
            display: none;
        }

    .wc_fold03 {
        padding: 3% 10%;
        margin-top: 198px;
        height: 100%;
        width: 100%;
    }

        .wc_fold03 p {
            width: 61%;
            top: 132px;
            padding-right: 12px;
            left: 25%;
        }

        .wc_fold03 > p > span {
            padding: 0 0;
        }

        .wc_fold03 h1 {
            left: 2%;
            padding: 0 70px;
            width: unset;
        }

        .wc_fold03 > div {
            margin-top: 466px;
            flex-direction: column;
        }

            .wc_fold03 > div > a {
                margin-bottom: 20px;
            }

    .apps {
        height: 288rem;
    }

    .play {
        width: 100%;
        height: 1440.65px;
        margin: 0;
        flex-direction: column;
        margin-bottom: 80px;
    }


    .grouplay {
        width: 80%;
        margin: 100px auto;
        position: unset;
        margin-top: 70%;
    }


    .play .phone {
        background-image: url(../../images/playcelular.svg);
        background-repeat: no-repeat;
        background-size: contain;
        left: 31%;
        width: 40%;
        height: 100%;
        top: 0;
        margin-top: 0;
    }

    .coach > .bgc-play {
        position: initial;
        width: 68%;
        height: 677px;
        margin-left: 30%;
        margin-top: 5%;
    }

    .play > img {
        position: absolute;
        top: 16%;
        width: 79%;
        height: 8rem;
        left: 0%;
        transform: scaleX(-1);
    }

    .grouplay h1 {
        width: unset;
        height: unset;
    }

    .grouplay h4 {
        width: unset;
        height: unset;
    }


    .grouplay p {
        width: unset;
        height: unset;
    }

    /**.grouplay div {
        left: 95px;
    }*/

    .grouplay dialog {
        position: unset;
    }

    .grouplay button {
        margin-bottom: 34px
    }

    .coach {
        width: 100%;
        height: 95rem;
        margin: 0;
        flex-direction: column;
        margin-bottom: 180px;
    }

    .next {
        display: flex;
        margin-left: 20px;
        margin-top: 57px;
    }

    .groupcoach {
        width: 80%;
        position: unset;
        margin: 100px auto;
        margin-top: 10%;
    }

        .groupcoach h1,
        .groupcoach p {
            width: unset;
            height: unset;
        }

    .coach .phonecoach {
        left: 25%;
        width: 50%;
        height: 50%;
    }

    /*.groupcoach div {
        left: auto;
    }*/

    .groupcoach button {
        margin-bottom: 30px;
    }

    .metodo {
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        height: 85rem;
    }

        .metodo h1 {
            width: 100%;
            margin-bottom: 40px;
            text-align: left;
            margin-top: 10%;
        }

    .groupcoach > h4 {
        width: unset;
    }

    .metodo p {
        text-align: start;
        width: 100%;
        height: unset;
    }


    .metodo > div {
        margin-top: 0;
        flex-direction: column;
    }

        .metodo > div > img {
            margin: 40px auto;
        }

    .video {
        padding: unset;
    }

    .container_video {
        padding: 2rem 10px !important;
        position: unset;
        float: unset;
        width: unset;
        height: 589px;
        background: #E9E9E7;
        background-image: url("../image/chroniclesimg.svg");
    }

    .chronicles_play {
        display: none;
    }

    .contenido_chr {
        width: 100%;
        position: unset;
        display: flex;
        flex-direction: column;
    }

        .contenido_chr > h1 {
            position: unset;
            transform: none;
            width: 80%;
            margin: 54px auto;
            margin-bottom: 30px;
        }

        .contenido_chr > p {
            position: unset;
            transform: none;
            width: 80%;
            margin: 0 auto;
            margin-bottom: 30px;
        }

        .contenido_chr a span {
            display: block;
        }

        .contenido_chr div {
            position: unset;
            transform: none;
            width: 80%;
            margin: 64px auto;
            overflow: hidden;
            margin-bottom: 50px;
        }

            .contenido_chr div iframe {
                width: 279.68px;
                height: 159.07px;
            }

    .fold07 {
        top: 0;
    }

        .fold07 > h1 {
            position: unset;
            width: 90%;
            margin: 100px auto;
            margin-bottom: 20px;
        }

        .fold07 > p {
            position: unset;
            width: 90%;
            margin: 0 auto;
            height: unset;
            margin-bottom: 50px;
        }

        .fold07 > a {
            top: 470px;
            width: unset;
        }

        .fold07 > img {
            margin-top: 120px;
            position: unset;
            width: 80%;
        }

        .fold07 > #peladita {
            /*width: 80px;*/
        }

        .fold07 > a > span {
            display: block;
        }

    .form_control {
        width: 90%;
    }

    .fold08 {
        width: 50%;
    }

        .fold08 p {
            width: 90%;
        }

        .fold08 h1 {
            width: 90%;
            font-size: 30px;
        }

    .blog {
        /*            height: 1900px;*/
    }

    .fold09 {
        height: auto;
        margin-bottom: 0em;
        padding-top: 0rem;
    }

        .fold09 > p,
        .fold09 > h1 {
            width: 90%;
            text-align: center;
            height: unset;
            padding-bottom: 1em;
        }
        .fold09 > p {
            padding-bottom: 2em;
        }

    .fold10 {
        width: 100%;
        height: unset;
        display: flex;
        flex-direction: column;
        background: #0db459;
    }

        .fold10 > a {
            display: none;
        }

        .fold10 > #appblog {
            order: 1;
            position: unset;
            width: 36%;
            height: unset;
            margin: 0 auto;
            margin-top: 3em !important;
        }

        .fold10 > p {
            order: 2;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 34px;
            line-height: 120.59%;
            /* or 41px */
            letter-spacing: 0.015em;
            margin-bottom: 50px;
        }

        .fold10 > label {
            position: unset;
            width: 90%;
            order: 3;
            margin: 50px auto;
            margin-bottom: 40px;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: -0.015em;
        }

        /*.fold10 > div {
            order: 4;
            margin-top: 200px;
        }*/

        .fold10 > p > span {
            display: block;
            position: unset;
            width: 100%;
            height: unset;
            margin: 0 auto;
            margin: 1em auto !important;
            width: 99%;
        }

        .fold10 > a,
        .fold10 > #twogratis,
        .fold10 > p {
            position: unset;
            width: 90%;
            height: unset;
            margin: 0 auto;
        }

        /*.fold10 > div {
            position: unset;
            margin: 20px auto;
            margin-bottom: 120px;
            width: 90%;
            display: flex;
            justify-content: space-between;
        }*/

    .imgstore-resp {
        width: 20%;
        padding-bottom: 6%;
    }
    .imgstore-resp-home {
        width: 45%;
        padding-bottom: 6%;
    }
    .contblog {
        padding: 3% 0% 0% 0%;
        width: 80%;
        height: auto;
        display: inline-grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

        .contblog > .contblogElement > img {
            width: 100%;
        }

    .fold11 {
        width: 100%;
        align-items: unset;
        height: unset;
    }

        .fold11 h1 {
            width: 100%;
            height: unset;
            margin-bottom: 60px;
        }

        .fold11 > div {
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 20px;
        }

            .fold11 > div > img {
                margin-bottom: 20px;
            }

    .footerroot {
        flex-direction: column;
        text-align: center;
    }

        .footerroot > div {
            margin-bottom: 20px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }

    /*        .footerroot > div >a{
            margin-top:70px;
        }*/
    .redes {
        width: 100%;
        margin-left: unset;
        justify-content: center;
    }

        .redes p {
            width: 100%;
            margin: 30px auto;
        }

        .redes > a > img {
            margin-right: 20px 20px;
        }

    .groups {
        margin: 0 auto;
        margin-top: 101px;
        flex-direction: column;
        text-align: center;
        padding: unset;
    }

        .groups div {
            margin-bottom: 30px;
        }

    .groplinks {
        display: none;
    }
    /*##############RESPONSIVE LADING PLAY#################*/

    .menu-img-res {
        width: 43px;
        height: 22px;
        align-self: center;
        position: absolute;
        right: 2%;
    }

    .container_skills {
        width: unset;
        padding: unset;
    }

    .fold01_skills {
        display: flex;
        flex-direction: column;
        left: unset;
        width: 100%;
        height: 100%;
    }

        .fold01_skills > h1,
        .fold01_skills > p,
        .fold01_skills > div {
            position: unset;
            width: 90%;
            margin: 0 auto;
            margin-bottom: 40px;
            height: unset;
        }

        .fold01_skills > img {
            order: 1;
            position: unset;
            margin: 0 auto;
            width: 40%;
            margin-top: 59px;
            margin-bottom: 0;
            height: unset;
        }

        .fold01_skills > h1 {
            order: 2;
        }

        .fold01_skills > p {
            order: 3;
        }

        .fold01_skills > div {
            order: 4;
        }

    .video_skills {
        margin-top: 150px;
        display: flex;
        flex-direction: column;
        left: unset;
        width: 100%;
        height: 100%;
    }

        .video_skills > h1,
        .video_skills > p {
            position: unset;
            width: 90%;
            margin: 30px auto;
            margin-bottom: 30px;
        }

        .video_skills > iframe {
            margin: 0 auto;
            width: 90%;
        }

    .skills_fold02 {
        position: relative;
        width: 100%;
        padding: 0 20px;
        height: unset;
        display: flex;
        flex-direction: column;
        left: unset;
    }


        .skills_fold02 > div,
        .skills_fold02 > h4 {
            position: unset;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 100px;
        }


        .skills_fold02 .flecha-a {
            top: 18%;
            left: 30%;
            width: 70px;
        }

        .skills_fold02 .flecha-c {
            top: 50%;
            left: 30%;
            width: 70px;
        }

        .skills_fold02 .flecha-b {
            top: 18%;
            left: 55%;
            width: 70px;
        }

        .skills_fold02 .flecha-d {
            top: 50%;
            left: 55%;
            width: 70px;
        }

        .skills_fold02 > div > p {
            width: 45%;
            font-size: 16px;
        }

        .skills_fold02 > div {
            order: 1;
        }

        .skills_fold02 > h4 {
            order: 2;
            position: unset;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 34px;
            line-height: 120.59%;
            text-align: center;
            letter-spacing: 0.015em;
        }

        .skills_fold02 .textend {
            order: 3;
        }

    .fold03_playMake {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        left: unset;
    }

    #fp-resp {
        width: 100%;
        height: 15%;
        left: 0px;
        top: 0px;
        margin-bottom: 50px;
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
        letter-spacing: -0.015em;
    }

    .fold03_playMake > h1 {
        font-size: 29px;
        padding: 1em .5em !important;
        width: 100%;
        height: 15%;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.015em;
        display: inline;
    }

    .textplaymake > h1 {
        display: none;
    }

    .fold03_playMake .textplaymake {
        margin-left: unset;
        display: flex;
        flex-direction: column;
    }

    .container_playMake {
        width: 100%;
    }

    .fold03_playMake > img, .textplaymake > img {
        margin: 0 auto;
        margin-bottom: 50px;
        width: 45%;
        padding-right: 0%;
        position: initial;
    }

    .textplaymake > p,
    .textplaymake > h1,
    .textplaymake > h6,
    .textplaymake > h4 {
        width: 90%;
        margin: 12px auto;
    }

    .textplaymake > h4 {
        margin-bottom: 50px;
    }

    .banner p {
        height: unset;
    }

    .container_coach,
    .banner {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        flex-direction: column;
    }

    .container_beneficios {
        width: unset;
    }

    .beneficios {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        left: unset;
        width: unset;
        height: unset;
        padding: unset;
    }

        .beneficios > p {
            width: 100%;
            height: unset;
            margin: 0 auto;
            padding: 0 20px;
            margin-bottom: 40px;
        }

    .pushcolum {
        width: unset;
        height: unset;
        margin-top: unset;
        margin-bottom: 50px;
    }

    .boxsection {
        display: unset;
        width: 90%;
        margin: 0 auto;
    }

        .boxsection .box {
            width: unset;
            margin-bottom: 20px;
        }

    .box-resp {
        width: 42px;
    }

    .subbox {
        width: 152px;
    }

    .container_ftlimetro,
    .ftlimetro {
        width: unset;
        height: 80rem;
        top: 0%;
    }

    .container-inner {
    }

        .fold07 > a, .container-inner > a {
            top: 30%;
            left: 15%;
        }

        .fold07 > #peladita, .container-inner > #peladita {
            position: absolute;
            /*width: 90.01px;*/
            height: 366px;
            left: 35%;
            top: 20%;
            z-index: 3;
        }

        .fold07 > img, .container-inner > img {
            position: absolute;
            left: 25%;
            right: 61.15%;
            top: 25%;
            bottom: 37.81%;
        }

    .container-arrows {
        margin-top: 145% !important;
        margin-left: 40% !important;
        margin-top: 75rem !important;
    }

    .ftlimetro h1,
    .ftlimetro p {
        left: 0;
        padding: 0 20px;
    }

    .ftlimetro > p {
        width: 69%;
        margin: 0 7%;
    }

    .appevalua2 {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-content: space-between;
        justify-content: center;
        flex-wrap: wrap;
        width: 1440px;
        margin: 0 auto;
        height: auto;
        left: 30%;
        top: 452px;
        background-color: #f8f8f8;
    }

        .appevalua2 > h1 {
            width: 45%;
        }

    .appinfo > div > h1, .appinfo > div > p, .infbutton {
        left: 50%;
    }

    .appevalua > div > h1, .appevalua > div > p, .evaluabuton {
        left: 0%;
    }

    .css-transform-animation {
        width: 32%;
    }

    .cont_coach {
        width: 100%;
        background-image: url("../image/HeroBg.svg");
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
    }

        .cont_coach > h1 {
            left: 13%;
            height: unset;
            margin: 0 auto;
            padding-top: 119px;
            margin-bottom: 13px;
        }

        .cont_coach > p {
            padding-top: 100px;
            margin-bottom: 13px;
            height: unset;
            margin: 0 auto;
            margin-bottom: 30px;
            left: 13%;
        }

        .cont_coach > button {
            margin-top: 119px;
            left: 13%;
        }

    .slider__section {
        width: 100%;
        display: flex;
        position: relative;
        padding: 0% 2%;
    }

    .form-blog {
        margin: 0;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
    }

    .certificate {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 6% 3%;
        width: 100%;
        height: auto;
        margin: 1rem auto;
        /* left: 252px; */
        top: 15%;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        letter-spacing: -0.015em;
    }

        .certificate > div > h1 {
            /* width: 189px; */
            height: 40px;
            font-family: Poppins;
            font-style: normal;
            font-weight: 600;
            font-size: 25px !important;
            line-height: 12px;
            letter-spacing: -0.015em;
            margin: 0 10px;
            color: #fff;
        }

        .certificate > div > p {
            font-family: Poppins;
            width: 100%;
            height: 70px;
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 27px;
            letter-spacing: -0.015em;
            margin: 0 10px;
            color: #fff;
        }

    .appinfo {
        position: relative;
        display: flex;
        width: 75%;
        height: 551px;
        left: 0;
        margin: 0 10%;
        top: 55px;
    }

    .appevalua {
        width: 75%;
    }

        .appevalua > div > h1 {
            position: absolute;
            width: 500px;
            height: 84px;
            left: 0px;
            top: 126px;
            font-style: normal;
            font-family: Poppins;
            font-weight: 600;
            font-size: 34px;
            line-height: 40px;
            letter-spacing: -0.015em;
        }


    /*end max 1092px*/
    .appinfoHerr {
        width: 100%;
        left: unset;
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

        .appinfoHerr > img {
            width: 29%;
            margin: 13px auto;
        }

        .appinfoHerr > div > h1,
        .appinfoHerr > div > p {
            position: unset;
            width: 90%;
            margin: 0 auto;
            margin-bottom: 20px;
            height: unset;
        }

        .appinfoHerr > div > h1 {
            margin-bottom: 20px;
        }

        .appinfoHerr .infherrbutton {
            float: left;
            position: unset;
            margin-left: 20px;
        }





    .pushcolum > p {
        width: 70%;
        margin: 0 auto;
    }

    .cert_info > h1 {
        margin-top: 80px;
        margin-bottom: 50px;
    }


    .container_blog,
    .ct_blog {
        width: unset;
    }



    .contenedor-slider-blog {
        width: 100%;
        margin: unset;
        height: 700px;
        margin: 0 auto;
        top: 0;
    }

    .menudarkcoach {
        position: absolute;
        display: unset;
        flex-direction: column;
        background: #000000;
        width: 100%;
        height: 667px;
        margin-left: -121%;
        transition: all 0.5s;
        z-index: 1;
        padding-left: 0;
        padding: unset;
    }
    /*        .slider{
            width:100%;
            height:100%
        }*/

    /*##########################RESPONSIVE BLOG###################*/
    .push_rectangulo {
        width: unset;
        height: 242px;
    }

    .btn-prev-blog, .btn-next-blog {
        top: 110%;
    }

    .cont-btn-slider {
        display: flex;
        justify-content: flex-start;
        margin-top: 50%;
        margin-left: 10%;
    }

    .btn-next {
        margin-left: 20px;
    }

    .sl-options {
        display: flex;
        justify-content: flex-end;
        font-family: Poppins !important;
    }
}

@media (max-width:769px) {
    .market-logos-buttons > a {
        width: 86%;
        margin-left: 5%;
        margin-top: 2%;
    }
    .push_blog_btn {
        margin-left: 0;
    }
    .market-logos-buttons-top {
        width: 75%;
        left: 10%;
    }
    .beneficios-play {
        height: 87rem !important;
    }
    .beneficios > h2 {
        padding: 0 1.3em;
        height: 16% !important;
    }

    .img-stores-header-play {
        width: 40% !important;
    }
    .certificate > div > h1 {
        font-size: 2em;
        margin-top: .7em;
        font-size: 1.1em;
    }

    .circulo {
        display: block;
        height: 30px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #FBB03B;
        text-align: center;
        top: 50%;
    }

    .container-dots-donuts {
        margin-top: 17rem !important;
    }

    .fold07 > a, .container-inner > a {
        top: 30%;
        left: 0%;
    }

    .fold07 > img, .container-inner > img {
        position: absolute;
        left: 3%;
        right: 61.15%;
        top: 25%;
        bottom: 37.81%;
    }

    .cert_info > button {
        position: unset;
        float: unset;
        justify-items: center;
        margin: 0 auto;
        margin-bottom: 150px;
    }

    .cont_cert_app {
        padding-top: 50px;
        width: unset;
        height: 2700px;
        overflow: unset;
    }

    .contenedor-slider {
        width: 90%;
        height: 600px;
        /* margin: 40px; */
        /* top: 600px; */
        margin-bottom: 40px;
        margin-top: 40pc;
    }

    .cert_info {
        width: unset;
        height: unset;
        flex-direction: column;
        position: unset;
        flex-wrap: unset;
        margin-top: unset;
        text-align: center;
    }

    .faq-footer {
        display: flex;
        margin: 0 auto;
    }

    .footer-options {
        text-decoration: none;
        color: white;
    }

    .header label {
        display: block;
    }

    .header {
        padding: 21px;
        height: 3.8em !important;
    }

    .hd-responsive {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

        .hd-responsive label img {
            margin: 0 10px;
        }

        .hd-responsive img {
            margin: 0 10px;
        }

    .socialnet {
        display: none;
    }

    .menu {
        position: absolute;
        display: unset;
        flex-direction: column;
        background: #000000;
        width: 100%;
        height: 667px;
        margin-left: -121%;
        transition: all 0.5s;
        z-index: 1;
        padding-left: 0;
        padding: unset;
    }

    #menuimgresp {
        top: 4px;
        width: 14%;
        position: absolute;
        margin-left: unset;
        left: 45%;
        display: block;
        z-index: 1;
    }

    #redes-sc {
        display: block;
        margin: 0 23px;
    }

    .redes-menu {
        display: flex;
        margin-top: 86px;
    }

    .menu img {
        display: none;
    }

    .menu ul {
        flex-direction: column;
    }

    .container_ftlimetro, .ftlimetro {
        width: unset;
        top: 50px !important;
    }

    #nav-text {
        margin-top: 5vh;
    }

    .menu li {
        display: flex;
        margin: 0 auto;
    }

        .menu li a {
            /*            border-top: 1px solid #FFF;*/
            color: #FFF;
        }

    #frm-res {
        display: flex;
    }



    #btn-menu:checked ~ .menu {
        margin: 0;
    }


    .nav-button {
        float: none;
        margin-top: 50px;
    }

    /*    .menudarkplay{
        height: 400px;
    }*/


    .welcome {
        width: 100%;
        height: 2245px;
    }

    .wip {
        height: 718px !important;
        background-position: center !important;
        top: 30px !important;
    }
        .wip #img-background {
            width: 100%;
            margin: 0 auto;
            padding-left: -100%;
            margin-top: 250px;
        }

    #menuimghome {
        margin-bottom: -48px;
        width: 16%;
        margin-top: -126px;
        margin-left: 43%;
        display: none;
    }

    .wip p {
        width: 100%;
        left: 0;
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 1.5em;
        line-height: 117.3%;
        /* or 40px */
        text-align: center;
        letter-spacing: 0.015em;
    }


    .wc-children {
        width: 100%;
    }

    .ws_ninio {
        position: absolute !important;
        top: 45% !important;
        left: 30% !important;
        padding: 0 !important;
        bottom: 92.18% !important;
        width: 7% !important;
    }

    .ws_balon {
        position: absolute;
        top: 66% !important;
        left: 48% !important;
        width: 5% !important;
    }

    .ws_ninia {
        position: absolute !important;
        top: 44% !important;
        left: 63% !important;
        bottom: 92.35% !important;
        width: 7% !important;
    }

    .wc-flecha {
        margin-left: 22px;
        margin-top: 155px;
    }

    .wc_fold02 {
        display: flex;
        padding: 2em 2em;
        flex-direction: column;
        width: 100%;
        top: 0%;
        height: auto;
    }

        .wc_fold02 a {
            position: unset;
            transform: unset;
            left: 0;
            padding-bottom: 2.5em;
        }

        .wc_fold02 p {
            position: unset;
            width: 100%;
            height: unset;
        }

        .wc_fold02 img {
            width: 50%;
        }

        .wc_fold02 > #figureswc {
            position: unset;
            width: 100%;
            display: none;
        }

    .wc_fold03 {
        margin-top: 0%;
        height: 100%;
        width: 100%;
    }

        .wc_fold03 p {
            position: absolute;
            width: 70%;
            height: 273px;
            top: 10%;
            left: 17%;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 30px;
            letter-spacing: -0.015em;
            color: #000000;
            margin-top: 50PX;
            z-index: 1;
        }

        .wc_fold03 > p > span {
            padding: 3px 32px;
            font-size: 43px;
        }

        .wc_fold03 h1 {
            left: 0;
            padding: 0 30px;
            width: unset;
            top: 3%;
            font-size: 34px;
        }

        .wc_fold03 > div {
            margin-top: 609px;
            flex-direction: column;
        }

            .wc_fold03 > div > a {
                margin-bottom: 20px;
            }

    .apps {
        height: 274rem;
    }

    .play {
        width: 100%;
        height: 1232px;
        margin: 0;
        flex-direction: column;
        margin-bottom: 80px;
    }

    .grouplay {
        width: 80%;
        margin: 100px auto;
        position: unset;
        margin-top: 57%;
    }

        .grouplay .imgframe {
            margin-top: 40px;
        }

    .play .phone {
        background-image: url(../../images/playcelular.svg);
        background-repeat: no-repeat;
        background-size: contain;
        left: 31%;
        width: 40%;
        height: 100%;
        top: 0;
        margin-top: 0;
    }

    .grouplay h1 {
        width: unset;
        height: unset;
    }

    .grouplay h4 {
        width: unset;
        height: unset;
    }

    .grouplay p {
        width: unset;
        max-width: 100%;
        height: unset;
    }

    /*.grouplay div {
        left: 40px;
    }*/

    .grouplay dialog {
        position: unset;
    }

    .grouplay button {
        margin-bottom: 34px
    }

    .coach {
        width: 100%;
        /* height: unset; */
        margin: 0;
        flex-direction: column;
        margin-bottom: 244px;
        height: 86rem;
    }

    .next {
        display: flex;
        margin-left: 20px;
        margin-top: 8em;
    }

    .groupcoach {
        width: 80%;
        position: unset;
        margin: 0 auto;
    }

        .groupcoach h1,
        .groupcoach p {
            width: unset;
            height: unset;
        }

    .coach .phonecoach {
        left: 7%;
        width: 70%;
        height: 50%;
        top: 0;
    }


    /*.groupcoach div {
        left: auto;
    }*/

    .groupcoach button {
        margin-bottom: 30px;
    }

    .metodo {
        width: 100%;
        padding-top: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 1em 2em;
    }

        .metodo h1 {
            width: 100%;
            margin-bottom: 40px;
            text-align: left;
        }

    .groupcoach > h4 {
        width: unset;
    }

    .metodo p {
        text-align: start;
        width: 100%;
        height: unset;
    }


    .metodo > div {
        margin-top: 0;
        flex-direction: column;
    }

        .metodo > div > img {
            margin: 40px auto;
        }

    .video {
        padding: unset;
    }

    .container-arrows {
        margin-top: 75rem !important;
        left: -10px;
    }

    .container_video {
        padding: 2rem 10px !important;
        position: unset;
        float: unset;
        width: unset;
        height: 589px;
        background: #E9E9E7;
        background-image: url("../image/chroniclesimg.svg");
    }

    .chronicles_play {
        display: none;
    }

    .contenido_chr {
        width: 100%;
        position: unset;
        display: flex;
        flex-direction: column;
    }

        .contenido_chr > h1 {
            position: unset;
            transform: none;
            width: 80%;
            margin: 54px auto;
            margin-bottom: 30px;
        }

        .contenido_chr > p {
            position: unset;
            transform: none;
            width: 80%;
            margin: 0 auto;
            margin-bottom: 30px;
            font-size: .9em;
        }

        .contenido_chr a span {
            display: block;
        }

        .contenido_chr div {
            position: unset;
            transform: none;
            width: 80%;
            margin: 64px auto;
            overflow: auto;
            margin-bottom: 50px;
        }

            .contenido_chr div iframe {
                width: 279.68px;
                height: 159.07px;
            }


    .fold07 {
        top: 0;
    }

        .fold07 > h1 {
            position: unset;
            width: 90%;
            margin: 70px auto;
            margin-bottom: 20px;
        }

        .fold07 > p {
            position: unset;
            width: 90%;
            margin: 0 auto;
            height: unset;
            margin-bottom: 50px;
        }

        .fold07 > a {
            top: 470px;
            width: unset;
        }

        .fold07 > img {
            margin-top: 120px;
            position: unset;
            width: 80%;
        }

        .fold07 > #peladita {
            /*width: 80px;*/
        }

        .fold07 > a > span {
            display: block;
        }

    .form_control {
        width: 90%;
    }

    .fold08 {
        width: unset;
    }

        .fold08 p {
            width: 90%;
        }

        .fold08 h1 {
            width: 90%;
            font-size: 30px;
        }

    .blog {
        height: 100%;
        /*margin-bottom: 150px;*/
    }

    .fold09 {
        margin-bottom: 0em;
    }

        .fold09 > p,
        .fold09 > h1 {
            width: 90%;
            text-align: left;
            height: unset;
        }

    .fold10 {
        max-width: 900px;
        height: unset;
        display: flex;
        flex-direction: column;
        padding-top: 35px;
    }

        .fold10 > a {
            display: none;
        }

        .fold10 > #appblog {
            order: 1;
            position: unset;
            width: 65%;
            height: unset;
            margin: 0 auto;
            margin-top: 0;
        }

        .fold10 > p {
            order: 2;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 34px;
            line-height: 120.59%;
            /* or 41px */
            letter-spacing: 0.015em;
            margin-bottom: 50px;
        }

        .fold10 > label {
            position: unset;
            width: 90%;
            order: 3;
            margin: 50px auto;
            margin-bottom: 40px;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 27px;
            letter-spacing: -0.015em;
        }

        /*.fold10 > div {
            order: 4;
            margin-top: 200px;
        }*/

        .fold10 > a,
        .fold10 > #twogratis,
        .fold10 > p {
            position: unset;
            width: 90%;
            height: unset;
            margin: 0 auto;
        }
        .fold10 > p > span {
            margin: 1em auto !important;
            width: 99%;
        }
        /*.fold10 > div {
            position: unset;
            margin: 20px auto;
            margin-bottom: 120px;
            width: 90%;
            display: flex;
            justify-content: space-between;
        }*/

    .imgstore-resp {
        width: 30%;
        padding-bottom: 6%;
    }
    .imgstore-resp-home {
        width: 50%;
        padding-bottom: 6%;
    }
    .fold11 {
        width: 100%;
        align-items: unset;
        height: unset;
    }

        .fold11 h1 {
            width: 100%;
            height: unset;
            margin-bottom: 60px;
        }

        .fold11 > div {
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 20px;
        }

            .fold11 > div > img {
                margin-bottom: 20px;
            }

    .footerroot {
        flex-direction: column;
        text-align: center;
    }

        .footerroot > div {
            margin-bottom: 20px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }

    /*        .footerroot > div >a{
            margin-top:70px;
        }*/
    .redes {
        width: 100%;
        margin-left: unset;
        justify-content: center;
    }

        .redes p {
            width: 100%;
            margin: 30px auto;
        }

        .redes > a > img {
            margin-right: 20px 20px;
        }

    .groups {
        margin: 0 auto;
        margin-top: 101px;
        flex-direction: column;
        text-align: center;
        padding: unset;
    }

        .groups div {
            margin-bottom: 30px;
        }

    .groplinks {
        display: none;
    }
    /*##############RESPONSIVE LADING PLAY#################*/

    .menu-img-res {
        width: 43px;
        height: 22px;
        align-self: center;
    }

    .container_skills {
        width: unset;
        padding: unset;
    }

    .fold01_skills {
        display: flex;
        flex-direction: column;
        left: unset;
        width: 100%;
        height: 100%;
    }

        /*.fold01_skills > h1,
        .fold01_skills > p,
        .fold01_skills > div {
            position: unset;
            width: 90%;
            margin: 0 auto;
            margin-bottom: 40px;
            height: unset;
        }*/

        .fold01_skills > img {
            order: 1;
            position: unset;
            margin: 0 auto;
            width: 70%;
            margin-top: 59px;
            margin-bottom: 0;
            height: unset;
        }

        .fold01_skills > h1 {
            order: 2;
        }

        .fold01_skills > p {
            order: 3;
        }

        .fold01_skills > div {
            order: 4;
        }

    .video_skills {
        margin-top: 5em;
        display: flex;
        flex-direction: column;
        left: unset;
        width: 100%;
        height: 100%;
        background-color: #f8f8f8;
        color: #000;
    }

        .video_skills > h1,
        .video_skills > p {
            position: unset;
            width: 90%;
            margin: 30px auto;
            margin-bottom: 30px;
        }

        .video_skills > iframe {
            margin: 1em auto;
            width: 90%;
            height: 186px;
        }

    .skills_fold02 {
        position: relative;
        width: 100%;
        padding: 0 20px;
        height: unset;
        display: flex;
        flex-direction: column;
        left: unset;
        top: 2em;
        margin: 2em auto;
    }


        .skills_fold02 > div,
        .skills_fold02 > h4 {
            position: unset;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 100px;
        }


        .skills_fold02 .flecha-a {
            top: 18%;
            left: 30%;
            width: 70px;
        }

        .skills_fold02 .flecha-c {
            top: 53%;
            left: 30%;
            width: 70px;
        }

        .skills_fold02 .flecha-b {
            top: 18%;
            left: 55%;
            width: 70px;
        }

        .skills_fold02 .flecha-d {
            top: 53%;
            left: 55%;
            width: 70px;
        }

        .skills_fold02 > div > p {
            width: 45%;
            font-size: .85em;
        }

        .skills_fold02 > div {
            order: 1;
        }

        .skills_fold02 > h4 {
            order: 2;
            position: unset;
            font-family: Poppins;
            font-style: normal;
            font-weight: normal;
            font-size: 34px;
            line-height: 120.59%;
            text-align: center;
            letter-spacing: 0.015em;
        }

        .skills_fold02 .textend {
            order: 3;
        }

    .fold03_playMake {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        left: unset;
    }

    #fp-resp {
        display: flex;
        padding: 0 20px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 900;
        font-size: 34px;
        line-height: 40px;
        /* or 118% */
        letter-spacing: -0.015em;
        color: #000000;
    }

    .textplaymake > h1 {
        display: none;
    }

    .fold03_playMake .textplaymake {
        margin-left: unset;
        display: flex;
        flex-direction: column;
    }

    .container_playMake {
        width: 100%;
    }

    .fold03_playMake > img, .textplaymake > img {
        margin: 0 auto;
        margin-bottom: 50px;
        width: 80%;
    }

    .textplaymake > p,
    .textplaymake > h1,
    .textplaymake > h6,
    .textplaymake > h4 {
        width: 90%;
        margin: 12px auto;
    }

    .textplaymake > h4 {
        margin-bottom: 50px;
    }

    .banner p {
        height: unset;
    }

    .container_coach,
    .banner {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        flex-direction: column;
    }

    .container_beneficios {
        width: unset;
    }

    .beneficios {
        margin: 0rem auto;
        display: flex;
        flex-direction: column;
        left: unset;
        width: unset;
        height: unset;
        padding: inherit;
        top: 0;
    }

        .beneficios > p {
            width: 100%;
            height: unset;
            margin: 0 auto;
            padding: 0 20px;
            margin-bottom: 40px;
        }

    .pushcolum {
        width: unset;
        height: unset;
        margin-top: unset;
        margin-bottom: 50px;
    }

    .boxsection {
        display: unset;
        width: 90%;
        margin: 0 auto;
    }

        .boxsection .box {
            width: unset;
            margin-bottom: 20px;
        }

    .box-resp {
        width: 42px;
    }

    .subbox {
        width: 152px;
    }

    .container_ftlimetro,
    .ftlimetro {
        width: unset;
        top: 90px;
    }

        .ftlimetro h1,
        .ftlimetro p {
            left: 0;
            padding: 0 20px;
        }

        .ftlimetro > p {
            width: unset;
            margin: 0 auto;
        }

    .cont_coach {
        width: 100%;
        background-image: url("/Images/Background-Images/imagencoach.png");
        background-size: cover;
        background-position: top;
        display: flex;
        flex-direction: column;
        height: auto;
        background-repeat: no-repeat;
    }

    .imgrespmake {
        display: flex;
    }

    .cont_coach > img {
        height: -webkit-fill-available;
        display: none;
    }

    .cont_coach > h1 {
        position: unset;
        width: 90%;
        height: unset;
        margin: 0 auto;
        padding-top: 119px;
        margin-bottom: 13px;
    }

    .cont_coach > p {
        position: relative;
        padding-top: 1em;
        width: 90%;
        /* height: unset; */
        top: 0;
        left: 0;
        margin: 0 auto;
        /* margin-bottom: 30px; */
        z-index: 0;
    }

    .cont_coach > button {
        top: 17em;
        left: 1em;
    }

    .cont_setup_cert {
        width: unset;
        height: auto;
    }

    .certificate {
        width: unset;
        left: unset;
        top: 0;
        flex-direction: column;
    }

        .certificate > div > p {
            width: unset;
            font-size: 1.2rem;
        }

    .cer-flecha-ini {
        position: absolute;
        left: 10.93%;
        right: 56.06%;
        top: 30.6%;
        bottom: 87.75%;
    }

    .cer-flecha-fin {
        left: 10.57%;
    }

    .certificate .selected,
    .certificate .selected_end,
    .certificate div {
        align-self: baseline;
        margin: 0 10px;
    }

    .cont_setup_app,
    .appinfo {
        width: unset;
        left: unset;
        display: flex;
        flex-direction: column;
    }

        .appinfo img {
            width: 50%;
            margin: 50px auto;
        }

    .cont_setup_app {
        height: 5450px;
    }

    .appinfo .push,
    .appinfo > div > p {
        position: unset;
        width: 90%;
        margin: 0 auto;
        height: unset;
    }

    .appinfo .push {
        margin-bottom: 20px;
    }


    .appinfo .infbutton {
        position: unset;
        float: left;
        margin-top: 20px;
        margin-left: 0px;
    }

    .appevalua {
        width: 79%;
        display: flex;
        flex-direction: column;
        left: unset;
        height: auto;
    }

        .appevalua img {
            width: 70%;
            margin: 0 auto;
        }

        .appevalua > div > h1,
        .appevalua > div > p {
            position: unset;
            width: 94%;
            margin: 0 auto;
            margin-bottom: 30px;
            height: unset;
        }

        .appevalua .evaluabuton {
            position: unset;
            float: left;
            margin-left: 0px;
        }

        .appevalua > div {
            order: 2;
            margin-top: 30px;
        }

        .appevalua .push {
            margin-top: 16em;
            order: 1;
            width: 70%;
        }



    .push_p {
        width: unset;
        margin-bottom: 60px;
        top: unset;
    }

    .appevalua2 {
        width: 90%;
        margin: 0 auto;
        left: 20%;
    }

        .appevalua2 > h1 {
            height: unset;
            margin-bottom: 20px;
            text-align: initial;
        }

    .matrizevalua {
        margin: 40px auto;
        /*            margin-bottom:80px;*/
    }

    .appinfoHerr {
        width: 100%;
        left: unset;
        display: flex;
        flex-direction: column;
        top: 27em;
    }

        .appinfoHerr > img {
            width: 70%;
            margin: 66px auto;
        }

        .appinfoHerr > div > h1,
        .appinfoHerr > div > p {
            position: unset;
            width: 112%;
            margin: 0 auto;
            margin-bottom: 20px;
            height: unset;
        }

        .appinfoHerr > div > h1 {
            margin-bottom: 20px;
            font-size: var(--font-title-size);
        }

        .appinfoHerr .infherrbutton {
            float: left;
            position: unset;
            margin-left: 20px;
        }

    .cont_cert_app {
        padding-top: 50px;
        width: unset;
        height: 2626px !important;
        overflow: unset;
    }

    .cert_info {
        width: unset;
        height: unset;
        flex-direction: column;
        position: unset;
        flex-wrap: unset;
        margin-top: unset;
        text-align: center;
    }

    .pushcolum > p {
        width: 70%;
        margin: 0 auto;
    }

    .cert_info > h1 {
        margin-top: 80px;
        margin-bottom: 50px;
    }

    .cert_info > button {
        position: unset;
        float: unset;
        justify-items: center;
        margin-bottom: 150px;
        margin: 3rem auto !important;
    }

    .container_blog,
    .ct_blog {
        width: unset;
    }

    .contenedor-slider {
        width: 90%;
        height: 600px;
        /* margin: 40px; */
        /* top: 600px; */
        margin-bottom: 40px;
        margin-top: 10em;
    }

    .contenedor-slider-blog {
        width: 100%;
        margin: unset;
        height: 100%;
        margin: 0 auto;
        top: 0;
    }

    /*        .slider{
            width:100%;
            height:100%
        }*/

    .slider__section {
        width: 100%;
        height: 100%;
        flex-direction: column;
        /*            background-color:#1ACE72;*/
    }

        .slider__section > div,
        .slider__section > h1,
        .slider__section > p,
        .slider__section > button {
            position: unset;
        }

    .push_circulo {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .slider__section > div {
    }

    /*        .slider__section > button {
            margin:0 auto;
        }*/

    .slider__section > h1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        height: unset;
    }

    .slider__section > p {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        height: unset;
    }

    .slider__section .push_p {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        height: unset;
        margin-top: -35px;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 1.1rem !important;
    }

    .push-position {
        position: unset;
    }


    .btn-prev,
    .btn-next {
        left: 60%;
    }

    form,
    fieldset {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        margin-bottom: 100px;
        margin-bottom: 0;
        margin-top: 0;
    }

        fieldset > div {
            width: 100%;
            display: flex;
        }

    .input-search {
        width: 100%;
    }

    .push_button {
        align-self: flex-end;
    }

    .push_button {
        display: none;
    }

    .cat-select {
        width: 100%;
        height: 4rem;
        display: flex;
        /* display: none; */
        align-self: flex-end;
        border: 0;
        background: #1ACE72;
        font-family: Poppins;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -0.015em;
        color: #fff;
    }

    /*##########################RESPONSIVE BLOG###################*/
    .push_rectangulo {
        width: unset;
        height: 50px;
    }

    .btn-prev-blog, .btn-next-blog {
        top: 110%;
    }

    .cont-btn-slider {
        display: flex;
        justify-content: left;
        margin-top: 70px;
    }

    .btn-next {
        margin-left: 20px;
    }

    .sl-options {
        display: flex;
        justify-content: center;
        font-family: Poppins !important;
        padding-top: 1.5rem;
    }
}

@media (max-width:1440px) {
    
    .wc-children {
        width: 876px;
        margin: 0 auto;
        margin-top: 22em;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .wip {
        position: relative;
        width: 100%;
        height: 32% !important;
        margin: 0 auto;
        background-image: url(../../images/BackGround.svg);
        background-size: cover;
        background-position: center 10em;
        background-repeat: no-repeat;
    }
    .ws_ninia {
        /* position: absolute; */
        position: absolute;
        top: 61%;
        left: 61%;
        padding: 0;
        bottom: 92.18%;
        width: 4%;
    }
    .ws_ninio {
        padding-left: 76px;
        padding-left: 76px;
        position: absolute;
        top: 61%;
        left: 35%;
        padding: 0;
        bottom: 92.18%;
        width: 4%;
    }
    .beneficios > h2 {
        padding: 2em 1.3em !important;
        height: 28% !important;
    }
    .beneficios {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        left: unset;
        width: unset;
        height: 55rem;
        padding: unset;
        top: 0%;
    }
    .cert_info > button {
        position: unset;
        float: unset;
        justify-items: center;
        margin: 5rem auto;
        margin-bottom: 150px;
    }

    .cont_cert_app {
        padding-top: 50px;
        width: unset;
        height: 1653px;
        overflow: unset;
    }

    .contenedor-slider {
        width: 90%;
        height: 600px;
        /* margin: 40px; */
        /* top: 600px; */
        margin-bottom: 40px;
    }

    .cert_info {
        position: relative;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        width: 1081px;
        height: 674px;
        /* left: 200px; */
        margin: 0 auto;
        top: 15px;
    }

    .appevalua2 {
        width: 100%;
    }

    .container_playMake {
        width: 100%;
    }

    .container_skills {
        width: 100%;
    }

    .container_coach {
        width: 100%;
    }

    .menu {
        padding: unset;
    }

    .menu-play {
        display: flex;
        background: #000000;
        width: 100%;
        height: auto;
        flex-direction: column;
    }

        .menu-play ul {
            margin: 0px;
            list-style: none;
            padding: 0px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .menu-play li a {
            display: block;
            padding: 15px 20px;
            text-decoration: none;
        }

        .menu-play #nav-text {
            margin-top: 5vh;
        }
}

@media (max-width:500px) {
    .market-logos-buttons > a {
        width: 90%;
    }
    .metodo {
        height: 106rem;
    }
    .coach > .bgc-play {
        margin-bottom: -188px;
    }
    .coach {
        height: 70rem;
    }
    .play {
        width: 100%;
        height: 1110px;
    }
    .wc_fold02 img {
        width: 90%;
        margin-left: 0%;
    }
    .fold10 > p > span {
        margin: 1em auto !important;
        width: 99%;
    }
    .market-logos-buttons-top {
        width: 90%;
        left: 5%;
    }
    .imgstore-resp {
        width: 50%;
        padding-bottom: 6%;
    }
    .wc-flecha {
        margin-left: 22px !important;
        margin-top: 0px;
    }
    .wip {
        height: 582px !important;
        background-position: center !important;
        top: 0 !important;
    }
    .ws_balon {
        position: absolute !important;
        top: 63% !important;
        left: 47% !important;
        width: 7% !important;
    }
    #menuimgresp {
        top: 4px;
        width: 19%;
        position: absolute;
        margin-left: unset;
        left: 42%;
        display: block;
        z-index: 1;
    }
    .ws_ninio {
        position: absolute !important;
        top: 44% !important;
        left: 21% !important;
        padding: 0 !important;
        bottom: 92.18% !important;
        width: 10% !important;
    }
    .ws_ninia {
        position: absolute !important;
        top: 45% !important;
        left: 69% !important;
        bottom: 92.35% !important;
        width: 9% !important;
    }
    /*.market-logos-buttons > label, .market-logos-buttons > a > img {
        width: 60%;
    }*/

    .appinfoHerr > img {
        width: 95% !important;
    }
    .appevalua .push {
        margin-top: 1em;
    }
    .social-network-bar > div > a > img {
        width: 24px;
        height: 24px;
    }

    .social-network-bar {
        left: 18em !important;
    }

    .appinfoHerr {
        top: 0;
        height: auto;
        width: 79%;
    }

    .certificate > div > p {
        font-size: 1.5em;
    }

    .cont_coach > button {
        top: 20em;
        left: 0em;
    }

    .slider__section {
        width: 100%;
        height: 100%;
        flex-direction: column;
        /* background-color: #1ACE72; */
    }

    .welcome {
        width: 100%;
        /*height: auto;*/
    }

    .apps {
        height: 252rem;
        width: 100%;
    }

    .play .phone {
        background-image: url(../../images/playcelular.svg);
        background-repeat: no-repeat;
        background-size: contain;
        left: 13%;
        width: 57%;
        height: 100%;
        top: 0;
        margin-top: 0;
        /* margin-left: -16px;*/
    }

    .grouplay {
        margin-top: 90%;
    }

    .play .phone .css-transform-animation {
        margin-top: 132%;
        margin-left: 30%;
    }

    .coach .phonecoach {
        width: 73%;
        height: 40%;
        top: 0;
        margin-top: 0;
        margin-left: 0px;
    }

    /*.grouplay div {
        left: 7%;
        width: 20%;
    }*/
        /*.groupcoach div {
        flex-direction: column;
        left: 34%;
    }*/
        .video {
        width: 100%;
    }

    .container_play {
        width: 100%;
        background: #0db459;
    }

    .wc_fold03 p {
        font-size: 16px;
    }

    .fold07 > img, .container-inner > img {
        left: 6%;
        top: 27%;
        width: 90%;
    }

    .fold07 > #peladita, .container-inner > #peladita {
        top: 24%;
        left: 10%;
    }

    .fold07 > a, .container-inner > a {
        top: 30%;
        left: 6%;
    }

    .container-arrows {
        margin-top: 75rem !important;
    }

    .blog {
        width: 100%;
    }

    .sponsors {
        background: #FFFFFF;
        width: 100%;
    }

    .container_footer {
        width: 100%;
    }

    .wc_fold03 > div {
        margin-top: 520px;
        flex-direction: column;
        width: 50%;
        top: 10%;
        left: 25%;
    }

    .container_make {
        width: 100%;
    }

    .container_beneficios {
        width: 100%;
    }

    .cont_setup_app {
        width: 100%;
        height: 100%;
    }

    .appevalua2 {
        left: 5%;
        top: 0;
    }

    .certificate {
        top: 22%;
    }

    .appinfo {
        width: 60%;
        height: 100%;
    }

    .css-transform-animation {
        width: 33%;
        margin-top: 132%;
        margin-left: 30%;
        height: 50%;
    }

    .appinfo > .css-transform-animation {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .form-blog {
        margin: 0;
        width: 100%;
    }

    .fold08 > h1 {
        line-height: 30px;
    }
}

@media (max-width:414px) {
    .groupcoach {
        height: 70% !important;
    }

    .coach {
        /*height: 80rem;*/
        height: 60rem;
    }
        .certificate > div > p {
        font-size: 1.5em;
    }

    .cer-flecha-ini, .cer-flecha-fin {
        left: 17.93% !important;
    }

    .cer-flecha-fin {
        top: 59.6%;
    }

    .fold07 > h1 {
        width: 100%;
    }

    .fold07 > a, .container-inner > a {
        top: 34% !important;
        left: -9% !important;
    }

    .metodo {
        width: 100%;
        padding: 1em 2em;
    }

    .coach {
        margin-bottom: 140px;
        margin-top: 46%;
    }

    .slider__section {
        width: 100%;
        height: 100%;
        flex-direction: column;
        /* background-color: #1ACE72; */
    }

    .welcome {
        width: 100%;
        height: auto;
    }

    .app-store {
        display: none;
    }

    .ws_ninia {
        left: 350px;
    }

    .cer-flecha-ini {
        left: 13.93%;
    }

    .wip {
        height: 690px;
        background-position: center;
    }

    .ws_ninio {
        top: 220px;
        left: 19%;
        width: 12%;
    }

    .ws_balon {
        left: 45%;
        top: 373px;
        width: 10%;
    }

    .ws_ninia {
        top: 220px;
        width: 12%;
        left: 70%;
    }

    .wc_fold03 > div {
        margin-top: 148%;
        left: 18%;
    }

    .wc_fold03 {
        margin-top: 0%;
        height: 60rem;
        /* width: 65rem; */
    }

        .wc_fold03 h1 {
            left: 0;
            padding: 0 30px;
            width: unset;
            top: 3%;
        }

        .wc_fold03 > p > span {
            left: -6.4rem;
            font-size: 2.3em;
        }

    /*.grouplay div {
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }*/

    /*.groupcoach div {
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }*/

    .form-blog {
        margin: 0;
        width: 100%;
    }

    .appevalua2 {
        left: -8%;
        width: 80%;
    }

        .appevalua2 > h1 {
            font-size: 25px;
            padding-left: 13%;
            word-break: unset;
            width: 117%;
        }

    .appinfo {
        width: 79%;
        height: auto;
    }

        .appinfo > .css-transform-animation {
            width: 70%;
            margin-top: 0%;
            margin-left: 0;
            /* height: 100%; */
        }
    /*.contenedor-slider {
        top: 0%;
    }*/
    .cont_setup_app {
        height: auto;
    }

    .slider__section .push_p {
        width: 50%;
    }

    /*.grouplay > div > label, .grouplay > div > a > img {
        align-self: center;
        margin-right: 0;
        width: 47%;
        margin-bottom: 10px;
    }*/

    /*.groupcoach > div > label, .groupcoach > div > a > img {
        align-self: center;
        margin-right: 0;
        width: 47%;
        margin-bottom: 10px;
    }*/

    .groupcoach {
        height: 110%;
    }

    .container-arrows {
        margin-top: 75rem !important;
    }

    .prev-top-futbolimetro > img, .next-top-futbolimetro > img {
        width: 35%;
        height: 30%;
    }
}

@media (max-width:376px) {
    .wc-flecha {
        margin-left: 22px !important;
        margin-top: 350px;
    }
    .beneficios-play {
        height: 94rem !important;
    }
    .beneficios {
        height: 58rem;
    }
    .fold09 {
        padding-top: 0rem;
    }
    .play {
        width: 100%;
        height: 69rem;
    }
    .cont_coach > button {
        top: 23em;
        left: 0em;
    }

    .beneficios > h2 {
        font-size: 34px;
        padding: 3em .5em !important;
        height: 26% !important;
    }

    .contenido_chr > h1 {
        margin: 1em auto;
        font-size: var(--font-title-size);
    }

    .ftlimetro > h1 {
        font-size: 25px;
    }

    .container-dots-donuts {
        margin-top: 20rem !important;
    }

    .imgstore-resp {
        width: 50%;
        padding-bottom: 6%;
    }
    .imgstore-resp-home {
        width: 60%;
        padding-bottom: 6%;
    }
    .cont_cert_app {
        height: auto !important;
    }

    .certificate {
        padding: 11% 5%;
    }

        .certificate > div > p {
            font-size: 1.5em;
        }

    .appinfo > .css-transform-animation {
        width: 80%;
    }

    .appevalua .push {
        width: 60%;
    }

    .fold03_playMake > img {
        height: 425px;
    }

    .fold01_skills > div > label, .fold01_skills > div > img {
        padding-top: 10%;
    }

    .wc_fold03 > h1 {
        font-size: 23px;
    }

    .wip > p > span {
        font-size: 1.2em;
    }

    .coach .phonecoach {
        left: 0 !important;
        width: 100%;
        height: 45%;
        top: -5em;
        margin-top: 0;
        /* margin-left: -16px;*/
    }

    .fold10 > #appblog {
        width: 85% !important;
        margin-top: -2em !important;
    }

    .fold10 > p {
        font-size: 30px !important;
    }

        .fold10 > p > span {
            margin: 1em auto !important;
            width: 99%;
        }

    .contblog > .contblogElement > .continueLink {
        padding-bottom: 1.6em;
    }

    .coach > .bgc-play {
        position: initial;
        width: 100%;
        height: 100%;
        margin-left: -5%;
        margin-top: 5%;
    }

    .wc_fold03 {
        margin-top: 0%;
        height: 100%;
    }

    .groupcoach {
        margin: 0% auto;
        height: 126%;
    }

    .sponsors {
        background: #FFFFFF;
        width: 100%;
    }

    .blog {
        width: 100%;
    }

    .container_play {
        width: 100%;
        background: #0db459;
    }

    .donut_value {
        font-size: 1.5rem;
    }

    .container_name_skill_donut > span {
        margin-top: -1rem;
        font-family: Poppins;
        font-style: normal;
        font-weight: 400;
        line-height: 0px;
        font-size: .9em;
    }

    .fold07 > #peladita, .container-inner > #peladita {
        position: absolute;
        /*width: 77.01px;*/
        height: 366px;
        left: 10%;
    }

    .welcome {
        width: 100%;
        height: 150rem;
    }

    .wip {
        height: 582px;
        background-position: center;
        top: 0;
    }

    .wc_fold03 p {
        left: 20%;
        top: 8%;
    }

    .wc_fold03 > p {
        font-size: 1em;
        text-align: left;
        margin-left: 10px;
    }

    .wc-children {
        margin-top: 0px;
    }

    .ws_ninio {
        top: 268px;
        left: 19%;
        width: 12%;
    }

    .ws_balon {
        left: 45%;
        top: 373px;
        width: 10%;
    }

    .ws_ninia {
        top: 268px;
        width: 12%;
        left: 70%;
    }

    .menu-banner {
        display: none;
    }

    .app-store {
        display: none;
    }

    .apps {
        height: 273rem;
    }

    .donut_background, .donut_background_two, .donut_background_three, .donut_background_four, .donut_background_five {
        stroke-width: 4;
    }

    .donut_circle_value, .donut_circle_value_two, .donut_circle_value_three, .donut_circle_value_our, .donut_circle_value_five, .donut_circle_value_six {
        stroke-width: 4;
    }

    #menuimgresp {
        top: 4px;
        width: 20%;
        position: absolute;
        margin-left: unset;
        left: 40%;
        display: block;
        z-index: 2;
    }

    .wc_fold03 > div {
        margin-top: 32rem;
        left: 13%;
    }

    #nav-text {
        margin-top: 5vh;
    }

    .play .phone {
        background-image: url(../../images/playcelular.svg);
        background-repeat: no-repeat;
        background-size: contain;
        left: 11%;
        height: 44%;
        width: 76%;
        top: 1em;
        /* padding-left: 7rem; */
        /* position: relative; */
        margin-left: 0%;
    }

    .play > img {
        position: absolute;
        top: 6%;
        width: 88%;
        height: 30%;
        left: 7%;
    }

    /*.grouplay div a img {
        align-self: center;
        margin: 5px auto;
        width: 35% !important;
        height: 50%;
    }*/

    /*.groupcoach div a img {
        align-self: center;
        margin-left: -50px;
        width: 6%; 
        height: 50%;
    }*/

    .fold07 > a, .container-inner > a {
        top: 36%;
        left: -5%;
    }

    .container-arrows {
        margin-top: 73rem !important;
    }

    .prev-top-futbolimetro > img, .next-top-futbolimetro > img {
        width: 35%;
        height: 30%;
    }

    .fold08 > h1 {
        line-height: 24px;
        font-size: 24px;
    }

    .fold10 > a, .fold10 > #twogratis, .fold10 > p {
        position: unset;
        width: 85%;
    }

    /*.fold10 > div {
        position: unset;
        margin: 23px auto;
        margin-bottom: 120px;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }*/

    .appevalua2 > h1 {
        font-size: 34px;
        padding-left: 13%;
        word-break: unset;
        width: 154%;
    }

    .appevalua2 {
        left: -24%;
        width: 50%;
        top: 5em;
    }

    .matrizevalua {
        width: 192%;
    }

        .matrizevalua > p {
            font-size: 10px;
            left: 3em !important;
            width: 80% !important;
        }

    .grouplay {
        margin-top: 120%;
    }

    .wc_fold02 img {
        width: 100%;
        margin-left: 0;
    }

    .coach {
        margin-bottom: 9%;
        margin-top: 68%;
    }

    .metodo > div {
        margin-top: 0;
        flex-direction: column;
    }

    .metodo > p {
        margin-top: 30%;
    }

    /*.fold01_skills > div {
        order: 4;
        display: inline-flex;
        flex-direction: column;
    }*/

    .video_skills > h1 {
        position: unset;
        width: 85%;
        margin: 30px 5%;
        margin-bottom: 1em;
        font-size: 2em;
    }

    .video_skills > p {
        font-size: 1em;
        margin-bottom: 6em;
    }

    .container_ftlimetro, .ftlimetro {
        width: unset;
        top: 90px;
    }

    .small-image {
        width: 80% !important;
    }

    .md-image {
        width: 85% !important;
    }

    .big-image {
        width: 70% !important;
    }
}

.social-network-bar {
    position: fixed;
    top: 50%;
    right: 1%;
    z-index: 10;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;
    height: 8rem;
    align-items: flex-end;
}
.ig-icon-sn {
    width: 30px !important;
    height: 30px !important;
    margin-left: -7%;
}
    .social-network-bar > div {
        width: 2.5rem;
        height: 4rem;
    }

        .social-network-bar > div > a > img {
            width: 24px;
            height: 24px;
        }

.stadistic-circle-container {
    top: 0;
}

/*Top Futbolimetro*/
.mySlides-top-futbolimetro {
    display: none
}

/*img {
    vertical-align: middle;
}*/

/* Slideshow container */
.slideshow-container-top-futbolimetro {
    /*max-width: 20rem;
    height: 20rem;*/
    /*position: relative;
  margin: auto;*/
}

.container-arrows {
    margin-top: 33%;
    margin-left: 60rem;
    position: absolute;
}

.container-dots-donuts {
    margin-top: 15rem;
    margin-right: -8%;
    position: absolute;
}
/* Next-top-futbolimetro & prev-top-futbolimetroious buttons */
.prev-top-futbolimetro, .next-top-futbolimetro {
    cursor: pointer;
    user-select: none;
    background-color: transparent !important;
}

/* Position the "next-top-futbolimetro button" to the right */
.next-top-futbolimetro {
    right: 0;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev-top-futbolimetro:hover, .next-top-futbolimetro:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text-top-futbolimetro {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}


/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 10px;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active-top-futbolimetro, .dot:hover {
        /*background-color: #717171;*/
    }

.container-inner {
    display: initial;
}

.container_video {
    padding: 8rem 10px;
}


/* Fading animation */
.fade-top-futbolimetro {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev-top-futbolimetro, .next-top-futbolimetro, .text-top-futbolimetro {
        font-size: 11px
    }

    .contenido_chr > h1 {
        margin: 0 auto;
    }

    .beneficios > h2 {
        font-size: 29px;
        padding: 1em .5em !important;
    }

    .cont_coach > button {
        top: 28em;
        left: 0em;
    }
}
@media only screen and (max-width: 413px) {
    .coach .phonecoach {
        top: -4.9rem;
    }
}
@media only screen and (max-width: 280px) {
    .coach .phonecoach {
        width: 70% !important;
        top: -5rem !important;
    }
    .cont_coach > button {
        top: 30em;
        left: 0em;
    }

    .video_skills {
        padding: 5em 1.8rem;
    }

        .video_skills > h1 {
            margin: 2em 0;
        }

    .wc_fold03 > div {
        margin-top: 40rem;
        left: 7%;
    }

    .wc_fold03 {
        margin-top: 0%;
        height: 124rem;
    }

        .wc_fold03 > p {
            font-size: 0.9em;
        }

            .wc_fold03 > p > span {
                left: -44px;
                font-size: 2.2em;
            }

    .container_name_skill_donut > span {
        font-size: .5em;
    }

    .certificate > div > p {
        font-size: 1.1em;
    }

    .fold10 > p {
        font-size: 1.5em;
    }

    .fold11 {
        height: 25rem;
    }

    .groups {
        margin-top: 14rem;
    }

    .redes > a > img {
        margin-right: 10px;
    }

    button-custom {
        left: 1%;
    }

    .play .phone {
        width: 47%;
    }

    .coach .phonecoach {
        width: 70%;
        top: 9rem;
    }

    .video_skills > h1, .video_skills > p {
        width: 100%;
    }

    .skills_fold02 > h4 {
        font-size: 1.8em;
    }

    .skills_fold02 > div > p {
        font-size: 0.9em;
    }

        .skills_fold02 > div > p > span {
            font-size: 0.8em;
        }

    .container-dots-donuts {
        margin-top: -64rem !important;
    }
}
.banner-coach{

}
.banner-coach{
    width: 100vw;
    height: 15vh;
    background-image: url('/common/images/BannerSNCCoach.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 413px){
    .banner-coach{
        height: 10vh;
    }
    @media only screen and (max-width: 375px) {
        .banner-coach {
            height: 7vh;
        }
    }