@import "soluciones_cloud.css"; 
@import "cloud_cx.css";
@import "cloud_contact_center.css";
@import "cloud_planes.css";
@import "alisys_salud.css";
@import "sabre_alisys.css";
@import "contacto.css";
@import "talento.css";
@import "chat_icon.css";
@import "blog.css";
@import "casos_de_exito.css";
@import "cust_menu.css";

/* Globals */
/* Background colors */
.bg-000000 {
    background-color: #000000;
}

.bg-E4E4E4 {
    background-color: #e4e4e4 !important;
}

.bg-E9E9E9 {
    background-color: #e9e9e9 !important;
}

.bg-F3F3F3 {
    background-color: #f3f3f3 !important;
}

.bg-F5F5F5 {
    background-color: #f5f5f5 !important;
}

.bg-FFFFFF {
    background-color: #ffffff !important;
}

.overlay {
    transition: 0.5s;
}

.bg-blue .overlay:active,
.bg-blue .overlay:focus,
.bg-blue .overlay:hover {
    background: #405E89 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.bg-lblue .overlay:active,
.bg-lblue .overlay:focus,
.bg-lblue .overlay:hover {
    background: #405E89 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.bg-green .overlay:active,
.bg-green .overlay:focus,
.bg-green .overlay:hover {
    background: #A4D3BC 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.bg-orange .overlay:active,
.bg-orange .overlay:focus,
.bg-orange .overlay:hover {
    background: #F2985E 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.bg-red .overlay:active,
.bg-red .overlay:focus,
.bg-red .overlay:hover {
    background: #DB5472 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.bg-purple .overlay:active,
.bg-purple .overlay:focus,
.bg-purple .overlay:hover {
    background: #8763C7 0% 0% no-repeat padding-box;
    transition: 0.5s;
}

.blog_page #sp-section-6 {
    background: #405E89;
    padding-top: 30px;
    padding-bottom: 0px;
}

/* Background image */
.alisys-bg-image {
    background-image: url('../images/Grupo_3389.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 50px;
}

.alisys-bg-image-two {
    background-image: url('../images/Grupo_3389.png');
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-size: 700px;
    margin: 0 auto;
    padding: 50px;
}

.proyecto.inmerbot,
.proyecto.huca-nao,
.proyecto.inspect-4-0,
.proyecto.tecuidas,
.proyecto.escuadras,
.proyecto.ceroaccidentes,
.proyecto.smartcall,
.proyecto.voidentity,
.proyecto.hidro,
.proyecto.solaris {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.proyecto.inmerbot {
    background-image: url('../../../images/proyectos/inmerbot/inmerbot-bg-m2.png');
}

.proyecto.huca-nao {
    background-image: url('../../../images/proyectos/huca-nao/huca-nao-bg-m2.png');
}

.proyecto.inspect-4-0 {
    background-image: url('../../../images/proyectos/inspect-4-0/inspect-4-0-bg-m2.png');
}

.proyecto.tecuidas {
    background-image: url('../../../images/proyectos/tecuidas/tecuidas-bg-m2.png');
}

.proyecto.escuadras {
    background-image: url('../../../images/proyectos/escuadras/escuadras-bg-m2.png');
}

.proyecto.ceroaccidentes {
    background-image: url('../../../images/proyectos/0accidentes/0accidente-m.png');
}
.proyecto.smartcall {
    background-image: url('../../../images/proyectos/smartcall/smartcall-bg-m.png');
}
.proyecto.voidentity {
    background-image: url('../../../images/proyectos/voidentity/voidentity-bg-m2.png');
}
.proyecto.hidro {
    background-image: url('../../../images/proyectos/hidro/hidro-bg-m.png');
}
.proyecto.solaris {
    background-image: url('../../../images/proyectos/solaris/solaris-bg-m.png');
}
.proyecto.prime {
    background-image: url('../../../images/proyectos/prime/prime-bg-m.png');
    background-size: cover;
}

@media (max-width: 767px) {
    .proyecto.smartcall {
      background-position: top;
    }
}

.kit-digital-oficina-virtual .body-wrapper #sp-section-6,
.sellado-tiempo .body-wrapper #sp-section-6,
.kit-digital-crm .body-wrapper #sp-section-6,
.kit-digital-cx .body-wrapper #sp-section-6,
.kit-digital-ccc .body-wrapper #sp-section-6,
.kit-digital-op .body-wrapper #sp-section-6 {
    background-color: #F5F5F5 !important;
    background-image: url('../images/Grupo3450.png') !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    padding-bottom: 60px;
}


.kit-digital-sms-sms-certificado .body-wrapper #sp-section-6 {
    background-color: #F5F5F5 !important;
    background-image: url('../images/Grupo3450.png') !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-bottom: 60px;
}

.business-intelligence .body-wrapper #sp-main-body,
.kit-digital-agentes-virtuales .body-wrapper #sp-main-body,
.kit-digital-op .body-wrapper #sp-main-body {
    background-image: url(../images/Grupo_3409.png) !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Buttons */
.btn-blue-white {
    background-color: #294E7C;
    border-radius: 30px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    line-height: 18px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.btn-blue-white:active,
.btn-blue-white:focus,
.btn-blue-white:hover {
    background-color: rgba(41, 78, 124, 0.7);
    color: #FFFFFF;
}

.btn-white-blue {
    background-color: #FFFFFF;
    border-radius: 30px;
    color: #294E7C;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    line-height: 18px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.btn-white-blue:active,
.btn-white-blue:focus,
.btn-white-blue:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #294E7C;
}

.btn-white-lblue {
    background-color: #FFFFFF;
    border-radius: 30px;
    color: #8fc2d3;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    line-height: 18px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.btn-white-lblue:active,
.btn-white-lblue:focus,
.btn-white-lblue:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #8fc2d3;
}

.btn-white-orange {
    background-color: #FFFFFF;
    border-radius: 30px;
    color: #F47B16;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    line-height: 18px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.btn-white-orange:active,
.btn-white-orange:focus,
.btn-white-orange:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #F47B16;
}

.btn-white-purple {
    background-color: #FFFFFF;
    border-radius: 30px;
    color: #DB5472;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    line-height: 18px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.btn-white-purple:active,
.btn-white-purple:focus,
.btn-white-purple:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #DB5472;
}

.scroll-margin-top-4 {
    scroll-margin-top: 4rem;
}

/* Colors */
.text-blue {
    color: #294E7C;
}

.text-dark-grey {
    color: #231F1F;
}

/* Content */
.home #sp-section-7,
.blog_page #sp-section-7,
.view-article #sp-section-7 {
    background: url(../images/footer-home-g.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
    padding-top: 50px;
}

.body-innerwrapper #sp-main-body.two-columns {
    background-color: #FFFFFF;
}

.alisys-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.alisys-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.alisys-col-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

.alisys-content-container-desktop {
    display: block;
    margin: 0 auto;
}

.alisys-content-container-mobile {
    display: none;
}

.container-second-size {
    margin: 0 auto;
    max-width: 1060px;
    padding-left: 15px;
    padding-right: 15px;
}

.article-details .article-can-edit {
    margin: 0;
}

/* Displays */
.display-none {
    display: none !important;
}

.hidden-desktop {
    display: none;
}

/* Font families */
.roboto {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* Font sizes */
.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-27 {
    font-size: 27px !important;
}

/* Line-heights */
.lh-2-5 {
    line-height: 2.5em;
}

/* Links */
.link {
    color: inherit;
}

.white-link {
    color: #FFFFFF;
}

.white-link:active,
.white-link:focus,
.white-link:hover {
    color: #FFFFFF;
}

.link-underline {
    text-decoration: underline;
}

/* Margins */
.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 50px;
}

.mb-70 {
    margin-bottom: 50px;
}

/* Paddings */
.p-2 {
    padding: 20px;
}

.p-4 {
    padding: 40px;
}

.p-5 {
    padding: 50px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}

/* Texts */
.txt-294E7C {
    color: #294e7c;
}

/* Titles */
.block-title-blue {
    color: #294E7C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
}

.block-title-blue-two {
    color: #294E7C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 40px;
    text-align: center;
}

.block-subtitle {
    color: #3D4543;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 33px;
    text-align: center;
}

.hover-blue:hover {
    color: #8fc2d3;
}

/* Header */
#sp-header {
    background-color: #3D4543;
    height: 80px;
}

#sp-header .logo {
    height: 80px;
}

.logo .logo-image {
    max-height: 36px;
    max-width: 101px;
}

/* Menu */
.sp-megamenu-parent {
    line-height: 80px;
    margin: 0;
    padding: 0;
}

.sp-megamenu-wrapper .sp-megamenu-parent>.menu-justify {
    position: relative;
}

.sp-megamenu-parent>li>a {
    color: #E4E4E4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 10px 0 10px;
    position: relative;
    text-align: left;
}

.sp-megamenu-parent>li>a:active {
    font-weight: 600;
}

.sp-megamenu-parent>li:active>a,
.sp-megamenu-parent>li>a:active,
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li>a:hover,
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #E4E4E4;
}

.sp-megamenu-parent>li>a:hover:before,
.sp-megamenu-parent>li>a:focus:before,
.sp-megamenu-parent>li.active>a:before {
    background-color: #DBDCDC;
    bottom: -12px;
    content: "";
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    width: 40%;
}

li.sp-menu-item.kit-digital,
li.sp-menu-item.robotica-social {
    padding-left: 20px;
    z-index: 1;
}

li.sp-menu-item.kit-digital:active:before,
li.sp-menu-item.kit-digital:focus:before,
li.sp-menu-item.kit-digital:hover:before,
li.sp-menu-item.robotica-social:active:before,
li.sp-menu-item.robotica-social:focus:before,
li.sp-menu-item.robotica-social:hover:before {
    display: none;
}

li.sp-menu-item.kit-digital a {
    padding: 7px;
    background: #FED925;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
    color: #3d4543 !important;
    font-size: 14px;
    font-family: Arial;
    display: block;
}

li.sp-menu-item.kit-digital a:active {
    color: #FFFFFF;
}

li.sp-menu-item.kit-digital a:hover {
    background: rgba(244, 216, 63, 0.7);
}

.sp-megamenu-parent .kit-digital:hover>.sp-dropdown {
    display: none;
}

li.sp-menu-item.robotica-social a {
    padding: 7px;
    background: #db5472;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    display: block;
}

/*  Mega menu */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    max-width: 100%;
    position: fixed;
    top: auto;
    width: 100%;
    z-index: 1;
}

.sp-megamenu-parent .sp-menu-full.container,
.sp-megamenu-parent .sp-menu-right,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #3D4543;
    box-shadow: none;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.sp-megamenu-parent .sp-menu-full.container,
.sp-megamenu-parent .sp-menu-right {
    padding: 20px 15px 15px 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0;
}

.sp-megamenu-parent .sp-mega-group>li>a {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    text-transform: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    line-height: 1;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #ABAFAE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:active,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:focus,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {
    color: #ABAFAE;
}

.sp-megamenu-parent .megamenu_sectores .sp-dropdown,
.sp-megamenu-parent .megamenu_casosexito .sp-dropdown,
.sp-megamenu-parent .megamenu_sobrealisys .sp-dropdown,
.sp-megamenu-parent .contacto .sp-dropdown {
    left: 0 !important;
    margin-left: 0;
    min-width: 165px;
    position: absolute;
    width: auto;
}

.megamenu_sectores .sp-mega-group>li>a,
.megamenu_casosexito .sp-mega-group>li>a,
.area_de_especializacion .sp-mega-group>li>a,
.megamenu_sobrealisys .sp-mega-group>li>a {
    color: #ABAFAE;
    font-size: 12px;
    margin: 0;
}

.megamenu_sectores .sp-mega-group>li>a:hover,
.megamenu_casosexito .sp-mega-group>li>a:hover,
.area_de_especializacion .sp-mega-group>li>a:hover,
.megamenu_sobrealisys .sp-mega-group>li>a:hover {
    color: #fff !important;
}

li.sp-menu-item.robotica-social a:hover {
    background: rgba(219, 84, 114, 0.7);
}

/* Globals end */

/* Banner */
.banner:before,
.banner:after {
    clear: both;
    content: "";
    display: block;
}

.banner,
.banner-two {
    max-height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    overflow: hidden;
}

.banner-image-omnipay {
    background-position: 0 40%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    overflow: hidden;
}

.banner-image.top {
    background-position: center 50%;
}

.banner-image.center {
    background-position: center center;
}

.banner-image.bottom {
    background-position: center bottom;
}

.banner-image-c {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    overflow: hidden;
}

.banner-image-desktop {
    display: block;
}

.banner-image-tablet,
.banner-image-mobile {
    display: none;
}

.banner-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.banner-container.top {
    top: 60px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.banner-container-two {
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
}

.banner-content-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
}

.banner-content {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-content-two {
    align-items: center;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-title-container,
.banner-text-container,
.banner-button-container {
    flex: 1 1 100%;
}

.banner-text-container {
    max-width: 500px;
}

.banner-category {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    text-transform: uppercase;
}

.banner-title {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 44px;
    font-weight: normal;
    line-height: 53px;
}

.banner-title-two {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 20px;
}

.banner-title-three {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 55px;
}

.banner-title-four {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 37px;
    margin-bottom: 20px;
}

.banner-big-text {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 77px;
    font-weight: bold;
    line-height: 92px;
}

.banner-subtitle {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 20px;
}

.banner-text {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 27px;
    margin-bottom: 20px;
}

.banner-text-two {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 20px;
}

.banner-footnote {
    color: #FFFFFF;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    margin-bottom: 20px;
}

.banner-footnote-two {
    color: #FFFFFF;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.btn-banner {
    font-size: 20px;
    line-height: 24px;
}

.banner-optional-content {
    position: relative;
}

.banner-optional-content-two {
    min-height: 330px;
    position: relative;
}

.optional-container-bottom-right {
    align-items: flex-end;
    bottom: -100px;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    position: absolute;
    right: 100px;
    width: 100%;
}

.optional-container-bottom-right-two {
    bottom: 40px;
    display: block;
    position: absolute;
    right: 100px;
    width: auto;
}

.optional-container-top-right {
    position: absolute;
    right: 0;
    top: 0;
}

.banner-optional-content .optional-container-bottom-right .bg-wo,
.banner_container .optional-container-bottom-right-two .bg-wo {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    padding: 5px 15px;
    text-align: center;
}

.banner-optional-content .optional-container-bottom-right img {
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 70px;
    width: auto;
}

.optional-container-bottom-right-two img {
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 90px;
    width: auto;
}

.optional-container-bottom-right .hidden-lg {
    display: none;
}

/* Kit Digital logos */
.logos-kit-digital {
    display: inline-grid;
    grid-column-gap: 20px;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
}

/* Texto Kit Digital */
.texto-kit-digital {
    color: #3D4543;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 33px;
    padding-bottom: 20px;
    padding-top: 40px;
    text-align: center;
}

/* Color tiles ( 4 columns ) */
.tiles-four-col-desktop {
    display: block;
}

.tiles-four-col-mobile {
    display: none;
}

.tiles-four-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.tiles-four-col-grid-col {
    align-items: center;
    display: flex;
    overflow: hidden;
}

.tiles-four-col-grid-col-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
    width: 100%;
}

.tiles-four-col-grid-col-2 {
    background: #DB5472 0% 0% no-repeat padding-box;
}

.tiles-four-col-grid-col-4 {
    background: #8FC2D3 0% 0% no-repeat padding-box;
}

.tiles-four-col-grid-col-5 {
    background: #A4D3BC 0% 0% no-repeat padding-box;
}

.tiles-four-col-grid-col-7 {
    background: #405E89 0% 0% no-repeat padding-box;
}

.tiles-four-col-text-container {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 30px;
    text-align: left;
}

.tiles-four-col-title {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}

/* Two columns grey cards */
.two-cols-grey-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto 50px auto;
    padding-top: 50px;
}

.two-cols-grey-card {
    background: #E9E9E9 0% 0% no-repeat padding-box;
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 25px;
}

.two-cols-grey-card:before,
.two-cols-grey-card:after {
    clear: both;
    content: "";
    display: block;
}

.two-cols-grey-card-left {
    margin-right: 10px;
}

.two-cols-grey-card-right {
    margin-left: 10px;
}

.two-cols-grey-card-mobile-block {
    display: none;
}

.two-cols-grey-card-image {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

.two-cols-grey-card-title {
    color: #294E7C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 20px;
    text-align: left;
}

.two-cols-grey-card-text-block {
    float: left;
    margin-right: 50px;
    width: calc(100% - 190px);
}

.two-cols-grey-card-text {
    color: #5F6765;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: left;
}

.two-cols-grey-card-image-block {
    float: left;
    width: 140px;
}

.two-cols-contacta {
    align-items: center;
    background-image: url('../../../images/kit-digital/soluciones-contacta-g.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    text-align: center;
}

.two-cols-contacta-contacta-container {
    width: 50%;
}

.two-cols-contacta-text {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 30px;
}

/* Products cards */
.products-cards {
    margin: 0 auto;
    padding-bottom: 50px;
}

.product-white-card {
    background-color: #FFFFFF;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
    padding: 20px;
}

.product-grey-card {
    background-color: #F0F0F0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
    padding: 20px;
}

.product-card-container {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.product-card-text-block,
.product-card-button-container {
    flex: 1 1 100%;
    margin-left: 30px;
}

.product-card-title {
    color: #294E7C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 20px;
}

.product-card-title-mobile {
    display: none;
}

.product-card-text {
    color: #5F6765;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.product-card-img-desktop {
    display: block;
}

.product-card-img-tablet {
    display: none;
}

.product-card-img-mobile {
    display: none;
}

.product-card-button-container {
    align-self: flex-end;
}

/* Product CTA */
.product-cta-container {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.product-cta-img-block,
.product-cta-title-block,
.product-cta-text-block,
.product-cta-button-block {
    flex: 1 1 100%;
    margin: 0 auto;
    text-align: center;
}

.product-cta-img {
    margin: 0 auto;
}

.product-cta-title {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    font-weight: bold;
    line-height: 56px;
    margin: 20px auto 20px auto;
    text-align: center;
}

.product-cta-text {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 auto 30px auto;
    max-width: 630px;
    text-align: center;
}

/* Three columns - ventajas */
.ventaja-container {
    margin-bottom: 70px;
}

.ventaja-title {
    color: #4E5654;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 40px;
}

/* Two columns - template */
/* Two columns text column*/
.two-columns #sp-left .sp-module {
    padding: 80px 0;
}

.two-columns #sp-left .sp-module .two-cols-title {
    color: #3D4543;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 30px;
    padding: 0;
    text-align: left;
}

.two-columns #sp-left .sp-module .two-cols-text,
.two-columns #sp-left .sp-module .two-cols-list,
.two-columns #sp-left .sp-module .two-cols-list-item {
    color: #3D4543;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    text-align: left;
}

.two-columns #sp-left .sp-module .two-cols-list {
    list-style: disc;
    list-style-type: disc;
    padding-left: 40px;
}

.two-columns #sp-left .sp-module .two-cols-list-item {
    border-bottom: 0;
    display: list-item;
    margin-bottom: 20px;
}

.two-columns #sp-left .sp-module .two-cols-list-item:last-child {
    margin-bottom: 0;
}

.two-columns #sp-left .sp-module .two-cols-img-container {
    margin: 0 auto;
    padding: 50px 0 0 0;
    text-align: center;
}

.two-columns #sp-left .sp-module .two-cols-img-container-mobile {
    display: none;
    padding: 50px 0;
}

.two-columns #sp-left .sp-module .two-cols-img-container img {
    margin: 0 auto;
}

/* Two columns - form */
.two-columns #sp-right .sp-module {
    margin: 80px 0 0 0;
    padding-top: 0
}

.two-columns #sp-right .sp-module .form-kit-digital {
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 0;
    padding: 30px 20px 20px 20px;
}

.two-columns #sp-right .sp-module .form-kit-digital .form-row,
.two-columns #sp-right .sp-module .form-kit-digital .formRow {
    margin-bottom: 20px;
}

.two-columns #sp-right .sp-module .form-kit-digital .formRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    width: auto;
}

.two-columns #sp-right .sp-module .form-kit-digital .formSpan12,
.two-columns #sp-right .sp-module .form-kit-digital .formSpan12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0;
    max-width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    width: 100%;
}

.two-columns #sp-right .sp-module .form-kit-digital .formSpan6,
.two-columns #sp-right .sp-module .form-kit-digital .rsformgrid6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0;
    max-width: 50%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    width: 100%;
}

.two-columns #sp-right .sp-module .form-kit-digital .form-row:nth-child(4),
.two-columns #sp-right .sp-module .form-kit-digital .formRow:nth-child(4) {
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 0;
}

.two-columns #sp-right .sp-module .form-kit-digital .form-group,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-block {
    color: #3D4543;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    float: none;
    margin: 0 auto 1rem auto;
    width: 100%;
}

.two-columns #sp-right .sp-module .form-kit-digital .form-row:last-child .form-group:last-child {
    margin-bottom: 0;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-recaptcha-google-v2 {
    margin: 0 auto 2rem auto;
}

.two-columns #sp-right .sp-module .form-kit-digital .formRequired {
    visibility: hidden;
}

.two-columns #sp-right .sp-module .form-kit-digital .formError {
    color: #DA345D;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.two-columns #sp-right .sp-module .form-kit-digital .formControlLabel,
.two-columns #sp-right .sp-module .form-kit-digital .form-check-label {
    color: #3D4543;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}

.two-columns #sp-right .sp-module .form-kit-digital .formControlLabel {
    font-weight: 600;
    margin-bottom: 5px;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-avisolegal-protecciondatos .form-check-label,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-avisolegal-protecciondatos label {
    color: #3D4543;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-avisolegal-protecciondatos label,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-comunicaciones label {
    padding-left: 25px;
    position: relative;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-avisolegal-protecciondatos label input,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-comunicaciones label input {
    left: 0;
    position: absolute;
    top: 0;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-input-box {
    background-color: #FFFFFF !important;
    border: 1px solid #BFC2C1;
    box-sizing: border-box;
    color: #5F6765 !important;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: normal;
    height: 36px !important;
    line-height: 20px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-input-box.is-invalid,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-input-box.rsform-error {
    border-color: #DA345D;
}

.two-columns #sp-right .sp-module .form-kit-digital .form-check-label {
    margin-bottom: 10px;
}

.two-columns #sp-right .sp-module .form-kit-digital .formControls label {
    cursor: pointer;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding-left: 25px;
    position: relative;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-comunicaciones .form-check-label,
.two-columns #sp-right .sp-module .form-kit-digital .rsform-block-acepta-comunicaciones label {
    font-size: 12px;
    line-height: 16px;
}

.two-columns #sp-right .sp-module .form-kit-digital input[type=checkbox] {
    border: 1px solid #BFC2C1;
    cursor: pointer;
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.two-columns #sp-right .sp-module .form-kit-digital .checkmark {
    background-color: #FFFFFF;
    border: 1px solid #BFC2C1;
    border-radius: 3px;
    height: 16px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 16px;
}

.two-columns #sp-right .sp-module .form-kit-digital .checkmark:after {
    border: solid white;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
}

.two-columns #sp-right .sp-module .form-kit-digital input[type=checkbox]:checked~.checkmark {
    background-color: #000000;
}

.two-columns #sp-right .sp-module .form-kit-digital input[type=checkbox]:checked~.checkmark:after {
    display: block;
}

.two-columns #sp-right .sp-module .form-kit-digital .rsform-submit-button {
    background-color: #2A5E8C;
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
    min-width: 125px;
    padding: 0 40px;
    text-align: left;
    text-transform: capitalize;
    width: auto;
}

/* Tabla planes y precios */
.planes-precios .title {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin: 60px auto;
    text-align: center;
}

.planes-precios-container {
    background-color: #FFFFFF;
    margin: 0 auto 0 0;
    padding: 45px;
    width: 100%;
}

.planes-precios-desktop {
    display: block;
}

.planes-precios-mobile {
    display: none;
}

.planes-precios-header,
.planes-precios-content {
    display: block;
    position: relative
}

.planes-precios-header {
    margin-bottom: 20px;
}

.planes-precios-iconos,
.planes-precios-cuotas,
.plan-funcionalidad {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.planes-precios-iconos.iconos-v2 {
    align-items: flex-end;
}

.planes-precios-cuotas {
    align-items: baseline;
}

.plan-funcionalidad {
    padding: 10px 0 10px 20px;
}

.planes-precios-header-col-1,
.plan-funcionalidad .plan-col-1 {
    display: inline-block;
    max-width: 48%;
    width: 48%;
}

.plan-funcionalidad .plan-col-2 {
    display: inline-block;
    max-width: 80%;
    width: 80%;
}

.planes-precios-header-col-3,
.plan-funcionalidad .plan-col-3 {
    display: inline-block;
    max-width: 57%;
    width: 57%;
}

.planes-precios-header-col,
.plan-funcionalidad .plan-col {
    display: inline-block;
    max-width: 13%;
    text-align: center;
    width: 13%;
}

.plan-funcionalidad .plan-col {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.plan-col-text {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.plan-col-text-little {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.planes-precios-header-col img {
    display: inline-block;
    margin: 0 auto;
}

.planes-precios-title {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 20px;
}

.plan-name {
    color: #294E7C;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 4px;
    /*text-transform: uppercase;*/
}

.plan-cuota {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.planes-precios-content>div:nth-child(odd) {
    background-color: #F5F5F5;
    border-radius: 8px;
}

.plan-funcionalidad-mob {
    align-items: center;
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 10px 20px 10px 20px;
}

.funcionalidad-text {
    color: #231F1F;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}

.funcionalidad-text-bold {
    color: #231F1F;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.funcionalidad-text-big {
    color: #294E7C;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

.funcionalidad-text-little {
    color: #231F1F;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.planes-precios-mobile #tabs .nav-tabs .nav-item {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    color: #294E7C;
    text-align: center;
}

.planes-precios-mobile #tabs .nav-tabs .nav-item img {
    margin: 0 auto;
}

.funcionalidad-col-mob:last-child {
    text-align: center;
}

/* Bloque licencia */
.bloque-licencia {
    align-items: center;
    background-color: #004D7F;
    border-radius: 8px;
    color: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 80px auto;
    padding: 40px 80px;
}

.licencia-text-container {
    flex: 1 1 85%;
    min-width: 360px;
}

.licencia-cuota-container {
    flex: 1 1 15%;
    min-width: 150px;
    position: relative
}

.licencia-cuota-content {
    margin: 0;
    text-align: center;
}

.licencia-title {
    color: #FFFFFF;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 10px;
}

.licencia-text {
    color: #FFFFFF;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}

.licencia-precio {
    color: #FFFFFF;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 32px;
}

.licencia-unidades {
    color: #FFFFFF;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
}

/* Bloque precio fondo azul */
.plan-precio-block {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    height: 175px;
    min-height: 175px;
    width: 100%;
}

.plan-precio-text {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
}

/* Two columns tiles color */
.two-columns-tiles-color {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tile-col {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.tile-col-pink {
    background-color: #DB5472;
}

.tile-col-cyan {
    background-color: #8FC2D3;
}

.tile-col-green {
    background-color: #A4D3BC;
}

.tile-col-dark-blue {
    background-color: #405E89;
}

.tile-col-lavanda {
    background-color: #9BA9C2;
}

.tile-col-orange {
    background-color: #EF8C4C;
}

.tile-img-container,
.tile-text-container {
    flex: 1 1 50%;
}

.tile-img-container {
    height: 300px;
    min-height: 300px;
}

.tile-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 210px;
    height: 100%;
    min-height: 300px;
}

.tile-text-container {
    padding: 30px;
}

.tile-title {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
}

.tile-text,
.tile-ul-list {
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

.tile-text {
    margin-bottom: 0;
}

.tile-ul-list li {
    margin-bottom: 10px;
}

.tile-ul-list li:last-child {
    margin-bottom: 0;
}

/* Planes dos columnas*/
.planes-precios-two-cols-container {
    align-items: center;
    display: -ms-grid;
    display: grid;
    gap: 100px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto 70px auto;
    max-width: 1000px;
    width: 100%;
}

.plan-precio-col {
    background-color: #FFFFFF;
    border-radius: 8px;
    min-width: 400px;
    padding: 20px 20px;
    text-align: center;
}

.plan-two-cols-img-container {
    margin: 0 auto;
    text-align: center;
}

.plan-two-cols-img-container img {
    margin: 0 auto;
}

.plan-two-cols-title {
    color: #4E5654;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin-top: 20px;
}

.plan-two-cols-row .plan-head {
    border-bottom: none;
    border-top: 1px solid #E5E5E5;
    color: #4E5654;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    max-width: 50%;
    padding: 10px;
    width: 50%;
}

.plan-two-cols-row .plan-text {
    border-top: 1px solid #E5E5E5;
    color: #4E5654;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: unset;
    max-width: 45%;
    padding: 10px 10px 10px 10px;
    text-align: center;
    width: 45%;
}

.plan-two-cols-row .plan-text .plan-little {
    font-size: 14px;
}

.plan-two-cols-tarifas .plan-two-cols-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.plan-two-cols-tarifas .plan-two-cols-first {
    flex: 0 0 55%;
    max-width: 55%;
    text-align: right;
}

.plan-two-cols-tarifas .plan-two-cols-second {
    flex: 0 0 45%;
    max-width: 45%;
}

/* Precios pills */
.precios-pills-container {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
}

.precios-pill {
    min-width: 15%;
    padding: 0 15px 0 15px;
}

.precios-pill-top {
    background-color: #004D7F;
    height: 30px;
    max-height: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.precios-pill-container {
    align-items: center;
    background-color: #e3ebf1;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    height: 220px;
    justify-content: center;
    max-height: 220px;
    padding: 10px;
    text-align: center;
}

.precios-pill-content {
    text-align: center;
}

.precios-pill-text,
.precios-pill-quantity,
.precios-pill-unity,
.precios-pill-cost {
    display: block;
    flex: 1 1 100%;
    width: 100%;
}

.precios-pill-text {
    color: #004D7F;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 10px;
}

.precios-pill-quantity {
    color: #004D7F;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
}

.precios-pill-unity {
    color: #004D7F;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.precios-pill-cost {
    color: #004D7F;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 10px;
}

/* Blue border pill */
.blue-round-pill {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 50px 20px 0 20px;
}

.brp-container {
    border: 1px solid #265C8B;
    border-radius: 100px;
    max-width: 750px;
    padding: 30px 60px;
}

.brp-text {
    color: #265C8B;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 10px;
}

.brp-text.mb-15 {
    margin-bottom: 15px;
}

.brp-text .bold {
    font-weight: bold;
}

.brp-text:last-child {
    margin-bottom: 0;
}

/* Cabeceras global */
div.card-img.banner_desktop,
div.card-img.banner_tablet,
div.card-img.banner_mobile {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

div.card-img.banner_desktop.home,
div.card-img.banner_desktop.soluciones-cloud,
div.card-img.banner_desktop.blockchain,
div.card-img.banner_desktop.robotica,
div.card-img.banner_desktop.cloud-crm {
    background-position: center;
}

div.card-img.banner_tablet.home,
div.card-img.banner_tablet.cloud-crm {
    background-position: center;
}

div.card-img.banner_mobile.home,
div.card-img.banner_mobile.cloud-crm,
div.card-img.banner_mobile.cloud-ccc {
    background-position: center;
}

div.card-img.banner_tablet,
div.card-img.banner_mobile {
    display: none;
}

div.card-img.banner_desktop {
    max-height: 530px;
}

div.card-img.banner_tablet {
    height: 470px;
}

div.card-img.banner_mobile {
    height: 400px !important;
}

.card-img.banner-image.trabaja_desktop.vacante {
    height: 200px;
}

.trabaja_tablet_img.vacante {
    height: 180px;
}

.trabaja_mobile_img.vacante {
    height: 150px !important;
    background-position: center top -75px;
}

h5.card-title.banner_title.vacante,
h1.card-title.banner_title.vacante {
    line-height: 4.5em;
}


@media screen and (max-width: 1200px) {
    div.card-img.banner_tablet {
        display: block;
    }

    div.card-img.banner_desktop {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    div.card-img.banner_tablet {
        display: none;
    }

    div.card-img.banner_mobile {
        display: block;
    }

    h5.card-title.banner_title.vacante,
    h1.card-title.banner_title.vacante {
        line-height: 4.5em;
    }
}

/* Clases globales para bloques */
.titulo_bloque {
    text-align: center;
    font: Bold 23px/30px Arial;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
    padding: 50px;
    width: 100%;
}

.bloque-3-columnas {
    background-color: #e9e9e9;
    padding: 20px;
    height: 100%;
    display: inline-block;
    border-radius: 4px;
}

.img-tres-columnas {
    margin-right: auto;
    margin-left: auto;
    max-height: 115px;
}

.crop-icon-3-columnas {
    text-align: center;
    height: 120px;
    margin-bottom: 16px;
    vertical-align: bottom;
}

.bloque-3-columnas-title {
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0px;
    color: #294e7c;
    height: 60px;
}

@media screen and (max-width: 991px) {
    .bloque-3-columnas .lft-cloud-text {
        width: 100%;
    }
}

/* bloque imagenes mosaico */
div.alis-col-1-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* bloque mosaico home */
div.responsive.area-home-desk {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 320px;
}

div.responsive.area-home-desk:hover,
.area_de_image_mobile div.responsive.area-home-tab:hover,
.area_de_image_mobile div.responsive.area-home-mob:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

.area_de_image_desktop>div.card-body,
.area_de_image_mobile>div.card-body {
    overflow: hidden;
    height: 320px;
}

.area_de_image_mobile div.responsive.area-home-mob,
div.responsive.area-home-mob {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 320px;
}

.area_de_image_mobile div.responsive.area-home-tab {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
}

/* home */
.home .alert.alert-error {
    color: #fff;
    background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
    border-color: #f2985e;
}

.home .close {
    color: #fff;
}

/*.mas-client-cc-cx-cls.block_header .mas-sixty-in-blck {
    padding: 222px 40px 60px 50px;
}*/
img.card-img.banner_desktop {
    max-height: 530px;
}

.mas-sixty-in-blck {
    padding: 170px 40px 60px 50px;
}

ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
    padding: 23px 0px;
}

/*
.article .article-info {
    position: absolute;
    top: 5px;
    left: 0;
}*/
.blog.blog_page ul.pagination {
    margin-left: 50%;
}

@media (min-width: 1200px) {
    #sp-header .row {
        position: relative;
        justify-content: space-evenly;
        /*align-items: baseline;
        align-items: center;*/
    }
}

section#sp-section-4 {
    background: url(../images/Rect_1527.png);
}

section#sp-main-body {
    background: #f5f5f5;
    /*padding-top: 0 !important;*/
}

.clear {
    clear: both;
}
/*Estilos excelencia*/
//Pantallas grandes
@media (min-width: 1200px){
  .responsive.container.responsiveContainer {
    display: none;
  }
  .rowRes {
    flex-direction: column;
  }
  #contenedorFuturo {
    height: 600px;
}
  .contenedor {
    height: 500px;
  }
}

//Pantallas medianas
@media (min-width: 989px) and (max-width: 1199px){
  div#exc-cor-desktop-block {
    width: 1035px !important;
    padding: 0;
    position: relative;
}
  .alis-salud-main-in-multi-block{
    max-width: 960px;
  }
  
  
}

#sp-section-2 .container {
    max-width:100%;
  }

//Pantallas pequeñas
@media (min-width: 768px) and (max-width: 988px){
  	
}

//Pantallas tablet pequeña
@media (min-width: 575px) and (max-width: 768px){
  
}
//Pantallas movil

}
@media (min-width: 1200px) {

    /* .container {
		max-width: 1180px;
	} */
    .container {
        /*max-width: 100%;*/
        max-width: 1280px !important;
    }

    .area_block_content {
        padding: 50px;
    }

    .image_with_text_block {
        position: absolute;
        top: 100px;
        padding: 50px;
        width: 580px;
    }

    h5.card-title.banner_title,
    p.card-text.banner_text,
    h1.card-title.banner_title {
        width: 25%;
    }
}

#sp-section-2 {
    background: #e4e4e4 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-bottom: 100px;
    position: relative;
}

#sp-section-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    /*border-bottom: 113px solid #F5F5F5;*/
    border-left: 0px solid transparent;
    border-right: 1523px solid transparent;
}

/*#sp-section-2 .container {
    max-width: 100%;
}*/

.casos_de_exito #sp-section-3 {
    background: #f5f5f5;
}

/*Adrian cambiar color de fondo footer para nuevo diseño*/
#sp-footer {
    background: #fff;
    color: #fff;
}

