* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul, li, ol {
    margin: 0px !important;
    list-style: none;
}


.fa.fa-twitter {
	background: url(/Content/iconos/icons-twitterx.svg);
    content: '';
    font: unset;
    font-size: 0px !important;
    width: 28px;
    max-width: 100px;
    /* background-color: #000; */
    height: 30px;
    background-size: contain;
    display: block !important;
    background-repeat: no-repeat;
    background-position: center;
}


/*
    Font ROBOTO
*/

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}


@media (min-width: 1800px) {
    .container {
        /*max-width: 1600px;*/
    }
}

#header .swiper-container {
    width: 100%;
    height: calc(100vh - 80px);
}

@media (max-width: 570px) {
    #header .swiper-container {
        width: 100%;
        height: calc(100vh - 80px);
    }
}
.text-black{
    color:#000;
}
/* 
    Wrapper content body
*/
/*
    Navbar
*/
.bk-prosperidad #prosperidad-incluyente, #empresas, #sustetabilidad, #otros {
    position: relative;
    z-index: 4;
}
.navbar-collapse.show {
    height: calc(100vh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
}

#navbar {
    width: 100%;
    min-height: 80px;
    position: fixed;
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    z-index: 10;
}

    #navbar .navbar {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        width: 100%;
        max-width: 1600px;
        background-color: rgba(255,255,255,0) !important;
    }

        #navbar .navbar .nav-responsive > li {
            border-bottom: 1px solid #FFC400;
        }

        #navbar .navbar .nav-responsive li.nav-item > a {
            padding: 0.75em 0;
            font-family: Roboto-Bold;
            font-size: 18px;
        }

        #navbar .navbar .navbar-nav .fa {
            font-size: 1.6em;
        }



.navbar-lang {
    margin-left: 45%;
    border: 0px !important;
    color: #212529;
}

#content-body {
    overflow: hidden;
    padding-top: 80px;
}


.wrapper_newnav {
    padding-top: 4em;
    padding-left: 15px;
    padding-right: 15px;
}

.w__navitem {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .w__navitem .item-nav-title {
        height: 40px;
        font-family: Roboto-Bold;
        font-size: 18px;
        color: #707070;
    }

    .w__navitem hr {
        border: 2px solid #FFC400;
        background-color: #FFC400;
        opacity: 1;
    }

    .w__navitem a {
        display: block;
        margin-bottom: 8px;
        font-family: Roboto-Bold;
        font-size: 18px;
        color: #707070;
        text-transform: capitalize;
    }

        .w__navitem a:hover {
            color: #FFC400;
        }
/* Mask */
.mask-linear-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    background: linear-gradient( 0deg, black, transparent);
}

