/*
Theme Name:     Innovarty 2018
Theme URI:      http://demos.artbees.net/jupiter5
Description:    Desarrollo para la web de innovarty 2018 
Author:         Angel Vicedo
Template:       innovarty_parent
Text Domain:    mk_framework
Domain Path:    /languages/
*/

.texto_services.texto_services_text {
    padding: 107px 1% 116px 5% !important;
}

/* Ahi vamos! */
/* =================== */
/* GLOBALES */
/* =================== */
.content_full {max-width: 1280px;margin: 0 auto !important;float: none;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px;}

/* al reves */
.alreves {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.ult-overlay .video-container {height: auto;padding-bottom: 0px;/* width: 1040px; */height: 564px;}
.ult_modal-body {
    padding: 0 !important;
}
.ult_modal.ult-medium {
    width: auto;
    max-width: 90%;
    display: table;
}
#cookie-notice .cn-button {
    margin-left: 10px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid black;
}
#cookie-notice .cn-button:hover {
    margin-left: 10px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid black;
}
.cookie-notice-container {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255) !important;
}
#cn-notice-text {
    padding-bottom: 15px;
    display: inline-block;
}
.callToAction {padding: 40px 0;}
.callToAction .solutions-tagline-title {font-weight: bold;color: #ffffff;font-size: 25px;padding-top: 10px;padding-bottom: 6px;}
.callToAction .solutions-tagline-content {
    color: #ffffff;
    max-width: 500px;
}
.callToAction .vc_btn3-inline a {
    background-color: #ff000000 !important;
    border-radius: 0px;
    width: 251px;
    display: block;
    border: 2px solid #fff;
    color: #fff !important;
    letter-spacing: 2px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
}
.callToAction .vc_btn3-inline a:hover {
    background-color: #ff5b29 !important;
    border-radius: 0px;
    width: 251px;
    display: block;
    border: 2px solid #ff5b29;
    color: #ffffff !important;
    letter-spacing: 2px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0));
}
.separatorBlock {
    padding: 34px 0;
}
.videosServicios {
    padding-top: 36px;
}
.videosServicios .vc_btn3-center a {
    background-color: #ffffff !important;
    border-radius: 0px;
    width: 251px;
    display: block;
    border: 2px solid #270045;
    color: #270045 !important;
    letter-spacing: 2px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    transition: 0.5s all;
}

.videosServicios .vc_btn3-center a:hover {
    background-color: #270045 !important;
    border: 2px solid #270045;
    color: #ffffff !important;
}
.error404 h2 {
    font-size: 29px;
    line-height: 34px !important;
}
.logoClientes ul li {
    margin: 29px 1px 0px 0 !important;
    float: none !important;
}
.logoClientes .vc_col-sm-2 {
    margin: 16px 0;
}
.logoClientes .vc_col-sm-2 img {
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%); */
    cursor: pointer;
}
.logoClientes .vc_col-sm-2 img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}
.nuestrosClientes {
    margin: 0 auto;
}
.nuestrosClientes .vc_btn3-center a {
    background-color: #ffffff !important;
    border-radius: 0px;
    width: 251px;
    display: block;
    border: 2px solid #270045;
    color: #270045 !important;
    letter-spacing: 2px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0));
    transition: 0.5s all;
}

.nuestrosClientes .vc_btn3-center a:hover {
    background-color: #270045 !important;
    border: 2px solid #270045;
    color: #ffffff !important;
}


/* =================== */
/* TOP BAR */
/* =================== */
.mk-header-toolbar-holder {
    padding: 0 0px;
}

/* =================== */
/* PAGE TITLE */
/* =================== */
.page-title {
    margin: 25px 20px 0px;
    line-height: 120%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: center;
}
#mk-page-introduce.intro-left {
    text-align: left;
    background-color: rgba(84, 3, 144, 0.03137254901960784);
    padding: 19px 0;
}

/* =================== */
/* HEADER */
/* =================== */
.header-style-1.header-align-left .header-logo a {
    margin-left: 0px;
    float: left;
}

#mk-breadcrumbs .mk-breadcrumbs-inner {
    float: none;
    margin: 0px 0px 0px 0;
    padding: 0px 0px 21px;
    width: 100%;
    text-align: center;
}
.header-logo img {
    width: 216px;
}
.header-logo img.mk-sticky-logo.mk-svg {
    width: 165px;
}
#menu-item-18 a {
    border: 2px solid #53128e;
    padding: 5px 10px;
}