/*fin cambio*/
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}

.sp-megamenu-parent li.sp-menu-item.robotica-social a:hover {
    color: #fff !important;
}

.sp-megamenu-parent>li>a:hover {
    color: #e4e4e4;
}

#chat-icon {
    width: 50px;
    height: 50px;
}

.sp-mega-group-child.sp_dropdown-items li.sp-menu-item a {
    text-align: left;
    font: Bold 12px/26px Arial;
    letter-spacing: 0px;
    color: #abafae;
    opacity: 1;
    text-transform: initial;
}

.banneritem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
}

.sp-module.area_specialization {
    background: #f5f5f5;
}

.area_specialization h1,
h2 {
    text-align: center;
    font: Bold 23px/30px Arial;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
}

.area_specialization_block .card-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.area_specialization_block .card-body .card-text {
    overflow: hidden;
    transition: 0.5s;
    height: 301px;
}

.area_specialization_block img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

.casos_de_exito #sp-section-3 .container {
    max-width: 100%;
    padding: 0;
}

.area_specialization_block .card {
    border: none;
    height: 320px;
    width: 320px;
    border-radius: 0;
    position: relative;
}

.area_specialization_block .area-home-desk {
    height: 320px;
    width: 100%;
}

.area_specialization_block img {
    height: 320px;
    width: 100%;
}

.area_specialization_block .area-home-tab {
    display: none;
}

.area_specialization_block .area-home-mob {
    display: none;
}

.btn_wrapper {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    height: 40px;
}

.btn_wrapper a {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 38px;
    position: relative;
    z-index: 1;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial;
}

.card.bg-blue .btn_wrapper a {
    background: rgba(27, 56, 99, 0.4);
    padding: 1px 16px;
    border-radius: 30px;
}

.card.bg-blue .btn_wrapper a:hover {
    background: rgba(27, 56, 99, 0.7);
}

.card.bg-skyblue .btn_wrapper a {
    background: rgba(118, 176, 196, 0.4);
    padding: 1px 16px;
    border-radius: 30px;
}

.card.bg-skyblue .btn_wrapper a:hover {
    background: rgba(118, 176, 196, 0.7);
}

.card.bg-vista_blue .btn_wrapper a {
    background: rgba(141, 196, 168, 0.4);
    padding: 1px 16px;
    border-radius: 30px;
}

.card.bg-vista_blue .btn_wrapper a:hover {
    background: rgba(141, 196, 168, 0.7);
}

.card.bg-canberry .btn_wrapper a {
    background: rgba(207, 62, 89, 0.4);
    padding: 1px 16px;
    border-radius: 30px;
}

.card.bg-canberry .btn_wrapper a:hover {
    background: rgba(207, 62, 89, 0.7);
}

.card.bg-vista_blue .btn_wrapper a {}

.card.bg-blue {
    background: #294e7c;
    padding: 30px;
}

.bg-blue p.card-text,
.bg-skyblue p.card-text {
    text-align: left;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    /*width: 240px;*/
    position: relative;
    font-size: 16px;
    font-family: Arial;
}

.bg-vista_blue p.card-text,
.bg-canberry p.card-text {
    text-align: left;
    font-family: Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    width: 100%;
    position: relative;
    font-size: 16px;
}

.bg-blue h4.card-title {
    height: 50px;
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    position: relative;
}

.btn-blue .btn-title {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
}

.bg-skyblue h4.card-title {
    height: 50px;
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    position: relative;
}

.card.bg-skyblue {
    background: #8fc2d3 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 30px;
}

.btn-skyblue .btn-title {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
}

.card.bg-vista_blue {
    background: #a4d3bc;
    padding: 30px;
}

.bg-vista_blue h4.card-title {
    height: 70px;
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    position: relative;
}

/*.btn-vista_blue {
	background: rgba(164, 211, 188,0.4) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
	border-radius: 200px;
    position: relative;
}*/
.btn-vista_blue .btn-title {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
}

.card.bg-canberry {
    background: #db5472;
    padding: 30px;
}

.bg-canberry h4.card-title {
    height: 70px;
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    position: relative;
}

.btn-canberry .btn-title {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0;
    color: #ffffff;
}

.custom.area_especializacion_blocks h1,
.custom.area_especializacion_blocks h2 {
    font: Bold 23px/30px Arial;
    text-align: center;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
    padding: 50px;
}

.bg-area p.card-text {
    text-align: center;
    font: Bold 18px/23px Arial;
    letter-spacing: 0;
    color: #3d4543;
    opacity: 1;
}

.card.bg-area {
    border: none;
}

.card.bg-area {
    background: #e4e4e4;
}

.sp-megamenu-parent>li.sp-has-child>a:after {
    display: none;
}

.custom.sectores h1,
h2 {
    text-align: center;
    font: Bold 23px/30px Arial;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
}

.btn-container-sectores {
    width: 51%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
}

a.btn-sectores {
    background-color: #a4d3bc;
    color: #fff;
    border-radius: 25px;
    width: 120px;
    height: 30px;
    padding: 5px 20px;
    margin-left: 12px;
    text-align: center;
}

a.btn-sectores:hover,
a.btn-sectores:focus {
    background: #94c8ae;
}

.area_especializacion_blocks .card-group {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.area_especializacion_blocks p.card-text {
    /*padding-left: 25px;
    padding-right: 25px;*/
}

/* Tabs*/
img.se-icons {
    display: inline-block;
    margin-right: 10px;
}

.custom.sectores section {
    padding: 60px 0 0px 0;
}

.tab_header {
    margin-top: 90px;
    margin-bottom: 50px;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 51%;
}

.tab_content {
    text-align: left;
    font-family: Arial;
    font-size: 21px;
    letter-spacing: 0;
    color: #5f6765;
    opacity: 1;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 51%;
    line-height: 1.3em;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.custom.sectores #nav-tab :hover {
    border-color: transparent;
}

.custom.sectores #nav-tab {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid transparent;
}

/*.custom.sectores #nav-tab {
    width: 70%;
} */
.tab_left_content {
    padding-right: 0;
    padding-left: 0px;
}

.tab_left_content img {
    width: 100%;
}

.tab_right_content {
    padding-left: 0;
    background: #fff;
}

#tabs {
    color: #000;
}

#tabs h6.section-title {
    color: #eee;
}

.cloud_contact_planes_mobile section#tabs {
    background-color: #fff;
    border-radius: 5px;
}

#tabs .nav-tabs .nav-link {
    position: relative;
}

#tabs .nav-tabs .nav-link.active:after {
    content: "";
    border-bottom: 4px solid #405e89;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
}

#tabs .nav-tabs .nav-link:hover:after {
    content: "";
    border-bottom: 3px solid #405e89;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
}

.nav-tabs .nav-link.active::after {
    border-radius: 10px;
}

#tabs .nav-tabs .nav-link {
    text-align: left;
    font: Bold 16px/30px Arial;
    letter-spacing: 0;
    color: #405e89;
    opacity: 1;
    border: none !important;
    position: relative;
    background: #f5f5f5;
}

/*
.nav-tabs .nav-link.active::after{
    content: "";
    border: solid 2px #405E89;
    position: absolute;
    bottom: 0;
    left: 17px;
    width: 67px;
    border-radius: 10px;
}*/

#nav-tabContent {
    padding-bottom: 0 !important;
}

.block_header h1,
h2 {
    font: Bold 23px/30px Arial;
    text-align: center;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
    padding: 50px;
}

.image_with_text_block {
    position: absolute;
    top: 100px;
    padding: 50px;
    width: 90%;
}

.block_header img.block_head_img {
    min-height: 400px;
}

.image_with_text_block .bottom-right_small {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    top: 30px;
    position: relative;
}

.image_with_text_block .bottom-right_large {
    text-align: left;
    font: Bold 23px/30px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    position: relative;
    top: 40px;
}

.area_block {
    background: #fff;
}

.area_block_content {
    text-align: left;
    font: Regular 21px/27px Arial;
    letter-spacing: 0;
    color: #4e5654;
    opacity: 1;
}

.area_block_content {
    padding: 50px;
}

a.btn_success {
    background: #3d4543 0% 0% no-repeat padding-box;
    border-radius: 100px;
    opacity: 1;
    padding: 10px 20px 10px 20px;
    color: #fff;
    font: Bold 16px/20px Arial;
    height: 40px;
    display: inline-block;
    min-width: 180px;
    margin-top: 30px;
}

.bg_read_more {
    text-align: center;
}

/*banner*/
h5.card-title.banner_title,
h1.card-title.banner_title {
    text-align: left;
    font: Bold 30px/37px Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    width: 400px;
    margin-bottom: 20px;
}

h5.card-title.banner_title .kt-big,
h1.card-title.banner_title .kt-big {
    font-size: 50px;
    line-height: normal;
}

.home_page_banner p.card-text.banner_text {
    width: 260px;
}

p.card-text.banner_text,
p.talento_banner_text {
    text-align: left;
    font-size: 21px;
    font-family: Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    width: 450px;
    line-height: 1.1em;
    margin-bottom: 0px;
}

p.card-text.banner_text_big {
    text-align: left;
    font-size: 20px;
    font-family: Arial;
    letter-spacing: 0;
    color: #ffffff;
    opacity: 1;
    width: 400px;
    line-height: 1.1em;
    margin-bottom: 0px;
}

.small-banner-txt-big {
    text-align: left;
    font: 16px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 20px;
    width: 450px;
}

.small-banner-txt-big .small-text-img {
    display: inline-block;
    height: 30px;
    object-fit: unset;
    width: auto;
}

a.btn.banner_button {
    background: #ffffff;
    border-radius: 100px;
    opacity: 1;
    text-align: left;
    font: Bold 17px/20px Arial;
    letter-spacing: 0;
    color: #ef8c4c;
    opacity: 1;
    padding: 10px 20px 10px 20px;
    height: 40px;
    margin-top: 20px;
    line-height: 10px;
}

a.btn.banner_button.pink_sol {
    color: #db5472 !important;
}

a.btn.banner_button.green_sol {
    color: #a4d3bc !important;
}

a.btn.banner_button.blue_sol {
    color: #8fc2d3 !important;
}

a.btn.banner_button.dark_blue_sol {
    color: #294e7c !important;
}

a.btn.banner_button:hover {
    background: rgba(255, 255, 255, 0.7);
}

.card,
.card-img {
    border-radius: 0;
    border: 1px transparent;
}

.blog .article:hover .article-introtext span {
    color: #294e7c !important;
    cursor: default;
}

.article-list .article:hover .readmore a {
    color: #294e7c !important;
    cursor: pointer;
}

.banner_container .container.card-img-overlay {
    margin-left: auto;
    margin-right: auto;
    top: 40px;
    display: block;
}

.blog .article-header h2 {
    display: none;
}

.blog .readmore a,
.blog .article-introtext span {
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0;
    color: #3d4543 !important;
    opacity: 1;
}

.blog .article-list .article {
    border: 1px transparent;
    margin-bottom: 0;
    display: inline-block;
}

.block_header h1,
h2 {
    font: Bold 23px/30px Arial;
    text-align: center;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
    padding: 50px;
}

/*Adrian modificar padding de los titulos*/
.sp-module.area_specialization h2 {
    padding: 60px;
}

/*fin cambio*/

.footer_contact .card {
    /*background-color: #171717;*/
    background-color: #3d4543;
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0px;
    color: #abafae;
}

.social-icons li {
    font-size: 25px;
}

.footer_contact .card-body {
    padding-left: 0;
    padding-right: 0;
}

.sp-module.footer_contact {
    margin-bottom: 0 !important;
}

/*Adrian añadir y efecto hover*/
#sp-bottom .sp-module .menu li {
    margin-bottom: 0;
}

#sp-bottom .sp-module .menu li a {
    color: #cad3e1;
}

#sp-bottom .sp-module .menu li a:hover {
    color: #fff;
}

/*fin cambio*/

.acepto .aceptodiv {
    position: fixed;
    bottom: 10px;
    background: #ffffff 0% 0% no-repeat padding-box;
    width: 600px;
    font-size: 12px;
    padding: 10px;
    left: 31%;
    color: #727877;
    opacity: 0.8;
    border-radius: 5px;
    z-index: 9999;
    height: 100px;
    top: inherit !important;
    border: 1px solid #bababa;
}

.dir_blocks .title {
    font: Bold 21px/27px Arial;
    letter-spacing: 0px;
    color: #294e7c;
}

.dir_block_content {
    padding: 30px;
}

.sp-cookie-consent {
    display: none;
}

.btn_acepto {
    background: #294e7c;
    color: #ffffff !important;
    padding: 10px 20px;
    line-height: 5;
    border-radius: 21px;
    font-size: 14px;
}

.btn_acepto:hover {
    background: rgba(41, 78, 124, 0.7);
}

#sp-footer .container-inner {
    border-top: 1px transparent;
    padding-top: 0;
}

/*Adrian eliminar top para que encaje en el nuevo footer y cambiar color de fuente*/
span.sp-copyright,
.footer_policies_menu a,
.copyright_text p {
    text-align: left;
    font-size: 12px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    position: relative;
    /*top: 85px;*/
    /*fin cambio*/
}

.copyright_mobile p {
    text-align: left;
    font-size: 12px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #abafae;
    opacity: 1;
}

#sp-footer #sp-footer2 {
    text-align: left;
}

section#sp-bottom {
    padding-bottom: 0;
}

.sp-module.mobile_footer3 {
    display: none;
}

.custom.copyright_mobile {
    display: none;
}

.footer_policies_menu_mobile {
    display: none;
}

.sp-module.gtranslate_mobile {
    display: none;
}

.sp-module.gtranslate_desktop {
    display: block;
}

.custom.tablet_apple_footer {
    display: none;
}

.footer_policies_menu_mobile a,
.footer_policies_desktop a {
    text-decoration: underline;
}

.custom.ver_mas_btn {
    padding: 40px;
}

.switcher {
    width: 100%;
}

.block_header img.responsive {
    height: 400px;
    width: 582px;
}

.row.block_image_content {
    height: 182px;
}

a.btn.banner_button.btn_orange_sol {
    line-height: 0.45;
    /*width: 181px;*/
    text-align: center;
}

.mobile_mode {
    display: none;
}

.bg_grey .dir_content {
    text-align: left;
    font-size: 16px;
    font-family: Arial;
    font-weight: Regular;
    letter-spacing: 0px;
    color: #5f6765;
    opacity: 1;
}

img.banner_mobile,
img.banner_tablet {
    display: none;
}

img.card-img.banner_tablet {
    height: 470px;
}

.main_block {
    background: #e9e9e9;
    height: 100%;
    border-radius: 5px;
    padding: 15px;
}

.dir_blocks .bg_grey .dir_title {
    text-align: left;
    font-size: 21px;
    font-weight: Bold;
    font-family: Arial;
    letter-spacing: 0px;
    color: #294e7c;
    opacity: 1;
    max-width: 240px !important;
}

.dir_blocks .bg_grey span.dir_content {
    width: 342px;
    font-size: 16px;
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #5f6765;
    opacity: 1;
}

.dir_blocks .bg_grey {
    opacity: 1;
    margin: 5px;
}

.dir_title p {
    min-height: 60px;
}

.article-list .article .readmore a {
    font-size: 21px;
    font-weight: bold;
    color: #3d4543;
    font: Bold 21px/27px Arial;
    font-weight: 600;
}

.article-info span.published {
    text-align: left;
    font-size: 14px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #848a89;
    opacity: 1;
}

.area_especializacion_blocks .card-body img {
    text-align: center;
    display: inline-block;
    width: 200px;
    height: auto;
    border-radius: 50%;
}

.area_especializacion_blocks .sol-img {
    overflow: hidden;
    border-radius: 50%;
    transition: 0.5s;
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-left: auto;
}

.area_especializacion_blocks .card-body img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

.area_especializacion_blocks .card-body {
    overflow: hidden;
}

.area_de_image_mobile,
.area_de_content_mobile {
    display: none;
}

.area_de_image_small_mob_agent,
.area_de_content_small_mob_agent {
    display: none;
}

.eight_content,
.seven_image {
    display: none;
}

.block_header .block_head_img.mobile_img {
    display: none;
}

.row.block_image_content.second {
    margin-top: 35px;
}

@media screen and (max-width: 1400px) {
    .area_especializacion_blocks .sol-img {
        width: inherit;
        height: inherit;
    }
}

@media screen and (max-width: 1200px) {
    .area_especializacion_blocks .card-body {
        padding: 12px;
    }
}

@media screen and (max-width: 911px) {
    .area_especializacion_blocks .sol-img {
        width: 200px;
        height: 200px;
    }

    .area_specialization_block .card {
        height: 300px;
    }
}

@media screen and (max-wdith: 576px) {
    .tab_right_content {
        min-height: 200px;
    }
}

@media screen and (max-width: 500px) {
    .area_especializacion_blocks .sol-img {
        width: 160px;
        height: inherit;
    }

    .area_especializacion_blocks .card-body img {
        width: 160px;
        height: 160px;
    }
}

@media screen and (max-width: 480px) {
    .bg_grey .dir_content {
        font-size: 15px;
    }
}

/*offcanvas menu*/
.offcanvas-menu {
    background-color: #3d4543 !important;
    color: #fff !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #e4e4e4;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    color: #abafae;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #e4e4e4;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    color: #e4e4e4;
    font-family: arial;
}

#sp-bottom a:hover {
    color: #a2a2a2;
}

a.contactus {
    text-align: left;
    font: Bold 16px/22px Arial;
    letter-spacing: 0px;
    color: #fff !important;
}

/*Adrian cambiar tamaño de letra de 16 a 18 y color de la fuente*/
.footer_contact span.card-text {
    text-align: left;
    font: Bold 18px/22px Arial;
    letter-spacing: 0px;
    color: #3D4543;
}

/*fin cambio*/

/*Adrian cambio de fuente de 12 a 15*/
#sp-bottom .sp-module .sp-module-title {
    text-align: left;
    font: Bold 15px/26px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    text-transform: initial;
}

#sp-bottom .sp-module ul>li>a {
    font-size: 15px;
    font-family: arial;
}

/*fin cambio*/
#sp-bottom .sp-module ul:not(.lang-inline)>li>a:hover {
    color: #fff;
}

