/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/****** GENERALS ******/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

* {
    margin: 0;
    padding: 0;
    vertical-align: top;
    box-sizing: border-box;
}

body {
    font-family: Ubuntu, sans-serif;
    color: #585857;
    overflow-x: hidden;
}

h2 {
    font-size: 22px;
}

.container {
    width: 96%;
    max-width: 1300px;
    margin: auto;
}

/****** HEADER ******/

.contact {
    background-color: #fff;
}

header {
    position: fixed;
    width: 100%;
    height: 99px;
    z-index: 100;
}

.header-margin {
    height: 98px;
}

    /****** CONTACTO ******/

.contact-elements {
    font-size: 11px;
    text-align: right;
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.contact-elements a {
    color: #000;
    text-decoration: none;
}

/****** MENU BUTTON ******/


    /****** MENU ******/

.navigation {
    background: -webkit-gradient(linear, left top, right top, from(rgba(113,180,227,1)), color-stop(21%, rgba(113,180,227,1)), to(rgba(56,73,218,1)));
    background: -webkit-linear-gradient(left, rgba(113,180,227,1) 0%, rgba(113,180,227,1) 21%, rgba(56,73,218,1) 100%);
    background: linear-gradient(to right, rgba(113,180,227,1) 0%, rgba(113,180,227,1) 21%, rgba(56,73,218,1) 100%);
}

.menu-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
}

.logo {
    width: 320px;
}

.logo img {
    width: 50%;
    padding: 10px 0;
}

#menu-button {
    display: none;
}

header label {
    color: #fff;
    font-size: 45px;
}

header label:hover {
    cursor: pointer;
}

.menu {
    position: absolute;
    width: 100%;
    margin-top: 52px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 100;
}

.menu ul {
    background: rgba(87,101,228,0.95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
}

.menu ul::-webkit-scrollbar { 
    display: none; 
}

.menu ul {
    scrollbar-width: none;
}

.menu ul ul {
    display: none;
}

.menu a {
    display: block;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.menu a:hover {
    background: #3848da;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu a span {
    float: right;
    margin-right: 30px;
    overflow: hidden;
    display: table;
    clear: both;
}

.menu ul li:hover ul {
    display: none;
    position: static;
}

.menu-scroll {
    height: 80vh;
    overflow-y: scroll;
}

.submenu {
    display: none;
}

.submenu li {
    background: rgba(89,144,226,0.9);
}

#menu-button:checked ~ .menu {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: all .8s;
    transition: all .8s;
}

.menu-selected {
    background-color: #518ec8;
    height: 60px;
}

/****** MAIN ******/

.banner {
    width: 100%;
    overflow: hidden;
    height: 340px;
    position: relative;
}

.banner-img {
    position: absolute;
    height: 340px;
}

.banner-img img {
    height: 340px;
}

.banner-img-man {
    right: 3%;
}

.cta {
    position: absolute;
    top: 25%;
    background: rgba(250,250,250,0.7);
    color: #3863a0;
    width: 60%;
    padding: 18px;
    border-radius: 0 0 50px 0 ;
    text-align: center;
}

.cta h1 {
    font-size: 28px;
    margin-bottom: 12px;
}

.open {
    background: #202fcd;
    color: #fff;
    font-family: Ubuntu, sans-serif;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
}

.open:hover {
    background: #3848da;
}

.description {
    background: #f6f6f6;
    text-align: center;
    padding-bottom: 60px;
}

.description p {
    padding-top: 60px;
}

/****** HELP ******/

.help {
    background: #ececec;
    text-align: center;
}

.flex-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.help h2 {
    padding: 25px 0;
    color: #518ec8;
}

.text-help {
    width: 100%;
    text-align: center;
}

.text-help p {
    font-size: 12px;
    line-height: 29px;
}

.box-help {
    background: #87c2e9;
    width: 70%;
    margin: auto;
    padding: 30px;
    color: #223a60;
}

.box-help p {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}

.image-help {
    width: 100%;
    position: relative;
    padding: 20px 20px 0 20px;
    
}

.image-help img {
    width: 100%;
}

.color-bar {
    height: 30px;
    width: 100%;
    background: #5D9FD7;
}

/***** CLIENTS ******/

.clients {
    text-align: center;
}

.clients h2 {
    padding: 30px 0 0 0;
}

.slider-clients {
    margin: auto;
    padding: 25px 0;
    overflow: hidden;
}

.slider-clients ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1300%;
    
    -webkit-animation: cambio 89s infinite alternate;
    
            animation: cambio 89s infinite alternate;
}

