/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a.button span {
    font-weight: 100 !important;
}

a.button.primary.azul-vivo {
    background-color: #3D51A3;
}

body.page-id-10872 div.separacion ul.nav {
    display: flex;
}

br.visible-movil {
    display: none;
}

div.autoconsumo-toggle {
    display: none;
}

div.cambio-color img, div.cambio-color-1 img, div.cambio-color-2 img {
    transition: opacity 0.3s;
}

div.cambio-color:hover {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-energia-eficiencia-movil-azul.png);
    background-size: contain;
}

div.cambio-color img.attachment-original.size-original:hover {
    opacity: 0;
    transition: opacity 0.5s;
}

div.cambio-color-1 {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-solar-movil-azul.png);
    background-size: contain;
}

div.cambio-color-1 img.attachment-original.size-original:hover {
    opacity: 0;
    transition: opacity 0.5s;
}

div.cambio-color-2 {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-movilidad-movil-azul.png);
    background-size: contain;
}

div.cambio-color-2 img.attachment-original.size-original:hover {
    opacity: 0;
    transition: opacity 0.5s;
}

div.contacto input.wpcf7-text, div.contacto textarea {
    background-color: transparent;
    border-radius: 8px;
    color: #fff;
}

div.contacto .centrado {
    margin-left: auto;
    margin-right: auto;
}

div.contacto p.envio input.wpcf7-submit {
    background-color: #3D51A3 !important;
    border-radius: 8px;
    font-weight: 400;
}

div.contacto textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: auto;
}

div.contacto a {
    color: #3D51A3;
}

div.contacto div.col {
    padding-bottom: 0;
}

div.contacto p.envio {
    flex: auto;
}

div.curveado img {
    border-radius: 14px;
}

div.faqs div.accordion-item a.accordion-title {
    color: #3D51A3;
    font-family: "Raleway", sans-serif;
}

div.faqs div.accordion-item a.accordion-title:hover {
    font-weight: 600;
}

div.fila-con-index {
    padding-top: 14px;
    position: relative;
    z-index: 1;
}

div.fondo-motorizacion {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/motorizacion.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

div.iconos-pestanas ul.nav li.tab.has-icon:first-child {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/iconos-subvenciones-principal-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 127px 27px 0;
    margin-right: 83px;
}

div.iconos-pestanas li.tab.has-icon:nth-child(2) {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-Ahorro-PRINCIPAL.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 132px 50px 0;
    margin-right: 83px;
}

div.iconos-pestanas li.tab.has-icon:nth-child(3) {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-Libertad-PRINCIPAL.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 133px;
    margin-right: 83px;
}

div.iconos-pestanas li.tab.has-icon:last-child {
    background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-solar-principal.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 133px 39px 0;
}

div.iconos-pestanas ul.nav > li.tab > a:hover {
    color: #3D51A3;
}

div.motorizado {
    margin-left: 16%;
}

div.padding-beneficios > div.col-inner {
    padding-left: 28% !important;
}

div.row > div.padding-right-15 {
    padding-right: 15px !important;
}

div.separacion ul.nav {
    display: block;
}

div.separacion li.tab {
    width: 19%;
}

div.separacion ul.nav li.tab a {
    display: block;
    text-align: center;
}

div.separacion ul.nav li.tab a:before {
    opacity: 1;
    background-color: #fff;
}

div.separacion ul.nav li.tab.active a {
    color: #3d52a1;
}

div.separacion ul.nav li.tab.active a:before {
    background-color: #3d52a1;
}

div.separacion ul.nav li.tab:hover a:before {
    background-color: #3d52a1;
}

div.sin-margin-top {
    margin-top: 0 !important;
}

div.sin-padding-bottom, div.sin-padding-bottom > div.col {
    padding-bottom: 0;
}

div.tab-panels div.panel div.pestana-centrada {
    margin: 0 auto;
}

div.titulo-faq ul.nav li.tab {
    margin-right: 28px;
}

div.titulo-faq ul.nav li.tab a {
    color: #000;
    font-size: 1.6em;
    line-height: 1.3;
    font-weight: 900;
    font-family: "Raleway", sans-serif;
}

h2.como-lo-hacemos {
    font-size: 4em;
}

h2.titulo-ventajas {
    padding-left: 15%;
    padding-top: 60px;
}

h2.titulo-video {
    font-family: 'Noto Sans JP';
    font-weight: 500;
    font-size: 35px;
}

h2 img.alignnone.sin-margin-bottom {
    margin-bottom: 0;
}

h3.gris {
    color: #747277;
}

h3.titulo-1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5em;
}