.switcher {
    width: 100px !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.area_de_especializacion {
    position: relative;
}

.area_de_especializacion .sp-dropdown {
    width: 21% !important;
    position: absolute !important;
    left: 0 !important;
    margin-left: 0;
}

.area_de_especializacion .sp-dropdown-inner {
    padding: 0 !important;
}

.article-list .article .read_more a {
    font-size: 21px;
    font-weight: bold;
    color: #3d4543;
    font: Bold 21px/27px Arial;
    font-weight: 600;
}

ul.social-icons li a:hover {
    color: #fff !important;
}

.card-body.text-left a.contactus:hover {
    text-decoration: underline;
}

/* button hover */

.banner_button.btn_orange_sol:hover {
    background: rgba(255, 255, 255, 0.7);
}

.btn_success:hover {
    background: rgba(61, 69, 67, 0.7);
}

.ver_mas .btn_success {
    width: 200px;
}

.mas-ver-btn {
    text-align: center;
}

.mas-ver-btn a {
    width: 240px;
    padding: 10px;
    background: #3d4544 0% 0% no-repeat padding-box;
    border-radius: 100px;
    color: #fff;
    font: Bold 16px/20px Arial;
    height: 40px;
    display: inline-block;
}

.mas-ver-btn a:hover {
    background: rgba(61, 69, 67, 0.7);
}

.blog.home .article-list .article .article-intro-image img {
    object-fit: cover;
}

.dj-simple-contact-form .row.first div[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.dj-simple-contact-form .row.first {
    margin-left: -8px;
    margin-right: -8px;
}

.dj-simple-contact-form .row.second div[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.dj-simple-contact-form .row.second {
    margin-left: -8px;
    margin-right: -8px;
}

.dj-simple-contact-form .row.third div[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.dj-simple-contact-form .row.third {
    margin-left: -8px;
    margin-right: -8px;
}

.dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}

/* mobile menu */

/* mobile class */
img.card-img.banner_mobile {
    height: 400px;
}

/*-------------------------------------------Responsive----------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .area_de_especializacion .sp-dropdown {
        width: 23% !important;
    }

    .megamenu_sectores .sp-dropdown {
        width: 21% !important;
        margin-left: 0;
    }

    .megamenu_sobrealisys .sp-dropdown {
        margin-left: 0;
    }

    .area_specialization_block img {
        height: 263px !important;
        object-fit: cover;
    }

    h1.contact_title,
    h3.contact_title {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .area_especializacion_blocks .card-body {
        padding: 6px;
    }
}

/**/
@media (max-width: 320px) {
    .main-menu .menu {
        display: none;
    }

    .sectores .tab_content {
        padding-left: 7px;
    }

    .area_specialization_block .card {
        width: 100% !important;
        margin-bottom: 0;
    }

    .area_specialization_block img {
        width: 100% !important;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 91% !important;
    }

    .btn-blue,
    .btn-skyblue {
        bottom: 30px;
    }

    img.responsive {
        width: 100%;
    }

    .image_with_text_block {
        position: absolute;
        top: 0px;
        padding: 11px;
        width: 90%;
    }

    .image_with_text_block .bottom-right_small {
        top: 10px;
        width: 100%;
        position: relative;
        font: Bold 12px/22px Arial;
    }

    .image_with_text_block .bottom-right_large {
        top: 8px;
        font: Bold 18px/30px Arial;
    }

    .tab_left_content {
        padding-left: 0;
    }

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    span.sp-copyright,
    .footer_policies_menu a {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    .acepto .aceptodiv {
        display: none;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
    }

    p.card-text.banner_text {
        width: 50%;
    }

    .tab_header {
        width: 85%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .tab_content {
        width: 90%;
        font-size: 15px;
    }

    .custom.sectores #nav-tab {
        width: 85%;
    }

    .banner_container .container.card-img-overlay {
        width: 80%;
        top: 10px;
        right: unset;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        font: Bold 25px/37px Arial;
    }

    a.btn.banner_button {
        padding: 5px 20px 5px 20px;
        font: Bold 14px/20px Arial;
    }

    .custom.area_especializacion_blocks h1,
    h2 {
        padding: 15px 10px;
    }

    .block_header h1,
    h2 {
        font-size: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .area_block_content {
        padding: 0px 20px;
    }

    .blog .readmore {
        width: 45%;
    }

    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .sp-module.desktop_footer {
        display: none;
    }

    .copyright_desktop {
        display: none;
    }

    .custom.copyright_mobile {
        display: block;
    }

    .footer_policies_menu.footer_policies_desktop {
        display: none;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .sp-module.gtranslate_mobile {
        display: block;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        width: 50% !important;
    }

    #sp-footer {
        padding: 20px 0px 20px 0px;
    }

    .custom.ver_mas_btn {
        padding: 20px;
    }

    .mobile_mode {
        display: inline-block;
        text-align: center;
    }

    .mobile_mode img {
        text-align: center;
        display: inline-block;
    }

    .desktop_mode {
        display: none;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    .main_block {
        height: auto;
    }

    .img_block {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_image_mobile,
    .area_de_content_mobile {
        display: block;
    }

    .agent_third_block {
        display: none;
    }

    .third .agent_third_block {
        display: none;
    }

    .four .area_de_content_small_mob_agent {
        display: block;
    }

    .eight .card.bg-canberry.eight_content {
        display: block;
    }

    .seven .card.bg-canberry.area_de_content_mobile {
        display: none;
    }

    .seven .card.seven_image {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font-size: 12px;
        font-family: Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer2 {
        max-width: 100%;
        flex: 100%;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }
}

@media (max-width: 479px) {
    .main-menu .menu {
        display: none;
    }

    .area_specialization_block .card {
        width: 100% !important;
        margin-bottom: 0;
        /*height: 360px;*/
        height: 240px;
    }

    .area_specialization_block .card .btn_wrapper {
        bottom: 27px;
    }

    .area_specialization_block img {
        width: 100% !important;
        height: auto;
        object-fit: cover;
        height: 240px;
        background: #ccc;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 100% !important;
    }

    .btn-blue,
    .btn-skyblue {
        bottom: 30px;
    }

    img.responsive {
        width: 100%;
    }

    .image_with_text_block {
        position: absolute;
        top: 3%;
        padding: 11px;
        width: 90%;
    }

    .row.block_image_content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        margin-top: 20px;
    }

    .row.block_image_content.second {
        margin-top: 20px;
    }

    .area_block_content {
        text-align: left;
        display: inline-block;
    }

    .area_block,
    .area_block img {
        text-align: center;
        display: inline-block;
    }

    /*.block_header img.block_head_img {
        min-height: auto;
    }*/
    .block_header img.block_head_img.mobile_img {
        min-height: 220px;
    }

    .image_with_text_block .bottom-right_small {
        top: 10px;
        width: 100%;
        position: relative;
        font: Bold 12px/22px Arial;
    }

    .image_with_text_block .bottom-right_large {
        top: 8px;
        font: Bold 18px/30px Arial;
        line-height: 1.3;
    }

    .tab_left_content {
        padding-left: 0;
    }

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    span.sp-copyright,
    .footer_policies_menu a {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    #sp-bottom {
        line-height: unset;
    }

    .acepto .aceptodiv {
        display: none;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 60%;
    }

    .home_page_banner p.card-text.banner_text {
        width: 208px;
    }

    p.card-text.banner_text {
        width: 208px;
        font-size: 18px;
    }

    .tab_header {
        width: 85%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .tab_content {
        width: 90%;
        font-size: 15px;
    }

    .custom.sectores #nav-tab {
        width: 85%;
    }

    .banner_container .container.card-img-overlay {
        width: 80%;
        top: 10px;
        right: unset;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        /*height: 132px;*/
        font-size: 27px;
    }

    a.btn.banner_button {
        padding: 5px 20px 5px 20px;
        font: Bold 14px/10px Arial;
    }

    .custom.area_especializacion_blocks h1,
    h2 {
        padding: 15px 10px;
    }

    .block_header h1,
    h2 {
        font-size: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .area_block_content {
        padding: 0px 20px;
        text-align: left;
    }

    .blog .readmore {
        width: 45%;
    }

    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .sp-module.desktop_footer {
        display: none;
    }

    .copyright_desktop {
        display: none;
    }

    .custom.copyright_mobile {
        display: block;
    }

    .footer_policies_menu.footer_policies_desktop {
        display: none;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .sp-module.gtranslate_mobile {
        display: block;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        width: 50% !important;
    }

    .custom.ver_mas_btn {
        padding: 20px;
    }

    .mobile_mode {
        display: none;
    }

    .mobile_mode img {
        display: none;
    }

    .desktop_mode {
        display: block;
        width: 30%;
    }

    .desktop_mode img {
        width: 65px;
        height: 60px;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    img.banner_tablet {
        display: none;
    }

    .main_block {
        height: auto;
    }

    .img_block {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_image_mobile,
    .area_de_content_mobile {
        display: block;
    }

    .agent_third_block {
        display: none;
    }

    .third .agent_third_block {
        display: none;
    }

    .four .area_de_content_small_mob_agent {
        display: block;
    }

    .eight .card.bg-canberry.eight_content {
        display: block;
    }

    .seven .card.seven_image {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font: Regular 12px/20px Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer2 {
        max-width: 100%;
        flex: 100%;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }

    .sectores .tab_content {
        padding-left: 7px;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }

    .sectores .tab_content {
        padding-left: 7px;
    }

    .area_especializacion_blocks .card-body.text-center p {
        margin-bottom: 0;
    }

    .bg-vodaphone img.card-img-top {
        width: 120px;
    }

    .bg-alastria img.card-img-top {
        width: 120px;
    }

    .bg-google img.card-img-top {
        width: 120px;
    }

    .bg-softbank img.card-img-top {
        width: 120px;
    }

    .bg-zorabots img.card-img-top {
        width: 81px;
    }

    .bg-furhat img.card-img-top {
        width: 130px;
    }

    .partnership_block .partner_block {
        width: 100%;
    }

    .partnership_block .partner_block .card {
        float: left;
        max-width: 50%;
        flex: 50%;
        margin-bottom: 0;
        width: 50%;
    }

    .partner_block .card_img {
        height: 80px;
    }

    .partner_block .card-body {
        min-height: 148px;
    }

    .partner_block .card-text {
        font-size: 14px;
        width: 100%;
    }

    .sp-module.partnership_block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .trabaja_desktop,
    .trabaja_tablet_img {
        display: none;
    }

    .trabaja_mobile_img {
        display: block;
    }

    p.card-text.banner_text {
        height: inherit;
        font-size: 16px;
        margin-bottom: 20px;
    }

    a.btn.banner_button {
        margin-top: 0px;
    }
}

/* Phone landscape */
@media (max-width: 480px) {

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    span.sp-copyright,
    .footer_policies_menu a {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    #sp-bottom {
        line-height: unset;
    }

    .acepto .aceptodiv {
        display: none;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        font-size: 27px;
    }

    .tab_header {
        width: 85%;
        margin-top: 0;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .tab_content {
        width: 85%;
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
    }

    .tab_right_content {
        padding: 30px;
    }

    .custom.sectores #nav-tab {
        width: 85%;
        margin-bottom: 0;
    }

    #nav-tabContent {
        padding-top: 0 !important;
    }

    #tabs .nav-tabs .nav-link {
        text-align: center;
    }

    img.se-icons {
        margin: 0;
    }

    .custom.sectores section {
        padding: 10px 0 0 0;
    }

    .banner_container .container.card-img-overlay {
        width: 100%;
        top: 0px;
        right: 0;
    }

    #sp-section-3 {
        margin-top: -65px;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 100%;
        font-size: 24px;
        font: Bold 20px/37px Arial;
        line-height: 1.1;
    }

    a.btn.banner_button {
        padding: 5px 20px 5px 20px;
        font: Bold 14px/10px Arial;
    }

    .custom.area_especializacion_blocks h1,
    h2 {
        padding: 25px 10px;
    }

    .block_header h1,
    h2 {
        font-size: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 40px 10px 0;
    }

    .area_block_content {
        padding: 10px 20px;
    }

    .blog .readmore {
        width: 100%;
    }

    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .sp-module.desktop_footer {
        display: none;
    }

    .copyright_desktop {
        display: none;
    }

    .custom.copyright_mobile {
        display: block;
    }

    .footer_policies_menu.footer_policies_desktop {
        display: none;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .sp-module.gtranslate_mobile {
        display: block;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    /*Adrian eliminar width important para que cuadre con el nuevo diseño del footer*/
    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        /*width: 50% !important;*/
    }

    /*fin cambio*/
    #sp-footer {
        padding: 20px 0px 20px 0px;
    }

    .custom.ver_mas_btn {
        padding: 20px;
    }

    /*  a.btn.banner_button.btn_orange_sol*/
    #solicita-btn {
        /*width: 156px;*/
        font-size: 14px;
        margin-top: 30px;
    }

    a.btn.banner_button.green_sol {
        /*width: 207px;*/
        margin-top: 8px;
    }

    a.btn.banner_button.pink_sol {
        margin-top: 8px;
    }

    .mobile_mode {
        display: none;
    }

    .dir-content {
        max-width: 70%;
    }

    .mobile_mode img {
        display: none;
    }

    .desktop_mode {
        display: block;
        width: 30%;
    }

    .desktop_mode img {
        width: 100%;
        height: auto;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    .main_block {
        height: auto;
    }

    .img_block {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    /*.card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }*/
    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .card-group {
        display: inline-block;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_image_mobile {
        display: block;
    }

    .responsive.area-home-desk {
        display: none;
    }

    .responsive.area-home-tab {
        display: none;
    }

    .responsive.area-home-mob {
        display: block;
    }

    .agent_third_block {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .third .agent_third_block {
        display: none;
    }

    .four .area_de_content_small_mob_agent {
        display: block;
    }

    .eight .card.bg-canberry.eight_content {
        display: block;
    }

    .seven .card.seven_image {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }

    .row.block_image_content.second {
        margin-top: 20px;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font: Regular 12px/20px Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font-size: 12px;
        font-family: Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer2 {
        max-width: 100%;
        flex: 100%;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }

    .sectores .tab_content {
        padding-left: 15px;
        margin-left: 0;
        width: 100%;
        font-size: 15px;
    }

    .btn-container-sectores {
        font-size: 13px;
        width: 99%;
    }

    .area_especializacion_blocks .card-body.text-center p {
        margin-bottom: 0;
    }

    .cld-card-text.banner_text {
        font: 17px/20px Arial !important;
        width: 100%;
    }

    .cld-card-title.banner_title,
    h1.card-title.banner_title {
        /*margin-bottom: 35px !important;*/ /*SOLARIS COMENTADO*/
        font-size: 25px;
        line-height: 1em;
        margin-top: 20px !important;
    }

    .cloud_ban_right {
        width: 80%;
    }
}

@media screen and (max-width: 360px) {
    .cld-card-title.banner_title {
        font-size: 22px;
    }
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 481px) and (max-width: 568px) {

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    span.sp-copyright,
    .footer_policies_menu a {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    #sp-bottom {
        line-height: unset;
    }

    .acepto .aceptodiv {
        display: none;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        /*height: 132px;*/
        font-size: 27px;
    }

    p.card-text.banner_text {
        width: 208px;
        font-size: 18px;
    }

    .tab_header {
        width: 85%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .tab_content,
    .btn-container-sectores {
        width: 85%;
        font-size: 15px;
    }

    .btn-container-sectores {
        margin-top: 20px;
        font-size: 13px;
        margin-bottom: 40px;
    }

    .tab_right_content {
        /*min-height: 200px;*/
    }

    .custom.sectores #nav-tab {
        width: 85%;
    }

    .custom.area_especializacion_blocks h1,
    h2 {
        padding: 15px 10px;
    }

    .block_header h1,
    h2 {
        padding: 30px;
    }

    .area_block_content {
        padding: 0px 20px;
    }

    .blog .readmore {
        width: 100%;
    }

    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .sp-module.desktop_footer {
        display: none;
    }

    .copyright_desktop {
        display: none;
    }

    .custom.copyright_mobile {
        display: block;
    }

    .footer_policies_menu.footer_policies_desktop {
        display: none;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .sp-module.gtranslate_mobile {
        float: right;
        margin-bottom: 0 !important;
        text-align: right;
        display: inline-block;
        position: relative;
        bottom: 20px;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    /*Adrian eliminar width important para que cuadre con el nuevo diseño del footer*/
    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        /*width: 50% !important;*/
    }

    /*fin cambio*/
    #sp-footer {
        padding: 20px 0px 20px 0px;
    }

    .custom.ver_mas_btn {
        padding: 20px;
    }

    a.btn.banner_button.btn_orange_sol {
        width: 156px;
        font-size: 14px;
    }

    .mobile_mode {
        display: inline-block;
        text-align: center;
    }

    .mobile_mode img {
        text-align: center;
        display: inline-block;
    }

    .desktop_mode {
        display: none;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    .main_block {
        height: auto;
    }

    .img_block {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_image_mobile,
    .area_de_content_mobile {
        display: block;
    }

    .agent_third_block {
        display: none;
    }

    .third .agent_third_block {
        display: none;
    }

    .four .area_de_content_small_mob_agent {
        display: block;
    }

    .eight .card.bg-canberry.eight_content {
        display: block;
    }

    .seven .card.seven_image {
        display: block;
    }

    .responsive.area-home-mob {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font-size: 12px;
        font-family: Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer2 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer3 {
        display: block;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }

    .sectores .tab_content {
        padding-left: 7px;
    }

    .area_especializacion_blocks .card-body.text-center p {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: auto;
    }

    .area_especializacion_blocks .card.bg-area {
        /*width: 19%;*/
        flex: 19%;
        display: inline-block;
        vertical-align: top;
        float: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog .article-introtext span {
        font-size: 15px;
        line-height: 1.2;
    }

    .blog .readmore {
        width: 29% !important;
        margin-top: -47px;
    }

    .blog .readmore a {
        font-size: 16px !important;
    }

    .article .article-info {
        position: absolute;
        left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .article .readmore {
        margin-top: 0;
        margin-left: 0;
    }

    .article .article-info {
        position: relative;
        left: 0;
    }

    .blog .article-introtext span {
        margin: 10px 0 0 0 !important;
    }
}

/* Only Phones (Landscape) */
@media (min-width: 569px) and (max-width: 767px) {

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    span.sp-copyright,
    .footer_policies_menu a {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    /*#sp-bottom{
    	line-height: 1;
    }*/
    .acepto .aceptodiv {
        display: none;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        height: 132px;
        font-size: 27px;
    }

    p.card-text.banner_text {
        width: 208px;
        font-size: 18px;
        /*height: 116px;*/
    }

    .tab_header {
        width: 85%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .tab_content,
    .btn-container-sectores {
        width: 90%;
        font-size: 15px;
    }

    .btn-container-sectores {
        margin-top: 5px;
    }

    .custom.sectores #nav-tab {
        width: 90%;
    }

    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .card-img-overlay {
        right: 20%;
    }

    .blog .readmore {
        width: 100%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .sp-module.desktop_footer {
        display: none;
    }

    .copyright_desktop {
        display: none;
    }

    .custom.copyright_mobile {
        display: block;
    }

    .footer_policies_menu.footer_policies_desktop {
        display: none;
    }

    .footer_policies_menu_mobile {
        display: block;
    }

    .sp-module.gtranslate_mobile {
        display: block;
        float: right;
    }

    #sp-bottom .sp-module.gtranslate_mobile,
    #sp-bottom .sp-module {
        margin-bottom: 0px !important;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    /*Adrian eliminar width important para que cuadre con el nuevo diseño del footer*/
    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        /*width: 50% !important;*/
    }

    /*fin cambio*/
    #sp-footer {
        padding: 20px 0px 20px 0px;
    }

    a.btn.banner_button.btn_orange_sol {
        width: 156px;
        font-size: 14px;
    }

    .mobile_mode {
        display: none;
    }

    .desktop_mode {
        display: block;
    }

    .dir-content {
        width: 70%;
        display: inline-block;
    }

    .desktop_mode {
        display: inline-block;
        max-width: 30%;
    }

    .main_block {
        height: auto;
    }

    .dir-content {
        width: 70%;
        display: inline-block;
    }

    .desktop_mode {
        display: inline-block;
        width: 30%;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_image_mobile,
    .area_de_content_mobile {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }

    #sp-footer .footer_policies_menu_mobile ul.menu li a {
        text-align: center;
        font-size: 12px;
        font-family: Arial;
        letter-spacing: 0px;
        color: #abafae;
        opacity: 1;
    }

    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }

    #sp-footer #sp-footer2 {
        max-width: 100%;
        flex: 100%;
    }

    div#sp-footer3 {
        display: block;
    }

    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px;
    }

    .sectores .tab_content {
        padding-left: 7px;
    }

    .area_especializacion_blocks .card-body.text-center p {
        margin-bottom: 0;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (orientation: landscape) {
    #sp-footer1 {
        max-width: 100%;
        flex: 100%;
    }
}

@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait) {
    .block_header .image_with_text_block {
        top: 15px;
        width: 80%;
    }
}

@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: landscape) {
    #sp-bottom .col-lg-2 {
        max-width: 50% !important;
        flex: 50% !important;
    }
}

@media only screen and (min-width: 411px) and (max-width: 731px) {
    .banner_container .container.card-img-overlay {
        width: 100%;
        right: 1px;
    }

    .mobile_mode {
        display: none;
    }

    .desktop_mode {
        display: block;
    }

    img.block_head_img {
        width: 100%;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    img.banner_banner {
        display: none;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .banner_container .container.card-img-overlay {
        right: 0%;
        top: 10px;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_image_mobile,
    .area_de_content_mobile {
        display: block;
    }

    .block_header .block_head_img.desktop_img {
        display: none;
    }

    .block_header .block_head_img.mobile_img {
        display: block;
    }
}

/* Google Pixel */
@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: landscape) {
    .block_header .block_image_content {
        margin-top: 25px;
    }

    .row.block_image_content.second {
        margin-top: 25px;
    }

    div#sp-bottom1 {
        width: 50%;
    }

    .tab_content,
    .btn-container-sectores {
        width: 83%;
    }

    .btn-container-sectores {
        margin-top: 20px;
        font-size: 13px;
    }

    .home_page_banner p.card-text.banner_text {
        width: 60%;
    }
}

@media only screen and (min-width: 411px) and (max-width: 823px) and (orientation: portrait) {
    .block_header .block_image_content {
        margin-top: 25px;
    }

    .block_header .row.block_image_content.second {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {

    .home_page_banner h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        height: auto;
        font-size: 30px;
        line-height: 0.9em;
    }
}

@media only screen and (min-width: 411px) and (max-width: 991px) {
    .area_specialization_block .col-sm-6.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block img {
        width: 100%;
    }

    .acepto .aceptodiv {
        display: none;
    }

    .card-img-overlay {
        right: 20%;
    }

    .sp-module.mobile_footer3 {
        display: block;
    }

    .mobile_mode {
        display: none;
    }

    .desktop_mode {
        display: block;
    }

    .dir_blocks .bg_grey .dir_title {
        max-width: 100% !important;
        font-size: 18px;
    }

    .dir-content {
        width: 70%;
        display: inline-block;
    }

    .desktop_mode {
        display: inline-block;
        width: 30%;
    }

    img.block_head_img {
        width: 100%;
    }

    img.banner_mobile {
        display: block;
    }

    img.banner_desktop {
        display: none;
    }

    img.banner_banner {
        display: none;
    }

    .banner_container .container.card-img-overlay {
        right: 7%;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .banner_container .container.card-img-overlay {
        top: 10px;
        right: 0;
      position:absolute;
    }

    .area_de_image_desktop {
        display: none;
    }

    .area_de_image_mobile {
        display: block;
    }

    .area_de_content_desktop {
        display: none;
    }

    .area_de_content_mobile {
        display: block;
    }

    .area_de_image_mobile .responsive.area-home-tab {
        display: none;
    }

    .area_de_image_mobile .responsive.area-home-mob {
        display: block;
        object-fit: cover;
    }

    .responsive.area-home-desk {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .acepto .aceptodiv {
        display: none;
    }

    .card-img-overlay {
        right: 20%;
    }

    .banner_container .container.card-img-overlay {
        top: 1%;
    }

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    .area_block_content {
        padding: 20px 20px;
    }

    .block_header p {
        margin-bottom: 5px;
    }

    .tab_header {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sp-module.mobile_footer3 {
        display: none;
    }

    .custom.desktop_footer {
        display: none;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    .sp-module.gtranslate_mobile {
        display: block;
    }

    span.sp-copyright,
    .footer_policies_menu a,
    .copyright_text p {
        top: 0;
    }

    /*Adrian comentar para aplicar nuevo estilo*/
    /*#sp-bottom .col-lg-2 {
    width: 50% !important;
  }*/
    /*fin cambio*/
    .custom.tablet_apple_footer p img {
        float: left;
    }

    .switcher.notranslate {
        float: right;
    }

    .custom.tablet_apple_footer {
        position: relative;
        top: 125px;
        left: 100px;
    }

    .block_header img.responsive {
        width: 100%;
    }

    .block_image_content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .article-list .row .col-md-6 {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .image_with_text_block {
        padding: 50px;
        width: 100%;
        top: 0;
    }

    .banner_container p.card-text.banner_text {
        width: 400px;
        height: auto;
    }

    .image_with_text_block {
        width: 100%;
        top: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    .custom.tablet_apple_footer p img {
        float: right;
    }

    /*Adrian comentar para que se aplique el nuevo estilo*/
    /*#sp-bottom .col-lg-2,
  #sp-bottom #sp-bottom1,
  #sp-bottom #sp-bottom2 {
    width: 33% !important;
  }*/
    /*fin cambio*/
    .area_especializacion_blocks .card-group {
        margin-left: auto;
        margin-right: auto;
        display: block;
        flex: 97%;
        width: 97%;
    }

    .area_especializacion_blocks .card-body.text-center {
        padding-left: 5px;
        padding-right: 5px;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
    }

    .area_especializacion_blocks .card.bg-area {
        /* width: 19%;
        flex: 19%;*/
    }

    .tab_header {
        width: 83%;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left: 0;
    }

    .tab_content {
        width: 83%;
        padding-left: 0;
    }

    .custom.tablet_apple_footer {
        display: inline-block;
        left: 120px;
    }

    span.error_terms2.error {
        top: 100px !important;
        left: 0;
    }

    .easy_contact .label_terms {
        width: 98%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .area_especializacion_blocks .card-group {
        width: 100%;
    }

    .soluciones_banner h5.card-title.banner_title,
    h1.card-title.banner_title {
        margin-bottom: 20px;
        height: auto;
        margin-top: 0px;
    }

    .soluciones_banner .banner_container p.card-text.banner_text {
        width: 280px;
        height: 150px;
    }

    .easy_contact span.error_terms2.error {
        top: 70px !important;
        left: 0px;
    }

    .easy_contact .label_terms {
        width: 98%;
    }

    .easy_contact span.error_terms2.error {
        top: 90px !important;
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mas-client-cc-cx-cls.block_header .mas-sixty-in-blck {
        padding: 85px 40px 60px 50px;
    }

    .acepto .aceptodiv {
        display: none;
    }

    .banner_container .container.card-img-overlay {
        right: 15%;
    }

    .banner_container .container.card-img-overlay {
        top: 20px;
        right: 0%;
      position:absolute !important;
    }

    li.sp-menu-item.contacto,
    li.sp-menu-item.robotica-social {
        padding-left: 0;
    }

    #sp-menu .sp-menu-item a {
        padding: 7px 10px;
    }

    li.sp-menu-item.robotica-social a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sp-megamenu-parent {
        float: left !important;
        display: none !important;
    }

    a#offcanvas-toggler {
        display: block !important;
    }

    .custom.sectores #nav-tab {
        width: 90%;
    }

    .sectores_footer_mobile,
    .soluciones_cloud_footer_menu,
    #sp-bottom3,
    #sp-bottom4,
    #sp-bottom5 {
        display: none;
    }

    .area_block_content {
        padding: 20px 20px;
    }

    .block_header p {
        margin-bottom: 5px;
    }

    .sp-module.mobile_footer3 {
        display: none;
    }

    .custom.desktop_footer {
        display: none;
    }

    .sp-module.gtranslate_desktop {
        display: none;
    }

    .sp-module.gtranslate_mobile {
        display: block;
    }

    span.sp-copyright,
    .footer_policies_menu a,
    .copyright_text p {
        top: 0;
    }

    .article-list .row .col-md-6 {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .image_with_text_block {
        padding: 50px;
        width: 100%;
        top: 0;
    }

    .switcher.notranslate {
        float: right;
    }

    .mobile_mode {
        display: inline-block !important;
        text-align: center;
    }

    .mobile_mode img {
        text-align: center;
        display: inline-block;
    }

    .desktop_mode {
        display: none;
    }

    .dir-content {
        flex: 100% !important;
        max-width: 100%;
    }

    .dir_blocks .bg_grey .dir_title {
        max-width: 100% !important;
    }

    img.banner_mobile,
    img.banner_desktop {
        display: none;
    }

    img.banner_tablet {
        display: block;
    }

    .img_block {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .dir_title p {
        min-height: 30px;
    }

    img.banner_mobile,
    img.banner_desktop {
        display: none;
    }

    img.banner_tablet {
        display: block;
    }

    .mas-de-three-class-block .image_with_text_block {
        bottom: 50px;
        top: inherit !important;
    }

    .mas-de-three-class-block .bottom-right_small {
        font-size: 18px;
    }

    .image_with_text_block {
        width: 100%;
        top: 20%;
    }

    .area_specialization_block .btn_wrapper {
        top: auto;
        bottom: 30px;
    }

    .row.block_image_content {
        height: auto;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape) {
    .row.block_image_content {
        height: 182px;
    }

    .area_block_content {
        padding: 25px;
    }

    .block_header p {
        margin-bottom: 3px;
    }

    .area_block img {
        width: 152px;
    }

    .banner_container .container.card-img-overlay {
        right: 0%;
    }

    .image_with_text_block {
        position: absolute;
        top: 30px;
        padding: 50px;
        width: 90%;
    }

    .easy_contact span.error_terms2.error {
        top: 60px !important;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: portrait) {
    .row.block_image_content {
        height: auto;
    }

    .area_block_content {
        padding: 25px;
    }

    .block_header p {
        margin-bottom: 3px;
    }

    .area_block img {
        width: 152px;
    }

    .custom.tablet_apple_footer p img {
        float: right;
    }

    #sp-bottom .col-lg-2,
    #sp-bottom #sp-bottom1,
    #sp-bottom #sp-bottom2 {
        max-width: 50% !important;
        flex: 50%;
    }

    .area_especializacion_blocks .card-group {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex: 97%;
        width: 97%;
        flex-flow: row wrap;
    }

    .easy_contact span.error_terms2.error {
        top: 80px !important;
    }
}

/*iphone5/SE*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {

    /* styles*/
    .banner_container .container.card-img-overlay {
        width: 100%;
        top: 10%;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {

    /* styles*/
    h5.card-title.banner_title,
    h1.card-title.banner_title {
        width: 80%;
        height: auto;
        font-size: 22px;
    }

    .banner_container .container.card-img-overlay {
        width: 100%;
      position:absolute;
    }

    .card.bg-area {
        width: 100%;
        flex: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .card-group {
        display: inline-block;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 100%;
    }
}

@media (max-width: 750px) and (min-width: 480px) {

    .custom.area_especializacion_blocks h1,
    h2 {
        width: 91%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .block_header .mas-sixty-blck-left {
        width: 100%;
        margin-bottom: 35px;
    }

    .block_header .mas-sixty-blck-right-t,
    .block_header .mas-sixty-blck-right-b {
        width: 100%;
    }

    .block_header .mas-right-blck-in {
        margin-left: 0;
        width: 100%;
    }
}

/*iphone X*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
    .image_with_text_block {
        top: 30%;
        width: 80%;
    }

    .tab_content {
        width: 83%;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    /*
    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }*/
    .card-group {
        display: inline-block;
    }

    .area_block img {
        width: 130px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    .banner_container .container.card-img-overlay {
        right: 0;
    }

    .image_with_text_block {
        top: 40px;
        width: 95%;
    }

    .row.block_image_content {
        margin-top: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .block_header p {
        margin-bottom: 40px;
    }

    .tab_content {
        width: 80%;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }

    .custom.tablet_apple_footer {
        left: 100px;
    }

    #sp-bottom .col-lg-2 {
        max-width: 50% !important;
        flex: 50% !important;
    }

    .area_especializacion_blocks .card-body.text-center {
        padding-left: 5px;
        padding-right: 5px;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mas-sixty-blck-left {
        width: 100%;
        float: none;
        margin-bottom: 35px;
    }

    .mas-sixty-blck-right-t {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    .mas-sixty-blck-right-b {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    .mas-right-blck-in {
        margin-left: 0;
        width: 100%;
    }
}

@media only screen and (min-device-width: 411px) and (max-device-width: 823px) and (orientation: landscape) {
    .mas-sixty-blck-left {
        width: 100%;
        float: none;
        margin-bottom: 35px;
    }

    .mas-sixty-blck-right-t {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    .mas-sixty-blck-right-b {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    .mas-right-blck-in {
        margin-left: 0;
        width: 100%;
        margin-bottom: 0;
    }

    .area_especializacion_blocks p.card-text {
        padding-left: 5px;
        padding-right: 5px;
    }

    .area_especializacion_blocks .card-body.text-center {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*iPhone 6, 7, 8 Plus in landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .banner_container .container.card-img-overlay {
        right: 0;
        top: 10px;
    }

    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }

    .card-group {
        display: inline-block;
    }
}

/*iPhone 6, 7, 8 Plus in portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {

    /*.card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: left;
    }*/
    .card.bg-area {
        width: 49%;
        flex: 49%;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .card-group {
        display: inline-block;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: portrait) {
    #sp-menu a#offcanvas-toggler {
        display: none !important;
    }

    ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
        display: block !important;
        padding: 23px 0px;
    }

    #sp-header .row {
        position: relative;
        justify-content: space-evenly;
        /*align-items: center;*/
    }

    .sp-megamenu-parent {
        float: right !important;
    }
}

@media (max-width: 1024px) and (min-width: 760px) and (orientation: landscape) {
    #sp-header .row {
        position: relative;
        justify-content: space-evenly;
        /*align-items: center;*/
    }

    .sp-megamenu-parent {
        float: right !important;
    }

    .tab_header {
        margin-top: 45px;
        width: 75%;
    }

    .tab_content,
    .btn-container-sectores {
        width: 75%;
    }

    .tab_content {
        font-size: 16px;
    }

    .btn-container-sectores {
        margin-top: 15px;
    }

    ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
        padding: 23px 0px;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape) {
    #sp-menu a#offcanvas-toggler {
        display: none !important;
    }

    ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
        display: block !important;
        padding: 23px 0px;
    }

    .home_page_banner p.card-text.banner_text {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: none;
    }

    .acepto .aceptodiv {
        top: 60%;
    }

    /*
    a#offcanvas-toggler {
        display: block !important;
    }
    ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
        display: none !important;
    }*/
}

/*@media only screen and (min-width: 1200px){*/
@media (min-width: 1200px) {
    #sp-menu a#offcanvas-toggler {
        display: none !important;
    }

    ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block {
        display: block !important;
    }

    .acepto .aceptodiv {
        top: 70%;
    }

    .area_specialization_block .col-lg-3 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .area_specialization_block .card {
        width: 100%;
    }

    .area_specialization_block .col-lg-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .block_header p {
        margin-bottom: 10px;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 100%;
    }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tab_left_content img {
        object-fit: cover;
        /*height: 290px;*/
        height: 100%;
    }

    .tab_right_content {
        padding: 30px 0 55px;
    }

    .area_de_image_mobile .responsive.area-home-tab {
        display: block;
    }

    .area_de_image_mobile .responsive.area-home-mob {
        display: none;
    }

    .area_de_image_mobile .responsive.area-home-desk {
        display: none;
    }

    .area_specialization_block .card {
        height: 300px;
    }

    .area_specialization_block img {
        height: 300px !important;
        object-fit: cover;
    }
}

/*contact US module*/

/* ventajas container */
.ventajas-container {
    max-width: 1060px;
    margin-right: auto;
    margin-left: auto;
}

/* soluciones destacadas */
.body-wrapper .body-innerwrapper #sp-section-2 #sp-feature .sp-module.sol-dest-class:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 113px solid #e4e4e4;
    border-left: 0px solid transparent;
    /* border-right: 1250px solid transparent; */
    border-right: 1520px solid transparent;
}

.body-wrapper .body-innerwrapper #sp-section-2 #sp-feature .sp-module.sol-dest-class {
    background: #f5f5f5 0% 0% no-repeat padding-box;
}

.body-wrapper .body-innerwrapper #sp-section-2 #sp-feature .sp-module.sol-dest-class {
    background: #f5f5f5 0% 0% no-repeat padding-box;
    opacity: 1;
    padding-bottom: 150px;
    position: relative;
}

.body-wrapper .body-innerwrapper #sp-section-2 {
    background: #ffffff 0% 0% no-repeat padding-box;
    padding-bottom: 0px;
    position: unset;
}

/*contact us*/
.dj-simple-contact-form-row.name {
    width: 30%;
    display: inline-block;
}

.dj-simple-contact-form-row.phone {
    width: 30%;
    display: inline-block;
}

.dj-simple-contact-form-row.email {
    width: 30%;
    display: inline-block;
}

.contact_page .dj-simple-contact-form.style-4 .inputbox {
    height: 30px !important;
    background: #ffffff 0% 0% no-repeat padding-box;
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #979c9b;
    opacity: 1;
    font-size: 12px;
    line-height: 30px !important;
}

h1.contact_title,
h3.contact_title {
    text-align: left;
    font: Bold 23px/30px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

.contact_page .dj-simple-contact-form-row.message {
    width: 91%;
    background: #fff;
    border-radius: 4px;
}

.contact_page .dj-simple-contact-form.style-4 textarea {
    border: none;
    background: #fff;
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #979c9b;
    opacity: 1;
    font-size: 12px;
}

.contact_page .dj-simple-contact-form.style-4 textarea:focus {
    outline: none;
}

.contact_page .label_terms {
    color: #fff;
    font-family: Arial;
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 10px;
    width: 88%;
    margin-left: 20px;
}

.contact_page .dj-simple-contact-form-row.terms-conditions label,
.contact_page .dj-simple-contact-form-row.terms-conditions2 label {
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 10px;
    width: 88%;
    margin-left: 20px;
}

.contact_page .dj-simple-contact-form.style-4 .dj-simple-contact-form.button,
.contact_page .dj-simple-contact-form.button:focus {
    border: 2px solid #ffffff;
    border-radius: 100px;
    opacity: 1;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    float: left;
    position: relative;
    left: 38%;
    background: transparent;
    text-align: center;
    font: Bold 14px/20px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    padding: 6px 14px;
    display: block;
    cursor: pointer;
    outline: none;
    height: 40px;
    transition: 0.5s;
}

.home .dj-simple-contact-form.style-4 .dj-simple-contact-form.button:hover,
.home .dj-simple-contact-form.style-4 .dj-simple-contact-form.button:focus {
    background: #fff !important;
    color: #db5472 !important;
}

/*.contact_page .dj-simple-contact-form.button:hover {
    background: #fff !important;
    color: #DB5472 !important;
}
section#sp-main-body {
    padding-bottom: 0;
}*/

.contact_page .dj-simple-contact-form.button:hover {
    background: transparent !important;
}

select#country_code {
    width: 30%;
    float: left;
    border-radius: 1px 0px 0px 1px !important;
}

.contact_page .dj-simple-contact-form.inputbox.phone {
    width: 70% !important;
    border-radius: 0 1px 1px 0 !important;
}

@media (max-width: 667px) {
    .contact_page span.error_terms2.error {
        top: 120px !important;
        left: 0;
    }

    .easy_contact .message_text {
        width: 100%;
        margin-left: 15px;
        text-align: left;
    }
}

/* Only Phones (Portrait) */
@media (max-width: 320px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article #sp-section-7 {
        background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
        opacity: 1;
    }

    h1.contact_title,
    h3.contact_title {
        width: 90%;
    }

    .dj-simple-contact-form-row.name {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.phone {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.email {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page fieldset#terms_and_conditions,
    .contact_page fieldset#terms_and_conditions2,
    .djeasycontact-g-recaptcha {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page .dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
        left: 28%;
    }

    .contact_page .dj-simple-contact-form.style-4 .inputbox {
        margin-bottom: 25px;
    }

    .contact_page .label_terms {
        width: 88%;
    }

    .contact_page .terms-conditions2,
    .contact_page .terms-conditions {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .easy_contact .message_text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article #sp-section-7 {
        background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
        opacity: 1;
    }

    h1.contact_title,
    h3.contact_title {
        width: 90%;
        margin-bottom: 20px;
    }

    .dj-simple-contact-form-row.name {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.phone {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.email {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page fieldset#terms_and_conditions,
    .contact_page fieldset#terms_and_conditions2,
    .djeasycontact-g-recaptcha {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page .dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
        left: 28%;
    }

    .djeasycontact-g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .contact_page .dj-simple-contact-form.style-4 .inputbox {
        margin-bottom: 25px;
    }

    .contact_page .label_terms {
        width: 88%;
    }

    .contact_page .terms-conditions2,
    .contact_page .terms-conditions {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .easy_contact .message_text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .contact_page span.error_terms2.error {
        top: 190px !important;
        left: 0;
    }

    .easy_contact .message_text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Phone landscape */
@media (max-width: 480px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article #sp-section-7 {
        background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
        opacity: 1;
    }

    h1.contact_title,
    h3.contact_title {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .dj-simple-contact-form-row.name {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.phone {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .dj-simple-contact-form-row.email {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page fieldset#terms_and_conditions,
    .contact_page fieldset#terms_and_conditions2,
    .djeasycontact-g-recaptcha {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_page .dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
        left: 25%;
    }

    .djeasycontact-g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .contact_page .dj-simple-contact-form.style-4 .inputbox {
        margin-bottom: 25px;
    }

    .contact_page .label_terms {
        width: 88%;
    }

    .contact_page .terms-conditions2,
    .contact_page .terms-conditions {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .easy_contact .message_text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 411px) and (max-width: 731px) {
    .djeasycontact-g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (min-width: 411px) and (max-width: 731px) and (orientation: portrait) {
    .djeasycontact-g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 481px) and (max-width: 568px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article:not(.vacante-empleo):not(.talento) #sp-section-7 {
        background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
        opacity: 1;
    }

    h1.contact_title,
    h3.contact_title {
        margin-bottom: 30px;
    }

    .dj-simple-contact-form-row.name {
        width: 35%;
    }

    .dj-simple-contact-form-row.phone {
        width: 31%;
    }

    .dj-simple-contact-form-row.email {
        width: 32%;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 100%;
    }

    .dj-simple-contact-form {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Only Phones (Landscape) */
@media (min-width: 569px) and (max-width: 767px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article:not(.vacante-empleo):not(.talento) #sp-section-7 {
        background: transparent linear-gradient(90deg, #db5472 0%, #f2985e 100%) 0% 0% no-repeat padding-box !important;
        opacity: 1;
    }

    h1.contact_title,
    h3.contact_title {
        margin-bottom: 30px;
        width: 100%;
    }

    .dj-simple-contact-form-row.name {
        width: 35%;
    }

    .dj-simple-contact-form-row.phone {
        width: 31%;
    }

    .dj-simple-contact-form-row.email {
        width: 32%;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 100%;
    }

    .dj-simple-contact-form {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

    h1.contact_title,
    h3.contact_title {
        margin-bottom: 10px;
        text-align: center;
    }

    .dj-simple-contact-form-row.name {
        width: 35%;
    }

    .dj-simple-contact-form-row.phone {
        width: 31%;
    }

    .dj-simple-contact-form-row.email {
        width: 32%;
    }

    .contact_page .dj-simple-contact-form-row.message {
        width: 100%;
    }

    .dj-simple-contact-form {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .home #sp-section-7 {
        padding-top: 50px;
    }
}

@media screen and (max-height: 575px) {
    .djeasycontact-g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.article-introtext img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    span.sector_title {
        display: none;
    }

    .blog.blog_page ul.pagination {
        margin-left: 0%;
    }

    .custom.sectores h1,
    h2 {
        margin: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article #sp-section-7 {
        padding-bottom: 25px;
        background-position: 35% 100% !important;
        background-repeat: no-repeat !important;
    }

    .home #sp-section-7 {
        padding-top: 15px;
    }

    .blog_page #sp-section-7 {
        padding-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .home #sp-section-7,
    .blog_page #sp-section-7,
    .view-article:not(.vacante-empleo):not(.talento) #sp-section-7 {
        background: url(../images/Grupo3366.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .sp-megamenu-parent>li>a {
        padding: 8px !important;
    }

    li.sp-menu-item.contacto {
        padding-left: 0 !important;
    }

    li.sp-menu-item.robotica-social {
        padding-left: 8px !important;
    }

    .custom.sectores #nav-tab {
        width: 70%;
    }

    .tab_header {
        width: 75%;
        margin-top: 45px;
    }

    .tab_content,
    .btn-container-sectores {
        width: 75%;
    }

    .btn-container-sectores {
        margin-top: 20px;
    }

    .mas-client-cc-cx-cls.block_header .mas-sixty-in-blck {
        padding: 85px 40px 60px 50px;
    }

    .blog .article-introtext span,
    .article-list .article .readmore a {
        font: Bold 18px/27px Arial;
    }

    span.sp-copyright,
    .footer_policies_menu a,
    .copyright_text p {
        font-size: 10px;
    }

    .banner_container .container.card-img-overlay {
        top: 20px;
    }

    .acepto .aceptodiv {
        top: 52%;
    }

    .mas-client-cc-cx-cls.block_header .mas-sixty-in-blck {
        padding: 170px 40px 60px 50px;
    }
}

.dj-simple-contact-form-row.terms-conditions input[type="checkbox"] {
    margin-top: 8px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .tab_header {
        width: 70%;
        margin-top: 70px;
    }

    .tab_content,
    .btn-container-sectores {
        width: 70%;
    }
}

@media only screen and (min-width: 768px) {
    /*.article-info {
        margin-left: 35%;
    }*/

    /*Adrian cambiar tamaño fuente a 12px*/
    span.sp-copyright,
    .footer_policies_menu a,
    .copyright_text p {
        font-size: 12px;
    }

    /*fin cambio*/

    .acepto .aceptodiv {
        top: 52%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .home_page_banner p.card-text.banner_text {
        width: 80%;
    }

    .readmore {
        margin-top: 0;
        padding-top: 20px;
    }

    .blog .article-introtext span {
        margin-top: 20px;
        display: block;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .mas-client-cc-cx-cls.block_header .mas-sixty-in-blck {
        padding: 90px 40px 60px 50px;
    }
}

.sp-megamenu-parent>li>a {
    position: relative;
}

.sp-megamenu-parent>li:last-child>a:hover:before {
    display: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #fff !important;
}

/*404 Page*/
.error_mainblock h4.error_title {
    text-align: left;
    font-size: 23px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #294e7c;
    opacity: 1;
    font-weight: bold;
    padding-left: 0;
}

.error_mainblock .sub {
    text-align: left;
    font-size: 16px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #4e5654;
    opacity: 1;
    padding-left: 0;
}

.first_block h4.error_title,
.second_block h4.error_title {
    margin-bottom: 20px;
}

.error_mainblock .row.first_block {
    margin-top: 40px;
    margin-bottom: 40px;
}

.error_mainblock .row.second_block {
    margin-bottom: 40px;
}

.error_banner h4.card-title.banner_title_large {
    text-align: left;
    font-size: 30px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

.error_banner h5.card-title.banner_title_small,
h1.card-title.banner_title_small {
    text-align: left;
    font-size: 21px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

.error_banner h5.card-title.banner_title_small,
h1.card-title.banner_title_small {
    width: 20%;
}

.error_mainblock .nopadding {
    padding-left: 0;
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .article-list .article .readmore a {
        font-size: 14px;
    }

    .blog .article-introtext span {
        font-size: 14px;
        line-height: 1.2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: portrait) {

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        width: 30%;
    }

    .card h4.card-title {
        word-break: break-word;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 30px;
    }

    .card .card-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .area_specialization_block .btn_wrapper {
        bottom: 25px;
        top: auto;
    }

    .contact-us .first {
        margin-right: 27px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        width: 40%;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text {
        width: 100%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        width: 30%;
    }
}

@media (max-width: 767px) {

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        width: 30%;
    }

    .error_banner h4.card-title.banner_title_large {
        font-size: 20px;
    }

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        font-size: 13px;
    }

    .error_mainblock .sub {
        font-size: 13px;
        padding-left: 0;
    }

    .error_mainblock h4.error_title {
        font-size: 20px;
    }

    .error_mainblock .nopadding {
        padding-left: 0;
    }

    .article-introtext img {
        object-fit: cover;
        background: #ccc;
    }

    .custom.ver_mas_btn {
        padding: 15px 0 35px 0;
    }

    .bg-blue p.card-text,
    .bg-skyblue p.card-text,
    .bg-vista_blue p.card-text,
    .bg-canberry p.card-text {
        font-size: 13px;
    }

    .card h4.card-title {
        font-size: 18px;
        height: 35px;
    }

    .area_specialization h1,
    h2 {
        font-size: 20px;
    }

    .mas-main-block .mas-right-blck-in {
        background-size: cover;
    }

    p.talento_banner_text {
        font-size: 18px;
        margin-bottom: 10px;
    }

    h5.talento_banner_title {
        line-height: 1em;
    }

    p.card-text.banner_text_big,
    .small-banner-txt-big {
        width: 100%;
    }

    .bloque-casosexito-bottom p {
        margin-bottom: 40px;
    }
}

@media (max-width: 640px) {
    .error_banner h5.card-title.banner_title_small {
        width: 30%;
    }

    .error_banner h4.card-title.banner_title_large {
        font-size: 20px;
    }

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        font-size: 13px;
    }

    .error_mainblock .sub {
        font-size: 13px;
        padding-left: 0;
    }

    .error_mainblock h4.error_title {
        font-size: 20px;
    }

    .error_mainblock .nopadding {
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        width: 40%;
    }

    .error_banner h4.card-title.banner_title_large {
        font-size: 20px;
    }

    .error_banner h5.card-title.banner_title_small,
    h1.card-title.banner_title_small {
        font-size: 13px;
    }

    .error_mainblock .sub {
        font-size: 13px;
        padding-left: 0;
    }

    .error_mainblock h4.error_title {
        font-size: 20px;
    }

    .error_mainblock .nopadding {
        padding-left: 0;
    }
}

@media screen and (max-width: 1300px) {
    .megamenu_casosexito .sp-dropdown {
        margin-left: 0;
    }

    .megamenu_sobrealisys .sp-dropdown {
        margin-left: 0;
    }

    .contacto .sp-dropdown {
        width: 165px !important;
        margin-left: 72%;
    }

    .megamenu_sectores .sp-dropdown {
        margin-left: 0;
    }
}

/*shabnam css 04-5-20*/
.home .dj-simple-contact-form .dj-simple-contact-form-row.name,
.home .dj-simple-contact-form .dj-simple-contact-form-row.phone,
.home .dj-simple-contact-form .dj-simple-contact-form-row.email {
    margin-right: 2.2%;
    width: 28.5%;
}

.home .dj-simple-contact-form .dj-simple-contact-form-row.email {
    margin-right: 0 !important;
}

.dir_blocks .bg_grey.equal-column1 .dir_title {
    max-width: 100% !important;
}

.equal-column1 .desktop_mode {
    margin-top: -30px;
}

.left-cloud-dir-block.equal-column,
.right-cloud-dir-block.equal-column {
    display: flex;
}

.left-cloud-dir-block,
.right-cloud-dir-block {
    min-height: 240px;
}

.cloud_contact_center_dir_blocks .equal-column img.cc-img-cls-desk {
    top: auto;
}

.equal-column .lft-cloud-img.img-blk-desktop {
    align-items: center;
    display: flex;
    justify-content: center;
}

.blog.home {
    width: 100%;
    margin: 0 auto;
}

.blog.home .article-intro-image.float-left {
    width: 220px;
}

.blog.home .article .article-body {
    width: calc(100% - 220px);
}

.talentocv.dj-simple-contact-form.style-4 .dj-simple-contact-form.button:hover {
    /* background: transparent !important; */
    background: url(../images/Botonenviar.png) 0% 0% no-repeat padding-box !important;
}

#chat-icon {
    right: 65px;
    bottom: 33px;
    top: auto;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.chat-box input#tel-cliente {
    height: 35px;
    font-size: 12px;
    color: #abafae;
    font-family: Arial;
    width: 53%;
    float: left;
    border-radius: 5px 0 0 5px;
    border: 2px solid #8fc2d3;
}

.chat-icon-img {
    position: fixed;
    bottom: 0;
    right: 40px;
    top: auto !important;
}

.talento-linkedin-image-desk-tab {
    height: auto;
}

/* medias queries globals */
@media screen and (max-width: 1200px) {

    .left-cloud-dir-block,
    .right-cloud-dir-block {
        min-height: 280px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .blog.home {
        width: 100%;
    }

    .left-cloud-dir-block.equal-column,
    .right-cloud-dir-block.equal-column {
        display: block;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .blog.home .article-intro-image.float-left,
    .blog.home .article .article-body {
        width: 100%;
    }
}

@media (max-width: 767px) and (min-width: 569px) {

    .home .dj-simple-contact-form .dj-simple-contact-form-row.name,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.phone,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.email {
        margin-right: 3%;
        width: 30.5%;
    }
}

@media (max-width: 959px) and (min-width: 768px) {

    .home .dj-simple-contact-form .dj-simple-contact-form-row.name,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.phone,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.email {
        margin-right: 4%;
        width: 30%;
    }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    body.talento #sp-section-3 {
        margin-top: 0px;
    }

    .talento_banner_desktop {
        display: none;
    }

    .talento_banner_mobile {
        display: block;
        height: auto !important;
    }

    .talento_banner_title {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .talento_banner_container {
        top: 5%;
    }

    .talento_banner_text {
        margin-bottom: 15px;
    }

    .home .dj-simple-contact-form .dj-simple-contact-form-row.name,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.phone,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.email,
    .home .dj-simple-contact-form .dj-simple-contact-form-row.email {
        margin-right: auto !important;
        width: 100%;
        display: block;
    }

    .blog.home .article-list .article .article-intro-image img {
        width: 100%;
        height: 170px;
        object-position: top;
    }

    #sp-section-3 {
        margin-top: auto;
    }

    .equal-column1 .desktop_mode {
        margin-top: 0;
        padding: 0px;
    }

    .left-cloud-dir-block.equal-column,
    .right-cloud-dir-block.equal-column {
        display: block;
    }
}

@media (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape) {
    .cloud_contact_center_dir_blocks .img-blk-tab {
        display: none;
        display: none;
    }
}

/* Bloques intermedios imagen y texto */
.plans-block-global {
    background-size: cover;
    width: 100%;
    height: 305px;
    background-position: center;
}

.plans-block-global h3 {
    font: Bold 35px/30px Arial;
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
}

span.title_planes,
span.title_planes_mobile {
    text-align: left;
    font-weight: 700;
    color: #abafae;
    font-size: 18px;
    padding-left: 20px;
}

span.title_planes_mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .plans-block-global {
        height: 270px;
        background-position: right;
    }

    span.title_planes_mobile {
        display: block;
    }

    span.title_planes {
        display: none;
    }
}

/* bloque video */
.video-bg-block {
    width: 100%;
    height: 400px;
    text-align: center;
    background-image: url(../../../images/bg/alisys-video-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 33% 0px;
    padding: 40px 0px;
}

.video-separador {
    width: 100%;
    height: 60px;
    display: block;
}

@media screen and (max-width: 1200px) {
    .video-bg-block {
        background-position: 30% 0px;
    }

    a.btn.banner_button {
        margin-top: 20px;
    }

    h5.card-title.banner_title,
    h1.card-title.banner_title {
        line-height: 1em;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .video-bg-block {
        background-position: 20% 0px;
    }
}

@media screen and (max-width: 767px) {
    .video-bg-block {
        background-position: 5% 0px;
    }

    .video-separador {
        height: 50px;
    }

    .video-bg-block iframe {
        width: 95%;
        height: 95%;
    }
}

@media screen and (max-width: 400px) {
    a.btn.banner_button {
        margin-top: 10px;
    }
}

/* Trabaja con nosotros */
.trabaja_desktop,
.trabaja_tablet_img,
.trabaja_mobile_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.trabaja_desktop {
    height: 360px;
}

.trabaja_tablet_img {
    height: 360px;
}

.trabaja_mobile_img {
    height: 320px;
}

/* casos exito */
.page_casos_exito #sp-section-3 {
    background-color: #ffffff;
}

.mass-wh-blck-img.img-desk-tab,
.sixty-icon-cls {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

img.img-caso-exito {
    height: auto;
    max-height: 100px;
    width: auto;
    margin-bottom: 40px;
}

img.img-caso-exito-ancho {
    height: 35px;
    width: auto;
    margin-bottom: 50px;
}

img.img-caso-exito-cuadrado {
    max-width: 80px;
    height: auto;
    margin-bottom: 50px;
}

img-logo-inline-caso-exito {
    height: 50px;
}

img.logo-inline-caso-exito {
    height: 26px;
    width: auto;
    float: right;
}

p.caso-exito-banner {
    width: 260px;
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    font-style: italic;
}

.degradado-caso-exito {
    height: 300px;
    background: transparent linear-gradient(to right bottom, #a4d3bc 0%, #badc5c 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #ffffff;
    padding: 50px;
}

.info-casoexito-img {
    text-align: center;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

img.casos-2-escritorio {
    display: block;
}

img.casos-2-movil {
    display: none;
}

@media screen and (max-width: 991px) {
    img.casos-2-escritorio {
        display: none;
    }

    img.casos-2-movil {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    p.caso-exito-banner {
        bottom: 5px;
    }

    img.img-caso-exito-cuadrado {
        max-width: 70px;
        margin-bottom: 20px;
    }

    img.img-caso-exito-ancho {
        margin-bottom: 20px;
        height: 30px;
    }
}

/* Blog articulos */
#sp-component>div>div.blog.home>nav {
    display: none !important;
}

.article-details .article-full-image {
    margin-left: 8%;
}

.article-full-image img {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
}

.blog_page>ul.pager.pagenav {
    display: none;
}

.article-ratings-social-share.d-flex.justify-content-end {
    width: 50px;
    position: absolute;
    left: 10%;
    margin-top: -20px;
    z-index: 20;
}

.article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 10px;
    display: block;
    border: none;
}

.article-social-share .social-share-icon ul li a {
    color: #ffffff;
    border: none;
    background-color: #8395b3;
    margin-top: 15px;
    width: 27px;
    height: 27px;
    line-height: 1.8em;
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:active,
.article-social-share .social-share-icon ul li a:focus {
    background-color: #6d82a5;
}

@media screen and (max-width: 767px) {
    .article-full-image img {
        width: 100%;
    }

    .article-details .article-full-image {
        margin-left: 0%;
    }

    .article-ratings-social-share.d-flex.justify-content-end {
        left: 0;
        margin-top: -50px;
        width: 125px;
        border: none;
    }

    .article-social-share .social-share-icon ul li:not(:last-child) {
        display: inline-block;
    }
}

/* anchors */
#vacantes-empleo {
    height: 50px;
    width: 100%;
    overflow: hidden;
    margin-top: -150px;
    position: absolute;
}

/* vacante empleo */
.contenedor-vacante {
    margin-top: 100px;
}

.vancate-empleo {
    background-color: #f5f5f5;
}

.vacante-bloque {
    padding: 50px;
    background-color: #ffffff;
}

.vacante-bloque h4 {
    color: #eb7e39;
    margin-bottom: 40px;
}

.vacante-funciones {
    padding: 50px;
}

.vacante-funciones h4 {
    color: #294e7c;
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .contenedor-vacante {
        margin-top: 50px;
    }
}

/* Formularios RSForm */

.sp-module.formulario_masinformacion {
    padding-top: 30px;
}

.formControls {
    margin-left: 0px !important;
}

label.formControlLabel {
    display: none;
}

input.rsform-input-box {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #979c9b !important;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1px;
    margin: 0 0 15px;
    width: 100%;
    font-size: 12px !important;
    font-family: Arial;
    padding: 10px;
    border-radius: 3px !important;
    margin-bottom: 0;
    height: 30px !important;
}

select.rsform-select-box {
    height: 30px !important;
}

.rsform-block a {
    text-decoration: underline;
}

.rsform-block.rsform-block-mas-informacion-txt {
    width: 250px;
    float: left;
    color: #ffffff;
}

.rsform-block.rsform-block-nombre {
    width: 20%;
    float: left;
    margin-right: 25px;
}

.rsform-block.rsform-block-extension-telefono {
    float: left;
    width: 110px;
}

select#extension_telefono {
    width: 100px;
    height: 18px;
    border-radius: 0px;
}

input#telefono {
    border-radius: 0px;
}

.rsform-block.rsform-block-telefono {
    width: 20%;
    float: left;
}

.rsform-block.rsform-block-enviar-formulario {
    margin-top: 50px;
    margin-right: auto;
    margin-left: 0px;
}

button#enviar-formulario {
    border: 2px solid #ffffff;
    border-radius: 100px;
    opacity: 1;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    text-align: center;
    font: Bold 14px/20px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    padding: 6px 14px;
    display: block;
    cursor: pointer;
    outline: none;
    height: 40px;
    transition: 0.5s;
    text-transform: uppercase;
}

button#enviar-formulario:hover {
    background: #fff !important;
    color: #db5472 !important;
}

span.formError {
    color: red !important;
    font-weight: bold;
}

.rsform-block.rsform-block-email {
    width: 20%;
    float: left;
    margin-left: 25px;
}

textarea#mensaje {
    width: 78%;
    float: right;
    height: 100px;
}

.rsform-block.rsform-block-mensaje {
    margin-right: 6%;
    margin-left: auto;
}

.rsform-block.rsform-block-acepta-privacidad,
.rsform-block.rsform-block-acepta-aviso-legal,
.rsform-block-acepta-avisolegal-protecciondatos {
    margin-bottom: 0px !important;
}

.rsform-block.rsform-block-acepta-privacidad,
.rsform-block.rsform-block-acepta-comunicaciones,
.rsform-block.rsform-block-acepta-aviso-legal,
.rsform-block-acepta-avisolegal-protecciondatos,
.rsform-block-recaptcha-google-v2 {
    width: 73%;
    float: left;
    margin-left: 20%;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
}

.formResponsive input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}

.rsform-block a:hover,
.rsform-block a:focus {
    text-decoration: underline;
}

.rsform-block.rsform-block-mas-informacion-blog {
    width: 200px;
    float: left;
    color: #ffffff;
    margin: auto 0px auto 50px;
}

#suscribete_blog_button {
    background: none repeat scroll 0 0 #6d82a5;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 0px;
    padding: 10px;
    width: auto;
    border-radius: 25px;
    margin-top: 0;
    text-transform: unset;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

#suscribete_blog_button:focus {
    outline: none;
}

#suscribete_blog_button:hover {
    background: #fff !important;
    color: #6d82a5 !important;
    outline: none;
}

.formulario-blog a {
    color: #fff;
}

.formulario-blog .rsform-block.rsform-block-nombre,
.formulario-blog .rsform-block.rsform-block-email {
    width: 25%;
    margin-left: 0px;
}

.rsform-block.rsform-block-suscribete-blog-button {
    width: 200px;
    float: left;
    margin-left: 20px;
}

.blog-thank-you {
    padding: 50px;
    color: #ffffff;
}

.formulario-contacto .formRow {
    max-width: 770px;
    margin-right: auto;
    margin-left: auto;
}

.formulario-contacto .title {
    text-align: center;
    font-size: 23px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #294e7c;
    font-weight: bold;
}

.formulario-contacto .sub_title {
    text-align: center;
    font-size: 18px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #848a89;
    margin-bottom: 30px;
}

.formulario-contacto .rsform-block-acepta-avisolegal-protecciondatos,
.formulario-contacto .rsform-block-acepta-comunicaciones {
    text-align: left;
    font-size: 10px;
    font-family: Arial;
    letter-spacing: 0px;
    color: #979c9b;
    opacity: 1;
}

.formulario-contacto .rsform-block-enviar {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.formulario-contacto .rsform-block-enviar .rsform-submit-button {
    background: transparent linear-gradient(270deg, #8763c7 0%, #db5472 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    width: 124px;
    font-size: 17px;
    font-family: Arial;
    line-height: 0;
    height: 40px;
    cursor: pointer;
    outline: none;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
}

.formulario-contacto .rsform-block-enviar .rsform-submit-button:hover,
.formulario-contacto .rsform-block-enviar .rsform-submit-button:focus {
    opacity: 0.8;
    background: transparent linear-gradient(270deg, #8763c7 0%, #db5472 100%) 0% 0% no-repeat padding-box;
}

.formulario-contacto .rsform-block-nombre,
.formulario-contacto .rsform-block-primer-apellido,
.formulario-contacto .rsform-block-segundo-apellido,
.formulario-contacto .rsform-block-telefono,
.formulario-contacto .rsform-block-email,
.formulario-contacto .rsform-block-empresa,
.formulario-contacto .rsform-block-apellidos,
.formulario-contacto .rsform-block-motivo {
    float: left;
    width: 30%;
    margin-right: 25px;
    height: 70px;
    margin-bottom: 3px !important;
}

.rsform-block-motivo label {
    width: 30%;
    height: 40px;
}

.formulario-contacto .rsform-block.rsform-block-email {
    margin-left: 0px;
}

.formulario-contacto input,
.formulario-contacto textarea {
    background: none repeat scroll 0 0 #fff !important;
    border: none !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.formulario-contacto .rsform-block.rsform-block-mensaje {
    margin-right: 2%;
    margin-left: auto;
    width: 97%;
}

.formulario-contacto textarea {
    height: 200px;
    width: 100% !important;
}

.formulario-contacto .rsform-block.rsform-block-acepta-comunicaciones,
.formulario-contacto .rsform-block-recaptcha-google-v2,
.formulario-contacto .rsform-block-acepta-avisolegal-protecciondatos {
    width: 100%;
    margin-left: 0px;
}

.formulario-partner .formRow {
    max-width: 900px;
    margin: 50px auto;
}

.formulario-partner .title {
    text-align: center;
    font: 25px/25px Arial;
    letter-spacing: 0px;
    color: #294e7c;
    line-height: 1.3em;
    margin-bottom: 50px;
}

.formulario-partner .rsform-block-enviar-btn {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.formulario-partner .rsform-submit-button {
    background: transparent linear-gradient(270deg, #8763c7 0%, #db5472 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 20px !important;
    opacity: 1;
    width: 130px !important;
    font-size: 17px;
    font-family: Arial;
    line-height: 0;
    height: 40px;
    cursor: pointer;
    outline: none;
    border: none !important;
    text-transform: uppercase;
    font-weight: bold;
}

.formulario-partner .rsform-submit-button:hover,
.formulario-partner .rsform-submit-button:focus {
    opacity: 0.8;
}

.formulario-partner .rsform-block-nombre,
.formulario-partner .rsform-block-apellidos,
.formulario-partner .rsform-block-empresa,
.formulario-partner .rsform-block-pais,
.formulario-partner .rsform-block-telefono,
.formulario-partner .rsform-block-email,
.rsform-block-motivo {
    width: 30%;
    float: left;
    margin-right: 25px;
    margin-left: 0px;
}

.formulario-partner .rsform-block.rsform-block-mensaje {
    margin-right: 3%;
}

.formulario-partner .rsform-block-mensaje textarea#mensaje {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #f5f5f5;
}

.formulario-partner .rsform-block-acepta-avisolegal-protecciondatos,
.formulario-partner .rsform-block-acepta-comunicaciones {
    color: #4e5654;
    text-align: left;
    font: 12px/14px Arial;
    margin-left: 0px;
    width: 100%;
}

.formulario-partner .rsform-block-recaptcha-google-v2 {
    margin-left: 0px;
}

.formulario-talento .formRow {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.formulario-talento h1.tcv_title {
    height: 220px;
}

.rsform-block.rsform-block-text-form-talento {
    width: 20%;
    margin-right: 10px;
    margin-left: 0px;
    float: left;
}

.rsform-block.rsform-block-talento-enviar-button {
    width: inherit !important;
    text-align: center;
    display: inline-block;
}

.formulario-talento .rsform-block-nombre,
.formulario-talento .rsform-block-primer-apellido,
.formulario-talento .rsform-block-segundo-apellido,
.formulario-talento .rsform-block-email,
.formulario-talento .rsform-block-pais,
.formulario-talento .rsform-block-localidad-residencia,
.formulario-talento .rsform-block-provincia,
.formulario-talento .rsform-block-telefono,
.formulario-talento .rsform-block-email,
.formulario-talento .rsform-block-adjuntar-cv {
    width: 24%;
    margin: 0px 20px 20px 0px;
    float: left;
    height: 70px;
}

.formulario-talento a {
    color: #ffffff;
    text-decoration: underline;
}

button#talento_enviar_button {
    border: 2px solid #ffffff;
    border-radius: 100px;
    opacity: 1;
    width: 120px;
    /* margin-left: auto;
  margin-right: auto; */
    margin: 0 auto;
    background: transparent;
    text-align: center;
    font: Bold 14px/20px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    padding: 6px 14px;
    display: block;
    cursor: pointer;
    outline: none;
    height: 40px;
    transition: 0.5s;
    text-transform: uppercase;
}

button#talento_enviar_button:hover,
button#talento_enviar_button:focus {
    background-color: #ffffff !important;
    color: #294e7c;
}

.formulario-talento .rsform-upload-box {
    width: 100%;
}

.formulario-soporte select {
    width: 100% !important;
}

@media screen and (max-width: 1600px) {
    .formulario-partner .formRow {
        max-width: 800px;
        margin: 50px auto;
    }
}

@media screen and (max-width: 1300px) {
    .rsform-block.rsform-block-mensaje {
        margin-right: 4%;
    }

    button#enviar-formulario {
        left: 35%;
    }

    .formulario-contacto .formRow,
    .formulario-talento .formRow {
        max-width: 85%;
    }

    .formulario-contacto .rsform-block.rsform-block-mensaje {
        margin-right: 4%;
        margin-left: auto;
        width: 95%;
    }

    .formulario-talento .rsform-block-nombre,
    .formulario-talento .rsform-block-primer-apellido,
    .formulario-talento .rsform-block-segundo-apellido,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-pais,
    .formulario-talento .rsform-block-localidad-residencia,
    .formulario-talento .rsform-block-provincia,
    .formulario-talento .rsform-block-telefono,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-adjuntar-cv {
        width: 24%;
    }
}

@media screen and (max-width: 1200px) {

    .rsform-block.rsform-block-mas-informacion-txt,
    .rsform-block.rsform-block-mas-informacion-blog {
        width: 100%;
        float: none;
    }

    .rsform-block-mas-informacion-txt h1,
    .rsform-block-mas-informacion-blog h4 {
        text-align: center;
    }

    .rsform-block.rsform-block-mensaje {
        margin-right: 3%;
    }

    .rsform-block.rsform-block-nombre,
    .rsform-block.rsform-block-telefono,
    .rsform-block.rsform-block-email {
        width: 26%;
    }

    textarea#mensaje {
        width: 99%;
    }

    .rsform-block.rsform-block-acepta-privacidad,
    .rsform-block.rsform-block-acepta-comunicaciones,
    .rsform-block.rsform-block-acepta-aviso-legal,
    .rsform-block-acepta-avisolegal-protecciondatos,
    .rsform-block-recaptcha-google-v2 {
        width: 99%;
        margin-left: 0%;
    }

    button#enviar-formulario {
        left: 33%;
        width: 25%;
    }

    .formulario-blog .rsform-block.rsform-block-nombre,
    .formulario-blog .rsform-block.rsform-block-email {
        width: 36%;
    }

    .formulario-contacto .formRow,
    .formulario-talento .formRow {
        max-width: 100%;
    }

    .formulario-contacto .rsform-block-nombre,
    .formulario-contacto .rsform-block-primer-apellido,
    .formulario-contacto .rsform-block-segundo-apellido,
    .formulario-contacto .rsform-block-telefono,
    .formulario-contacto .rsform-block-email,
    .formulario-contacto .rsform-block-empresa {
        width: 30%;
    }

    .formulario-partner .formRow {
        max-width: 100%;
    }

    .formulario-partner .rsform-block-nombre,
    .formulario-partner .rsform-block-apellidos,
    .formulario-partner .rsform-block-empresa,
    .formulario-partner .rsform-block-pais,
    .formulario-partner .rsform-block-telefono,
    .formulario-partner .rsform-block-email {
        width: 30%;
    }

    .formulario-talento .rsform-block-nombre,
    .formulario-talento .rsform-block-primer-apellido,
    .formulario-talento .rsform-block-segundo-apellido,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-pais,
    .formulario-talento .rsform-block-localidad-residencia,
    .formulario-talento .rsform-block-provincia,
    .formulario-talento .rsform-block-telefono,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-adjuntar-cv {
        width: 24%;
    }
}

@media screen and (max-width: 991px) {
    .rsform-block.rsform-block-mas-informacion-txt {
        width: 100%;
        text-align: left;
    }

    .rsform-block.rsform-block-text-form-talento {
        width: 100%;
        margin: 0px;
        float: none;
    }

    .rsform-block.rsform-block-text-form-talento h1 {
        height: unset;
        text-align: center;
    }

    .rsform-block.rsform-block-nombre,
    .rsform-block.rsform-block-email,
    .rsform-block.rsform-block-mensaje,
    .formulario-blog .rsform-block.rsform-block-nombre,
    .formulario-blog .rsform-block.rsform-block-email,
    .rsform-block.rsform-block-telefono,
    .rsform-block.rsform-block-extension-telefono {
        float: none;
        width: 99%;
        margin-left: 0px;
        margin-right: 10px;
    }

    textarea#mensaje {
        width: 100%;
        float: none;
    }

    .rsform-block.rsform-block-acepta-privacidad,
    .rsform-block.rsform-block-acepta-comunicaciones,
    .rsform-block-acepta-avisolegal-protecciondatos,
    .rsform-block-recaptcha-google-v2 {
        width: 99%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .rsform-block.rsform-block-nombre,
    .rsform-block.rsform-block-extension-telefono,
    .rsform-block.rsform-block-telefono,
    .rsform-block.rsform-block-email {
        margin-right: 5px;
        height: 60px;
    }

    .rsform-block.rsform-block-mensaje {
        margin-right: 6px;
    }

    .rsform-block.rsform-block-enviar-formulario {
        margin-left: auto;
    }

    select#extension_telefono {
        width: 100%;
    }

    .rsform-block.rsform-block-mas-informacion-blog {
        margin-left: 0px;
    }

    .rsform-block.rsform-block-suscribete-blog-button {
        width: 150px;
        float: inherit;
        margin-left: -60px;
        margin-right: auto;
        position: absolute;
        bottom: -30px;
        left: 50%;
    }

    .blog_page #sp-section-6,
    .view-article #sp-section-6 {
        padding-bottom: 50px !important;
    }

    /*Adrian añadir block-motivo para que el select ocupe todo el ancho*/
    .formulario-contacto .rsform-block-nombre,
    .formulario-contacto .rsform-block-primer-apellido,
    .formulario-contacto .rsform-block-segundo-apellido,
    .formulario-contacto .rsform-block-telefono,
    .formulario-contacto .rsform-block-email,
    .formulario-contacto .rsform-block-empresa,
    .formulario-contacto .rsform-block-apellidos,
    .formulario-contacto .rsform-block-motivo {
        width: 100%;
        height: 70px !important;
        margin-right: 25px;
    }

    /*fin cambio*/

    .formulario-contacto .rsform-block.rsform-block-mensaje {
        width: 100%;
        margin-right: 0px;
    }

    .formulario-partner .formRow {
        max-width: 100%;
    }

    .formulario-partner .rsform-block-nombre,
    .formulario-partner .rsform-block-apellidos,
    .formulario-partner .rsform-block-empresa,
    .formulario-partner .rsform-block-pais,
    .formulario-partner .rsform-block-telefono,
    .formulario-partner .rsform-block-email,
    .rsform-block-motivo {
        width: 100%;
        float: none;
        height: 70px !important;
        margin-right: 5px !important;
    }

    .formulario-partner .rsform-block-enviar-btn {
        width: inherit !important;
        text-align: center !important;
    }

    .formulario-talento .rsform-block-nombre,
    .formulario-talento .rsform-block-primer-apellido,
    .formulario-talento .rsform-block-segundo-apellido,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-pais,
    .formulario-talento .rsform-block-localidad-residencia,
    .formulario-talento .rsform-block-provincia,
    .formulario-talento .rsform-block-telefono,
    .formulario-talento .rsform-block-email,
    .formulario-talento .rsform-block-adjuntar-cv {
        width: 100%;
        float: none;
        height: 70px !important;
        margin-right: 5px;
    }

    .formulario-soporte input {
        margin-bottom: 10px !important;
    }

    button#enviar-formulario {
        width: 35%;
    }

    .formulario-partner .rsform-block.rsform-block-mensaje {
        margin-right: 0%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    button#enviar-formulario {
        width: 50%;
    }
}

@media screen and (max-width: 650px) {

    /*Adrian añadir bloque apellidos*/
    .formulario-contacto .rsform-block-nombre,
    .formulario-contacto .rsform-block-primer-apellido,
    .formulario-contacto .rsform-block-segundo-apellido,
    .formulario-contacto .rsform-block-telefono,
    .formulario-contacto .rsform-block-email,
    .formulario-contacto .rsform-block-empresa,
    .formulario-contacto .rsform-block-apellidos {
        margin-right: 5px;
    }

    /*fin cambio*/
}

@media screen and (max-width: 500px) {
    button#enviar-formulario {
        width: 55%;
    }
}

@media screen and (max-width: 420px) {
    button#enviar-formulario {
        width: 75%;
    }
}

/* Cloud CRM */
body.cloud-crm #sp-main-body {
    background-color: #ffffff;
}

.vent-title-cloud-crm {
    color: #294e7c;
    text-align: center;
    font: Bold 23px Arial;
    letter-spacing: 0px;
    margin-bottom: 20px;
    margin-top: 60px;
}

/* casos exito */
.info-casoexito {
    height: 180px;
    position: relative;
}

.info-casoexito p.bottom {
    margin-top: 10px;
    text-align: center;
}

.bloque-info-casosexito {
    padding: 100px 0px !important;
    background-color: #ffffff;
    font: Regular 18px/23px Arial;
    letter-spacing: 0px;
    width: 100%;
    /*max-width: 1280px !important;*/
    margin-right: auto;
    margin-left: auto;
}

span.numero,
span.numero-porcentaje {
    color: #294e7c;
    font: Bold 50px/58px Arial;
    letter-spacing: 0px;
}

div.porcentaje {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    margin-top: -40px;
}

span.numero-porcentaje {
    font-size: 38px;
    line-height: 2.8em;
}

.llamadas-gestionadas {
    width: 65%;
    text-align: center;
    position: absolute;
    bottom: 45px;
    left: 16%;
}

.txt-quote {
    font: Bold 30px/38px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.txt-author {
    font: Bold Italic 18px/23px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: right;
    margin-top: 50px;
}

.bloque-casosexito-bottom {
    margin: 0px 0px;
}

.bloque-casosexito-bottom a,
.bloque-casosexito-bottom ul>li>a {
    color: #294e7c;
}

.bloque-casosexito-bottom a:hover,
.bloque-casosexito-bottom ul>li>a:hover {
    text-decoration: underline;
}

/*.bloque-casosexito-bottom>div {
    padding: 40px;
}*/

.bloque-casosexito-bottom p,
.bloque-casosexito-bottom li {
    text-align: left;
    font: 16px/23px Arial;
    letter-spacing: 0px;
    color: #5f6765;
}

.bloque-casosexito-bottom .titulo {
    text-align: left;
    font: Bold 18px/27px Arial;
    letter-spacing: 0px;
    color: #294e7c;
    padding-bottom: 20px;
}

.mas-de-container {
    color: #294e7c;
    font-weight: bold;
}

.mas-de-container h4 {
    font: Bold 50px/58px Arial;
}

.info-casoexito-img img {
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 991px) {
    .numero-derch {
        top: 17px;
    }

    span.numero,
    span.numero-porcentaje {
        font-size: 40px;
    }

    .txt-quote {
        width: 100%;
        font-size: 28px;
    }

    .bloque-casosexito-bottom .titulo {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .info-casoexito p.bottom {
        margin-right: auto;
        margin-left: auto;
    }

    .numero-izq,
    .numero.numero-derch {
        position: unset;
        text-align: center;
    }

    .bloque-info-casosexito {
        padding: 70px 0 0 0px !important;
    }

    .info-casoexito {
        display: inline-block;
        margin-bottom: 30px;
    }

    .txt-quote {
        font-size: 26px;
        line-height: 1em;
    }
}

@media screen and (max-width: 500px) {
    .bloque-info-casosexito {
        margin: 0;
    }

    /*.info-casoexito {
        margin-top: 60px;
    }

    .bloque-info-casosexito {
        padding: 0 !important;
    }*/
  
    .bloque-info-casosexito {
        padding: 80px 0 0 0 !important;
    }
  
}

@media screen and (max-width: 320px) {
    .bloque-info-casosexito {
        margin-top: 66px;
    }
}

/* thank you page */
.customthank-you-page-container {
    width: 100%;
    height: 550px;
    margin-bottom: -10px;
    color: #ffffff;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 230px 0px;
}

.customthank-you-page-container h4 {
    font: Bold 30px/40px Arial;
}

.customthank-you-page-container p {
    font: Regular 26px/40px Arial;
}

@media screen and (max-width: 911px) {
    .customthank-you-page-container {
        height: 470px;
        padding: 130px 0px;
    }
}

@media screen and (max-width: 767px) {
    .customthank-you-page-container {
        margin-bottom: -60px;
    }
}

@media screen and (max-width: 500px) {
    .customthank-you-page-container {
        height: 400px;
    }
}

/* Aviso Legal */
.aviso-legal-cabecera {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}

.aviso-legal-container {
    max-width: 1140px;
    margin: auto;
    height: 200px;
    padding: 0 15px;
}

.aviso-legal-container h2 {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 32px;
    font-weight: 500;
    line-height: 5.5em;
    padding: 0;
    text-align: left;
}

.aviso-legal-textos {
    padding: 50px 0px;
    background-color: #f5f5f5;
    max-width: 1250px;
    margin-right: auto;
    margin-left: auto;
}

.aviso-legal-textos h3 {
    text-align: left;
    font: Bold 21px/27px Arial;
    letter-spacing: 0px;
    color: #294e7c;
    margin-bottom: 20px;
}

.aviso-legal-textos p,
.aviso-legal-textos li {
    text-align: left;
    font: Regular 16px/21px Arial;
    letter-spacing: 0px;
    color: #5f6765;
}

.aviso-legal-textos a,
.aviso-legal-textos>ul>li>a {
    color: #294e7c;
}

.aviso-legal-textos a:hover,
.aviso-legal-textos>ul>li>a:hover {
    text-decoration: underline;
    color: #294e7c;
}

@media screen and (max-width: 1199px) and (min-width: 991px) {
  .aviso-legal-container {
       max-width: 930px;
       padding: 0 !important;
  }
}

@media screen and (max-width: 1300px) {
    .aviso-legal-container {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 992px) {

    .aviso-legal-container,
    .aviso-legal-textos {
        max-width: 720px;
    }
}

@media screen and (max-width: 911px) {

    .aviso-legal-container,
    .aviso-legal-textos {
        max-width: 720px;
    }
}

@media screen and (max-width: 767px) {

    .aviso-legal-container,
    .aviso-legal-textos {
        max-width: 540px;
    }
}

@media screen and (max-width: 580px) {

    .aviso-legal-container,
    .aviso-legal-textos {
        max-width: 100%;
    }
}

/* Cloud CRM */
body.cloud-crm section#sp-section-6 {
    background: url(../images/Grupo3450.png);
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-size: 100%;
    padding-bottom: 60px;
    background-color: #f5f5f5;
}

body.cloud-crm .cloud_planes_main_block {
    background-color: #ffffff;
}

.modulo-planes-cloud-crm .title {
    text-align: center;
    font: Bold 23px/36px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 60px auto;
}

.title-crm {
    text-transform: uppercase;
    font-weight: bold;
    color: #405e89;
}

@media screen and (max-width: 768px) {
    div.cloud_contact_planes_mobile div#nav-tab {
        margin-top: -6%;
    }
}

@media screen and (max-width: 360px) and (min-width: 320px) {
    div.cloud_contact_planes_mobile div#nav-tab {
        margin-top: -10%;
    }
}

@media screen and (max-width: 415px) and (min-width: 360px) {
    div.cloud_contact_planes_mobile div#nav-tab {
        margin-top: -10%;
    }
}

@media screen and (max-width: 320px) {
    div.cloud_contact_planes_mobile div#nav-tab {
        margin-top: -20%;
    }
}

@media screen and (max-width: 991px) {
    body.cloud-crm section#sp-section-6>.container {
        max-width: 100%;
    }

    .cloud-crm .cloud_contact_planes_mobile {
        top: 10px;
    }

    body.cloud-crm section#sp-section-6 {
        padding-bottom: 50px;
    }
}

/* chat icon */
.contactar-whatsapp {
    display: none;
}

.contactar-whatsapp-container {
    margin-left: 30px;
    display: none;
    width: 200px;
    height: 45px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}

div.contactar-whatsapp-container>a>img {
    width: 40px;
    height: 40px;
    float: left;
}

.contactar-whatsapp-container p {
    float: left;
    margin-right: 20px;
    line-height: 3em;
}

@media screen and (max-width: 991px) {
    .contactar-whatsapp-container {
        display: block;
    }
}

/*20200709 Adri�n clase para Gartner*/
div.card-img.banner_desktop.banner_desktop_gartner,
div.card-img.banner_tablet.banner_tablet_gartner {
    background-position: center;
}

div.card-img.banner_mobile.banner_mobile_gartner {
    background-position: bottom;
}

.cld-card-title.banner_title.banner_tittle_gartner {
    font: Bold 50px/37px Arial;
}

.cld-card-text.banner_text.banner_text_gartner {
    width: 300px;
}

.small-banner-txt.small-banner-txt-gartner {
    width: 300px;
}

a.btn.banner_button.banner_button_gartner {
    margin-top: 50px;
}

.titulo-seccion {
    margin-top: 65px;
    text-align: center;
    font: Bold 23px/30px Arial;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
}

.gartner-legal {
    width: 60%;
    margin: 0 auto 26px auto;
    text-align: left;
    font: 14px/20px Arial;
    letter-spacing: 0;
    color: #294e7c;
    opacity: 1;
}

.rsform-block.rsform-block-acceder-research-txt {
    width: 250px;
    float: left;
    color: #ffffff;
}

h1.contact_title_gartner,
h3.contact_title_gartner {
    text-align: left;
    font: Bold 23px/30px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.rsform-block.rsform-block-nombre-gartner,
.rsform-block.rsform-block-primer-apellido-gartner,
.rsform-block.rsform-block-segundo-apellido-gartner,
.rsform-block.rsform-block-empresa-gartner,
.rsform-block.rsform-block-cargo-gartner,
.rsform-block.rsform-block-email-gartner,
.rsform-block.rsform-block-apellidos-gartner {
    width: 23%;
    float: left;
    margin-right: 26px;
    margin-bottom: 0 !important;
}

.rsform-block.rsform-block-nombre-gartner,
.rsform-block.rsform-block-apellidos-gartner {
    width: 36%;
    float: left;
    margin-right: 15px;
    margin-bottom: 0 !important;
}

@media (max-width: 1260px) {

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-primer-apellido-gartner,
    .rsform-block.rsform-block-segundo-apellido-gartner,
    .rsform-block.rsform-block-empresa-gartner,
    .rsform-block.rsform-block-cargo-gartner,
    .rsform-block.rsform-block-email-gartner,
    .rsform-block.rsform-block-apellidos-gartner {
        width: 23%;
        float: left;
        margin-right: 35px;
        margin-bottom: 0 !important;
    }

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-apellidos-gartner {
        width: 36%;
        float: left;
        margin-right: 35px;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 1200px) {
    .rsform-block.rsform-block-acceder-research-txt {
        width: 100%;
        float: none;
    }

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-primer-apellido-gartner,
    .rsform-block.rsform-block-segundo-apellido-gartner,
    .rsform-block.rsform-block-empresa-gartner,
    .rsform-block.rsform-block-cargo-gartner,
    .rsform-block.rsform-block-email-gartner {
        width: 29.4%;
        margin-right: 35px;
    }

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-apellidos-gartner {
        width: 46%;
        margin-right: 35px;
    }

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-empresa-gartner {
        margin-left: 0;
    }
}

@media (max-width: 991px) {

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-apellidos-gartner {
        width: 48%;
        margin-right: 13px;
    }

    .rsform-block.rsform-block-primer-apellido-gartner,
    .rsform-block.rsform-block-segundo-apellido-gartner,
    .rsform-block.rsform-block-empresa-gartner,
    .rsform-block.rsform-block-cargo-gartner,
    .rsform-block.rsform-block-email-gartner {
        width: 31.4%;
        margin-right: 13px;
    }
}

@media (max-width: 767px) {
    .titulo-seccion {
        font-size: 20px;
    }

    .rsform-block.rsform-block-nombre-gartner,
    .rsform-block.rsform-block-apellidos-gartner {
        width: 47%;
    }

    .rsform-block.rsform-block-primer-apellido-gartner,
    .rsform-block.rsform-block-segundo-apellido-gartner,
    .rsform-block.rsform-block-empresa-gartner,
    .rsform-block.rsform-block-cargo-gartner,
    .rsform-block.rsform-block-email-gartner {
        width: 30.5%;
    }
}

/* Slider Home 2020 */

.carousel-control-next,
.carousel-control-prev {
    width: 2%;
    opacity: 1;
}

.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
}

/* Platilla Gartner */

.plantilla-gartner .titulo {
    font: 25px/27px Arial;
}

.plantilla-gartner .contact_title_gartner {
    color: #294e7c;
}

.plantilla-gartner .card-img-overlay {
    padding-left: 15px;
}

.div-formulario {
    margin-bottom: 40px;
    margin-top: 40px;
    background-color: #ffffff;
}

.div-formulario button#enviar-formulario {
    border: 2px solid #ffffff;
    border-radius: 100px;
    width: 40%;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    background: #294e7c;
    text-align: center;
    font: Bold 14px/20px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    padding: 6px 14px;
    display: block;
    cursor: pointer;
    outline: none;
    height: 40px;
    transition: 0.5s;
    text-transform: none;
}

.plantilla-gartner .bloque-casosexito-bottom>div {
    padding: 40px;
}

.plantilla-gartner .bloque-casosexito-bottom>div.div-formulario {
    padding: 40px 40px 0px 40px;
}

.plantilla-gartner input.rsform-input-box {
    font-size: 14px !important;
}

.plantilla-gartner .formResponsive .formError {
    font-size: 11px;
}

.div-formulario .rsform-block-nombre-apellidos-gartner {
    margin-bottom: 0px !important;
}

.div-formulario .rsform-block.rsform-block-empresa-gartner,
.div-formulario .rsform-block.rsform-block-cargo-gartner,
.div-formulario .rsform-block.rsform-block-email-gartner {
    float: none;
    width: 100%;
    margin-right: 0px;
}

.plantilla-gartner input[type="text"]:not(.form-control),
.plantilla-gartner input[type="email"]:not(.form-control) {
    width: 96%;
    background-color: #ffffff !important;
}

.plantilla-gartner input.rsform-input-box {
    color: #abafae;
}

.plantilla-gartner .rsform-block.rsform-block-acepta-comunicaciones,
.plantilla-gartner .rsform-block-acepta-avisolegal-protecciondatos {
    width: 100%;
    margin-left: 0;
}

.plantilla-gartner .txt-peq {
    font-size: 13px;
    color: #abafae;
}

.plantilla-gartner .cloud_ban_right {
    width: 300px;
}

.plantilla-gartner .bloque-casosexito-bottom {
    padding: 0px;
}

.plantilla-gartner #bloque-texto-gartner-template {
    padding-left: 0px;
}

.plantilla-gartner button#enviar-formulario:hover {
    background: #294e7c !important;
    color: #ffffff !important;
    opacity: 0.8;
}

.plantilla-gartner .rsform-block.rsform-block-acepta-comunicaciones label,
.plantilla-gartner .rsform-block-acepta-avisolegal-protecciondatos label {
    font-size: 11px !important;
}

#slider .carousel-indicators {
    z-index: 1;
}

/*aviso legal colombia*/

.underline {
    text-decoration: underline;
}

/* Pagina Cloud Banco AV Villas 20200915 */
.av-villas .body-innerwrapper>#sp-header,
.av-villas section#sp-main-body {
    display: none;
}

.menu-simulado a {
    color: #ffffff !important;
}

.menu-simulado .contacto .sp-dropdown {
    margin-left: 15%;
}

#menu-simulado-hamburger {
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    float: right;
    margin-left: 20px;
}

.av-villas .modulo-planes-cloud-crm {
    background: url(../images/Grupo3450.png);
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-size: 100%;
    padding-bottom: 50px;
    background-color: #f5f5f5;
    padding-top: 1px;
    background-repeat: no-repeat;
}

.av-villas .cloud_planes_main_block {
    max-width: 87%;
}

.col-top-villa {
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 0px;
}

.col-top-villa h4 {
    color: #294e7c;
    margin-bottom: 40px;
}

.ampliar-planes h4,
.incorporar-plan-premium h4 {
    color: #294e7c;
    font-size: 23px;
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px;
}

.ampliar-planes .bloque-1,
.ampliar-planes .bloque-2,
.ampliar-planes .bloque-3,
.ampliar-planes .bloque-4,
.ampliar-planes .bloque-5,
.ampliar-planes .bloque-6 {
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    color: #ffffff;
    margin-bottom: 20px;
    height: 160px;
}

.ampliar-planes span {
    font-size: 18px;
    line-height: 0.5em;
    font-weight: bold;
}

.ampliar-planes p {
    font-size: 14px;
    margin-top: 15px;
}

.ampliar-planes .bloque-1 {
    background-color: #6d82a5;
}

.ampliar-planes .bloque-2 {
    background-color: #a5cedb;
}

.ampliar-planes .bloque-3 {
    background-color: #405e89;
}

.ampliar-planes .bloque-4 {
    background-color: #8fc2d3;
}

.ampliar-planes .bloque-5 {
    background-color: #6d82a5;
}

.ampliar-planes .bloque-6 {
    background-color: #a5cedb;
}

.ampliar-planes .bloque-7 {
    text-align: center;
    color: #ffffff;
    padding: 20px;
    background-color: #a4d3bc;
    height: 94%;
    border-radius: 5px;
}

.ampliar-planes .bloque-7 span {
    position: absolute;
    top: 27%;
    left: 20%;
    margin-left: 0;
    line-height: inherit;
    width: 60%;
}

.ampliar-planes .bloque-7 p {
    position: absolute;
    top: 45%;
    left: 38%;
}

.incorporar-plan-premium .panel-interno {
    padding-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
}

.incorporar-plan-premium .titulo {
    font-size: 20px;
}

.incorporar-plan-premium .card-header.izq,
.incorporar-plan-premium .card-header.derch {
    color: #ffffff;
    padding: 20px;
    text-align: center;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.incorporar-plan-premium .card-header.izq {
    background-color: #8763c7;
}

.incorporar-plan-premium .card-header.derch {
    background-color: #f2985e;
}

.incorporar-plan-premium .card-body {
    min-height: 440px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 40px;
}

.card-custom-img {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

.incorporar-plan-premium {
    padding-bottom: 50px;
}

.incorporar-plan-premium .card {
    border-radius: 15px;
}

.incorporar-plan-premium .ul-violet,
.incorporar-plan-premium .ul-orange {
    list-style-type: none;
    margin-top: 30px;
    padding-left: 10px;
}

.incorporar-plan-premium .ul-violet li,
.incorporar-plan-premium .ul-orange li {
    margin-bottom: 20px;
}

.incorporar-plan-premium .ul-violet li,
.incorporar-plan-premium .ul-orange li {
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 50px;
}

.incorporar-plan-premium .ul-violet li {
    background-image: url(../../../images/icons/icon-violet.png);
}

.incorporar-plan-premium .ul-orange li {
    background-image: url(../../../images/icons/icon-orange.png);
}

.incorporar-plan-premium a {
    color: #000000;
}

.av-villas h1.contact_title,
h3.contact_title {
    text-align: left;
    font-family: Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: bold;
}

.av-villas .rsform-block.rsform-block-mas-informacion-txt {
    width: 235px;
}

.av-villas .rsform-block-texto-superior p {
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
}

.ampliar-planes {
    padding-bottom: 60px;
}

.no-te-pierdas-beneficios {
    padding: 100px;
    text-align: center;
}

.no-te-pierdas-beneficios h4 {
    font-family: Arial;
    font-weight: 700;
    font-size: 23px;
    color: #294e7c;
    margin-bottom: 50px;
}

.no-te-pierdas-beneficios p {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #294e7c;
}

.no-te-pierdas-beneficios .btn-contactar {
    color: #ffffff;
    background-image: linear-gradient(to right, #db5472 0%, #eb7e39 100%);
    padding: 10px 30px;
    border-radius: 25px;
    margin-top: 30px;
}

.no-te-pierdas-beneficios .btn-contactar:hover,
.no-te-pierdas-beneficios .btn-contactar:focus {
    opacity: 0.9;
}

.av-villas .btn-ver-planes {
    color: #ffffff;
    border: 2px solid #ffffff;
    width: 15%;
    border-radius: 20px;
}

.av-villas .left-cloud-dir-block,
.av-villas .right-cloud-dir-block {
    min-height: 260px;
}

.cloud_ban_right.av-villas {
    width: 430px;
}

img.logo-av-villas {
    height: 35px;
    margin-top: 60px;
}

.txt-iva-azul {
    font-size: 12px;
    color: #003e6f;
    padding: 20px;
    font-weight: 600;
}

.bg-azul {
    background-color: #003e6f !important;
}

.bg-azul p {
    color: #ffffff;
    font-weight: bold;
}

.txt-azul p {
    color: #003e6f;
}

.txt-small-azul {
    margin-bottom: 30px;
    color: #003e6f;
    font-size: 12px;
}

.villa-banner {
    position: absolute;
    bottom: 100px;
}

.villa-banner img {
    width: 25px;
    height: auto;
}

@media screen and (max-width: 1200px) {
    .menu-simulado .contacto .sp-dropdown {
        margin-left: inherit;
    }

    .av-villas .rsform-block-texto-superior p {
        max-width: 100%;
    }

    .av-villas h1.contact_title,
    h3.contact_title {
        width: 100%;
    }

    .av-villas .rsform-block.rsform-block-mas-informacion-txt {
        width: 81%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    .incorporar-plan-premium h4 {
        width: 76%;
        margin-right: auto;
        margin-left: auto;
    }

    .incorporar-plan-premium .card-body {
        min-height: 490px;
    }

    .incorporar-plan-premium .panel-interno {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .av-villas .left-cloud-dir-block,
    .av-villas .right-cloud-dir-block {
        min-height: 300px;
    }

    .villa-banner {
        bottom: 60px;
    }
}

@media screen and (max-width: 991px) {
    .ampliar-planes .bloque-7 {
        height: 160px;
    }

    .ampliar-planes .bloque-1,
    .ampliar-planes .bloque-2,
    .ampliar-planes .bloque-3,
    .ampliar-planes .bloque-4,
    .ampliar-planes .bloque-5,
    .ampliar-planes .bloque-6,
    .ampliar-planes .bloque-5,
    .ampliar-planes .bloque-7 {
        height: 155px;
    }

    .ampliar-planes .bloque-7 span {
        top: 20%;
        left: 8%;
        width: 21%;
    }

    .ampliar-planes span {
        font-size: 16px;
    }

    .ampliar-planes p {
        margin-top: 10px;
    }

    .ampliar-planes .bloque-7 p {
        top: 30%;
        left: 50%;
    }

    .incorporar-plan-premium .panel-interno {
        width: 77%;
        margin-right: auto;
        margin-left: auto;
    }

    .incorporar-plan-premium .card-body {
        min-height: 680px;
    }

    .incorporar-plan-premium .card-header {
        height: 190px;
    }

    .av-villas .modulo-planes-cloud-crm {
        padding-bottom: 5px;
        position: relative;
    }

    .av-villas .modulo-planes-cloud-crm .title {
        width: 65%;
        margin-left: 50px;
        text-align: left;
    }

    .av-villas .btn-ver-planes {
        position: absolute;
        top: 70px;
        right: 50px;
    }

    .av-villas .cloud_planes_main_block {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .av-villas #tabs .nav-tabs .nav-link {
        padding-left: 20px;
    }
}

@media (min-width: 992px) {

    .ampliar-planes,
    .no-te-pierdas-beneficios,
    .incorporar-plan-premium {
        max-width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 1024px) {
    .col-top-villa {
        padding: 60px 0px;
    }

    .ampliar-planes {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

    .av-villas .right-cloud-dir-block,
    .av-villas .left-cloud-dir-block {
        width: 48%;
        float: left;
        height: 380px;
    }

    #menu-simulado-fixed {
        float: inherit !important;
        display: block !important;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social {
        position: absolute;
        display: block;
        top: 20px;
        right: 0px;
        padding-left: 0px;
        margin-right: -30px;
    }
}

@media screen and (max-width: 767px) {
    #menu-simulado-fixed li.sp-menu-item.robotica-social a {
        font-size: 12px;
    }

    .av-villas .vent-cloud-cx-title,
    .vent-cloud-crm-title {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    .av-villas .modulo-planes-cloud-crm .title {
        margin: 20px auto;
        width: 85%;
        text-align: center;
        line-height: 1.2em;
    }

    .ampliar-planes .bloque-5,
    .ampliar-planes .bloque-6 {
        width: 47%;
        float: left;
    }

    .ampliar-planes .bloque-6 {
        margin-right: 0px;
        margin-left: 6%;
    }

    .incorporar-plan-premium h4 {
        width: 95%;
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 21px;
    }

    .incorporar-plan-premium .panel-interno {
        width: 99%;
    }

    .ampliar-planes .bloque-7 p {
        left: 60%;
    }

    .incorporar-plan-premium .card-header {
        height: inherit;
    }

    .incorporar-plan-premium .card-body {
        min-height: inherit;
    }

    .incorporar-plan-premium .card {
        margin-bottom: 40px;
    }

    .incorporar-plan-premium .panel-interno {
        padding-bottom: 20px;
    }

    .no-te-pierdas-beneficios {
        padding: 70px 30px;
    }

    .av-villas .rsform-block-texto-superior p {
        font-size: 21px;
        line-height: 1.2em;
    }

    .no-te-pierdas-beneficios h4 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .av-villas .rsform-block.rsform-block-mas-informacion-txt {
        width: 99%;
    }

    .av-villas h1.contact_title,
    h3.contact_title {
        font-size: 18px;
        width: 90%;
        text-align: center;
    }

    .no-te-pierdas-beneficios p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .av-villas .left-cloud-dir-block,
    .av-villas .right-cloud-dir-block {
        min-height: inherit;
    }

    .ampliar-planes .bloque-7 {
        height: 120px;
    }

    .cloud_ban_right.av-villas {
        float: right;
    }

    .villa-banner {
        bottom: 50px;
    }

    img.logo-av-villas {
        height: 30px !important;
        width: auto;
        margin-top: 45px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 500px) {
    #menu-simulado-fixed {
        float: inherit !important;
        display: block !important;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social {
        position: absolute;
        display: block;
        top: 20px;
        right: 0px;
        padding-left: 0px;
        margin-right: 0px;
    }

    #menu-simulado-fixed li.sp-menu-item.contacto {
        padding-left: 0;
        margin-left: -80px;
    }
}

@media screen and (max-width: 500px) {
    #menu-simulado-fixed {
        float: inherit !important;
        display: block !important;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social {
        position: absolute;
        display: block;
        top: 20px;
        right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        width: 130px;
    }

    #menu-simulado-fixed li.sp-menu-item.contacto {
        padding-left: 0;
        margin-left: -110px;
    }

    .menu-simulado .contacto .sp-dropdown {
        max-width: 130px !important;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social a {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ampliar-planes span {
        font-size: 15px;
    }

    img.logo-av-villas {
        height: 20px !important;
        margin-top: 30px;
        width: auto;
    }

    .cloud_ban_right.av-villas {
        width: 80%;
    }

    .villa-banner {
        bottom: 70px;
        left: 45px;
    }
}

@media screen and (max-width: 480px) {
    .villa-banner img {
        width: 22px;
    }

    .villa-banner {
        top: 20px;
        left: 30px;
    }
}

@media screen and (max-width: 420px) {
    #menu-simulado-fixed li.sp-menu-item.contacto {
        margin-left: -120px;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social {
        width: 115px;
    }

    #menu-simulado-fixed li.sp-menu-item.robotica-social a {
        padding-right: 10px;
        padding-left: 10px;
    }

    .av-villas body.cloud-crm .cloud_planes_main_block {
        background-color: rgba(0, 0, 0, 0);
        padding-top: 0px;
    }

    .col-top-villa {
        padding: 40px 0px;
    }

    .av-villas .dig-blck-title {
        height: 50px;
    }

    .ampliar-planes .bloque-7 span {
        top: 28%;
        left: 9%;
        width: 30%;
    }
}

@media (max-width: 483px) {
    .div-formulario button#enviar-formulario {
        height: unset;
    }
}

/* FIX */
@media only screen and (max-width: 767px) {
    .com-content.view-article section#sp-main-body {
        padding-top: 0 !important;
    }

    .div-formulario button#enviar-formulario {
        width: initial;
    }
  
  #sp-main-body {
    padding: 0;
  }
}

@media (min-width: 767px) {
    .div-formulario button#enviar-formulario {
        width: unset;
    }
}

/*Actualidad*/

/* Actualidad --> Modulo Kit de prensa*/

.actualidad_page aside#sp-right {
    max-height: 1500px !important;
}

.actu-block-container h4 {
    text-align: left;
    font: normal normal bold 14px/20px Arial;
    letter-spacing: 0px;
    color: #294e7c;
    opacity: 1;
    margin-top: 8%;
    width: 110%;
}

@media screen and (max-width: 991px) {
    .actu-block-container h4 {
        font: normal normal bold 12px/20px Arial !important;
    }
}

@media screen and (max-width: 465px) {
    .actu-block-container h4 {
        width: 120%;
    }
}

@media screen and (max-width: 360px) {
    .actu-block-container h4 {
        font: normal normal bold 11px/20px Arial !important;
    }
}

.actu-1 h4:hover,
.actu-2 h4:hover {
    text-decoration: underline;
}

.actu-block-container {
    width: 386px;
    height: 140px;
    position: relative;
}

.actu-1 {
    width: 165px;
    position: relative;
    float: left;
}

.actu-2 {
    width: 165px;
    position: relative;
    float: right;
}

.actu-1-download {
    position: absolute;
    right: 10%;
    top: 55%;
    width: 20%;
}

.actu-2-download {
    position: absolute;
    right: 10%;
    top: 51%;
    width: 20%;
}

/*hover descargar */

a.actu-1-download:hover,
a.actu-2-download:hover,
img.actu-2-logo:hover,
img.actu-1-logo:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    .actu-block-container {
        width: 303px;
        height: 140px;
    }

    .actu-1 {
        width: 125px;
        position: relative;
        float: left;
    }

    .actu-2 {
        width: 125px;
        position: relative;
        float: right;
    }

    .actu-1-download {
        right: 10%;
        top: 55%;
    }

    .actu-2-download {
        right: 10%;
        top: 45% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .actu-block-container {
        width: 279px;
        height: 140px;
    }

    .actu-1 {
        width: 125px;
        position: relative;
        float: left;
    }

    .actu-2 {
        width: 125px;
        position: relative;
        float: right;
    }

    .actu-1-download {
        right: 10%;
        top: 55%;
    }

    .actu-2-download {
        right: 10%;
        top: 45%;
    }
}

@media only screen and (max-width: 1181px) and (min-width: 1025px) {
    .actu-block-container {
        width: 118%;
        height: 140px;
    }

    .actu-1 {
        width: 125px;
        position: relative;
        float: left;
    }

    .actu-2 {
        width: 125px;
        position: relative;
        float: right;
    }

    .actu-1-download {
        right: 10%;
        top: 55%;
    }

    .actu-2-download {
        right: 10%;
        top: 55%;
    }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
    .actu-2-download {
        top: 51% !important;
    }
}

@media only screen and (max-width: 465px) and (min-width: 340px) {
    .actu-block-container {
        width: 100%;
        height: 140px;
    }

    .actu-1 {
        width: 45%;
        position: relative;
        float: left;
    }

    .actu-2 {
        width: 45%;
        position: relative;
        float: right;
    }

    .actu-1-download {
        right: 10%;
        top: 55%;
    }

    .actu-2-download {
        right: 10%;
        top: 44%;
    }
}

@media only screen and (max-width: 365px) and (min-width: 340px) {
    .actu-2-download {
        top: 48%;
    }
}

@media only screen and (max-width: 364px) {
    .actu-2-download {
        top: 48%;
    }
}

@media only screen and (max-width: 465px) and (min-width: 394px) {
    .actu-2-download {
        top: 51% !important;
    }
}

@media only screen and (max-width: 339px) and (min-width: 320px) {
    .actu-block-container {
        width: 250px;
        height: 140px;
    }

    .actu-1 {
        width: 110px;
        position: relative;
        float: left;
    }

    .actu-2 {
        width: 110px;
        position: relative;
        float: right;
    }

    .actu-1-download {
        right: 10%;
        top: 55%;
    }
}

/* Actualidad --> Modulo Contacta con nosotros*/

.actu-contact-cont>h5 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 16px/26px var(--unnamed-font-family-arial);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 16px/26px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

.actu-contact>h4 {
    text-align: center;
    font: normal normal bold 18px/23px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    text-align: center;
    position: absolute;
    left: 26%;
    top: 26%;
}

.actu-contact {
    width: 396px !important;
    height: 156px;
    position: relative;
    margin-left: -15px;
}

.actu-contact-text {
    text-align: left;
    font: normal normal normal 16px/26px Arial;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 16px;
    position: absolute;
    left: 30%;
    top: 53%;
}

.actu-contact-icon1 {
    position: absolute;
    left: 20%;
    bottom: 17%;
}

.actu-contact-icon2 {
    position: absolute;
    left: 20%;
    bottom: 34%;
}

@media only screen and (max-width: 1181px) and (min-width: 991px) {
    .actu-contact {
        width: 299px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
    .actu-contact-text {
        left: 30%;
        top: 49%;
        font: normal normal normal 16px/28px Arial;
    }

    .actu-contact-icon2 {
        left: 20%;
        bottom: 37%;
    }

    .actu-contact-icon1 {
        bottom: 20%;
        left: 20%;
    }
}

@media only screen and (max-width: 826px) and (min-width: 768px) {
    .actu-contact {
        width: 339px !important;
    }
}

/* Actualidad --> Modulo Visita el blog*/

.actu-visita-contenedor {
    background-color: #ffffff !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.actu-visita-blog {
    height: 156px;
}

.actu-visita-text-h5 {
    text-align: left;
    font: normal normal bold 18px/23px Arial;
    letter-spacing: 0px;
    color: #003e6f;
    opacity: 1;
    width: 75%;
    height: auto;
    margin-top: 7%;
}

.actu-visita-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10%;
}

.actu-visita-btm {
    padding: 3px 5%;
    border: 2px solid #405e89;
    border-radius: 100px;
    opacity: 1;
    text-align: center;
    margin-top: 7%;
}

a.actu-visita-btm {
    color: #003e6f !important;
}

@media only screen and (min-width: 992px) {
    .actu-visita-text-h5 {
        width: 65%;
        top: 8%;
    }
}

@media only screen and (min-width: 992px) {
    .actu-visita-btm:hover {
        color: #fff !important;
        background: #003e6f;
    }
}

@media only screen and (min-width: 465px) and (max-width: 991px) {
    .actu-visita-btm:hover {
        background: #fff;
        color: #003e6f !important;
    }
}

@media only screen and (max-width: 464px) {
    .actu-visita-btm:hover {
        color: #fff !important;
        background: #003e6f;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .actu-visita-contenedor {
        width: 50% !important;
        float: left;
    }

    .actu-block-container {
        display: inline-block;
    }
}

/* visita azul ipad*/

@media only screen and (max-width: 991px) and (min-width: 465px) {
    .actu-visita-contenedor {
        background-color: #577097 !important;
        margin-bottom: 5%;
    }

    .actu-visita-text h5 {
        color: #fff !important;
    }

    .actu-visita-text>a {
        color: white !important;
    }

    .actu-visita-btm {
        border: 2px solid #fff !important;
    }
}

/* ESPACIADOS MOVIL */
@media only screen and (max-width: 464px) {
    .actu-contact {
        margin-top: -50px;
        margin-bottom: -50px;
    }

    .actu-visita-text-h5 {
        width: 85%;
    }

    .actu-contact-text {
        left: 28%;
    }

    .actu-contact-icon1 {
        left: 18%;
    }

    .actu-contact-icon2 {
        left: 18%;
    }

    .actu-contact>h4 {
        left: 20%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 464px) {
    .actu-contact {
        margin-top: -18px;
        margin-bottom: -18px;
    }
}

@media only screen and (min-width: 992px) {
    .actu-contact {
        margin-top: -30px;
        margin-bottom: -50px;
    }

    .actu-visita-contenedor {
        margin-bottom: -50px;
    }
}

@media only screen and (min-width: 1200px) {
    .actu-contact {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 464px) {
    .actu-contact {
        width: 108% !important;
    }
}

@media only screen and (max-width: 356px) {
    .actu-contact>h4 {
        font-size: 16px;
    }

    .actu-contact-text {
        font-size: 13px;
    }

    .actu-contact-icon2,
    .actu-contact-icon1 {
        width: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .actu-visita-contenedor {
        width: 50% !important;
        float: left;
        margin-right: 5%;
        margin-top: -10%;
    }
}

@media only screen and (max-width: 494px) and (min-width: 465px) {
    .blog_tag_actu>div {
        width: 110% !important;
    }
}

@media only screen and (max-width: 464px) {
    .actu-visita-contenedor {
        width: 100% !important;
        float: left;
        margin-right: 5%;
        margin-top: -5%;
        margin-bottom: 10%;
    }

    /* .blog_tag_actu{
		display: none !important;} 

}*/
}

/*DE QUE HABLAMOS*/

/*padding y medida tags*/

.sp-module.blog_tag_actu ul li {
    /* padding: 0 2px 0 3px !important; */
    margin: 4px !important;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    .blog_tag_actu .sp-module-title {
        margin-top: -107px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 465px) {
    .blog_tag_actu .sp-module-title {
        margin-top: -133px !important;
    }

    .tagspopular.blog_tag_list.blog_tag_actu {
        margin-top: -12px;
    }

    .actu-visita-contenedor {
        margin-top: -5% !important;
    }
}

.tagspopular.blog_tag_list.blog_tag_actu {
    width: 105%;
}

.actualidad_page aside#sp-right {
    display: block !important;
}

/* VISTA IPAD MODULOS EN PARALELO */

@media only screen and (max-width: 991px) and (min-width: 768px) {

    .sp-module.kit_prensa_css,
    .sp-module.contacta_nosotros_css,
    .sp-module.visita_blog_css,
    .sp-module.blog_tag_actu {
        width: 49% !important;
        float: left !important;
    }

    .sp-module.contacta_nosotros_css {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .actu-1,
    .actu-2 {
        width: 139px !important;
    }

    .actu-block-container {
        width: 110%;
    }

    .actu-2-download {
        top: 50% !important;
    }

    .actu-contact {
        margin-top: 2% !important;
        margin-bottom: -10% !important;
        margin-left: -3% !important;
    }

    .actu-contact>h4 {
        left: 23% !important;
    }

    .actu-visita-contenedor {
        margin-bottom: 10% !important;
        width: 110% !important;
    }

    .blog_tag_actu .sp-module-title {
        margin-top: 1px !important;
    }

    .actu-contact-text {
        top: 51%;
    }

    .actu-contact-icon2 {
        bottom: 35%;
    }

    .actu-contact-icon1 {
        bottom: 18%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 826px) {
    .actu-contact-text {
        font: normal normal normal 13px/24px Arial;
        top: 50%;
        left: 32%;
    }

    .actu-contact-icon2 {
        bottom: 38%;
        left: 22%;
    }

    .actu-contact-icon1 {
        bottom: 21%;
        left: 22%;
    }

    .actu-contact>h4 {
        font: normal normal bold 16px/23px Arial;
        left: 25% !important;
        top: 22% !important;
    }
}

@media only screen and (min-width: 1182px) {
    .actu-visita-contenedor {
        width: 115% !important;
    }

    .actu-contact {
        width: 125% !important;
    }

    .actu-block-container {
        width: 116% !important;
    }
}

@media only screen and (max-width: 1181px) and (min-width: 992px) {
    .actu-visita-contenedor {
        width: 115% !important;
    }

    .actu-contact {
        width: 125% !important;
    }

    .actu-contact>h4 {
        left: 21% !important;
    }
}

@media only screen and (min-width: 1199px) {
    .actu-block-container {
        width: 116% !important;
    }
}

@media only screen and (max-width: 464px) {
    .blog_tag_actu h3.sp-module-title {
        margin-left: 5% !important;
    }

    .tagspopular.blog_tag_list.blog_tag_actu {
        margin-left: 3% !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 545px) {
    .actu-contact {
        width: 92% !important;
    }
}

#sp-right .sp-module.blog_tag_actu ul li {
    padding: 0px 6px !important;
}

@media only screen and (max-width: 320px) {
    .actu-contact {
        width: 116% !important;
    }

    .actu-visita-contenedor {
        width: 109% !important;
    }
}

@media only screen and (max-width: 393px) and (min-width: 367px) {
    .actu-2-download {
        top: 48% !important;
    }
}

.blog.actualidad_page>.article-list {
    min-height: 1500px !important;
}

/*modificacion omnichannel button*/

@media only screen and (max-width: 736px) {
    a.omnichannel_button {
        margin-top: 20px !important
    }
}


/* Formulario CloudCx --> Julio 2021 */

.formulario_cloud_cx .rsform-block.rsform-block-plantilla,
.formulario_cloud_cx .rsform-block.rsform-block-btn-texto,
.formulario_cloud_cx .rsform-block.rsform-block-btn-imagen,
.formulario_cloud_cx .rsform-block.rsform-block-btn-pdf,
.formulario_cloud_cx .rsform-block.rsform-block-btn-localizacion,
.formulario_cloud_cx .rsform-block.rsform-block-btn-video,
.formulario_cloud_cx .rsform-block.rsform-block-chkb-permitir-adjuntar,
.formulario_cloud_cx .rsform-block.rsform-block-latitud,
.formulario_cloud_cx .rsform-block.rsform-block-longitud,
.formulario_cloud_cx .rsform-block.rsform-block-encabezado,
.formulario_cloud_cx .rsform-block.rsform-block-pie-texto,
.formulario_cloud_cx .rsform-block.rsform-block-botones-interactivos,
.formulario_cloud_cx .rsform-block.rsform-block-btn-accion,
.formulario_cloud_cx .rsform-block.rsform-block-btn-respuesta-rapida,
.formulario_cloud_cx .rsform-block.rsform-block-respuesta-rapida1,
.formulario_cloud_cx .rsform-block.rsform-block-respuesta-rapida2,
.formulario_cloud_cx .rsform-block.rsform-block-respuesta-rapida3,
.formulario_cloud_cx .rsform-block.rsform-block-texto-btn-web,
.formulario_cloud_cx .rsform-block.rsform-block-url-btn-web,
.formulario_cloud_cx .rsform-block.rsform-block-texto-btn-tlf,
.formulario_cloud_cx .rsform-block.rsform-block-num-btn-tlf,
.formulario_cloud_cx .rsform-block.rsform-block-subir-archivo {
    display: none;
}

/*
.formulario_cloud_cx .rsform-block.rsform-block-nombre label, p, .formulario_cloud_cx .rsform-block.rsform-block-campanya label, p,
.formulario_cloud_cx .rsform-block.rsform-block-categoria label, p, .formulario_cloud_cx .rsform-block.rsform-block-mensaje label, p
 {
    display: inline !important;
}
*/

body.site.helix-ultimate.com-content.view-article.layout-default.task-none.itemid-415.es-es.ltr.sticky-header.layout-fluid.offcanvas-init.offcanvs-position-right.formulario_cloud_cx {
    margin-left: -5px;
}

.formulario_cloud_cx .formContainer.formVertical div.formSpan12 {
    padding-left: 6%;
    padding-right: 6%;
}

.formulario_cloud_cx .formRow .formSpan12 label,
.formulario_cloud_cx .formRow .formSpan12 p {
    display: inline !important;
}

.formulario_cloud_cx .label.formControlLabel {
    display: inline;
}

.formulario_cloud_cx .formSpan12 {
    background-color: #ffffff;
    padding: 5%;
    width: 90%;
    height: auto;
    margin-left: 10%;
}

/*botones del formulario*/
.formulario_cloud_cx div.formBody .rsform-button {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 12px;
    opacity: 1;
    background: #f5f5f5;
    color: #4e5654;
    font-size: 18px;
    text-align: left;
    padding-top: 9px;
    padding-bottom: 9px;
    outline: none !important;
    float: left;
    margin-top: 1px;
    margin-bottom: 25px;
    border: 0px;
    padding-left: 15px;
}

.formulario_cloud_cx #btn_standar,
.formulario_cloud_cx #btn_multimedia,
.formulario_cloud_cx #btn_accion,
.formulario_cloud_cx #btn_respuesta_rapida {
    padding-right: 4%;
}

.formulario_cloud_cx #btn_imagen,
.formulario_cloud_cx #btn_pdf,
.formulario_cloud_cx #btn_localizacion,
.formulario_cloud_cx #btn_texto,
.formulario_cloud_cx #btn_video {
    padding-right: 9.5%;
}

.formulario_cloud_cx #btn_standar,
.formulario_cloud_cx #btn_texto,
.formulario_cloud_cx #btn_accion {
    margin-left: 0px;
}

.formulario_cloud_cx #btn_multimedia,
.formulario_cloud_cx #btn_imagen,
.formulario_cloud_cx #btn_pdf,
.formulario_cloud_cx #btn_localizacion,
.formulario_cloud_cx #btn_video,
.formulario_cloud_cx #btn_respuesta_rapida {
    margin-left: 22px;
}

/*interlineado texto*/
.formulario_cloud_cx label,
.formulario_cloud_cx p,
.formulario_cloud_cx span {
    line-height: 1em;
}

body.formulario_cloud_cx {
    line-height: 1;
}

/*botón subir archivo*/

.formulario_cloud_cx input[type="file"] {
    opacity: 0;
}

.formulario_cloud_cx .boton_subir {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 12px;
    opacity: 1;
    background: #f5f5f5;
    color: #4e5654;
    font-size: 18px;
    text-align: left;
    outline: none !important;
    /* margin: 10px; */
    clear: both;
    background-color: #f5f5f5;
    color: #4e5654;
    font-size: 18px;
    border-radius: 12px;
    position: absolute;
    left: 0%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 192px;
    height: 38px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    margin-top: 2%;
    padding-top: 9px;
    padding-left: 15px;
}

.formulario_cloud_cx .rsform-block.rsform-block-subir-archivo .formValidation span.formError {
    position: relative;
    top: 30px;
}

/*icono del botón subir archivo*/
.formulario_cloud_cx .fa-upload:before {
    content: "\f077";
}

.formulario_cloud_cx #peso_maximo {
    margin-left: 0%;
    position: absolute;
    top: 90%;
    margin-top: 1%;
}

.formulario_cloud_cx div.rsform-block.rsform-block-chkb-permitir-adjuntar div.formBody {
    margin-top: 5%;
    margin-bottom: 3%;
}

.formulario_cloud_cx fieldset div.formControls {
    margin-top: 1%;
}

.formulario_cloud_cx ::placeholder {
    color: #abafae;
}

.formulario_cloud_cx strong.formRequired {
    color: white;
}

.formulario_cloud_cx div.formBody .rsform-submit-button {
    color: #4e5654;
    background: #f5f5f5;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 12px;
    width: 146px;
    height: 38px;
    box-shadow: 0px 3px 6px #00000029;
    outline: none !important;
    clear: both !important;
    margin: 0 auto;
    /*margin-left: 40%;*/
    border: 0px solid #f5f5f5;
    display: block;
}

.formulario_cloud_cx #subir_archivo {
    position: relative;
    top: 25px;
    z-index: 1;
}

.formulario_cloud_cx div.formBody input.rsform-input-box {
    background: #f5f5f5 !important;
    font-size: 14px !important;
    text-align: left;
    border-radius: 8px !important;
    border: 0px solid #f5f5f5;
    padding-left: 9px;
    margin-bottom: 3%;
}

.formulario_cloud_cx .rsform-block.rsform-block-nombre input,
.formulario_cloud_cx .rsform-block.rsform-block-campanya input,
.formulario_cloud_cx .rsform-block.rsform-block-categoria input {
    margin-bottom: 0px !important;
}

.formulario_cloud_cx .rsform-block.rsform-block-campanya,
.formulario_cloud_cx .rsform-block.rsform-block-tipo,
.formulario_cloud_cx .rsform-block.rsform-block-mensaje {
    margin-top: 3%;
}

.formulario_cloud_cx .formResponsive .formError {
    padding-left: 0px;
}


.formulario_cloud_cx textarea#mensaje {
    background: #f5f5f5 !important;
    font-size: 14px !important;
    text-align: left;
    border-radius: 8px !important;
    border: 0px solid #f5f5f5;
    padding-left: 9px;
    margin-bottom: 0%;
}

/*tipos letra formulario*/
.cloudcx-title1 {
    font-family: Arial;
    font-size: 17px;
    text-align: left;
    color: #003e6f;
    /*font-weight: bold !important;*/
    clear: both !important;
}

.cloudcx-title2,
.formulario_cloud_cx textarea#mensaje {
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    color: #abafae;
}

.cloudcx-title3 {
    font-family: Arial;
    font-size: 18px;
    text-align: left;
    color: #4e5654;
    clear: both !important;
}

.formulario_cloud_cx textarea#mensaje {
    width: 100% !important;
    float: left !important;
    height: 99px;
    /*margin-left: 15px;*/
}

.formulario_cloud_cx>.rsform-block {
    width: 100%;
}

.formulario_cloud_cx>.formControlLabel {
    width: 100% !important;
    clear: both !important;
}

#userForm .formRed {
    margin-left: 0%;
}

.formulario_cloud_cx .rsform-block.rsform-block-nota-obligatorio .pie_formulario {
    color: #003e6f;
    font-size: 14px;
    font-family: Arial, Regular;
}

.formulario_cloud_cx div.rsform-block.rsform-block-subir-archivo label {
    display: none !important;
}

.formulario_cloud_cx .rsform-block.rsform-block-nota-obligatorio {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 20px;
}

.formulario_cloud_cx .rsform-block.rsform-block-subir-archivo div.formBody {
    position: relative;
    display: inline-block;
    border-top: solid 1px #51809e;
    width: 100%;
    margin-top: 1%;
}

/*ocultar opción Acceder a cloud cx en menu fa-fa-bar*/
.offcanvas-menu .sp-module-content ul.menu :nth-child(9) {
    display: none;
}

/*colocar logo del banner */
.formulario_cloud_cx div.cloud_ban_center img {
    width: 20%;
    float: left;
    margin-left: 40%;
}

.formulario_cloud_cx .rsform-block.rsform-block-campanya {
    width: 100%;
    display: inline-block;
}

.formulario_cloud_cx .rsform-block.rsform-block-categoria {
    width: 100%;
    display: inline-block;
}

.formulario_cloud_cx .rsform-block.rsform-block-nombre {
    width: 100%;
    display: inline;
}

.formulario_cloud_cx div.rsform-block.rsform-block-mensaje {
    margin-right: 0%;
}

.formulario_cloud_cx section#sp-section-7 {
    background: #f5f5f5;
}

.formulario_cloud_cx #enviar.rsform-submit-button:hover {
    background-color: #f5f5f5;
    color: #4e5654;
}

.formulario_cloud_cx #enviar.rsform-submit-button:active {
    background-color: #f5f5f5;
}

.formulario_cloud_cx .social-icons {
    display: none;
}

.formulario_cloud_cx div.customcopyright_text.copyright_desktop img {
    display: inherit;
}

.formulario_cloud_cx div.customcopyright_text.copyright_desktop span {
    margin-left: 40px;
}

.formulario_cloud_cx div.sp-module.footer_policies_menu.footer_policies_desktop li.item-160 a,
.typ_formulario_cloud_cx div.sp-module.footer_policies_menu.footer_policies_desktop li.item-160 a {
    margin-left: 100px;
}

.formulario_cloud_cx div.custom.desktop_footer img {
    margin-left: 100px;
}

.sp-megamenu-parent li.sp-menu-item.acceder-cloud-cx {
    display: none;
}

.formulario_cloud_cx .sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block li {
    display: none;
}

.formulario_cloud_cx li.sp-menu-item.acceder-cloud-cx {
    display: inline-block !important;
}

li.sp-menu-item.acceder-cloud-cx a {
    padding: 7px;
    background: #db5472;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    display: block;
}

li.sp-menu-item.acceder-cloud-cx a:hover {
    background: rgba(219, 84, 114, 0.7);
}

body.formulario_cloud_cx .body-wrapper .body-innerwrapper section#sp-section-7 {
    background: #f5f5f5 !important;
}


@media only screen and (min-width: 768px) and (max-width: 1203px) {
    .formulario_cloud_cx div.customcopyright_text.copyright_desktop span {
        display: block;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
    .formulario_cloud_cx i.fa.fa-bars {
        display: none;
    }

    .formulario_cloud_cx .sp-megamenu-parent {
        display: inline-block !important;
        /* float: left !important; */
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .formulario_cloud_cx i.fa.fa-bars {
        display: none;
    }

    .formulario_cloud_cx .sp-megamenu-parent {
        display: inline-block !important;
        /* float: left !important; */
    }
}

@media only screen and (max-width: 767px) {
    .formulario_cloud_cx #sp-menu .sp-menu-item a {
        padding: 9px !important;
    }
}

@media only screen and (max-width: 538px) {
    .formulario_cloud_cx #sp-menu .sp-menu-item a {
        padding: 7px !important;
        font-size: 12px;
    }
}

/* @media only screen and (max-width: 526px) {

	.formulario_cloud_cx #sp-menu .sp-menu-item a { 
    	padding: 4px 6px;
	}
} */

.formulario_cloud_cx #sp-menu .sp-menu-item a {
    padding: 10px 15px;
}

.formulario_cloud_cx #offcanvas-toggler {
    height: 0 !important;
}

.formulario_cloud_cx .sp-megamenu-parent {
    float: right !important;
}

/* query para evitar que el contenido de los campos se desborde del formulario */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical div.formBody {
        width: 95%;
    }
}

/* MARGIN FORMULARIO PARA SITUARLO CON EL HEADER */

/*Inicial*/
.formulario_cloud_cx fieldset.formContainer.formVertical {
    width: 100%;
    margin-top: -35%;
    padding: 0 10% 0 10%;
}

/*Versiones query*/

/* ------ posición del formulario y logo del banner ------ */

@media only screen and (min-width: 1025px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 4% !important;
    }
}

.formulario_cloud_cx div.cloud_ban_center img {
    margin: 0 auto;
    width: 249px;
    float: none;
}

@media only screen and (min-width: 823px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -20%;
    }
}

@media only screen and (min-width: 1025px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -32%;
    }
}