.slider-clients li {
    width: 100%;
    list-style: none;
}

.slider-clients img {
    width: 50%;
    margin: 0 20px;
}

@-webkit-keyframes cambio {
    0% {margin-left: 0%;}
    6.74% {margin-left: 0%;}
    
    7.86%  {margin-left: -100%;}
    14.6%  {margin-left: -100%;}
    
    15.72% {margin-left: -200%;}
    22.46% {margin-left: -200%;}
    
    23.58% {margin-left: -300%;}
    30.32% {margin-left: -300%;}
    
    31.44% {margin-left: -400%;}
    38.18% {margin-left: -400%;}
    
    39.3%  {margin-left: -500%;}
    46.04% {margin-left: -500%;}
    
    47.16% {margin-left: -600%;}
    53.9%  {margin-left: -600%;}
    
    55.02% {margin-left: -700%;}
    61.76% {margin-left: -700%;}
    
    62.88% {margin-left: -800%;}
    69.62% {margin-left: -800%;}
    
    70.74% {margin-left: -900%;}
    77.48% {margin-left: -900%;}
    
    78.6%  {margin-left: -1000%;}
    85.34% {margin-left: -1000%;}
    
    86.46% {margin-left: -1100%;}
    93.2%  {margin-left: -1100%;}
    
    94.32% {margin-left: -1200%;}
    100%   {margin-left: -1200%;}
    
}

@keyframes cambio {
    0% {margin-left: 0%;}
    6.74% {margin-left: 0%;}
    
    7.86%  {margin-left: -100%;}
    14.6%  {margin-left: -100%;}
    
    15.72% {margin-left: -200%;}
    22.46% {margin-left: -200%;}
    
    23.58% {margin-left: -300%;}
    30.32% {margin-left: -300%;}
    
    31.44% {margin-left: -400%;}
    38.18% {margin-left: -400%;}
    
    39.3%  {margin-left: -500%;}
    46.04% {margin-left: -500%;}
    
    47.16% {margin-left: -600%;}
    53.9%  {margin-left: -600%;}
    
    55.02% {margin-left: -700%;}
    61.76% {margin-left: -700%;}
    
    62.88% {margin-left: -800%;}
    69.62% {margin-left: -800%;}
    
    70.74% {margin-left: -900%;}
    77.48% {margin-left: -900%;}
    
    78.6%  {margin-left: -1000%;}
    85.34% {margin-left: -1000%;}
    
    86.46% {margin-left: -1100%;}
    93.2%  {margin-left: -1100%;}
    
    94.32% {margin-left: -1200%;}
    100%   {margin-left: -1200%;}
    
}

/****** PARTNERS ******/

.partners {
    background: #ececec;
    text-align: center;
}

.partners h2 {
    padding: 30px 0 0 0;
    color: #518ec8;
}

.partners-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.logo-partners {
    width: 100%;
}

.logo-partners img {
    width: 200px;
}

/****** OPINIONS ******/

.opinions {
    background: #f6f6f6;
}

.opinion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80%;
    margin: auto;
}

.opinion {
    width: 100%;
}

.opinion h4 {
    font-size: 18px;
    font-weight: 400;
    color: #518ec8;
    padding: 30px 0 0 0;
}

.opinion-text {
    font-size: 20px;
    padding: 50px 0;
}

.opinion-name {
    font-size: 14px;
}

.opinion-sign {
    font-size: 12px;
}

.opinion-image {
    background: #b3b3b3;
    width: 100%;
    height: 200px;
    border-radius: 20px;
    text-align: center;
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.opinion-image img {
    width: 70%;
}

/****** FOOTER ******/

footer {
    background: #3848da;
}

.flex-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    color: #fff;
}

.flex-footer a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.flex-footer ul {
    list-style: none;
}

.box-footer-a {
    width: 100%;
}