label#front_heading_text_0_0, label#front_heading_text_0_1, label#front_heading_text_0_2 {
    background-color: #3D51A3;
    padding: 3px 0;
    width: 50%;
    margin: 0 auto;
    border-radius: 22px;
}

li.html.header-button-1 div a span {
    font-weight: 100;
}

p img.alignnone.sin-margin-bottom {
    margin-bottom: 0;
}

p.big, h5.big {
    font-size: 17px;
    line-height: 1.3em;
}

p.big-data {
    color: #3D51A3;
    font-size: 100px;
    line-height: 1em;
    margin-bottom: 10px;
}

p.big-data-2 {
    color: #3D51A3;
    font-size: 169px;
    line-height: 1em;
    margin-bottom: -40px;
    margin-top: -60px;
}

p.gris, p.gris-movil {
    color: #808285;
}

p.llamanos {
    color: #fff;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 0px;
    padding: 10px 0px;
}

p.llamanos a {
    color: #1753A6;
    text-decoration: underline;
}

p.llamanos img {
    height: auto;
    margin-right: 15px;
    vertical-align: middle;
    width: 22px;
}

p.margin-bottom-35 {
    margin-bottom: 35px;
}

p.parrafo-1 {
    font-size: 16px;
}

p.texto-especialistas {
    font-size: 19px;
    line-height: 1.3em;
}

span.gris {
    color: #747277
}

ul.header-nav li.menu-item a.nav-top-link:before {
    height: 2px;
}

ul.sub-menu li.menu-item a:hover{
    color: #364D6A !important;
}

#header .nav-left {
    -ms-flex-pack: center;
    justify-content: center;
}

.azul{
	color: #3D51A3 !important;
}

.banner .contacte {
    font-size: 2em;
}

.blanco {
    color: #fff;
}

.centrado {
    text-align: center;
}

.centrar-columna .col-inner{
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.copyright-footer {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 100;
    color: #fff;
}

.delgado {
    font-weight: 400;
}

.derecha {
    text-align: right;
}

.derecha.\32 {
    padding-right: 2%;
}

.derecha.\37 {
    padding-right: 7%;
}

.derecha.\31 4 {
    padding-right: 14%;
}

.derecha.\31 8 {
    padding-right: 18%;
}

.derecha.\31 7 {
    padding-right: 17%;
}

.derecha.\32 1 {
    padding-right: 21%;
}

.fila-con-index h2.titulo-2 {
    font-size: 50px;
    line-height: 1.3em;
    margin: 0;
}

.footer .row {
    max-width: 100%;
}

.footer span.widget-title {
    color: #fff;
    font-family: "Noto Sans KR", sans-serif;
}

.footer .is-divider.small {
    display: none;
}

.footer .textwidget.custom-html-widget {
    color: #777;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 100;
}

.footer .textwidget.custom-html-widget a {
    color: #777;
}

.footer .textwidget.custom-html-widget a.button, .footer .textwidget.custom-html-widget a:hover {
    color: #fff;
}

.fullheight{
    height: 94vh;
}

.justify {
    text-align: justify;
}

.home #content > section:first-of-type {
    padding-bottom: 21.125%;
    padding-top: 21.125%;
    height: 0;
}