@media only screen and (min-width: 1200px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -28%;
    }
}

@media only screen and (min-width: 1600px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -36%;
    }
}

@media only screen and (min-width: 1700px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -37%;
    }
}

@media only screen and (min-width: 1800px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -40%;
    }
}

@media only screen and (min-width: 1900px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -43%;
    }
}

@media only screen and (max-width: 736px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        width: 214px;
    }
}

@media only screen and (max-width: 768px) {
    .formulario_cloud_cx .boton_subir {
        padding-top: 11px;
    }

    .formulario_cloud_cx div.formBody .rsform-button,
    .formulario_cloud_cx .cloudcx-title3 {
        font-size: 14px;
    }

    .formulario_cloud_cx .boton_subir {
        font-size: 14px;
        width: 150px;
    }

    .formulario_cloud_cx .cloudcx-title1 {
        font-size: 11px;
    }

    .formulario_cloud_cx .cloudcx-title2 {
        font-size: 11px;
    }

    .formulario_cloud_cx div.formBody input.rsform-input-box,
    .formulario_cloud_cx textarea#mensaje {
        font-size: 12px;
    }

    .formulario_cloud_cx fieldset.formContainer.formVertical {
        padding: 0%;
        margin-top: -11%;
    }

    body.formulario_cloud_cx .body-wrapper .body-innerwrapper section#sp-section-7 {
        background: #ffffff !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 480px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -50%;
    }
}