.logo-footer {
    width: 60%;
    padding: 30px 0;
}

.logo-footer img {
    width: 100%;
}

.footer-contact {
    line-height: 28px;
}

.footer-contact a {
    display: block;
}

.aviso {
    font-size: 11px;
    padding: 15px 0;
}

.box-footer-b {
    width: 50%;
}

.box-footer-b h3 {
    padding: 10px 0;
}

.box-footer-a hr {
    margin-top: 20px;
}

.social {
    text-align: left;
    font-size: 34px;
}

.social a {
    display: inline-block;
    padding: 20px 20px 20px 0;
}

.designer {
    background: #202fcd;
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.designer a {
    color: #fff;
    text-decoration: none;
}

.designer p, a {
    padding: 10px 0;
}

/***** COOKIES ****/

.cookies {
    position: fixed;
    background: rgba(119,130,234,0.9);
    z-index: 110;
    width: 100%;
    bottom: 0;
    display: none;
}

.cookies.active {
    display: inline;
}

.cookies p {
    color: #fff;
    font-size: 12px;
    padding: 20px 0px 10px 0;
}

.cookies-btn {
    background: #202fcd;
    color: #fff;
    border-radius:7px;
    border: 0;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-family: Ubuntu, sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.cookies-btm:active {
    border: 0;
}

/***** BUTTON TO TOP ****/

#scrollUp {
  bottom: 20px;
  right: 20px;
    width: 50px;
    height: 50px;
    background: url('../img/go-top.png');
    background-size: cover;
}

/****** RESPONSIVE ******/

@media (min-width:414px) {
    
    /* GENERALS */
    
    .container {
        max-width: 90%;
    }
    
    /* HEADER */
    
    .banner {
        height: 400px;
    }

    .banner-img img {
        height: 400px;
    }

    .banner-img-man {
        right: 5%;
    }
    
    /* CONTACTO */
    
    .contact-elements {
        font-size: 13px;
    }
    
    /* HELP */

    .text-help p {
        font-size: 14px;
        line-height: 32px;
    }

    .box-help {
        width: 80%;
    }

    .box-help p {
        font-size: 17px;
        line-height: 20px;
    }
    
    .cookies p {
        font-size: 16px;
        padding-bottom: 15px;
    }
}

@media (min-width: 480px) and (orientation: landscape) {
    
    .cta {
        top: 35%;
    }
}

@media (min-width:768px) {
    /****** HEADER ******/
    
    /****** CONTACTO ******/
    
    .contact-elements {
        font-size: 15px;
        width: 65%;
        -webkit-transform: translateX(55%);
                transform: translateX(55%);
    }
    
    .none-call {
        pointer-events: none; 
        cursor: default;
    }
    
    .logo img {
        width: 65%;
    }

    header label {
        font-size: 54px;
    }
    
    .menu {
        margin-top: 60px;
    }
    
    .menu li a {
        font-size: 18px;
    }
    
    /* MAIN */ 
    
    .banner {
        height: 600px;
    }

    .banner-img img {
        height: 600px;
    }

    .banner-img-man {
        right: 15%;
    }

    .cta {
        position: absolute;
        top: 25%;
        width: 50%;
        padding: 22px;
    }

    .cta h1 {
        font-size: 31px;
        margin-bottom: 22px;
    }
    
    .open {
    font-weight: 500;
    font-size: 21px;
    padding: 16px 30px;
}
    
    .description p {
        font-size: 18px;
    }

    /* HELP */
    
    .flex-help {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-flow: row-reverse;
                flex-flow: row-reverse;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .text-help {
        width: 50%;
        text-align: right;
    }

    .text-help p {
        font-size: 13px;
        line-height: 28px;
    }
    
    .box-help {
        width: 80%;
        padding: 20px;
        margin: 0 0 23px auto;
    }
    
    .box-help p {
        font-size: 14px;
        line-height: 17px;
    }

    .image-help {
        width: 50%;
        position: relative;
        padding: 20px 20px 0 20px;
    }

    .image-help img {
        max-height: 110%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    
    /* CLIENTS */
    
    .clients h2 {
        font-size: 24px;
        padding: 30px 0 10px 0;
    }

    .slider-clients ul {
        width: 650%;
        -webkit-animation: cambio 84s infinite alternate;
                animation: cambio 84s infinite alternate;
    }

    .slider-clients img {
        width: 50%;
        margin: 0px;
    }
    
    @-webkit-keyframes cambio {
        0%     {margin-left: 0%;}
        7.14%  {margin-left: 0%;}

        8.33%  {margin-left: -50%;}
        15.47% {margin-left: -50%;}

        16.66% {margin-left: -100%;}
        23.8%  {margin-left: -100%;}

        24.99% {margin-left: -150%;}
        32.13% {margin-left: -150%;}
        
        33.32% {margin-left: -200%;}
        40.46% {margin-left: -200%;}
        
        41.65% {margin-left: -250%;}
        48.79% {margin-left: -250%;}
        
        49.98% {margin-left: -300%;}
        57.12% {margin-left: -300%;}
        
        58.31% {margin-left: -350%;}
        65.45% {margin-left: -350%;}
        
        66.64% {margin-left: -400%;}
        73.78% {margin-left: -400%;}
        
        74.97% {margin-left: -450%;}
        82.11% {margin-left: -450%;}
        
        83.3%  {margin-left: -500%;}
        90.44% {margin-left: -500%;}
        
        91.63% {margin-left: -550%;}
        100%   {margin-left: -550%;}
    }

    @keyframes cambio {
        0%     {margin-left: 0%;}
        7.14%  {margin-left: 0%;}

        8.33%  {margin-left: -50%;}
        15.47% {margin-left: -50%;}

        16.66% {margin-left: -100%;}
        23.8%  {margin-left: -100%;}

        24.99% {margin-left: -150%;}
        32.13% {margin-left: -150%;}
        
        33.32% {margin-left: -200%;}
        40.46% {margin-left: -200%;}
        
        41.65% {margin-left: -250%;}
        48.79% {margin-left: -250%;}
        
        49.98% {margin-left: -300%;}
        57.12% {margin-left: -300%;}
        
        58.31% {margin-left: -350%;}
        65.45% {margin-left: -350%;}
        
        66.64% {margin-left: -400%;}
        73.78% {margin-left: -400%;}
        
        74.97% {margin-left: -450%;}
        82.11% {margin-left: -450%;}
        
        83.3%  {margin-left: -500%;}
        90.44% {margin-left: -500%;}
        
        91.63% {margin-left: -550%;}
        100%   {margin-left: -550%;}
    }
    
    /****** PARTNERS ******/
    
    .partners h2 {
        font-size: 24px;
        padding: 30px 0 10px 0;
    }
    
    .partners-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .logo-partners {
        padding: 30px 0;
    }
    
    /****** OPINIONS ******/

    .opinion-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 90%;
    }

    .opinion {
        width: 70%;
        padding: 0 10px 30px 0;
        margin: 20px 0;
    }

    .opinion h4 {
        font-size: 21px;
    }

    .opinion-text {
        font-size: 23px;
        padding: 50px 0;
    }

    .opinion-name {
        font-size: 16px;
    }

    .opinion-sign {
        font-size: 13px;
    }

    .opinion-image {
        width: 30%;
        margin: auto 0;
    }

    .opinion-image img {
        width: 80%;
    }
    
    /* FOOTER */
    
    .logo-footer {
        width: 35%;
    }

    .footer-contact {
        line-height: 24px;
    }

    .box-footer-b {
        width: 33%;
    }
}

@media (min-width: 1024px) and (orientation: landscape) {
    
    .image-help {
        width: 45%;
    }

    .image-help img {
        width: 100%;
    }
    
}

@media (min-width:1366px) {
    
    /***** MENU ******/
    
    .menu ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        background: rgba(87,101,228,0.0);
    }
    
    .menu ul li:hover ul {
        position: absolute;
    }
    
    .menu-scroll {
        height: auto;
    }
    
    .menu a span {
        margin-left: 10px;
    }
    
    /****** HEADER ******/
    
    .banner {
        height: 600px;
    }

    .banner-img {
        height: 600px;
    }
    
    .banner-img img {
        height: 600px;
    }
    
    .banner-img-man {
        right: 25%;
        width: 200px;
    }
    
    .open {
    font-size: 31px;
    padding: 20px 50px;
}
    
    /****** CONTACTO ******/
    
    .contact-elements {
        font-size: 15px;
        padding: 0;
        width: 40%;
        -webkit-transform: translateX(152%);
                transform: translateX(152%);
    }
    
    /****** MENU ******/
    
    header label {
        display: none;
    }
    
    .menu {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        position: relative;
        margin-top: 0;
    }
    
    .submenu {
        position: absolute;
    }
    
    .menu > li {
    background: rgba(87,101,228,0);
}
    
    /****** MAIN ******/
    
    .banner img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .cta {
        top: 30%;
        width: 40%;
        padding: 25px;;
    }

    .cta h1 {
        font-size: 50px;
        margin-bottom: 40px;
    }

    .cta a {
        font-weight: 400;
        font-size: 28px;
        padding: 20px 35px;
        border-radius: 6px
    }

    .description {
        padding-bottom: 90px;
    }

    .description p {
        padding-top: 90px;
        font-size: 26px;
    }
    
    /****** HELP ******/
    
    .help h2 {
        font-size: 40px;
    }
    
        .text-help {
            width: 60%;
        }

        .text-help p {
            font-size: 22px;
            line-height: 46px;
        }

        .box-help {
            width: 60%;
            padding: 30px;
            margin: 0 0 23px auto;
        }

        .box-help p {
            font-size: 23px;
            line-height: 29px;
        }

        .image-help {
            width: 40%;
            position: relative;
            padding: 20px 20px 0 20px;
        }

        .image-help img {
            width: 140%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        /****** CLIENTS ******/
    
    .clients h2 {
        font-size: 40px;
        padding: 40px 0 10px 0;
    }
    
    .clients p {
        font-size: 20px;
    }

    .slider-clients ul {
        width: 430%;
        -webkit-animation: cambio 83s infinite alternate;
                animation: cambio 83s infinite alternate;
    }

    .slider-clients img {
        width: 60%;
        margin: 30px 0;
    }

    @-webkit-keyframes cambio {
        0%     {margin-left: 0%;}
        7.89%  {margin-left: 0%;}

        9.21%  {margin-left: -33.3%;}
        17.1%  {margin-left: -33.3%;}
        
        18.42% {margin-left: -66.6%;}
        26.31% {margin-left: -66.6%;}
        
        27.63% {margin-left: -99.9%;}
        35.52% {margin-left: -99.9%;}
        
        36.84% {margin-left: -133.2%;}
        44.73% {margin-left: -133.2%;}
        
        46.05% {margin-left: -166.5%;}
        53.94% {margin-left: -166.5%;}
        
        55.26% {margin-left: -199.8%;}
        63.15% {margin-left: -199.8%;}
        
        64.47% {margin-left: -233.1%;}
        72.36% {margin-left: -233.1%;}
        
        73.68% {margin-left: -266.4%;}
        81.57% {margin-left: -266.4%;}
        
        82.89% {margin-left: -299.7%;}
        90.78%  {margin-left: -299.7%;}
        
        92.1%  {margin-left: -333%;}
        100%   {margin-left: -333%;}
    }

    @keyframes cambio {
        0%     {margin-left: 0%;}
        7.89%  {margin-left: 0%;}

        9.21%  {margin-left: -33.3%;}
        17.1%  {margin-left: -33.3%;}
        
        18.42% {margin-left: -66.6%;}
        26.31% {margin-left: -66.6%;}
        
        27.63% {margin-left: -99.9%;}
        35.52% {margin-left: -99.9%;}
        
        36.84% {margin-left: -133.2%;}
        44.73% {margin-left: -133.2%;}
        
        46.05% {margin-left: -166.5%;}
        53.94% {margin-left: -166.5%;}
        
        55.26% {margin-left: -199.8%;}
        63.15% {margin-left: -199.8%;}
        
        64.47% {margin-left: -233.1%;}
        72.36% {margin-left: -233.1%;}
        
        73.68% {margin-left: -266.4%;}
        81.57% {margin-left: -266.4%;}
        
        82.89% {margin-left: -299.7%;}
        90.78%  {margin-left: -299.7%;}
        
        92.1%  {margin-left: -333%;}
        100%   {margin-left: -333%;}
        
    }
    
    /****** PARTNERS ******/
    
    .partners h2 {
        font-size: 40px;
        padding: 40px 0 10px 0;
    }

    .logo-partners {
        padding: 30px 0;
    }
    
    .logo-partners img {
        width: 300px;
    }
    
    .partners-box {
        width: 80%;
        margin: auto;
    }
    
    /****** OPINIONS ******/
    
    .opinion-box {
        width: 60%;
    }

    .opinion {
        width: 70%;
        padding: 0 10px 30px 0;
        margin: 20px 0;
    }

    .opinion h4 {
        font-size: 36px;
        font-weight: 100;
    }

    .opinion-text {
        font-size: 41px;
        padding: 50px 0;
    }

    .opinion-name {
        font-size: 24px;
    }

    .opinion-sign {
        font-size: 18px;
    }

    .opinion-image {
        width: 30%;
        margin: auto 0;
    }

    .opinion-image img {
        width: 80%;
    }

    /****** FOOTER ******/
    
    .box-footer-a {
        width: 28%;
    }

    .logo-footer {
        width: 70%;
        padding: 80px 0 30px 0;
    }

    .logo-footer img {
        width: 100%;
    }

    .footer-contact {
        line-height: 23px;
    }

    .aviso {
        font-size: 12px;
        padding: 15px 0;
    }

    .box-footer-b {
        width: 12%;
        padding-top: 55px
    }

    .box-footer-b h3 {
        padding: 10px 0;
    }

    .box-footer-a hr {
        margin-top: 20px;
    }
    
    .box-footer-c {
        width: 100%;
    }

    .social {
        font-size: 46px;
    }

    .social a {
        padding: 25px 50px 25px 0px;
    }
    
    .cookies p {
        font-size: 20px;
        padding-bottom: 18px;
    }
    
    .cookies a {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width:1920px) {
    
    /* HEADER */
    
    .banner {
        height: 900px;
    }

    .banner-img {
        height: 900px;
    }
    
    .banner-img img {
        height: 900px;
    }
    
    .banner-img-man {
        right: 25%;
        width: auto;
    }
    
        .open {
    font-size: 44px;
    padding: 30px 70px;
}
    
    /****** CONTACT ******/
    
    .contact-elements {
        font-size: 18px;
        padding: 0;
    }
    
    /****** MENU ******/
    
    .logo img {
        width: 80%;
        padding: 15px 0;
    }
    
    .menu {
        font-size: 26px;
    }
    
    .menu li a {
        font-size: 22px;
    }
    
    /****** MAIN ******/
    
    .cta {
        width: 40%;
        padding: 45px 35px;
    }

    .cta h1 {
        font-size: 70px;
        margin-bottom: 50px;
    }

    .cta a {
        font-weight: 400;
        font-size: 35px;
        padding: 40px 45px;
        border-radius: 8px
    }

    .description {
        padding-bottom: 120px;
    }

    .description p {
        padding-top: 120px;
        font-size: 32px;
    }
    
    /****** HELP ******/
    
        .help h2 {
            font-size: 50px;
        }
    
        .text-help {
            width: 60%;
        }

        .text-help p {
            font-size: 30px;
            line-height: 74px;
        }

        .box-help {
            width: 50%;
            padding: 40px;
            margin: 0 0 45px auto;
        }

        .box-help p {
            font-size: 32px;
            line-height: 37px;
        }

        .image-help {
            width: 40%;
            position: relative;
            padding: 20px 20px 0 20px;
        }

        .image-help img {
            width: 160%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

    
        .color-bar {
        height: 60px;
    }
    
    /****** CLIENTS ******/
    
    .clients h2 {
        font-size: 50px;
    }
    
    /* PARTNERS */
    
    .partners h2 {
        font-size: 50px;
    }
    
    /****** OPINIONS ******/
    
    .opinion-box {
        width: 50%;
    }
    
    /****** FOOTER ******/
    
    .logo-footer {
        width: 60%;
        padding: 80px 0 30px 0;
    }
    
    .cookies p {
        font-size: 28px;
    }
    
    .cookies a {
        font-size: 26px;
    }
}