.mask-linear-gradient-gr {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    background: linear-gradient( 0deg, #151515, transparent);
}

.mask-normal {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
}

.mask {
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mask-column {
    position: absolute;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}



.mask-black50 {
    background-color: rgba(0,0,0,0.5);
}

.mask-black65 {
    background-color: rgba(0,0,0,0.65);
}


.mask .content-mask.mask1040 {
    width: 100%;
    max-width: 920px;
}

    .mask .content-mask.mask1040 h1 {
        font-family: Roboto-Bold;
        font-size: 1.25em;
        color: #FFF;
    }

.mask-gradient {
    background: linear-gradient(0deg, rgba(0,0,0,0.9), transparent);
}


.arrow-more {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    z-index: 9;
}

.wrapper-phrase i {
    padding-top: 0.5em;
}


@media (min-width: 1201px) {
    .mask.mask-black50 .content-mask.mask1040 h1 {
        font-size: 3.125em;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .mask.mask-black50 .content-mask.mask1040 h1 {
        font-size: 2.125em;
    }
}

@media (max-width: 769px) {
    #navbar {
        width: 100%;
        min-height: 80px;
        position: fixed;
        background-color: rgba(255,255,255,1);
        border-bottom: 1px solid rgba(0,0,0,0.3);
        z-index: 10;
    }
}

@media(max-width: 576px) {
    .arrow-more {
        width: 60px;
    }
    .navbar-lang {
        margin-left: 30%;
    }

    .only-movil {
        padding-top: 1.5em;
    }

    .logo-movil {
        text-align: center;
        padding-bottom: 1em;
    }

    .only-movil p {
        display: none;
    }

    .only-movil a {
        display: none;
    }
}

@media(max-width: 332px) {
    .navbar-lang {
        margin-left: 12%;
    }
}

/* Textos */
h1, h2, h3, h4, h5, h6 {
    font-family: Roboto-Bold;
    font-size: 1.2em;
}

/*h1 {
    font-size: 1.5em !important;
}*/

a {
    text-decoration: none !important;
}

p, a, b, label {
    font-family: Roboto-Regular;
}

.smallcaps {
    font-variant: small-caps;
}

.text-bg {
    line-height: 1.2;
    font-family: Roboto-Bold;
    font-size: 1.25em;
}

.text-bg-quatity {
    position: relative;
    z-index: 9;
    font-size: 3em;
    font-family: Roboto-Bold;
}

.text-normal {
    font-family: Roboto-Regular;
    font-size: 1em;
}

.text-md {
    font-family: Roboto-Regular;
    font-size: 1em;
}

.text-md-light {
    font-family: Roboto-Light;
    font-size: 1em;
}

.text-bg-sb {
    font-family: Roboto-Regular;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.2;
}

.frase-rbs {
    font-size: 1.3rem;
    padding-left: 1em;
}

.text-bl {
    color: #000;
}

.text-wh {
    color: #FFF;
}

.text-ye {
    color: #FFC400;
}


.text-gr {
    color: #8D8D8D;
}

a:hover label.text-gr {
    color: #FFC400;
}

a.text-gr:hover {
    color: #FFF !important;
}


.mask-column .link-empresa {
    font-family: Roboto-Bold;
    font-size: 0.75em;
    color: #FFF;
    display: none;
}

    .mask-column .link-empresa:hover {
    }

.car-oportunidades {
    text-align: center !important;
}

.img-car-personas {
    width: 80%;
    max-width: 350px;
}

.car-lados {
    padding: 0 5%;
}

.div-car-op {
    padding-top: 3em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.div-car-emp {
    padding-top: 0em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.img-fluid-ekt {
    max-width: 85%;
    height: auto;
}

.car-op-txt {
    padding-top: 2em;
}

    .car-op-txt ul {
        padding-left: 0;
    }

.car-txt-mas {
    padding-top: 1.5em;
}

.car-txt-btn {
    padding-top: 0.5em;
}

.img-car-btn {
    width: 60%;
    max-width: 260px;
}


@media( max-width: 576px) {
    .mask-column .link-empresa {
        display: none;
        font-family: Roboto-Bold;
        font-size: 0.75em;
        color: #FFF;
    }
}

@media (min-width: 1201px) {
    .text-bg {
        /*font-size: 3.125em;*/
        font-size: 2.5em;
    }

    .text-bg-sb {
        font-family: Roboto-Regular;
        font-size: 2em;
    }

    .text-md {
        font-size: 1.375em;
    }

    .text-md-light {
        font-size: 2em;
    }

    .text-normal {
        font-size: 1.375em;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .text-bg {
        font-size: 2.125em;
    }

    .text-bg-sb {
        font-family: Roboto-Regular;
        font-size: 2em;
    }
}

/* Buttons - Links */
.btn-wh, .btn-bl, .btn-gr {
    display: inline-block;
    padding: 0.35em 1.4em;
    background-color: transparent;
    border-radius: 20px;
    font-family: Roboto-Bold;
    font-size: 1em;
    transition: all 0.8s;
}

    .btn-wh span, .btn-bl span, .btn-gr {
        display: inline-block;
    }

.btn-wh {
    color: #FFF;
    border: 2px solid #FFF;
}

    .btn-wh:hover, .btn-wh.active {
        background-color: #FFC400;
        border: 2px solid #FFC400;
        color: #FFF;
        z-index:10;
    }

.btn-gr {
    color: #707070;
    border: 2px solid #707070;
}

    .btn-gr:hover {
        color: #FFF;
        background-color: #707070;
        border: 2px solid #707070;
    }




.btn-bl {
    color: #000;
    border: 2px solid #000;
}

    .btn-bl:hover, .btn-bl.active {
        background-color: #000;
        border: 2px solid #000;
        color: #FFF;
    }

@media(max-width: 577px) {
    .btn-wh, .btn-bl, .btn-gr {
        font-size: 0.8em;
    }
}



.wepper-icono {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}


/* Containers */
.wrapper-400 {
    width: 100%;
    max-width: 400px;
}

.wrapper-650 {
    width: 100%;
    max-width: 650px;
}

.wrapper-700 {
    width: 100%;
    max-width: 700px;
}

.wrapper-800 {
    width: 100%;
    max-width: 800px;
}

.wrapper-900 {
    width: 100%;
    max-width: 900px;
}

.wrapper-1100 {
    width: 100%;
    max-width: 1100px;
}

.wrapper-1600 {
    width: 100%;
    max-width: 1600px;
}


.wrapper-1400 {
    width: 100%;
    max-width: 1400px !important;
}

.wrapper-1800 {
    width: 100%;
    max-width: 1800px;
}

.wepper-icono {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}

/*@media (max-width: 480px) {
    .wrapper-400, .wrapper-650, .wrapper-700, .wrapper-800, .wrapper-900, .wrapper-1100, .wrapper-1600, .wrapper-1400, .wrapper-1800 {
        padding: 0px 2em;
    }
}
*/

/* Footer */
footer {
    position: relative;
}

    footer .arrow-up-w {
        position: absolute;
        width: 80px;
        height: 80px;
        background-color: #FFC400;
        right: 5%;
        left: auto;
        top: -40px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateY(0);
        transition: 0.5s;
        z-index:9;
    }


        footer .arrow-up-w:hover {
            transform: translateY(-20px);
        }

@media (max-width: 991px) {
    .car-lado-b {
        padding-top: 2em;
    }

    .img-car-btn {
        width: 85%;
    }

    .div-car-op {
        padding-top: 2em;
    }

    .not-mov{
        display:none;
    }
}

@media (max-width: 768px) {
    footer .arrow-up-w {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: #FFC400;
        right: 5%;
        left: auto;
        top: -20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        footer .arrow-up-w img {
            width: 100%;
            max-width: 20px;
        }
}

.wrapper-footer {
    background-color: #000;
    padding: 2em 15px;
}

.wrapper-copyright {
    background-color: #EFEFEF;
    padding: 1em 15px;
}


@media (min-width: 768px) {
    .wrapper-footer {
        padding: 5em 15px;
    }
}

#menu-general {
    position: fixed;
    top: 80px;
    left: -100%;
    width: 100%;
    height: calc(100% - 80px);
    background-color: #FFF;
    z-index: 9;
    transition: all 1s;
    overflow-y: auto;
}

    #menu-general.active {
        left: 0%;
    }

.wrapper-nav {
    padding: 3em 15px;
}

    .wrapper-nav li {
        /*padding: 0.8em 1em;*/
        list-style: none !important;
        border-bottom: 1px solid #B4B4B4;
        transition: all 1s;
    }

        .wrapper-nav li:hover, .wrapper-nav li.active {
            background-color: #000;
        }

            .wrapper-nav li:hover a, .wrapper-nav li.active a {
                color: #FFF !important;
            }

        .wrapper-nav li a {
            text-decoration: none;
            color: #000 !important;
            font-size: 1em;
            align-items: center;
            padding: 0.6em 0.8em;
        }

.navbar-brand .img-fluid {
    max-width: 85%;
}

.wrapper-nav-right {
    padding: 3em 15px;
    display: none;
}

    .wrapper-nav-right.active {
        display: flex !important;
        flex-direction: column;
    }

    /*.wrapper-nav-right {
    margin: 0 !important;
    padding: 2em 0px !important;
}*/

    .wrapper-nav-right li {
        list-style: none;
        /*margin-bottom: 10px;*/
        margin-bottom: 0.5em !important;
    }

        .wrapper-nav-right li a {
            color: #000 !important;
        }


@media (max-width: 768px) {
    .wrapper-nav, .wrapper-nav-right {
        padding: 1em 15px;
    }
}

@media (min-width: 768px) {
    .wrapper-nav li a {
        font-size: 1.275em;
    }
}

@media (max-width: 768px) {
    #content-body {
        padding-top: 80px;
    }

    #navbar {
        min-height: 80px;
    }

    .navbar-brand .img-fluid {
        max-width: 90%;
    }

    #menu-general {
        top: 80px;
    }
}

@media (max-width: 576px) {
    .wrapper-nav-right.active {
        display: flex !important;
        flex-direction: column;
    }

    .wrapper-navright {
        order: 1;
        padding: 1em 0px !important;
    }

    .wrapper-imgen-menu-g {
        order: 2;
        display: none;
    }

    .wrapper-phrase {
        order: 3;
    }
}
/**
    Empresas
*/


.breadcrumb-general ul {
    margin: 0px !important;
    padding: 0px !important;
    display: flex;
    flex-direction: row;
}

    .breadcrumb-general ul li {
        list-style: none !important;
    }

        .breadcrumb-general ul li a {
            padding-right: 20px;
            margin-right: 10px;
            color: #FFF;
            text-transform: uppercase;
            position: relative;
            font-weight: 600;
        }

            .breadcrumb-general ul li a:after {
                content: '>';
                right: 0px;
                position: absolute;
            }

            .breadcrumb-general ul li a:hover {
                color: #FFC400;
            }

            .breadcrumb-general ul li a.active {
                color: #FFC400;
            }

                .breadcrumb-general ul li a.active:after {
                    content: '' !important;
                    right: 0px;
                    position: absolute;
                }


#media-page {
    margin: 2em 0px;
    padding-bottom: 1em;
}