@media only screen and (min-width: 350px) and (max-width: 399px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -55%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 349px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -70%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -5.5%;
        padding: 0 2% 0 2%;
    }

    body.formulario_cloud_cx .body-wrapper .body-innerwrapper section#sp-section-7 {
        background: #ffffff !important;
    }
}

@media only screen and (max-width: 540px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -13%;
    }

    body.formulario_cloud_cx .body-wrapper .body-innerwrapper section#sp-section-7 {
        background: #ffffff !important;
    }
}

@media only screen and (max-width: 470px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -14.5%;
    }
}

@media only screen and (max-width: 430px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        margin-top: -17%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .formulario_cloud_cx #sp-main-body {
        background: #ffffff;
    }
}

/*controlar que los botones no se bajen a la linea de abajo */
@media only screen and (max-width: 350px) {
    .formulario_cloud_cx #btn_respuesta_rapida {
        margin-left: 3%;
    }

    .formulario_cloud_cx #btn_accion {
        padding-right: 2%;
    }
}

/*alinear botones cuando se baja a la linea de abajo */
@media only screen and (max-width: 372px) {
    .formulario_cloud_cx #btn_respuesta_rapida {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_accion {
        margin-right: 22px;
    }
}

@media only screen and (max-width: 336px) {

    .formulario_cloud_cx #btn_pdf,
    .formulario_cloud_cx #btn_video {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_imagen,
    .formulario_cloud_cx #btn_localizacion {
        margin-right: 22px;
    }
}