/* =================== */
/* HOME */
/* =================== */
.home_bloque_1 {padding: 11% 0 22% 0;}
.home_bloque_1 h1 {font-weight: 800 !important;font-size: 44px !important;line-height: 46px !important;}
.home_bloque_1 p,
.home_bloque_1 .wpb_raw_html span {color: #000000;font-size: 18px;line-height: 24px;}
.home_bloque_1 span {line-height: 17px;font-size: 15px;margin: 13px 0 14px 0;display: inline-block;}
.home_button {padding: 0 59px !important;border-radius: 31px;height: 48px !important;line-height: 48px !important;}
.home_bloque_1 #text-block-3,
.home_bloque_1 .wpb_raw_html {
    padding-left: 15px;
    padding-right: 15px;
}
.boton_banner {

}
.boton_banner .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
    color: #fff;
    border-color: #ff5627;
    background-color: #ff5627;
    border-radius: 26px;
    width: 204px;
    background-image: none;
    font-weight: 600;
    font-size: 17px;
    margin-left: 15px;
    margin-top: 11px;
}
.boton_banner .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern:hover {
    color: #fff;
    border-color: #ff5627bf;
    background-color: #ff5627bf;
    border-radius: 26px;
    width: 204px;
    background-image: none;
    font-weight: 600;
    font-size: 17px;
    margin-left: 15px;
    margin-top: 11px;
}
.home #text-block-6 {
    max-width: 327px;
}

/* carrousel */
.owl-carousel .owl-item img {
    width: 57% !important;
}
.logos_home {
    padding: 11px 0 11px 0;
}

/* video */
.play_home {}
.play_home_right {
    padding: 236px 125px;
}
.play_home_right img {
    width: 261px;
}
.play_home_left {
    padding: 159px 201px;
}
.play_home_left p,
.play_home_left p strong {
    color: #ffffff
}
.play_home_icon {position: absolute !important;top: 32%;}
.play_home_icon img {width: 150px;}
.ult-adjust-bottom-margin {display: none;}

/* servicios */
.home_proyectos {
    text-align: center;
}
.titulo_home_proyectos {
    font-size: 2em !important;
    font-weight: bold !important;
    display: inline-block;
    padding: 26px 0;
} 
.imagen_services {
    height: auto !important;
    min-height: 442px;
    opacity: 1;
}
.texto_services {padding: 27px 2% 3px 4%;/* display: flex; */justify-content: center;align-items: center;}
.texto_services h2 {
    color: #000000 !important;
    font-weight: 700 !important;
    line-height: 40px;
}
.texto_services .sub_title {
    color: #000000 !important;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px;
}
.texto_services .descripcion {
    color: #717171 !important;
}

.texto_services .button_services {
    color: #531290 !important;
    font-weight: 700;
    border: 2px solid #53128e;
    padding: 8px 22px;
    text-transform: uppercase;
    color: #531290 !important;
    background-color: #ffffff;
    transition: 0.5s all;
}
.texto_services .button_services:hover {
    color: #531290 !important;
    font-weight: 800;
    border: 2px solid #53128e;
    padding: 8px 22px;
    text-transform: uppercase;
    color: #ffffff !important;
    background-color: #53128e;
    transition: 0.5s all;
}

/* bloque blanco */
.white .texto_services .sub_title {
    color: #000000 !important;
}
.white .descripcion {
    color: #717171 !important;
}

.violeta, .white {
    display: flex;
}
/* bloque violeta */
.violeta .texto_services h2 {
    color: #000000 !important;
}
.violeta .texto_services .button_services {
    /* color: #00aa9d !important; */
} 

/* bloque verde */
.verde .texto_services h2 {
    color: #000000 !important;
}
.verde .texto_services .button_services {
    /* color: #5f0990 !important; */
}

/* bloque naranja */
.naranja .texto_services h2 {
    color: #270044 !important;
}
.naranja .texto_services .button_services {
    color: #5f0990 !important;
}

/* explorar servicio */
.explorar_servicio {
    padding: 48px 0px;
}
.explorar_servicio img {
    width: 67px;
}
.explorar_servicio h3 {
    padding-bottom: 18px;
    line-height: 25px;
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}
.explorar_servicio h6 {
    font-size: 13px !important;
    text-align: center;
    margin-top: 24px;
}
.explorar_servicio h6 a {
    /* border: 2px solid #53128e; */
    padding: 8px 22px;
    text-transform: uppercase;
    color: #531290;
    background-color: #ffffff;
    transition: 0.5s all;
    border-bottom: 1px solid #531290;
}
.explorar_servicio h6 a:hover {
    /* border: 2px solid #53128e; */
    padding: 8px 22px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #531290;
}
.explorar_servicio h6:after {
    content: '';

}