.pagination-galeria {
    margin: 1em 0px;
}

    .pagination-galeria .swiper-pagination-bullet {
        background-color: #FFC400;
        width: 10px;
        height: 10px;
    }


.links-site {
    padding: 2em 15px;
}

    .links-site ul li a {
        width: 100%;
        max-width: 600px;
        display: flex;
        flex-direction: row;
        font-weight: 600;
        padding: 1em;
        justify-content: center;
        align-items: center;
        background-color: #102033;
        color: #FFF;
        border-radius: 40px;
        margin: 20px auto;
        box-shadow: 0 0 20px rgba(0,0,0,0.30);
    }

        .links-site ul li a:hover {
            background-color: #FFC400;
            color: #000;
        }

        .links-site ul li a i {
            margin-left: 10px;
        }


.group-images img {
    max-width: 100%;
}

@media(min-width: 768px) {
    .group-images .img-normal-right {
        margin-top: 4em;
        text-align: right;
    }

    .img-rotate-left {
        position: absolute;
        left: -30%;
        top: 13em;
        z-index: -1;
        transform: rotate(-25deg);
        transition: all 1s;
    }


    .img-rotate-right {
        position: absolute;
        right: -30%;
        bottom: 13em;
        z-index: -1;
        transform: rotate(25deg);
        transition: all 1s;
    }

    .group-images:hover .img-rotate-left {
        left: -15%;
        top: 13em;
        z-index: -1;
        transform: rotate(0deg);
    }

    .group-images:hover .img-rotate-right {
        right: -15%;
        bottom: 13em;
        z-index: -1;
        transform: rotate(0deg);
    }
}