@media only screen and (min-width: 337px) and (max-width: 370px) {
    .formulario_cloud_cx #btn_localizacion {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_pdf {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 370px) and (max-width: 720px) {
    .formulario_cloud_cx #btn_localizacion {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_pdf {
        margin-right: 22px;
    }
}

@media only screen and (min-width: 721px) and (max-width: 768px) {
    .formulario_cloud_cx #btn_video {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_localizacion {
        margin-right: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .formulario_cloud_cx #btn_localizacion {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_pdf {
        margin-right: 22px;
    }

    .formulario_cloud_cx section#sp-main-body {
        background: #ffffff;
    }

    .formulario_cloud_cx #sp-section-7 .container {
        max-width: 100%;
    }

    .formulario_cloud_cx #sp-bottom1 .custom.logotipo_footer,
    .typ_formulario_cloud_cx #sp-bottom1 .custom.logotipo_footer {
        position: relative;
        top: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1210px) {
    .formulario_cloud_cx #btn_video {
        margin-left: 0px;
    }

    .formulario_cloud_cx #btn_localizacion {
        margin-right: 22px;
    }
}

@media only screen and (min-width: 433px) and (max-width: 532px) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        padding: 0px;
    }
}

/* tamaño de textos */
@media only screen and (max-width: 768px) {
    .formulario_cloud_cx .rsform-block.rsform-block-nota-obligatorio .pie_formulario {
        font-size: 12px;
    }

    .cloudcx-title1 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 360px) {

    .formulario_cloud_cx div.formBody input.rsform-input-box,
    .formulario_cloud_cx textarea#mensaje {
        font-size: 12px !important;
    }
}