.izquierda {
    text-align: left;
}

.izquierda.\38 {
    padding-left: 8%;
}

.left-44 {
    margin-left: 44px;
}

.left-51 {
    margin-left: 51px;
}

.margin-28 {
    margin-top: -28px;
}

.mt-60 {
    margin-top: 60px !important;
}

.negro{
	color: #000 !important;
}

.noto-semi {
    font-family: 'Noto Sans JP';
    font-weight: 500;
}

.parrafo-banner {
    font-size: 31px;
    font-weight: 400;
}

.row div.sin-margin-lados:not(.row-collapse) {
    margin-right: auto;
    margin-left: auto;
}

.row-collapse > div.cuadros {
    margin-top: -44px;
    z-index: 9;
    padding-top: 77px !important;
    background-color: #fff;
    border-radius: 8px;
    padding-right: 5% !important;
}

.row-collapse > div.cuadros-3 {
    margin-top: -285px;
    z-index: 9;
    padding-top: 99px !important;
    background-color: #fff;
    border-radius: 8px;
    padding-right: 5% !important;
}

.sub-menu a {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 100;
}

.subtitulo {
    font-size: 1.6em;
}

.titulo-1 {
    font-size: 65px;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-family: 'Noto Sans JP';
    font-weight: 500;
}

.titulo-2 {
    font-size: 64px;
    line-height: 1.5em;
    letter-spacing: -1px;
    font-family: 'Noto Sans JP';
    font-weight: 500;
}

.titulo-3 {
    font-size: 45px;
    font-weight: 400;
    line-height: 1.4em;
}

.titulo-motorizacion {
    font-size: 54px;
    line-height: 1.4em;
    font-family: 'Noto Sans JP';
    font-weight: 500;
    color: #000;
}

@media (min-width: 450px) {
    div.fila-con-index:before {
        background: #f5f5f5;
        bottom: -20px;
        content: "";
        height: 50%;
        position: absolute;
        width: 100%;
    }
}

@media only screen and (min-width: 1800px) {
    div.futuro {
        width: 77% !important;
    }

    div.img-grande img {
        width: 134%;
        max-width: 200%;
    }

    div.img-grande .img-inner.dark {
        overflow: inherit;
    }

   /* h2.extragrande {
        font-size: 300%;
    }*/

    h5.big {
        font-size: 151%;
    }

    p.cuadro-gris {
        font-size: 16px;
        padding-right: 18%;
    }

    /*p.grande {
       font-size: 161%;
    }

    .grande {
        font-size: 201%;
    }*/

    .row-collapse div.cuadros-3 {
        margin-top: -58px;
    }
}

@media only screen and (max-width: 1440px) {
    #rev_slider_8_1_wrapper rs-arrow.tparrows.ares:before {
        font-size: 15px;
    }

    #rev_slider_8_1_wrapper rs-arrow.tp-leftarrow.tparrows.ares {
        transform: translate(-633px, -78px) !important;
    }

    #rev_slider_8_1_wrapper rs-arrow.tp-rightarrow.tparrows.ares {
        transform: translate(-523px, -78px) !important;
    }

    #rev_slider_8_1_wrapper .ares rs-bullet.tp-bullet {
        width: 9px;
        height: 9px;
    }

    .titulo-motorizacion {
        font-size: 37px;
    }
}

@media (max-width: 1368px) {
    .titulo-1 {
        font-size: 45px;
    }

    .titulo-2 {
        font-size: 45px;
    }

    .titulo-3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 550px) {
    br.micro-red {
        display: none;
    }
}