/*cuadros colores */
.cuadros_colores .bloque {
    padding: 69px;
}
.cuadros_colores img {
    width: 67px;
}
.cuadros_colores h3 {
    padding-bottom: 18px;
    line-height: 41px;
    color: #ffffff !important;
    font-size: 35px !important;
}
.cuadros_colores h6 {
    font-size: 13px !important;
    color: #ffffff !important;
}

.video_vimeo {}

/* =================== */
/* I + D */
/* =================== */
.imasd_bloque_uno h2 {font-style: italic;}

.imasd_intro {padding: 57px 0;}
.imasd_intro h2 {font-style: italic;}
.imasd_intro p {color: #ffffff;margin-top: -12px;}

.imasd-capacidades {padding: 57px 0;}
.imasd-capacidades h3 {font-size: 30px;}


/* =================== */
/* CONTACTO */
/* =================== */
.mapa {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.formulario {padding: 60px 0;}
.formulario {}
.formulario input[type=email],
.formulario input[type=password],
.formulario input[type=search],
.formulario input[type=tel],
.formulario input[type=text],
.formulario input[type=url],
.formulario textarea {
    width: 100%;
    background-color: #ffffff;
    border: 0px solid #e3e3e3;
    border: 1px solid gainsboro;
    font-size: 14px;
}
.wpcf7-form .wpcf7-textarea {
    width: 100%;
}
.separadoContacto {
    margin-bottom: 20px;
}
.separadoContacto span {
    border-color: #27004326 !important;
}

/* =================== */
/* PORTFOLIO */
/* =================== */
.mk-portfolio-classic-item .item-holder {
    margin: 0 10px 20px 10px;
    border: 0px solid #efefef;
}
#mk-page-introduce.intro-left h1 {
    color: #000000 !important;
    font-weight: 700 !important;
}
.portfolio-template-default .texto_services {
    padding: 0px 2% 0px 2%;
}
.proyecto {
    padding: 49px 0px;
}
.cabecera-proyecto h1 {
    padding: 12% 0;
    max-width: 600px;
    margin: 0 auto;
}
.call-to-action {
    padding: 31px 0;
}
.call-to-action h2 {
    font-size: 24px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: 0;
}
.call-to-action p {
    color: #ffffff;
    font-size: 13px;
}
.button_proyectos button {padding: 12px 50px !important;font-weight: 700 !important;margin-top: 9px;}
.separador_proyectos {
    margin-bottom: 34px;
    margin-top: -30px;
}
.imagen_portfolio {}
.texto_portfolio {}
.portfolio-meta-wrapper .the-title a {
    text-transform: initial;
}
.portfolio-meta-wrapper {
    padding: 22px 0 0px 0;
    height: 114px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.legalTexto {
    font-size: 11px;
    color: #000000;
    line-height: 1.66em;
}

/* =================== */
/* SOSTENIBILIDAD */
/* =================== */
.icon_sostenibilidad img {width: 98px;}
.claim p {
    color: #717171 !important;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px;
}
.claim {
    max-width: 780px;
    margin: 0 auto;
    }
.sos_1, .sos_2 {
    padding: 26px 0;
}

.sos_1 p, .sos_2 p {
    color: #717171 !important;
} 

/* =================== */
/* MISION.VISION, VALORES */
/* =================== */
.inbu_1 {padding: 17px 0;}
.inbu_2 {}
.inbu_2 img {width: 80px;
    padding-bottom: 19px;}
.inbu_2 p {
    font-size: 14px;
    line-height: 1.66em;
    color: #717171 !important;
}
.inbu_3, .inbu_5 {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 46px;
}
.inbu_3 h3, .inbu_5 h3 {
    padding-bottom: 0 !important;
    text-align: center !important;
    width: auto;
}
.inbu_3 p, .inbu_5 p {
    color: #717171 !important;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    max-width: 600px;
    margin: 0 auto;
}
.inbu_6 {padding: 30px 0;}
.inbu_6 img {width: 100px;
    
}

.page-id-11 #text-block-5 {font-size: }
.page-id-11 .legalTexto {font-size: 9px !important;line-height: 13px !important;}
.page-id-11 .vc_col-md-6 input, .page-id-11 .vc_col-md-12 input {width: 100% !important;}
.modall .row {padding-top: 15px;}

/* =================== */
/* FOOTER */
/* =================== */
.footer_footer {}
.footer_footer h3,
.footer_footer h6 {letter-spacing: 0px;text-transform: uppercase;font-size: 18px;font-style: inherit;font-weight: bold;padding-top: 10px;padding-bottom: 10px;}
#mk-footer .footer_footer .vc_icon_element-icon {
    font-size: 42px !important;
}
.footer_block {
    padding: 26px 0;
}
.divider_footer {
}
#nav_menu-3 div.widgettitle {
    color: #f9f9f9;
}
.footer-wrapper .mk-col-1-2 #text-2 img {
    width: 210px;
}
.logos_clientes_footer {
    padding: 25px 0 50px 0;
}
.logos_clientes_footer .logo_footer {
    margin: 0 auto !important;
}