/* form#userForm\ formularioCCX {
    margin-top: -33%;
} */

/**/

.formulario_cloud_cx .fa.fa-bars {
    display: none;
}

/* pruebas bootstrap */
@media only screen and (max-width: 991px) {

    .formulario_cloud_cx .col-4,
    .col-8 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.formulario_cloud_cx .formRed {
    display: none;
}

.formulario_cloud_cx .banneritem img {
    object-fit: contain !important;
    height: 100% !important;
}

/* *********************************************************************************************************** */

/* footer */

.formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop,
.typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
    display: inline-block;
}

/*MOVIL */
@media only screen and (max-width: 767px) {

    .formulario_cloud_cx #sp-footer,
    .formulario_cloud_cx #sp-footer .container-inner,
    .typ_formulario_cloud_cx #sp-footer,
    .typ_formulario_cloud_cx #sp-footer .container-inner {
        padding: 4px 0px;
    }

    .formulario_cloud_cx #sp-footer ul.menu li a,
    .typ_formulario_cloud_cx #sp-footer ul.menu li a {
        margin: 0px -10px !important;
    }

    .formulario_cloud_cx #sp-footer2 ul.menu,
    .typ_formulario_cloud_cx #sp-footer2 ul.menu {
        float: right;
        position: relative;
        right: 65px;
    }

    .formulario_cloud_cx #sp-footer ul.menu,
    .typ_formulario_cloud_cx #sp-footer ul.menu {
        padding-bottom: 7%;
    }

    /*amarillo*/
    .formulario_cloud_cx .sp-module.mobile_footer3,
    .typ_formulario_cloud_cx .sp-module.mobile_footer3 {
        padding-bottom: 7px;
    }

    .formulario_cloud_cx .custom.copyright_mobile,
    img.logo-image,
    .formulario_cloud_cx .sp-module.mobile_footer3,
    .formulario_cloud_cx #sp-footer ul.menu,
    .formulario_cloud_cx #sp-footer ul.menu li a,
    .typ_formulario_cloud_cx .custom.copyright_mobile,
    .typ_formulario_cloud_cx .sp-module.mobile_footer3,
    .typ_formulario_cloud_cx #sp-footer ul.menu,
    .typ_formulario_cloud_cx #sp-footer ul.menu li a {
        padding-left: 5px;
        font-size: 6px;
    }

    .formulario_cloud_cx #sp-bottom1 img.logo-image,
    .typ_formulario_cloud_cx #sp-bottom1 img.logo-image {
        width: 72px;
    }

    .formulario_cloud_cx .custom.copyright_mobile {
        margin-left: -11px;
        margin-top: -16px;
    }

    .formulario_cloud_cx .custom.copyright_mobile p,
    .typ_formulario_cloud_cx .custom.copyright_mobile p {
        font-size: 6px;
    }

    .formulario_cloud_cx .custom.mobile_footer3 img,
    .typ_formulario_cloud_cx .custom.mobile_footer3 img {
        width: 120px;
        margin-top: -107px;
        margin-left: 75%;
        float: right;
    }

    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop,
    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
        padding-left: 1px;
        margin-left: 69%;
    }

    .formulario_cloud_cx #sp-footer2 .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content,
    .typ_formulario_cloud_cx #sp-footer2 .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content {
        width: 155%;
    }

    .formulario_cloud_cx #sp-footer2,
    .typ_formulario_cloud_cx #sp-footer2 {
        margin-top: -35px;
    }
}

/* colocar logo cloud cx en dispositivos moviles */
@media screen and (max-width: 330px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 20px;
    }
}

@media screen and (min-width: 332px) and (max-width: 360px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 29px;
    }
}

@media screen and (min-width: 361px) and (max-width: 420px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 30px;
    }
}

/*colocar logo cloud cx en tablet */
@media screen and (min-width: 737px) and (max-width: 770px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 65px;
    }
}

@media screen and (min-width: 770px) and (max-width: 822px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 65px;
    }
}

@media screen and (min-width: 823px) and (max-width: 1024px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 37px;
        width: 391px;
    }
}

/*colocar logo cloud cx en movil */
@media screen and (min-width: 600px) and (max-width: 737px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 90px;
    }
}

@media screen and (min-width: 499px) and (max-width: 599px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 65px;
    }
}

@media screen and (min-width: 420px) and (max-width: 499px) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 40px;
    }
}

/* TABLET */
@media (min-width: 720px) and (max-width: 768px) and (orientation: landscape) {
    .formulario_cloud_cx fieldset.formContainer.formVertical {
        width: 147%;
        margin-left: -123px;
    }
}

@media (max-width: 991px) and (min-width: 768px) and (orientation: portrait) {
    .formulario_cloud_cx div.cloud_ban_center img {
        margin-top: 10px;
        width: 391px;
    }

    .formulario_cloud_cx .custom.tablet_apple_footer,
    .typ_formulario_cloud_cx .custom.tablet_apple_footer {
        top: -30px !important;
        left: 120px !important;
    }

    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop,
    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
        display: inline-block;
        width: 120% !important;
        /* margin-left: -30% !important; */
    }

    .formulario_cloud_cx span.sp-copyright,
    .formulario_cloud_cx .footer_policies_menu a,
    .formulario_cloud_cx .copyright_text p,
    .typ_formulario_cloud_cx span.sp-copyright,
    .typ_formulario_cloud_cx .footer_policies_menu a,
    .typ_formulario_cloud_cx .copyright_text p {
        top: 15px !important;
    }

    .formulario_cloud_cx .custom.copyright_text.copyright_desktop,
    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop {
        margin-top: 3px;
    }

    .formulario_cloud_cx .formContainer.formVertical div.formSpan12 {
        padding-left: 1%;
        padding-right: 1%;
    }

    .formulario_cloud_cx fieldset.formContainer.formVertical {
        padding: 0 2% 0 2%;
    }

    .formulario_cloud_cx #sp-bottom #sp-bottom1 .sp-column .sp-module .sp-module-content div.custom {
        position: relative;
        top: 37px;
    }
}

/*and (orientation: portrait)*/

@media (max-width: 1024px) and (min-width: 992px) {

    .formulario_cloud_cx .custom.tablet_apple_footer,
    .typ_formulario_cloud_cx .custom.tablet_apple_footer {
        top: -90px !important;
        left: 96% !important;
    }
}

/*media query para ocultar modulos hasta version pc*/
@media (max-width: 1024px) {
    .formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: none;
    }
}

@media (max-width: 1200px) {
    .formulario_cloud_cx .copyright_version_desktop {
        display: none !important;
    }

    .formulario_cloud_cx .custom.logo_version_desktop {
        display: none !important;
    }
}

/*media query para ocultar los otros dos modulos a partir de 1024px y solo dejar el nuevo*/
@media (min-width: 1025px) {
    .formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: inline-block;
    }

    .formulario_cloud_cx #sp-bottom {
        display: none;
    }

    .formulario_cloud_cx .custom.copyright_text.copyright_desktop {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        margin-top: -10%;
        margin-bottom: 90px;
    }

    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
        width: 140%;
        margin-top: 6%;
        margin-left: 0%;
    }

    .formulario_cloud_cx .custom.desktop_footer {
        margin-top: 25%;
    }

    .formulario_cloud_cx .derechos_reservados,
    .typ_formulario_cloud_cx .derechos_reservados {
        margin-left: 131px;
        width: 129%;
    }
}

/*a partir de 1200, dividmos el logo y el copy en 2 modulos, y ocultamos el resto*/

@media (min-width: 1200px) {
    .formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: none;
    }

    .formulario_cloud_cx footer img.logo-image {
        margin-top: 13%;
    }

    .custom.logo_version_desktop {
        display: inline-block !important;
        margin-top: 8%;
    }

    .copyright_version_desktop {
        display: inline-block !important;
        margin-left: 20%;
        width: 105%;
    }

    .formulario_cloud_cx .custom.desktop_footer {
        margin-top: 20%;
    }
}


.formulario_cloud_cx form.formResponsive {
    margin: 0px 0 60px;
}



/* ------Thank you page del formulario plantilla cloud cx -------- */

.typ_formulario_cloud_cx .customthank-you-page-container {
    height: 79vh;
}

.typ_formulario_cloud_cx #sp-footer {
    height: 25vh;
}

/* menú superior */
.typ_formulario_cloud_cx .sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block li {
    display: none;
}

.typ_formulario_cloud_cx li.sp-menu-item.acceder-cloud-cx {
    display: inline-block !important;
}

/*iconos redes sociales*/
.typ_formulario_cloud_cx .social-icons {
    display: none;
}

/*oculto fa-fa bars*/
.typ_formulario_cloud_cx i.fa.fa-bars {
    display: none;
}

/* Tamaño y posición del botón del header */
.typ_formulario_cloud_cx #sp-menu .sp-menu-item a {
    padding: 10px;
}

.typ_formulario_cloud_cx #offcanvas-toggler {
    height: 0 !important;
}

.typ_formulario_cloud_cx .sp-megamenu-parent {
    float: right !important;
}

/* media queries HEADER */
@media only screen and (max-width: 991px) {

    .typ_formulario_cloud_cx .col-4,
    .col-8 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
    .typ_formulario_cloud_cx .sp-megamenu-parent {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .typ_formulario_cloud_cx .sp-megamenu-parent {
        display: inline-block !important;
    }
}

@media only screen and (max-width: 767px) {
    .typ_formulario_cloud_cx #sp-menu .sp-menu-item a {
        padding: 9px !important;
    }
}

@media only screen and (max-width: 538px) {
    .typ_formulario_cloud_cx #sp-menu .sp-menu-item a {
        padding: 7px !important;
        font-size: 12px;
    }
}

/*FOOTER */
.typ_formulario_cloud_cx div.custom.desktop_footer img {
    margin-left: 100px;
}

/*media query para ocultar modulos hasta version pc*/
@media (max-width: 1024px) {
    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: none;
    }
}

@media (max-width: 1200px) {
    .typ_formulario_cloud_cx .copyright_version_desktop {
        display: none !important;
    }

    .typ_formulario_cloud_cx .custom.logo_version_desktop {
        display: none !important;
    }
}

/*media query para ocultar los otros dos modulos a partir de 1024px y solo dejar el nuevo*/
@media (min-width: 1025px) {
    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: inline-block;
    }

    .typ_formulario_cloud_cx #sp-bottom {
        display: none;
    }

    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        margin-top: -10%;
        margin-bottom: 90px;
    }

    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
        width: 140%;
        margin-top: 6%;
        margin-left: 0%;
    }

    .typ_formulario_cloud_cx .custom.desktop_footer {
        margin-top: 25%;
    }

    .typ_formulario_cloud_cx .logo_juntos,
    .formulario_cloud_cx .logo_juntos {
        top: 120px;
    }
}

/*a partir de 1200, dividmos el logo y el copy en 2 modulos, y ocultamos el resto*/

@media (min-width: 1200px) {
    .typ_formulario_cloud_cx .custom.copyright_text.copyright_desktop.copyright_logo_juntos {
        display: none;
    }

    .typ_formulario_cloud_cx footer img.logo-image {
        margin-top: 13%;
    }

    .custom.logo_version_desktop {
        display: inline-block !important;
        margin-top: 8%;
    }

    .copyright_version_desktop {
        display: inline-block !important;
        margin-left: 20%;
        width: 105%;
    }

    .typ_formulario_cloud_cx .custom.desktop_footer {
        margin-top: 20%;
    }
}

.gartner-research-formulario #g-recaptcha-856>div:nth-child(1) {
    width: 247px !important;
}

@media (max-width: 400px) {

    .gartner-research-formulario #g-recaptcha-856>div:nth-child(1)>div>iframe,
    .bloque-casosexito-bottom #g-recaptcha-837>div:nth-child(1)>div>iframe {
        /* width: 250px !important; */
        margin-left: -25px;
    }
}

@media (min-width: 400px) {

    .gartner-research-formulario #g-recaptcha-856>div:nth-child(1),
    .bloque-casosexito-bottom #g-recaptcha-837>div:nth-child(1) {
        width: 304px !important;
    }

    .gartner-research-formulario #g-recaptcha-856>div:nth-child(1)>div>iframe {
        width: unset !important;
    }
}

@media (min-width: 795px) and (max-width: 991px) {

    .typ_formulario_cloud_cx .tablet_apple_footer .sp-module-content,
    .formulario_cloud_cx .tablet_apple_footer .sp-module-content {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 0%;
        position: relative;
    }

    .typ_formulario_cloud_cx .custom.tablet_apple_footer,
    .formulario_cloud_cx .custom.tablet_apple_footer {
        position: absolute;
        top: -90px;
        left: 64%;
    }

    .typ_formulario_cloud_cx .custom.tablet_apple_footer p,
    .formulario_cloud_cx .custom.tablet_apple_footer p {
        margin-bottom: 7%;
    }
}

@media (min-width: 991px) and (max-width: 1023px) {

    .typ_formulario_cloud_cx section#sp-bottom .container,
    .formulario_cloud_cx section#sp-bottom .container {
        margin-bottom: -10%;
    }
}

@media (max-width: 991px) and (min-width: 849px) {

    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content,
    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content {
        width: 399px;
        margin-left: -25%;
    }
}

@media (max-width: 848px) and (min-width: 795px) {

    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content,
    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop .sp-module-content {
        width: 399px;
        margin-left: -25%;
    }
}

@media (min-width: 768px) and (max-width: 794px) {

    .formulario_cloud_cx #sp-footer2,
    .typ_formulario_cloud_cx #sp-footer2 {
        margin-top: -101px;
    }

    .formulario_cloud_cx #sp-footer1,
    .typ_formulario_cloud_cx #sp-footer1 {
        margin-top: -95px;
    }

    .formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop,
    .typ_formulario_cloud_cx .sp-module.footer_policies_menu.footer_policies_desktop {
        width: 113%;
        margin-left: -32px;
        margin-top: -18px;
    }

    .formulario_cloud_cx .custom.tablet_apple_footer,
    .typ_formulario_cloud_cx .custom.tablet_apple_footer {
        left: 480px;
        top: -94px;
        width: 211px;
    }
}

@media (max-width: 848px) and (min-width: 795px) {

    .typ_custom.tablet_apple_footer,
    .custom.tablet_apple_footer {
        width: 180px;
    }
}

@media screen and (max-width: 768px) {
    .typ_formulario_cloud_cx .customthank-you-page-container {
        height: 750px;
        margin-bottom: -10px;
    }

    .typ_formulario_cloud_cx .custom.copyright_mobile {
        margin-left: -11px;
        margin-top: -24px;
    }

}

@media screen and (max-width: 768px) and (min-height: 975px) {
    .typ_formulario_cloud_cx #sp-footer {
        height: 21vh;
    }
}

@media screen and (max-width: 768px) and (max-height: 974px) {
    .typ_formulario_cloud_cx #sp-footer {
        height: 11vh;
    }
}

@media (max-width: 991px) and (min-width: 768px) and (orientation: portrait) {
    .typ_formulario_cloud_cx #sp-bottom #sp-bottom1 .sp-column .sp-module .sp-module-content div.custom {
        position: relative;
        top: 0px;
    }
}

/* 11/06/2021 - Carrusel home - Borja Meana  */

.sp-module.carousel-home-desktop,
.sp-module.carousel-home-tablet {
    background: #fff;
    height: 245px;
    margin: 0 -20px;
}

.sp-module.carousel-home-movil {
    background: #fff;
    height: 200px;
    margin: 0 -20px;
}

.home2 #sp-section-4 .container {
    width: 100%;
    margin: 0 auto;
}

.home2 #sp-section-4 .container {
    max-width: 100% !important;
}

/* Contenedores redirigidos del width */

@media only screen and (min-width: 576px) {

    .home2 .block_header,
    .hom2 .blog {
        max-width: 540px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {

    .home2 .block_header,
    .home2 .blog {
        max-width: 720px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 992px) {

    .home2 .block_header,
    .home2 .blog {
        max-width: 960px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1200px) {

    .home2 .block_header,
    .home2 .blog {
        max-width: 1140px;
        margin: 0 auto;
    }
}

/*

/* ocultar carruseles */

/* movil*/
.sp-module.carousel-home-desktop {
    display: none;
}

.sp-module.carousel-home-tablet {
    display: none;
}

.sp-module.carousel-home-movil {
    display: block;
}


/*tablet*/
@media (min-width: 575px) {
    .sp-module.carousel-home-desktop {
        display: none !important;
    }

    .sp-module.carousel-home-tablet {
        display: block !important;
    }

    .sp-module.carousel-home-movil {
        display: none !important;
    }
}

/*desktop*/
@media (min-width: 991px) {
    .sp-module.carousel-home-desktop {
        display: block !important;
    }

    .sp-module.carousel-home-tablet {
        display: none !important;
    }

    .sp-module.carousel-home-movil {
        display: none !important;
    }
}

/*arreglos margenes*/
@media (min-width: 470px) and (max-width: 751px) {
    .clientesdiv h2 {
        margin-left: 4% !important;
    }
}

/*centrar imagenes en el carrusel movil*/
@media (max-width: 575px) {
    .diapositiva>img {
        margin: 0 auto !important;
    }
}

@media (max-width: 470px) {
    .clientesdiv {
        margin-bottom: 2% !important;
    }

}

.carrusel-clientes .carousel-item.active {
    display: flex !important;
    justify-content: center !important;
}

.carrusel-clientes .carousel-item-next {
    display: flex;
    justify-content: center !important;
}

.carrusel-clientes .carousel-item-prev {
    display: flex;
    justify-content: center !important;
}

.carrusel-clientes .carousel-inner {
    width: 90% !important;
    margin: 0 auto !important;
}

.clientesdiv {
    width: 100%;
    margin: 0 auto;
    margin-bottom: -1%;
}

/**/

.clientesdiv h2 {
    margin-top: -13px;
    margin-left: 1%;
}

.sliderhome {
    width: 23px !important;
    margin: 0 1% !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .carrusel-clientes .back_button_title {
        margin-left: 30px !important;
    }
}

/*2021-08-31 Adrian modificaciones plantilla gartner*/
a.btn.banner_button.banner_button_gartner {
    border: 2px solid;
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

a.btn.banner_button.banner_button_gartner:hover {
    color: #294e7c;
    background-color: #fff;
}

@media (max-width: 400px) {
    .div-formulario {
        margin-top: 0;
    }
}

/* Chatbot Alisys */
#lhc_container,
#lhc_status_container {
    display: block;
    visibility: visible;
    width: auto;
}

.hidden-desktop {
    display: none;
}

@media (max-width: 768px) {

    #lhc_container,
    Q #lhc_status_container {
        display: none;
        visibility: hidden;
        width: 0;
    }

    .hidden-desktop {
        display: block;
    }

    .hidden-mobile {
        display: none;
    }
}

.customtalento-offer-blck-cls {
    padding-bottom: 20px;
}

.bloque-casosexito-bottom .yellow-button {
    background: #f4d83f;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    padding: 7px;
    padding-left: 20px;
    padding-right: 20px;
}

.bloque-casosexito-bottom .yellow-button:hover {
    background: rgba(244, 216, 63, 0.7);
    text-decoration: none;
}

.btn-canberry,
.btn-skyblue,
.btn-vistablue,
.btn-blue {
    color: #FFFFFF;
    border-radius: 30px;
    display: inline-block;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.btn-canberry:hover,
.btn-skyblue:hover,
.btn-vistablue:hover,
.btn-blue:hover {
    color: #FFFFFF;
}

.btn-canberry {
    background: rgba(207, 62, 89, 0.4);
}

.btn-skyblue {
    background: rgba(118, 176, 196, 0.4);
}

.btn-vistablue {
    background: rgba(141, 196, 168, 0.4);
}

.btn-blue {
    background: rgba(27, 56, 99, 0.4);
}

.btn-canberry:hover {
    background: rgba(207, 62, 89, 0.7);
}

.btn-skyblue:hover {
    background: rgba(118, 176, 196, 0.7);
}

.btn-vistablue:hover {
    background: rgba(141, 196, 168, 0.7);
}

.btn-blue:hover {
    background: rgba(27, 56, 99, 0.7);
}

.lista-guion {
    list-style-type: none;
}

.lista-guion>li {
    text-indent: -5px;
}

.lista-guion>li:before {
    content: "-";
    margin-right: 5px;
    text-indent: -5px;
}

.img-inline {
    display: inline-block;
}

/* Media queries */
@media screen and (min-width: 576px) {

    .alisys-container,
    .container-second-size {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {

    .alisys-container,
    .container-second-size {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {

    /* Globals */
    /* Content */
    .alisys-container,
    .container-second-size {
        max-width: 960px;
    }

    .alisys-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Two columns tile color */
    .tile-col:nth-child(3) .tile-img-container,
    .tile-col:nth-child(4) .tile-img-container {
        order: 1
    }
}

@media screen and (min-width: 1200px) {
    .alisys-container {
        max-width: 1280px;
    }

    .banner-image.center {
        background-position: center bottom;
    }
}

@media screen and (min-width: 1440px) {
    .banner-image-omnipay {
        background-position: 0 40%;
    }

    .optional-container-bottom-right {
        bottom: -100px;
    }

    .card-img.banner_desktop.top {
        background-position: center 40%;
    }
}

@media screen and (max-width: 1200px) {
	/*Excelencia*/
   .responsive.container.responsiveContainer {
    display: none;
  }
  .row.rowRes {
    flex-direction: column;
  }
    /* Globals */
    /* Content */
    .alisys-content-container {
        background: none;
        height: 100%;
    }

    .block-title-blue {
        font-size: 28px;
        line-height: 34px;
    }

    .alisys-bg-image,
    .alisys-bg-image-two {
        background-image: none;
        padding: 0;
    }

    /* Banner */
    .banner-container,
    .banner-container.top,
    .banner-container-two {
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .banner-image-desktop {
        display: none;
    }

    .banner-image-tablet {
        background-position: center;
        display: block;
        max-height: 470px;
    }

    .banner-content,
    .banner-content-two {
        display: block;
        padding-top: 50px;
    }

    .banner-text-container {
        max-width: 400px;
    }

    .banner-optional-content {
        height: 470px;
        max-height: 470px;
    }

    .optional-container-bottom-right,
    .optional-container-bottom-right-two {
        bottom: 20px;
    }

    .optional-container-bottom-right-two {
        right: 80px;
    }

    .banner-title,
    .banner-title-two,
    .banner-title-three,
    .banner-title-four {
        font-size: 28px;
        line-height: 34px;
    }

    .banner-big-text {
        font-size: 44px;
        line-height: 53px;
    }

    .banner-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .banner-text {
        font-size: 18px;
        line-height: 22px;
    }

    .banner-text-two {
        font-size: 18px;
        line-height: 22px;
    }

    /* Texto Kit Digital */
    .texto-kit-digital {
        font-size: 16px;
        line-height: 24px;
    }

    /* Color tiles ( 4 columns ) */
    .tiles-four-col-grid {
        grid-template-columns: 1fr 1fr;
    }

    .tiles-four-col-grid-col-1 {
        order: 1;
    }

    .tiles-four-col-grid-col-2 {
        order: 2;
    }

    .tiles-four-col-grid-col-3 {
        order: 3;
    }

    .tiles-four-col-grid-col-4 {
        order: 4;
    }

    .tiles-four-col-grid-col-5 {
        order: 6;
    }

    .tiles-four-col-grid-col-6 {
        order: 5;
    }

    .tiles-four-col-grid-col-7 {
        order: 8;
    }

    .tiles-four-col-grid-col-8 {
        order: 7;
    }

    .tiles-four-col-grid-col-img {
        min-height: 350px;
    }

    /* Two columns grey cards*/
    .two-cols-grey-card-mobile-block {
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
        min-height: 110px;
    }

    .two-cols-grey-card-text-block {
        float: none;
        width: 100%;
    }

    .two-cols-grey-card-image-block {
        display: none;
    }

    .two-cols-contacta {
        background-position: 25% center;
        padding: 30px;
    }

    .two-cols-contacta-container {
        width: 100%;
    }

    /* Product cards */
    .product-white-card,
    .product-grey-card {
        grid-template-columns: 1fr 3fr;
    }

    .product-card-img-desktop {
        display: none;
    }

    .product-card-img-tablet {
        display: block;
    }

    /* Product CTA */
    .product-cta-title {
        font-size: 28px;
    }

    /* Two columns form */
    .two-columns #sp-left .sp-module .two-cols-img-container-desktop {
        display: none;
    }

    .two-columns #sp-left .sp-module .two-cols-img-container-mobile {
        display: block;
    }

    /* Bloque licencia */
    .bloque-licencia {
        padding: 20px 40px;
    }

    .licencia-text-container {
        flex: 1 1 100%;
        margin-bottom: 10px;
    }

    .licencia-cuota-container {
        flex: 1 1 100%;
    }

    .licencia-cuota-content {
        text-align: left;
    }

    /* Two columns tiles colour */
    .two-columns-tiles-color {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    /* Tabla planes y precios */
    .planes-precios-container {
        padding: 20px;
    }

    .plan-funcionalidad .plan-col {
        padding: 0 15px;
    }

.planes-precios-title {
      font-size: 21px;
  	}
  
.funcionalidad-text {
        font-size: 15px;
        line-height: 18px;
    }
  
.plan-cuota {
	font-size: 18px;
}

    /* Precios pills */
    .precios-pills-container {
        grid-template-columns: 1fr 1fr 1fr;
        padding-top: 20px;
    }

    .precios-pill:first-child,
    .precios-pill:nth-child(2),
    .precios-pill:nth-child(3) {
        margin-bottom: 20px;
    }

    .plan-two-cols-row .plan-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #desktop-block {
        display: none;
    }
}

@media screen and (max-width: 991px) {

    /* Bloque licencia */
    .licencia-text-container {
        flex: 1 1 80%;
    }

    .licencia-cuota-container {
        flex: 1 1 20%;
    }

    /* Planes dos columnas */
    .planes-precios-two-cols-container {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .plan-precio-col {
        max-width: 100%;
        min-height: auto;
        min-width: auto;
    }

    .plan-precio-col:first-child {
        margin-bottom: 40px;
        margin-right: 0;
    }

    .plan-two-cols-row .plan-text {
        font-size: 14px;
    }

    .plan-two-cols-tarifas thead th:first-child,
    .plan-two-cols-tarifas tr>td:first-child {
        max-width: 50%;
        width: 50%;
    }

    /* Two columns layout */
    .two-columns #sp-left .sp-module {
        padding: 20px 0;
    }

    .two-columns #sp-right {
        padding: 50px 0;
    }

    .two-columns #sp-right .sp-module {
        margin-top: 0;
    }

    .plan-two-cols-tarifas .plan-two-cols-first,
    .plan-two-cols-tarifas .plan-two-cols-second {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    img.img-caso-exito {
        margin-bottom: 20px;
        max-height: 90px;
    }

    .small-banner-txt-big .small-text-img {
        width: auto;
    }

    /* Globals */
    /* Backgrounds */
    .proyecto.inmerbot {
        background-image: url('../../../images/proyectos/inmerbot/inmerbot-bg-p2.png');
    }

    .proyecto.huca-nao {
        background-image: url('../../../images/proyectos/huca-nao/huca-nao-bg-p2.png');
    }

    .proyecto.inspect-4-0 {
        background-image: url('../../../images/proyectos/inspect-4-0/inspect-4-0-bg-p2.png');
    }

    .proyecto.tecuidas {
        background-image: url('../../../images/proyectos/tecuidas/tecuidas-bg-p2.png');
    }

    .proyecto.escuadras {
        background-image: url('../../../images/proyectos/escuadras/escuadras-bg-p2.png');
    }
  
    .proyecto.voidentity {
        background-image: url('../../../images/proyectos/voidentity/voidentity-bg-p.png');
    }

    /* Content */
    .alisys-content-container-desktop {
        display: none;
    }

    .alisys-content-container-mobile {
        display: block;
    }

    .block-title-blue {
        font-size: 24px;
        line-height: 29px;
    }

    .hidden-desktop {
        display: block;
    }

    .hidden-xs {
        display: none;
    }

    /* Banner */
    .banner,
    .banner-two {
        height: 400px;
        max-height: 400px;
    }

    .banner-image {
        background-position: center;
    }

    .banner-image-tablet {
        display: none;
    }

    .banner-image-mobile {
        display: block;
        max-height: 400px;
    }

    .banner-content,
    .banner-content-two {
        overflow-x: visible;
        padding-top: 20px;
        max-width: 50%;
    }

    .banner-title-container,
    .banner-subtitle-container {
        max-width: 310%;
        width: 310%;
    }

    .banner-title,
    .banner-title-two {
        font-size: 22px;
        line-height: 27px;
    }

    .banner-text-container {
        width: 235%;
    }

    .banner-subtitle {
        font-size: 18px;
        line-height: 20px;
    }

    .banner-text,
    .banner-footnote,
    .banner-text-two,
    .banner-footnote-two {
        font-size: 16px;
        line-height: 19px;
    }

    .banner-big-text {
        font-size: 33px;
        line-height: 39px;
    }

    .btn-banner {
        font-size: 18px;
        line-height: 22px;
    }

    .banner-optional-content {
        height: 400px;
        max-height: 400px;
    }

    .optional-container-bottom-right,
    .optional-container-bottom-right-two {
        bottom: 20px;
    }

    .optional-container-bottom-right-two {
        right: 0;
    }

    .optional-container-bottom-right {
        right: 0;
    }

    .optional-container-bottom-right .hidden-lg {
        display: block;
    }

    .optional-container-bottom-right .hidden-xs {
        display: none;
    }

    .banner-optional-content .optional-container-bottom-right img,
    .banner_container .optional-container-bottom-right-two img {
        max-width: 40px;
    }

    /* Kit Digital logos */
    .logos-kit-digital {
        align-items: center;
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 20px;
        padding-right: 20px;
    }

    .logo-kit-digital {
        max-height: 40px;
    }

    .logo-kit-digital:first-child {
        grid-column: 1 / -1;
        margin-bottom: 20px;
    }

    /* Texto Kit Digital */
    .texto-kit-digital {
        font-size: 12px;
        line-height: 18px;
    }

    /* Color tiles ( 4 columns ) */
    .tiles-four-col-grid {
        grid-template-columns: auto;
    }

    .tiles-four-col-grid-col {
        display: block;
        height: auto;
        width: 100%;
    }

    .tiles-four-col-grid-col-1 {
        order: 1;
    }

    .tiles-four-col-grid-col-2 {
        order: 2;
    }

    .tiles-four-col-grid-col-3 {
        order: 3;
    }

    .tiles-four-col-grid-col-4 {
        order: 4;
    }

    .tiles-four-col-grid-col-5 {
        background: none;
        order: 5;
    }

    .tiles-four-col-grid-col-6 {
        background: #A4D3BC 0% 0% no-repeat padding-box;
        order: 6;
    }

    .tiles-four-col-grid-col-7 {
        background: none;
        order: 7;
    }

    .tiles-four-col-grid-col-8 {
        background: #405E89 0% 0% no-repeat padding-box;
        order: 8;
    }

    .tiles-four-col-grid-col-img {
        background-position: center center;
        min-height: 220px;
        width: 100%;
    }

    .tiles-four-col-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    /* Two columns grey cards*/
    .two-cols-grey-cards {
        grid-template-columns: auto;
    }

    .two-cols-grey-card-left {
        margin-right: 0;
    }

    .two-cols-grey-card-right {
        margin-left: 0;
    }

    .two-cols-grey-card-mobile-block {
        display: none;
    }

    .two-cols-grey-card-text-block {
        float: left;
        width: calc(100% - 150px);
    }

    .two-cols-grey-card-image-block {
        display: block;
        width: 100px;
    }

    .two-cols-grey-card-image {
        max-height: auto;
    }

    .two-cols-grey-card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .two-cols-grey-card-text {
        font-size: 16px;
        line-height: 20px;
    }

    .two-cols-contacta {
        background-position: 25% center;
    }

    .two-cols-contacta-container {
        width: 100%;
    }

    .two-cols-contacta-text {
        font-size: 20px;
        line-height: 24px;
    }

    /* Product cards */
    .product-card-img-tablet {
        display: none;
    }

    .product-card-img-mobile {
        display: block;
    }

    .product-card-title-desktop {
        display: none;
    }

    .product-card-title-mobile {
        display: block;
        grid-column: 1 / -1;
    }

    /* Product CTA */
    .product-cta-title {
        font-size: 24px;
        line-height: 120%;
    }

    .product-cta-text {
        font-size: 16px;
        line-height: 24px;
    }

    /* Two columns form */
    .two-columns #sp-left .sp-module .two-cols-img-container img {
        height: auto;
        max-width: 250px;
    }

    .two-columns #sp-right .sp-module .form-kit-digital .form-row {
        margin-bottom: 0;
    }

    .two-columns #sp-right .sp-module .form-kit-digital .form-group {
        margin: 0 auto 2rem 0;
    }

    .two-columns #sp-right .sp-module .form-kit-digital .form-check-label {
        margin-bottom: 20px;
    }

    /* Three columns - ventajas */
    .ventaja-container {
        margin: 0 auto 40px auto;
        max-width: 60%;
        text-align: center;
    }

    .ventaja-container img {
        margin: 0 auto;
    }

    .ventaja-container .ventaja-title {
        margin-bottom: 12px;
        margin-top: 16px;
    }

    .ventaja-container .vent-small-content {
        text-align: center;
    }

    /* Tabla funcionalidades precio */
    .planes-precios-desktop {
        display: none;
    }

    .planes-precios-mobile {
        display: block;
    }

    .planes-precios-container {
        margin-bottom: 0;
        padding: 0;
    }

    .planes-precios-content {
        padding: 20px;
    }

    .planes-precios .title {
        margin: 20px auto 40px auto;
    }

    .plan-cuota {
        font-size: 12px;
        line-height: 20px;
    }

    .plan-name {
        margin-top: 10px;
    }

    .funcionalidad-text,
    .funcionalidad-text-big,
    .funcionalidad-text-bold {
        font-size: 14px;
        line-height: 18px;
    }

    /* Two columns tiles colour */
    .two-columns-tiles-color {
        grid-template-columns: 1fr;
    }

    .tile-img-container,
    .tile-text-container {
        flex: 1 1 100%;
    }

    .tile-img-container-two {
        height: auto;
        min-height: auto;
    }

    .tile-text-container {
        padding: 15px 30px 30px 30px;
    }

    .tile-img-two {
        background-position: 30px 30px;
        background-size: auto 60px;
        min-height: 90px;
    }

    /* Precios pills */
    .precios-pills-container {
        grid-template-columns: 1fr 1fr;
    }

    .precios-pill {
        margin-bottom: 20px;
    }

    /* Blue border pill */
    .blue-round-pill {
        padding: 30px 20px 40px 20px;
    }

    .brp-text {
        font-size: 14px;
        line-height: 16px;
    }

    .vent-col1 {
        display: block;
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    /* Banner */
    div.card-img.banner_mobile {
        /*height: auto !important;*/
        /*min-height: 400px !important;*/
    }

    .banneritem img {
        height: auto;
        /*max-width: 120px;*/
    }

    .optional-container-bottom-right-two {
        right: 20px;
    }

    /* Tabla funcionalidades y precios */
    a#nav-basic-tab,
    a#nav-advance-tab,
    a#nav-advanced-tab,
    a#nav-premium-tab,
    a#nav-top-tab {
        padding: 10px 0;
        max-width: 25%;
        width: 25%;
    }
}

@media screen and (max-width: 320px) {

    /* Banner */
    div.card-img.banner_mobile {
        height: auto !important;
        min-height: 500px !important;
    }
}

.row.un-caso-exito-escritorio.sinDisplayNone {
    display: flex;
    
  }

.row.un-caso-exito-escritorio{
  width: 100% !important;
}

.icono {
        position: absolute;
    height: 720px;
    /* background: red; */
    left: -50px;
    right: -45px;
    top: -60px;
    /* bottom: -5.5%; */
    z-index: 0;
}
}

#contenedorResponsabilidad {
  background: white;
}
.margin-bottom {
     margin-bottom: 5%;
    margin-top: 2%;
}