@media (max-width: 767px) {
    #header .nav-left {
        -ms-flex-pack: left;
        justify-content: left;
    }

    div.espacio-expertos-en div.is-divider.divider.clearfix {
        height: 31px !important;
    }

    div.fondo-gris {
        background-color: #f3f3f3;
    }

    div.separacion ul.nav li.tab:last-child a {
        width: 94%;
        margin: 0 auto;
        line-height: 1;
    }

    p.parrafo-final {
        margin-bottom: 0;
        padding-bottom: 1.3em;
    }

    ul.mobile-nav>li.nav-icon>a>i.icon-menu {
        font-size: 32px;
    }

    .fila-con-index h2.titulo-2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 480px) {
    #rev_slider_8_1_wrapper rs-arrow.tp-leftarrow.tparrows.ares {
        transform: translate(-431px, -39px) !important;
    }

    #rev_slider_8_1_wrapper rs-arrow.tp-rightarrow.tparrows.ares {
        transform: translate(-45px, -39px) !important;
    }

    #rev_slider_8_1_wrapper .ares.tp-bullets {
        transform: translate(-220px, -9px) !important;
    }

    a.font-16 {
        font-size: 16px;
    }

    br.oculto-movil {
        display: none;
    }

    br.visible-movil {
        display: inline-block;
    }

    div.a-la-mitad {
        width: 50%;
    }

    div.boton-ahorro {
        width: 56% !important;
    }

    div.centrado-movil {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    div.centrado-movil div.col-inner.text-left {
        text-align: center;
    }

    div.centrado-movil div.img-inner.dark {
        margin-left: 0 !important;
    }

    div.iconos-pestanas ul.nav li.tab.has-icon:first-child {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/iconos-subvenciones-principal-1.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 75px 0px 0;
        margin-right: 23px;
    }

    div.iconos-pestanas li.tab.has-icon:nth-child(2) {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-Ahorro-PRINCIPAL.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 75px 25px 0;
        margin-right: 7px;
    }

    div.iconos-pestanas li.tab.has-icon:nth-child(3) {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-Libertad-PRINCIPAL.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 98px;
        margin-right: 63px;
        width: 26%;
    }

    div.iconos-pestanas li.tab.has-icon:last-child {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/06/icono-solar-principal.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 87px 19px 0;
    }

    div.hasta-la-derecha {
        padding-right: 0;
    }

    div.margin-top-36 {
        margin-top: 36px;
    }

    div.padding-beneficios > div.col-inner {
        padding-left: 0 !important;
    }

    div.separacion li.tab {
        width: 100%;
        font-size: 26px;
    }

    div.separacion ul.nav li.tab a:before {
        opacity: 0;
    }

    h2.beneficios, h3.hacemos {
        font-size: 1.6em;
    }

    h2.titulo-video {
        font-size: 24px;
    }

    h3.derecha.subtitulo, h3.financiacion, h3.izquierda.subtitulo, h3.titulo-1 {
        font-size: 1.2em;
    }

    p.gris-movil {
        color: #fff;
    }

    section.fondo-fabrica div.bg-fill {
        background-size: contain !important;
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/08/somos-yuko-energy-mobil.png) !important;
    }

    section.fondo-molino {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    section.fondo-molino div.bg.section-bg.fill.bg-fill.bg-loaded {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/08/energia-eficiencia-movil.jpg) !important;
    }

    section.movilidad-fondo-movil div.bg.section-bg.bg-loaded {
        background-image: url(https://yukoenergy.com/wp-content/uploads/2021/08/movilidad-electrica-movil.jpg) !important;
    }

    .fullheight {
        height: auto;
    }

    .left-44, .left-51 {
        margin-left: 0px;
    }

    .mt-60 {
        margin-top: 0px !important;
    }

    .parrafo-banner {
        font-size: 26px;
    }

    .row-collapse > div.cuadros {
        margin-top: 0;
        padding-top: 0 !important;
        padding-right: 0 !important;
    }

    .row-collapse > div.cuadros-3 {
        margin-top: 0;
        padding-top: 0 !important;
        padding-right: 0 !important;
    }

    .titulo-1 {
        font-size: 46px;
    }

    .titulo-2 {
        font-size: 35px;
    }
}