/* =================== */
/* RESPONSIVE */
/* =================== */
@media handheld, only screen and (min-width:1200px) and (max-width:1570px) {
    .play_home_left {
        padding: 139px 138px;
    }
}

@media handheld, only screen and (max-width:1300px) {
    .header-logo.fit-logo-img.add-header-height.logo-has-sticky {
        padding-left: 12px;
    }
}

@media handheld, only screen and (min-width:768px) and (max-width:1200px) {
    .play_home_left {
        padding: 113px 34px;
    }
    #play_button img {
        width: 80px;
    }
}

@media handheld, only screen and (min-width:500px) and (max-width:768px) {
    .play_home_icon {
        position: absolute !important;
        top: 36.5%;
        margin: 0 auto;
        width: 100%;
    }
    .play_home_left {
        padding: 115px 89px;
    }
}

@media handheld, only screen and (max-width: 768px) {
    .titulo_home_proyectos {
        font-weight: bold !important;
        display: inline-flex;
        margin: 0 auto;
        width: 100%;
        /* padding: 15px 0px 15px 22px; */
    }

    /* al reves */
    .alreves {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .imagen_services {
        height: auto !important;
        min-height: auto;
    }
    .violeta, .white {
        display: block;
    }
    .texto_services {
        padding: 33px 0% 29px 3%;
        display: inline-block;
        justify-content: center;
        align-items: center;
    }

    .explorar_servicio .vc_col-sm-3 {
        width: 50%;
        float: left;
        height: 202px;
    }
    .cuadros_colores .bloque {
        padding: 38px;
    }

    .video_vimeo {
        padding-bottom: 25px;
    }

    .explorar_servicio.uno {
        padding: 31px 0 0 0;
    }
    .explorar_servicio.dos {
        padding: 31px 0 37px 0;
    }
    .add-header-height, .header-style-1 .mk-header-inner, .header-style-3 .mk-header-inner, .header-style-3 .header-logo, .header-style-1 .header-logo, .header-style-1 .shopping-cart-header, .header-style-3 .shopping-cart-header {
        height: 67px!important;
        line-height: 67px;
    }
    .mk-header-toolbar {
        padding: 0px 0px;
        display: block;
    }
    .mk-toolbar-resposnive-icon, .mk-header-toolbar-holder > span.header-toolbar-contact {
        display: none !important;
    }
    .mk-header-tagline, .mk-header-social.toolbar-section {
        widows: 46%;
    }
    .mk-header-toolbar-holder {
        display: flex;
    }
    .mk-header-social.toolbar-section {text-align: right;}
    .separatorBlock {
        padding: 0px 0;
    }
    .callToAction {
        padding: 25px 18px;
    }
    #alreves_video {
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: column-reverse;
    }
    .play_home_left {
        padding: 77px 38px;
    }
    .home #text-block-6 {
        max-width: 100%;
    }
    .play_home_icon {
        position: absolute !important;
        top: 55.5%;
        margin: 0 auto;
        width: 100%;
    }

    .logoClientes .vc_col-sm-2 {
        width: 33%;
        float: left;
    }

}

@media handheld, only screen and (max-width:500px) {
    .play_home_icon {
        position: absolute !important;
        top: 53.5% !important;
        margin: 0 auto;
        width: 100%;
    }
    .play_home_left {
        padding: 99px 20px;
    }
    .ult-overlay .video-container {height: auto;padding-bottom: 0;width: 300px;height: 152px;}
    .explorar_servicio .vc_col-sm-3 {
        height: 240px;
    }
    .explorar_servicio.dos {
        padding: 0px 0 24px 0;
    }
    .explorar_servicio h3 {
        padding-bottom: 18px;
        line-height: 25px;
        text-align: center;
        max-width: 200px;
        margin: 0 auto;
        font-size: 17px !important;
    }

    .boton_banner .vc_btn3.vc_btn3-color-warning.vc_btn3-style-modern {
        margin-top: 48px;
    }

    .logoClientes .vc_col-sm-2 {
        width: 33%;
        float: left;
    }
    .explorar_servicio h6 {
        font-size: 11px !important;
    }
    .explorar_servicio h6 a {
        padding: 8px 10px;
    }
}

@media handheld, only screen and (max-width:376px) {
    .play_home_icon img {
        width: 105px;
    }
    .play_home_icon {
        top: 50.5% !important;
    }
    .play_home_right {
        padding: 215px 95px;
    }
}