.col.col-md {
  background: white;
}

  .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 600px;
    position: relative;
}
  .grid-item {
    background-size:cover;
    padding: 10%;
    color: white;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    
  }
  
.div1 { order: 1; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13432x.png); }
.div2 { order: 2; background-color: rgb(219, 84, 114);}
.div3 { order: 3; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13472x.png); }
.div4 { order: 4; background-color: rgb(143, 194, 211);}
.div5 { order: 5; background-color: rgb(164, 211, 188);}
.div6 { order:6; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13482x.png); }
.div7 { order: 7; background-color: rgb(41, 78, 124);}
.div8 { order: 8; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13492x.png); }
.container.card-img-overlay.relative {
  position: relative;
}

.background {
	 background-image: url(/images/excelencia-corporativa/Grupo_113462x.png); background-size: cover; background-position: 100%; background-repeat: no-repeat; 
}
.col.col-md.sin-fondo {
  background:transparent;
}

.imagenVision {
    max-width: 513px;
    position: relative;
    /* right: -41px; */
    left: 111px;
}

.sa_right_block_main {
    max-width: 80%;
    position: relative;
    width: 100%;
    left: 110px;
}







h1.contact_title, h3.contact_title {
    width: unset;
    margin-left: 48px;
    margin-right: unset;
}

.rsform-block.rsform-block-extension-telefono {
  width: 96px;
}

.rsform-block.rsform-block-mas-informacion-txt {
    width: 220px;
}

.rsform-block.rsform-block-mas-informacion-blog {
    width: 171px;
}

h2.card-title.banner_title_large{
  padding: 0;
}

.custom .contacto_main_block {
    margin-bottom: 4%;
}

#contactus340 .container, #contactus155 .container, #contactus623 .container, #contactus625 .container, #contactus443 .container, #contactus447 .container{
  max-width: 1280px !important;
}


.futuroItem h4 {
    line-height: 1em;
    height: max-content !important;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full, .sp-menu-item.contacto.sp-dropdown {
    min-width: max-content !important;
}

li.sp-menu-item.megamenu_sobrealisys {
    margin-right: 15px;
}
#contenedorFuturo {
  background-color: white;
}

#contenedorFuturo .container-inner {
  max-width: 1110px;
  margin: 0 auto;
}

.container-inner.background {
  max-width:1110px;
  margin: 0 auto;
}

.responsiveContainerMis .row {
  max-width:1110px;
  margin: 0 auto !important;
}

#exc {
  width: 100%;
  max-width: 1110px;
}
          .containerGrid {  
            display: grid;
            grid-template-columns: 1fr 1fr 1fr ;
            grid-template-rows: 1fr 1fr;
            gap: 0px 0px;
            grid-auto-flow: row;
            max-width: 1140px;
          }
          
.itemGrid {
  max-width: 310px;
  width:100%;
}

.gridItem {
  width: 370px;
  max-width: 370px;
  
}

.colGrid {
  max-width: 370px;
  width: 100%;
  padding: 0;
}
          .item1 { grid-area: 1/1/2/2; }
          
          .item2 { grid-area: 1/2/2/3; }
          
          .item3 { grid-area: 1/3/2/4; }
          
          .item4 { grid-area: 2/1/3/2; }
          
          .item5 { grid-area: 2/2/3/4;
    width: unset;
    max-width: unset; }
          
.containerGrid {
  padding: 0 15px 0 15px;
}
.colGridImagen {
  width:100%;
  max-width:100%;
}
.colGridImagen .imagenGrafico {
  max-width:100% !important;
}
.containerFuturo {  display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 0px 0px;
            grid-auto-flow: row;
  			max-width: 1110px;
  margin:0 auto;
  height: 640px;
          }
          
          .itemFuturo1 { grid-area: 1/1/2/2  }
          .itemFuturo2 { grid-area: 1/2/2/3 }
          
          .itemFuturo3 { grid-area: 1/3/2/4 }
          
          .itemFuturo4 { grid-area: 1/4/2/5 }
          
          .itemFuturo5 { grid-area: 2/1/3/2 }
          
          .itemFuturo6 { grid-area: 2/2/3/3 }
          
          .itemFuturo7 { grid-area: 2/3/3/4 }
          
          .itemFuturo8 { grid-area: 2/4/3/5 }

.futuroItem {
  height: 320px;
}

.custom.desktop_footer div#logosAplus {
  flex-wrap: nowrap !important;
}

@media screen and (max-width: 1200px) {
  #exc {
    width: 100%;
    max-width: 930px;
  }
  .colMisVis{
    width:48.9%;
  }
  .icono {
    position: absolute;
    height: 720px;
    /* background: red; */
    left: -50px;
    right: -45px;
    top: unset;
    bottom: -56px;
    z-index: 0;
}
 .margin-bottom {
    margin-bottom: 7%;
    margin-top: 3%;
}
#contenedorFuturo {
      height: 1064px;
      background: white;
}
  
  .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 1064px;
}
  .grid-item {
    background-size:cover;
    padding: 8%;
    color: white;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    height: 266px;
  }
  
.div1 {order: 1; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13432x.png); }
.div2 {order: 2; background-color: rgb(219, 84, 114);}
.div3 {order: 4; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13472x.png); }
.div4 {order: 3; background-color: rgb(143, 194, 211);}
.div5 {order: 6; background-color: rgb(164, 211, 188);}
.div6 {order: 5; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13482x.png); }
.div7 {order: 7; background-color: rgb(41, 78, 124);}
.div8 {order: 8; background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13492x.png); }


.imagenVision {
  left:93px;
  
}

#textoMisVis {
  left:93px;
}
  .containerGrid {
    max-width: 960px;
  }
  
  .gridItem {
    max-width:310px;
  }
  
  .gridItem.item5 {
    width:100%;
    max-width:620px;
  }
  
  .containerFuturo {
    max-width: 930px;
    
  }
  
  .futuroItem {
    max-width: 232.5px;
  	font-size: 1em;
  }
  
 .futuroItem div div p, .futuroItem div div .btn_wrapper {
    font-size: 0.8em !important;
  }
  .futuroItem div div h4 {
    font-size: 1em;
  }
}
  
  .responsiveContainerMis .row , #contenedorFuturo .container-inner, .container-inner.background {
    max-width:930px;
  }
  
 
  .custom.desktop_footer div#logosAplus {
    flex-wrap: wrap !important;
}
  
  
   
}

@media (max-width: 992px){
  .margin-bottom {
    margin-bottom: 8%;
    margin-top: 4%;
}
  
  .imagenVision, #textoMisVis {
    left: 71px;
  }
  #exc {
    width:100%;
    max-width:690px;
  }
  
  .containerGrid {
    max-width: 720px;
  }
  
  .gridItem {
    width:100%;
    max-width: 230px;
  }
  
  .gridItem.item5 {
    width:100%;
      max-width: 460px;
  }
  .sinDisplayNone {
    display: block !important;
  }
  div.responsive.area-home-desk {
    height: 300px;
  }
  
  .futuroItem {
    height: 300px;
    max-width: 172.5px;
  }

  .containerFuturo {
    max-width: 690px;
  }
  
  .futuroItem .card.sinDisplayNone {
    height: 300px !important;
   
    padding: 25px;
  }
  
  .futuroItem .card.sinDisplayNone.imagen {
    height: 300px !important;
    padding: 0;
  }
  .futuroItem div div p, .futuroItem div div .btn_wrapper {
    font-size: 1em !important;
  }
  .futuroItem div div h4 {
    font-size: 1.4em !important;
  }
  .card-title {
    margin-bottom: 2.65rem;
}
  
  div.btn_wrapper a{
    font-size: 25px;
  }
  .rowMisVis {
    display: flex !important;
  }
  .containerFuturo {  display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr 1fr;
            gap: 0px 0px;
            grid-auto-flow: row;
  			max-width: 690px;
  margin:0 auto;
  height: 1200px;
          }
          
          .itemFuturo1 { grid-area: 1/1/2/2  }
          .itemFuturo2 { grid-area: 1/2/2/3 }
          
          .itemFuturo3 { grid-area: 2/2/3/3 }
          
          .itemFuturo4 { grid-area: 2/1/3/2 }
          
          .itemFuturo5 { grid-area: 3/2/4/3 }
          
          .itemFuturo6 { grid-area: 3/1/4/2 }
          
          .itemFuturo7 { grid-area: 4/1/5/2 }
          
          .itemFuturo8 { grid-area: 4/2/5/3 }
  .futuroItem {
    height: 300px;
    max-width: 345px;
  }
  .card-img.banner-image.trabaja_desktop {
    display: block;
  }
   .responsiveContainerMis .row , #contenedorFuturo .container-inner, .container-inner.background {
    max-width: 690px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
.trabaja_desktop, .trabaja_mobile_img {
    display: block;
}
}

@media screen and (max-width:768px){
  .imagenVision, .sa-rigth-main-block.textoMisVis {
    left: 30%;
  }
  #contenedorResponsabilidad.margin-bottom {
    margin-bottom: 14%;
    margin-top: 8%;
}
  .sp-module.area_specialization{
    padding: 0;
  }
  .alis-bg-img-cls {
    background: url(../images/Grupo_3389.png);
    background-position: 95% 100%;
    background-size: 75%;
    height: 708px;
    background-repeat: no-repeat;
    padding: 52px;
}
  .icono {
    position: absolute;
    height: 776px;
    /* background: red; */
    left: -50px;
    right: -34px;
    top: unset;
    bottom: -35px;
    z-index: 0;
}
  
  .grid-item h4 {
    font-size: 1em !important;
}
  
  .grid-item p {
    font-size: 0.8em !important;
}
  
  .background {
    
    background-image: url(/images/excelencia-corporativa/rsc-alisys-banner-tablet.jpg);
  }
 
  
  #rowMisVis {
    display:flex;
    flex-direction : row;
  }
  
  .col-md-6.col-lg-6.p-0.colMisVis {
    	width: 43.6% !important;
  }
  
  .colMisVis img {
    max-width:100% !important;
  }
  
  .colMisVis .responsiveMax {
    max-width: 100% !important;
  }
  
  .containerGrid {
    max-width: 540px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 0.5fr;
  }
  .item1 { grid-area: 1/1/2/2; }
          
  .item2 { grid-area: 1/2/2/3; }

  .item3 { grid-area: 2/1/3/2; }

  .item4 { grid-area: 2/2/3/3; }

  .item5 { 
    grid-area: 3/1/4/3;
    width: unset;
    max-width: unset; }
  .gridItem {
    max-width: 270px;
    padding: 3%;
  }
  
  .colGrid h2, .colGrid p {
    width: 100%;
    padding-right:0;
  }
  .colGrid h2{
    
        font-size: 19px;
  }
  .gridItem.item5 {
    max-width: 540px;
    padding:0;
  }
  
  .seccionGrid {
    justify-content: center;
  }
  
  .containerFuturo {
    max-width: 510px;
  }
  
  .futuroItem{
    max-width: 255px;
  }
  
   .futuroItem div div p, .futuroItem div div .btn_wrapper {
    font-size: 0.9em !important;
  }
  .futuroItem div div h4 {
    font-size: 1.3em !important;
  }
  
  div.btn_wrapper a{
    font-size: 16px;
  }
  
  .custom.area_especializacion_blocks h1, h2 {
    width: 100%;
  }
  
  .bannercontainer {
    left:unset;
  }
  
  .bannercontainer .container.card-img-overlay {
    height: max-content;
  }
  
  h5.card-title.banner-title {
    height: 43px;
  }
  .responsiveContainerMis .row , #contenedorFuturo .container-inner, .container-inner.background {
    max-width: 510px;
  }
  
}

@media (max-width: 575px){
    	#contenedorFuturo {
      height: 1784px;
      background: white;
}
  #sp-menu {
    max-width: 38.033333%;
    flex: 3 0 33.333333%;
  }
    .grid-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 2400px;
}
  
  .div1 { grid-area: 1/1/2/2  }
          .div2 { grid-area: 2/1/3/2 }
          
          .div3 { grid-area: 3/1/4/2 }
          
          .div4 { grid-area: 4/1/5/2 }
          
          .div5 { grid-area: 6/1/7/2 }
          
          .div6 { grid-area: 5/1/6/2 }
          
          .div7 { grid-area: 8/1/9/2 }
          
          .div8 { grid-area: 7/1/8/2 }

.div1 { background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13432x.png); }
.div2 { background-color: rgb(219, 84, 114);}
.div3 { background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13472x.png); }
.div4 { background-color: rgb(143, 194, 211);}
.div5 { background-color: rgb(164, 211, 188);}
.div6 { background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13482x.png); }
.div7 { background-color: rgb(41, 78, 124);}
.div8 { background-image: url(/images/excelencia-corporativa/Enmascarar_grupo_13492x.png); }
  .btn-blue, .btn-skyblue {
    bottom: 8px;
}
   .sp-module.area_specialization h2 {
    padding: 60px;
    padding: 60px 0 60px 0;
}

.area_specialization h1, h2 {
    font-size: 19px;
}
   .background {
    
    background-image: url(/images/excelencia-corporativa/rsc-alisys-banner-tablet.jpg);
  }
  
    #rowMisVis {
    flex-direction:column;
  }
  
  .col-md-6.col-lg-6.p-0.colMisVis {
    width: 100% !important;
    
  }
  
  .imagenVision, #textoMisVis {
    left: 0;
  }
  .containerGrid {
    max-width: unset;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  }
  .item1 { grid-area: 1/1/2/2; }
          
  .item2 { grid-area: 2/1/3/2; }

  .item3 { grid-area: 3/1/4/2; }

  .item4 { grid-area: 4/1/5/2; }

  .item5 { 
    grid-area: 5/1/6/2;
    width: unset;
    max-width: unset; }
  .gridItem {
    max-width: unset !important;
    padding: 3% !important;
  }
  
  .colGrid {
    max-width: unset;
  }
   .colGrid h2, .colGrid p {
    width: 100% !important;
    padding-right:0 !important;
  }
   .containerFuturo {  display: grid;
            grid-template-columns: 1fr ;
            grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            gap: 0px 0px;
            grid-auto-flow: row;
  			max-width: unset;
  margin:0 auto;
  height: 2400px;
     padding: 0 15px 0 15px;
          }
          
          .itemFuturo1 { grid-area: 1/1/2/2  }
          .itemFuturo2 { grid-area: 2/1/3/2 }
          
          .itemFuturo3 { grid-area: 3/1/4/2 }
          
          .itemFuturo4 { grid-area: 4/1/5/2 }
          
          .itemFuturo5 { grid-area: 6/1/7/2 }
          
          .itemFuturo6 { grid-area: 5/1/6/2 }
          
          .itemFuturo7 { grid-area: 8/1/9/2 }
          
          .itemFuturo8 { grid-area: 7/1/8/2 }
  .futuroItem {
    height: 300px;
    max-width: unset;
  }
  .gridItem5.item5 {
    max-width: unset !important;
    padding: 3% !important;
  }
  .grid-container {
    height: 2100px;
  }
  
  #contenedorFuturo {
    height: 2118px;
    margin-top: 10%;
  }
  
  #contenedorResponsabilidad.margin-bottom {
    margin-bottom: 6%;
    margin-top: 17%;
}
  h4.card-title.banner_title_large_text {
    width: 100% !important;
}
  
  
}@media screen and (max-width: 370px) {

    /* Banner */
    div.card-img.banner_mobile {
        height: auto !important;
        min-height: 500px !important;
    }
  .sp-module.area_specialization h2 {
    padding: 60px;
    padding: 60px 0 60px 0;
}

.area_specialization h1, h2 {
    font-size: 19px;
}
  
  .grid-container {
    height: 2100px;
  }
  
  #contenedorFuturo {
    height: 2100px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .footer_contact .card-body {
    margin-left: 0 !important;
  }
  .footer_contact .footer-logo, .footer_contact .card-group {
    margin-right: 25px;
  }
  .planes-precios-title {
    font-size:18px;
  }
}
@media screen and (max-width: 1000px) {
  .planes-precios-title {
    font-size:13px;
  }
  .plan-cuota {
    font-size:12px;
  }
}

@media screen and (max-width: 1200px) {
  .planes-precios-header-col-3 { /* overflow planes */
    position: relative;
    bottom: 20px;
  } 
}

.footer_contact .card-group .card .card-body {
  padding-top: 0;
}

.logodti{
height: 60px !important;
}
.logosek{
height: 60px !important;
}
.logosalud{
width: 110px !important;
height: auto !important;
}
.logouppsala{
width: 110px !important;
}
.logomedellin{
height: 91px !important;
}
.logotecuidas{
height: 89px !important;
}
.logoescuadras{
height: 60px !important;
}
.logoinspect{
height: 38px !important;
}
.logoinmerbot{
width: 110px !important;
height: auto !important;
}
.logocruzroja{
height: 39px !important;
}
.logopichi{
height: 91px !important;
}
.logorobosoc{
width: 149px !important;
}
.logosmartcall {
width:178px !important;
height:auto !important;
}
.logovoidentity {
  width:208px !important;
  height:auto !important;
}
.logohidro {
width:116px !important;
height:auto !important;
}
.logoprime {
width:219px !important;
height:auto !important;
}

.logo-inspect-banner {
  max-height: 48px !important;
}

@media only screen and (max-width: 1023px) {
.logodti{
height: 46px !important;
}
.logosek{
height: 46px !important;
}
.logosalud{
width: 82px !important;
height: auto !important;
}
.logouppsala{
width: 82px !important;
}
.logomedellin{
height: 67px !important;
}
.logotecuidas{
height: 65px !important;
}
.logoescuadras{
height: 46px !important;
}
.logoinspect{
height: 32px !important;
}
.logoinmerbot{
width: 82px !important;
height: auto !important;
}
.logocruzroja{
height: 32px !important;
}
.logopichi{
height: 67px !important;
}
.logorobosoc{
width: 108px !important;
}
.logosmartcall {
width:150px !important;
}
  .logovoidentity {
    width:170px !important;
  }
  .logohidro {
    width:100px !important;
  }
}

@media only screen and (max-width: 599px) {
.logodti{
height: 53px !important;
}
.logosek{
height: 53px !important;
}
.logosalud{
width: 92px !important;
height: auto !important;
}
.logouppsala{
width: 92px !important;
}
.logomedellin{
height: 74px !important;
}
.logotecuidas{
height: 72px !important;
}
.logoescuadras{
height: 53px !important;
}
.logoinspect{
height: 38px !important;
}
.logoinmerbot{
width: 92px !important;
height: auto !important;
}
.logocruzroja{
height: 38px !important;
}
.logopichi{
height: 74px !important;
}
.logorobosoc{
width: 132px !important;
}
.logosmartcall, .logovoidentity {
width:178px !important;
}
.logohidro {
    width:120px !important;
  }
}

.smartcall-flex-financiacion {
  display: grid;
  max-width: 820px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  row-gap: 10px;
}

.smartcall-flex-financiacion img {
	max-width: unset;  
}

.smartcall-flex-financiacion img:nth-child(1) {
  height: 80px;
  grid-row: span 2;
  grid-column: 1;
}

.smartcall-flex-financiacion img:nth-child(2) {
  height: 80px;
  grid-column: 2;
}

.smartcall-flex-financiacion img:nth-child(3) {
  height: 92px;
  grid-column: 2;
}

.prime-flex-financiacion {
  display: grid;
  max-width: 820px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  row-gap: 10px;
}

.prime-flex-financiacion img {
	max-width: unset;  
}

.prime-flex-financiacion img:nth-child(1) {
  height: 80px;
}

.prime-flex-financiacion img:nth-child(2) {
  height: 144px;
}

.prime-flex-financiacion img:nth-child(3) {
  height: 92px;
  grid-column: 1;
  position: relative;
  top: -32px;
}

@media screen and (max-width: 1023px) {
  .smartcall-flex-financiacion {
    margin-top: 20px;
    grid-template-columns: 1fr; /* Cambiar a una sola columna */
    grid-template-rows: auto; /* Reiniciar las filas de la cuadrícula */
    row-gap: 0;
  }
  .smartcall-flex-financiacion img:nth-child(2), .smartcall-flex-financiacion img:nth-child(3) {
    grid-column: 1;
  }
  
  .smartcall-flex-financiacion img:nth-child(1) {
  	height: 67px;
  }
  .smartcall-flex-financiacion img:nth-child(2) {
  	height: 72px;
  }
  .smartcall-flex-financiacion img:nth-child(3) {
  	height: 80px;
  }
  
  .prime-flex-financiacion {
    margin-top: 20px;
    margin-bottom: 64px;
    grid-template-columns: 1fr; /* Cambiar a una sola columna */
    grid-template-rows: auto; /* Reiniciar las filas de la cuadrícula */
    row-gap: 0;
  }
  .prime-flex-financiacion img:nth-child(2), .smartcall-flex-financiacion img:nth-child(3) {
    grid-column: 1;
  }
  
  .prime-flex-financiacion img:nth-child(1) {
  	height: 67px;
  }
  .prime-flex-financiacion img:nth-child(2) {
  	height: 136px;
  }
  .prime-flex-financiacion img:nth-child(3) {
  	height: 72px;
    position: unset;
    top: unset;
  }
}

.smartcall-padding {
  margin-top: 6rem !important;
}

@media screen and (max-width: 767px) {
  .prime-flex-financiacion {
    margin-bottom: 128px !important;
  }
}
  
@media screen and (max-width: 480px) {
  h1.card-title.smartcall-padding {
	margin-top:100px !important;
  }
}

.banner-adyacentes-block {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner-adyacentes-ministerio {
    width: 280px;
    height:52px;
  }

.banner-adyacentes-ue {
    width:63px;
  	height: 52px;
  }

@media (max-width: 900px) {
    .bloque-casosexito-bottom .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
  .bloque-casosexito-bottom {
    margin: 30px 0px;
  }
}

.bloque-casosexito-bottom {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.bloque-info-casosexito {
  font-family: Arial;
  color: #3D4543;
}

.logosolaris {
  height: 200px;
}
@media (max-width: 1023px) {
  .logosolaris {
  height: 160px;
  }
}

@media (max-width: 767px) {
  .logosolaris {
  height: 180px;
  }
}

.solaris-background { /* WA: PTZ Thermal */
  background-position: bottom right !important;
}

@media (min-width: 900px) {
  #sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 32px;
  }
}

@media (max-width: 900px) {
  #sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 0;
  }
  
  .bloque-casosexito-bottom .titulo {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .mb-reduce {
    margin-top: -18px;
  }
}

.solaris-ventana {
    position: absolute;
    bottom: 52px;
    right: 52px;
    width: 212px;
    height: 149px;
    background-image: url('../../../images/headers/solaris-ventana-g.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 1;
}

@media (max-width: 900px) {
  .solaris-ventana {
    bottom: 40px;
    right: 40px;
    width: 171px;
    height: 120px;
  }
}

@media (max-width: 767px) {
  .solaris-ventana {
    bottom: 22px;
    right: 22px;
  }
}