#wrapper-quote {
    padding: 1em 15px 2em;
}

    #wrapper-quote p, #wrapper-quote b {
        color: #A7A7A7;
    }

    #wrapper-quote p {
        line-height: 1.2;
        font-family: Roboto-Light;
        font-style: italic;
    }

    #wrapper-quote b {
        font-size: 1.3em;
    }

/* Valores */
.wrapper-valores-nubes {
    width: 100%;
    padding: 1em 15px;
    background: linear-gradient( 0deg, #FFFFFF, #DFF1F8, #A7D8ED, #A7D8ED, #FFFFFF );
    background-size: cover;
    background-position: top center;
    overflow: hidden;
}


.wrapper-earth {
    position: relative;
    z-index: 2;
}

span.tooltip-eart, span.tooltip-eart-top {
    font-size: 0.9em;
    font-weight: 600;
    border-radius: 10px;
    background-color: #FFF;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

    span.tooltip-eart.usa {
        width: 120px;
        height: 30px;
        top: 10%;
        left: 40%;
        margin-top: -3px;
        margin-left: -38px;
    }


    span.tooltip-eart.mx {
        width: 80px;
        height: 30px;
        top: 23.5%;
        left: 35%;
        margin-top: -7.05px;
        margin-left: -28px;
    }

    span.tooltip-eart.hon {
        width: 85px;
        height: 30px;
        top: 28.2%;
        left: 53%;
        margin-top: -8.46px;
        margin-left: -45.05px;
    }


    span.tooltip-eart.pan {
        width: 85px;
        height: 30px;
        top: 32.4%;
        left: 64%;
        margin-top: -9.72px;
        margin-left: -54.4px;
    }

    span.tooltip-eart.col {
        width: 85px;
        height: 30px;
        top: 43%;
        left: 62%;
        margin-top: -12.9px;
        margin-left: -52.7px;
    }


    span.tooltip-eart.per {
        width: 70px;
        height: 30px;
        top: 55%;
        left: 66%;
        margin-top: -16.5px;
        margin-left: -46.2px;
    }

    span.tooltip-eart:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -23%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FFF;
    }




    span.tooltip-eart-top.gtm {
        width: 80px;
        height: 30px;
        top: 35.2%;
        left: 46%;
        margin-top: -10.56px;
        margin-left: -36.8px;
    }

    span.tooltip-eart-top:after {
        content: '';
        position: absolute;
        left: 50%;
        top: -23%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #FFF;
    }

@media(max-width: 576px) {
    span.tooltip-eart, span.tooltip-eart-top {
        font-size: 0.8em;
        font-weight: 500;
        border-radius: 5px;
        background-color: #FFF;
        position: absolute;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        span.tooltip-eart.usa {
            width: 100px;
            height: 20px;
            top: 10%;
            left: 40%;
            margin-top: -10px;
            margin-left: -40px;
        }


        span.tooltip-eart.mx {
            width: 60px;
            height: 20px;
            top: 23.5%;
            left: 35%;
            margin-top: -7.05px;
            margin-left: -28px;
        }

        span.tooltip-eart.hon {
            width: 65px;
            height: 20px;
            top: 28.2%;
            left: 53%;
            margin-top: -8.46px;
            margin-left: -45.05px;
        }


        span.tooltip-eart.pan {
            width: 65px;
            height: 20px;
            top: 32.4%;
            left: 64%;
            margin-top: -9.72px;
            margin-left: -54.4px;
        }

        span.tooltip-eart.col {
            width: 65px;
            height: 20px;
            top: 43%;
            left: 62%;
            margin-top: -12.9px;
            margin-left: -52.7px;
        }


        span.tooltip-eart.per {
            width: 60px;
            height: 20px;
            top: 55%;
            left: 66%;
            margin-top: -16.5px;
            margin-left: -46.2px;
        }

        span.tooltip-eart:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -23%;
            margin-left: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #FFF;
        }




        span.tooltip-eart-top.gtm {
            width: 80px;
            height: 30px;
            top: 35.2%;
            left: 46%;
            margin-top: -10.56px;
            margin-left: -36.8px;
        }

        span.tooltip-eart-top:after {
            content: '';
            position: absolute;
            left: 50%;
            top: -23%;
            margin-left: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #FFF;
        }
}

.cloud {
    position: absolute;
}

.x1 {
    z-index: 1;
    -webkit-animation: moveClouds 40s linear infinite;
    -moz-animation: moveClouds 40s linear infinite;
    -o-animation: moveClouds 40s linear infinite;
}

.x2 {
    z-index: 3;
    bottom: 30%;
    -webkit-animation: moveClouds 45s linear infinite;
    -moz-animation: moveClouds 45s linear infinite;
    -o-animation: moveClouds 45s linear infinite;
}

.x3 {
    z-index: 4;
    bottom: 10%;
    -webkit-animation: moveClouds 30s linear infinite;
    -moz-animation: moveClouds 30s linear infinite;
    -o-animation: moveClouds 30s linear infinite;
}


@-webkit-keyframes moveClouds {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes moveClouds {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes moveClouds {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

.item-ch {
    width: 25px;
    text-align: center;
    margin-bottom: 2px;
}

#contador-personas, .relative-09 {
    position: relative;
    overflow: hidden;
    z-index: 9;
}


.swiper-menu {
    z-index: 9;
    position: absolute;
    width: 100%;
    padding-top: 5em;
}

.swiper-menu-responsive {
    width: 100%;
}

    .swiper-menu ul, .swiper-menu-responsive ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .swiper-menu ul li, .swiper-menu-responsive ul li {
            display: inline-block;
            margin: 0.5em !important;
        }

.swiper-menu .form-select {
    background-color: transparent !important;
    color: #FFF !important;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
}

    .swiper-menu .form-select option {
        color: #000 !important;
    }

.wrapper-texto-s {
    width: 100%;
    /*max-width: 400px;*/
}

.wrapper-slider-content {
    width: 100%;
    max-width: 1600px;
}

.wrapper-top-content-slider {
    
	height: 50vh;
}

@media (min-width: 991px) {
    .wrapper-slider-content {
        /*padding-left: 10em;*/
    }

    .wrapper-top-content-slider {
        height: 450px;
    }
}

.wrapper-content-slide-ve {
    width: 100%;
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wrapper-logos {
    /*
    width: 100%;
    max-width: 400px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

    .wrapper-logos li {
        margin-right: 2em !important;
        margin-bottom: 2em !important;
    }


        .wrapper-logos li a {
            display: block;
            width: 120px;
            height: 120px;
            position: relative;
            padding: 0.3em;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            /* padding: 0.3em;
        border-radius: 50%;
        border: 2px solid #FFF;*/
        }

            .wrapper-logos li a:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                transform: scale(1);
                border-radius: 50%;
                border: 2px solid #FFF;
                transition: all 0.5s;
            }

            .wrapper-logos li a:hover:before {
                content: '';
                transform: scale(1.2);
                border-radius: 50%;
                border: 2px solid #FFF;
            }


.wrapper-nos-gusta {
    width: 100%;
    padding: 6em 15px;
}

    .wrapper-nos-gusta .wrapper-content-nos-gusta {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }


        .wrapper-nos-gusta .wrapper-content-nos-gusta .row div {
            margin-bottom: 2em;
        }


.wrapper-images {
    position: relative;
    display: none;
}

@media (max-width: 576px) {
    .wrapper-logos {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }
}

@media(min-width: 768px) {
    .wrapper-images {
        position: relative;
        display: block;
    }



        .wrapper-images .img-left1-rotate {
            transform: rotate(-10deg);
            margin-bottom: 10em;
            transition: all 0.5s;
        }

            .wrapper-images:hover .img-left1-rotate, .wrapper-images .img-left1-rotate.active {
                transform: rotate(0deg);
                margin-bottom: 10em;
            }

        .wrapper-images .img-right-rotate {
            position: absolute;
            right: 0px;
            top: 10em;
            transform: rotate(10deg);
            transition: all 0.5s;
        }

            .wrapper-images:hover .img-right-rotate, .wrapper-images .img-right-rotate.active {
                position: absolute;
                right: 0px;
                top: 10em;
                transform: rotate(0deg);
            }


        .wrapper-images .img-left2-rotate {
            transform: rotate(10deg);
            transition: all 0.5s;
        }

            .wrapper-images:hover .img-left2-rotate, .wrapper-images .img-left2-rotate.active {
                transform: rotate(0deg);
            }
}

.swiper-button-prev-valores, .swiper-button-next-valores {
    width: 50px !important;
    height: 50px !important;
}

.swiper-button-prev-valores, .swiper-button-next-valores {
    left: auto !important;
    right: 10% !important;
}

.swiper-button-prev-valores {
    top: 70% !important;
}

.swiper-button-next-valores {
    top: 60% !important;
}

    .swiper-button-prev-valores:after, .swiper-container-rtl .swiper-button-next-valores:after, .swiper-button-next-valores:after, .swiper-container-rtl .swiper-button-prev-valores:after {
        font-family: auto !important;
        content: '' !important;
    }

.swiper-pagination-valores {
    display: none !important;
}

    .swiper-pagination-valores.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #FFF !important;
        width: 10px;
        height: 10px;
    }

@media (max-width: 768px) {
    .swiper-button-prev-valores, .swiper-button-next-valores {
        display: none !important;
    }

    .swiper-pagination-valores {
        display: block !important;
    }
}

@media (max-width: 500px) {
    .wrapper-logos li a {
        width: 80px;
        height: 80px;
        /*padding: 0.3em;
        border-radius: 50%;
        border: 2px solid #FFF;*/
    }
}


/* Valor Social */
@media (min-width: 991px) {
    .wrapper-rotate-images-vs {
        margin-bottom: 5em;
        margin-top: 2em;
    }

        .wrapper-rotate-images-vs .image-left-vs-rotate {
            transform: translateY(50px) rotate(-15deg);
            transition: all 0.4s;
        }

        .wrapper-rotate-images-vs .image-right-vs-rotate {
            transform: translateY(50px) rotate(15deg);
            transition: all 0.4s;
        }

        .wrapper-rotate-images-vs:hover .image-left-vs-rotate, .wrapper-rotate-images-vs .image-left-vs-rotate.active {
            transform: translateY(0px) rotate(0deg);
        }

        .wrapper-rotate-images-vs:hover .image-right-vs-rotate, .wrapper-rotate-images-vs .image-right-vs-rotate.active {
            transform: translateY(0px) rotate(0deg);
        }
}


.wrapper-programas {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wrapper-programas-content {
    padding: 3em 15px;
}

.wrapper-content-alianzas {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}



/* Pagination */

.pagination-gs, .pagination-gs-wh {
    width: 100%;
}

    .pagination-gs ul, .pagination-gs-wh ul {
        margin: 0px !important;
        padding: 0px !important;
    }

        .pagination-gs ul li, .pagination-gs-wh {
            margin: 0px 4.5px !important
        }

            .pagination-gs ul li a {
                display: flex;
                font-size: 20px;
                font-weight: 500;
                color: #000;
                width: 30px;
                height: 30px;
                justify-content: center;
                align-items: center;
            }

                .pagination-gs ul li a:hover, .pagination-gs ul li a.active {
                    border: 1px solid #000;
                }

            .pagination-gs-wh ul li a {
                display: flex;
                font-size: 20px;
                font-weight: 500;
                color: #FFF;
                width: 30px;
                height: 30px;
                justify-content: center;
                align-items: center;
            }

                .pagination-gs-wh ul li a:hover, .pagination-gs-wh ul li a.active {
                    border: 1px solid #FFC400;
                    background-color: #FFC400;
                }



/*imagenes de logos de contactos*/
.img_logo_empresa {
    /*    position: absolute !important;
    width: 11% !important;
    margin: 73px 90px auto !important;*/

    position: absolute !important;
    margin: 5em 6em auto !important;
    float: right;
    max-width: 10%;
    min-width: 129px;
}

@media(max-width: 1024px) {
    .img_logo_empresa {
        margin: 7em 1em auto !important;
    }
}



/* .img_logo_empresa:hover {
        position: absolute;
        width: 13%;
        margin: 73px 90px auto;
        background: url("/Content/logos/blanco/Logo_ELektra.svg");
    }*/

.img_logo_empresa_2 {
    visibility: hidden;
}


@media(min-width: 576px) {
    .wrapper-footer .container .row div:nth-child(2), .wrapper-footer .container .row div:nth-child(3), .wrapper-footer .container .row div:nth-child(4) {
        border-right: 1px solid;
    }
}

.bk-bl {
    background-color: #000;
}

    .bk-bl .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .bk-bl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        color: #FFF;
        width: 60px;
        height: 60px;
        border: 2px solid #FFF;
        border-radius: 50%;
    }

        .bk-bl .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .bk-bl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
            font-size: 1.2em;
        }

.nav-responsive {
    padding-top: 1em;
    border-top: solid 1px #F5F5F5;
}
    /*.nav-responsive li.nav-item {
        margin-bottom: 10px;
    }
        .nav-responsive li.nav-item .nav-link {
            padding: 0.3em 1em;
            background-color: #000;
            color: #FFF !important;
        }*/

    .nav-responsive .dropdown-menu {
        border: none;
        /*padding-left: 10px !important;*/
    }

        .nav-responsive .dropdown-menu li {
            margin-bottom: 10px !important;
        }

            .nav-responsive .dropdown-menu li a {
                font-size: 1em !important;
                color: #464545;
                text-transform: capitalize !important;
            }

@media ( max-width: 480px) {
    .container-fluid {
        padding: 0px 2em;
    }
}