:root {
    /* Colors --------------------------------------------------------------- */
    --negro--textos: #1a1818;
    --gris-circulos: #e0e8ec;
    --gris-azulado: #a7bdc9;
    --azul-logo-casabat: #2d3a6b;
    --azul-2-casabat: #1C4078;
    --azul-titulos: #034ea2;
    --verde-casabat: #8dc63f;
    --rojo-casabat: #c82a26;
    --degrade-rojo-from: #ed1c24;
    --degrade-rojo-to: #be1e2d;
    --interpolacion-rojo: linear-gradient( var(--degrade-rojo-from), var(--degrade-rojo-to));
    --shadow: 2px 2px 10px rgba(34, 34, 34, 0.2);

    --blue-cb: #034ea2;
    --dark_blue-cb: #2d3a6b;
    --green-cb: #8dc63f;
    --red-cb: #c82a26;
    --dark_red-cb: #8B0000;
    /* End Colors ----------------------------------------------------------- */

    /* Fonts ---------------------------------------------------------------- */
    --h1--small: 2.0rem;
    --h2--small: 1.9rem;
    --h3--small: 1.728rem;
    --h4--small: 1.44rem;
    --h5--small: 1.2rem;
    --h6--small: 0.833rem;
    
    --h1--medium: 3.713rem;
    --h2--medium: 2.856rem;
    --h3--medium: 2.197rem;
    --h4--medium: 1.69rem;
    --h5--medium: 1.3rem;
    --h6--medium: 0.769rem;

    --h1--large: 4.484rem;
    --h2--large: 3.322rem;
    --h3--large: 2.46rem;
    --h4--large: 1.823rem;
    --h5--large: 1.35rem;
    --h6--large: 0.741rem;

    --text-line-height: 1.3;
    --headings-line-height: 1.75;

    /* End Fonts ------------------------------------------------------------ */
}

/* Font ------------------------------------------------------------------- */

.body {
    font-family: "Montserrat", sans-serif !important;
}

/* End Font --------------------------------------------------------------- */

/* Resposive Desing --------------------------------------------------------- */
.on_desktop__custom {
    display: initial;
}
.on_tablet_portrait__custom {
    display: none;
}

@media only screen and (min-width: 990px) and (max-width: 1024px) {
    .on_desktop__custom {
        display: none;
    }
    .on_tablet_portrait__custom {
        display: initial;
    }
}
/* End Resposive Desing ----------------------------------------------------- */

/* Layers */
.image-layer__custom {
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}
/* End Layers */

/* Whatsapp Widget ---------------------------------------------------------- */
.whatsapp-widget__custom {
    position: fixed;
    background-color: #25D366;
    font-size: 48px;
    width: 65px;
    height: 65px;
    padding: 9px 0px 0px 12px;
    border-radius: 100%;
    line-height: 0.1;
    bottom: 120px;
    right: 50px;
    z-index: 10;
    box-shadow: var(--shadow);
}
/* Fin Whatsapp Widget ------------------------------------------------------ */

/* Richtext ----------------------------------------------------------------- */

a {
    text-decoration: none !important;
}

a :hover {
    text-decoration: none !important;
    color:initial !important;
}
.richtext__custom { font-size: 100%; }
.richtext__custom h2 { font-size: var(--h1--medium); }
.richtext__custom h3 { font-size: var(--h2--medium); }
.richtext__custom h4 { font-size: var(--h3--medium); }
.richtext__custom h5 { font-size: var(--h4--medium); }
.richtext__custom h6 { font-size: var(--h5--medium); }
.richtext__custom small, .richtext__custom .text_small {font-size: var(--h6--medium);}

.richtext__custom h2, h3, h4, h5, h6 {margin-bottom: 10px;}

/* Margin */
.col-xl-12 .richtext__custom.text-center {
    padding: 0 10%
}
@media screen and (max-width: 767px) {
    .col-xl-12 .richtext__custom.text-center {
        padding: 0;
    }
}

/* Tamaño máximo para imágenes */
.richtext__custom .richtext-image {
    max-width: 755px !important;
}

.richtext__custom h1,h2,h3,h4,h5,h6,p,span {
    color: var(--negro--textos);
    font-weight: 400;
    line-height: var(--text-line-height);
}

.richtext__custom b span, .richtext__custom b {
    font-weight: 600;
}

.richtext-red-color {
    color: var(--rojo-casabat) !important;
}

.richtext-blue-color {
    color: var(--azul-titulos) !important;
}

.richtext-darkblue-color {
    color: var(--azul-logo-casabat) !important;
}

.richtext-green-color {
    color: var(--verde-casabat) !important;
}

.richtext-muted-color {
    color: #6c757d !important;
}

.richtext-white-color {
    color: white !important;
}

.richtext__custom ul {
    padding-left: 20px;
}

.richtext__custom ul li {
    line-height: 1;
    padding-left: 30px;
    margin-bottom: 20px;
    position: relative;
}

.richtext__custom ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 pro";
    left: 0;
    right: 10;
    top: 0;
    font-size: 15px;
    line-height: 1;
    color: var(--rojo-casabat) !important;
    transition: all 0.4s ease-out 0s;
    margin-left: -25px;
    padding-right: 10px;
}

.richtext__custom ol li {
    line-height: 1;
    padding-left: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    position: relative;
    list-style: decimal ;
}

.richtext__custom hr {
    border: solid 1px var(--negro--textos);
}

/* End Richtext ------------------------------------------------------------- */

/* Topbar --------------------------------------------------------------------*/
.topbar__custom {
    background-color: var(--azul-logo-casabat);
}

.topbar__custom .headers__lang li a {
    color: var(--negro--textos);
    font-weight: 500;
}
.topbar__custom .headers__lang li {
    border-bottom: 1px solid grey;
}
.topbar__custom .headers__lang {
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
}

.topbar_text__custom {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    padding: 22px 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.topbar_text__custom i {
    font-size: 18px;
    line-height: 1;
    margin-left: 5px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.topbar_text__custom:hover i {
    transform: translateX(10px);
}

.topbar__custom .headers__lang {
    text-align: left;
    min-width: 120px;
}
.topbar__custom .headers__lang a {
    padding-left: 15px;
}
/* End Topbar --------------------------------------------------------------- */

/* Navbar ------------------------------------------------------------------- */

.navbar__custom .submenu {
    min-width: 300px;
}

.navbar__custom .row {
    justify-content: space-between;
    align-items: center;
}
.navbar__custom .logo__custom {
    margin-left: 15px;
}
.navbar__custom .nav_icon__custom {
    margin-right: 15px;
}

.mobile-message__custom {
    background-image: var(--interpolacion-rojo);
    width: 100%;
    padding: 5px 50px;
    text-align: center;
}

.mobile-message__custom span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 640px) {
    .navbar__custom .logo__custom img {
        max-width: 160px;
    }
    .navbar__custom .nav_icon__custom,
    .navbar__custom .main-menu  {
        display: none;
    }
    .navbar__custom .hamburger-menu,
    .mobile-message__custom {
        display: initial;
    }
    
}

@media only screen and (min-width: 640px) {
    .navbar__custom .logo__custom img {
        max-width: auto;
    }
    .navbar__custom .nav_icon__custom,
    .navbar__custom .main-menu  {
        display: none;
    }
    .navbar__custom .hamburger-menu,
    .mobile-message__custom {
        display: initial;
    }
}

@media only screen and (min-width: 769px) {
    .navbar__custom .logo__custom img {
        max-width: 160px;
    }
    .navbar__custom .nav_icon__custom img {
        max-width: 115px;
    }
    .navbar__custom .main-menu ul li > a {
        font-size: 14px;
        margin: 0 7px 0 7px;
    }

    .navbar__custom .nav-clock__custom {
        font-size: 14px;
    }

    .navbar__custom .nav_icon__custom  {
        display: initial;
    }
    .navbar__custom .hamburger-menu,
    .mobile-message__custom {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .navbar__custom .nav_icon__custom  {
        display: none;
    }
    .navbar__custom .hamburger-menu,
    .mobile-message__custom {
        display: initial;
    }
}

@media only screen and (min-width: 1280px) {
    .navbar__custom .main-menu ul li > a {
        font-size: 16px;
        margin: 0 8px 0 8px;
    }
}

@media only screen and (min-width: 1441px) {
    .navbar__custom .logo__custom img {
        max-width: 230px;
    }
    .navbar__custom .nav_icon__custom img {
        max-width: 200px;
    }
    .navbar__custom .main-menu ul li > a {
        font-size: 18px;
        margin: 0 18px 0 18px;
    }

    .navbar__custom .nav-clock__custom {
        font-size: 17px;
    }
}

.submenu-header__custom {
    min-width: 240px;
    border-left: solid lightgrey 1px;
}

.main-menu ul li ul.submenu {
    width: auto !important;
}

.submenu .submenu-header__custom li a span {
    color: var(--negro--textos) !important;
    font-weight: 700;
}

.submenu > li:hover a, .subsubmenu li:hover a {
    color: var(--azul-titulos) !important;
}

.slide-bar {
    background-color: white;
}

.slide-bar .side-mobile-menu ul li a,
.slide-bar .close-mobile-menu a i{
    color: var(--negro--textos);
    font-weight: 500;
}

.slide-bar .side-mobile-menu ul li a[aria-expanded="true"] {
    color: var(--rojo-casabat);
}

.slide-bar .side-mobile-menu ul li ul li a:before {
    width: 6px;
    height: 6px;
    border: 2px solid var(--rojo-casabat);
    background-color: var(--rojo-casabat);
}
.slide-bar .side-mobile-menu ul li ul li a span,
.slide-bar .side-mobile-menu ul li ul li a {
    color: var(--rojo-casabat);
    font-weight: 500;
}

.slide-bar .side-mobile-menu .subsubitem__custom > a span {
    color: var(--negro--textos);
}
.slide-bar .side-mobile-menu .subsubitem__custom > a:before {
    visibility: hidden;
}
.side-mobile-menu ul li a {
    padding: 8px 0;
    border-bottom: none;
}

/* End Navbar --------------------------------------------------------------- */

/* Footer ------------------------------------------------------------------- */
.footer_custom {
    background-color: #20212b;
}

.footer_custom h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
}

.footer_custom .copy-right-area .scroll-target {
    background-color: var(--rojo-casabat);
}

.footer_custom .footer-bottom-area {
    border-bottom: 1px solid var(--gris-azulado);
}

.footer_custom .fot-list li:hover a, .footer_custom .fot-list li:hover a i {
    color: var(--verde-casabat) !important;
}

.footer_custom .footer__widget h5.bottom-line::after {
    background: var(--verde-casabat) !important;
}

.footer_custom .header2__social > div > a > i {
    font-size: 15px;
    line-height: 38px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    width: 36px;
    height: 36px;
    margin: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.footer_custom .d-flex .header2__social > a {
    color: var(--rojo-casabat);
    background: white;
}

.footer_custom .d-flex .header2__social > a:hover {
    color: white;
    background: var(--rojo-casabat);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header2__social > a {
        margin: 0 0px;
    }
}

.footer_custom .header2__social > div > a {
    font-size: 22px;
    text-align: left;
}

.cert-container__custom > img {
    max-width: 200px;
    max-height: 150px;
    padding: 20px 20px;
}

.footer_custom .header2__social div:last-child a i,
.footer_custom .header2__social div:last-child a i:hover   {
    background-color: #71d567;
    font-size: 23px;
    line-height: 36px !important;
}

.footer__widget .header2__social div:first-child i {
    font-size: 24px;
}
.footer__widget .header2__social div:first-child i:hover {
    background: none !important;
}

.copyright p , .copyright a{
    font-size: 14px !important;
}   
.copyright a:last-child {
    color: #c1c6ce;
}

/* End Footer --------------------------------------------------------------- */

/* Home Carousel ------------------------------------------------------------ */
.home-carousel__custom .slider__content {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.home-carousel__custom .slider__content h1 {
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 700;
    font-size: var(--h1--large);
    line-height: var(--text-line-height);
}
.home-carousel__custom .slider__content p {
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 500 !important;
    font-size: var(--h3--small);
    line-height: var(--text-line-height);
}
.home-carousel__custom .slider__content ul li .theme_btn {
    background-color: rgba(0, 0, 0, 0.25);
    border: solid 3px var(--rojo-casabat); 
    transition: background-color 0.5s;
}
.home-carousel__custom .slider__content ul li .theme_btn:hover {
    background-color: var(--rojo-casabat); 
}
@media screen and (max-width: 767px) {
    .home-carousel__custom .slider__content h1 {
        font-size: var(--h1--small);
    }
    .home-carousel__custom .slider__content p {
        font-size: var(--h4--small);
    }
    .home-carousel__custom .slider__content ul li .theme_btn {
        padding: 22px 10px;
    }
}
/* End Home Carousel -------------------------------------------------------- */

/* Main Banners */
.page-title-area {
    min-height: 450px;
}
.page-title-area .page-title {
    padding-top: 150px;
}
.page-title-area .page-title h1 {
    font-size: var(--h2--large);
}
.page-title-area .page-title h2 {
    font-size: var(--h2--small);
}
.page-title-area .page-title h1, .page-title-area .page-title h2 {
    color: white;
}
.page-title-area::before {
    opacity: 0.2;
}
@media screen and (max-width: 767px) {
    .page-title-area .page-title h1 {
        font-size: var(--h1--small);
    }
    .page-title-area .page-title h2 {
        font-size: var(--h4--small);
    }
}
/* Blue layer
.flex_page__custom .page-title-area::before,
.noticias_page__custom .page-title-area::before,
.column_page__custom .page-title-area::before {
    background-color: rgba(45,58,107,1);
}*/
/* End Main Banners */

/* Arrow Link Box ----------------------------------------------------------- */
.arrow_link_box .project__item {
    margin: 10px 0;
}
.arrow_link_box .project__item--content {
    opacity: 1 !important;
    position: relative !important;
    bottom: 0;
    background-color: white;
    border: 1px solid var(--gris-azulado);
    box-shadow: var(--shadow);
    height: 100%;
}
.arrow_link_box .project__item--content .item-text span {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
.arrow_link_box .project__item--content:not(.relevant-item) .item-text span {
    color: var(--rojo-casabat);
}
.arrow_link_box .project__item .white_btn i {
    background-color: var(--gris-circulos) !important;
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.arrow_link_box .project__item:nth-child(2n) .item-text span {
    color: var(--azul-titulos);
}

/* Hover */
.arrow_link_box .project__item:hover .white_btn i {
    transform: translateX(10px);
}

/* Red Box */
.arrow_link_box .project__item--content.relevant-item {
    opacity: 1 !important;
    position: relative !important;
    bottom: 0;
    background-image: var(--interpolacion-rojo);
    border: none;
    box-shadow: var(--shadow);
}
.arrow_link_box .project__item--content.relevant-item .item-text h3,
.arrow_link_box .project__item--content.relevant-item .item-text span {
    color: white !important;
}
.arrow_link_box .project__item .relevant-item .white_btn i {
    background-color: white !important;
    color: var(--rojo-casabat);
}
/* End Arrow Link Box ------------------------------------------------------- */

/* Arrow Link Card ---------------------------------------------------------- */
/* Elemento de cajas por defecto */
.arrow-link-card__custom .project__item--content {
    opacity: 1 !important;
    position: relative !important;
    bottom: 0;
    padding: 30px 20px;
    box-shadow: var(--shadow);
    transition: all 0.5s;
    min-height: 150px;
}
.arrow-link-card__custom .project__item--content .item-text h3 {
    color: var(--azul-2-casabat);
}
.arrow-link-card__custom .project__item--content .item-text h3,
.arrow-link-card__custom .project__item--content .item-text p {
    font-weight: 500;
    transition: color 0.5s;
}
.arrow-link-card__custom .project__item--content .item-text p {
    font-size: 16px;
}
.arrow-link-card__custom .project__item .project-item-image__custom {
    width: 100%;
    max-width: 480px;
    height: 300px;
    background-position: center center;
    background-repeat: none;
    background-size: cover;
    margin: 0 auto;
    
}
.arrow-link-card__custom .project__item .white_btn i {
    background-color: var(--gris-circulos) !important;
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.arrow-link-card__custom .project__item .project-item-image__custom 
.image-layer__custom {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.arrow-link-card__custom .project__item:hover .project-item-image__custom 
.image-layer__custom {
    background-color: rgba(0, 0, 0, 0);
}
.arrow-link-card__custom .section-title h1 span {
    color: var(--verde-casabat);
}

/* Elemento de cajas por en hover */
.arrow-link-card__custom .project__item:hover .project__item--content {
    background-color: var(--rojo-casabat);
}
.arrow-link-card__custom .project__item:hover .white_btn i {
    background-color: white !important;
    color: var(--rojo-casabat);
    transform: translateX(10px);
}

.arrow-link-card__custom .project__item:hover .item-text h3,
.arrow-link-card__custom .project__item:hover .item-text p {
    color: white !important
}

/* End Arrow Link Card ------------------------------------------------------ */

/* Request Banner ----------------------------------------------------------- */
/* Contenido en default */
.request-banner__custom {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 0 50px 0;
    padding: 0;
}

.request-banner__custom .image-layer__custom {
    padding: 0 15px;
}

.request-banner__custom .richtext__custom {
    word-wrap: normal;
}

.request-banner__custom .row {
    height: 400px;
}
.request-banner__custom .banner-content__custom span {
    font-weight: 800;
}
.request-banner__custom .theme_btn {
    background: var(--interpolacion-rojo) !important;
    width: 240px !important;
}

/* Contenido en mobile */
@media screen and (max-width: 900px) {
    .request-banner__custom .container-fluid {
        padding: 80px 0;
    }
    .request-banner__custom .richtext__custom .banner-content__custom h2 {
        font-size: 24px;
        text-align: center !important;
        padding: 0 10px;
    }
    .request-banner__custom .row {
        height: auto;
    }
    .request-banner__custom .image-layer__custom .row div:first-child{
        padding-top: 30px;
    }
}

/* End Request Banner ------------------------------------------------------- */

/* Icons Carousel ----------------------------------------------------------- */
.icons-carousel__custom .theme_btn {
    background: var(--interpolacion-rojo) !important;
    font-size: 18px;
}

.icons-carousel__custom .slick-slide img {
    display: inline;
}
/* End Icons Carousel ------------------------------------------------------- */

/* Incremental Cards -------------------------------------------------------- */
/* Dimensión de elemento */
/* Color de número*/
.incremental-card__custom .h2-counter-box h2 span {
    color: var(--rojo-casabat);
    font-size: 50px;
}
/* Color de título */
.incremental-card__custom .h2-counter-box h5 {
    color: var(--azul-2-casabat);
    font-weight: 700;
}
/* Estilo de párrafo */
.incremental-card__custom .h2-counter-box p {
    font-weight: 500;
    /* max-width: 250px; */
}
/* End Incremental Cards ---------------------------------------------------- */

/* Download App ------------------------------------------------------------- */
.download-app__custom {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.download-app__custom .row {
    height: 400px;
}

.download-app__custom .image-layer__custom {
    padding-left: 15px;
    padding-right: 15px;
}

.download-app__custom h1, .download-app__custom h2 {
    color: white !important;
}
.download-app__custom h1 {
    font-size: 48px;
    font-weight: 700;
}
.download-app__custom h2 {
    font-size: 32px;
    line-height: 1.3;
}

.download-app__custom .button-area__custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.download-app__custom .button-area__custom > div {
    width: 180px;
    height: 100px;
}

@media screen and (max-width: 1024px) {
    .download-app__custom .row {
        height: auto;
    }
}
/* End Download App --------------------------------------------------------- */

/* Boxes ----------------------------------------------------------------*/

/* Caja por defecto */
.contact-box {
    border: 1px solid var(--azul-2-casabat);
    display: flex;
    align-items: center;
    padding: 15px 10px;
    height: 150px;
    margin: 0 5px;
}

.boxes__custom .contact-box .richtext__custom h6 {
    word-break: break-word;
}

/* Caja relevante */
.relevant {
    background-color: var(--rojo-casabat);
    border: none;
}

/* Estilo de icono */
.contact-box:first-child img {
    padding: 20px 20px 20px 0;
}

/* Fin Boxes ------------------------------------------------------------*/

/* Info Boxes -----------------------------------------------------------*/

.info-boxes__custom {
    background-color: var(--azul-2-casabat);
}
.info-boxes__custom .row .text-custom {
    background-color: white;
    height: 100%;
}
.info-boxes__custom h4 {
    font-size: 24px;
    color: var(--azul-titulos);
}
.info-boxes__custom h6 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: var(--negro--textos);
}

/* Fin Info Boxes -------------------------------------------------------*/

/* Servicio Boxes ----------------------------------------------------------------*/
.simple-card-custom {
    height: 380px;
    box-shadow: var(--shadow);
    background-color: white;
    padding: 50px 30px 45px;
    color: #616161;
}
/* Fin Servicio Boxes ----------------------------------------------------------------*/

/* Flip Card -----------------------------------------------------------*/

.flip-card {
    background-color: transparent;
    /* width: 368px; */
    height: 500px;
    perspective: 1000px;
}
    
.flip-card-front::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0.651;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    /* border: 1px solid var(--azul-2-casabat); */
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}
    
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
    
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
    
.flip-card-front {
    color: black;
    /* border: 1px solid var(--azul-2-casabat); */
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); */
}
    
.flip-card-front-title{
    color: white;
    font-weight: 600;
    font-size: 40px;
}

.flip-card-back-title{
    color: var(--azul-2-casabat);
    font-weight: 600;
    font-size: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.flip-card-back {
    background-color: white;
    color: white;
    transform: rotateY(180deg);
    /* border: 1px solid var(--azul-2-casabat); */
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 50%);
}

.flip-card-back-text{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
}

/* Fin Flip Card -------------------------------------------------------*/

/* Video ----------------------------------------------------------------*/

.video-area__custom {
    margin-bottom: 0 !important;
}
/* Tamaño de caja de video */
.video-area__custom .video-area-05 {
    max-height: 450px;
}
/* Icono de video */
.video-area__custom .popup-video4 {
    font-size: 40px;
    color: var(--verde-casabat);
}

/* Fin Video ------------------------------------------------------------*/

/* Seccion Beneficios --------------------------------------------------------*/

.section-title h2{
    color: var(--azul-titulos);
    font-weight: 600;
}

.chose-us-area .left-line{
    border-color: var(--rojo-casabat);
}

.chose__img__two::before{
    border-color: transparent transparent var(--azul-titulos) transparent;
}
.chose__img__two::after{
    border-color: transparent transparent var(--rojo-casabat) transparent;
}

.service__text--list-custom li {
    position: relative;
    color: #616161;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 9px;
    padding-left: 28px;
}

h5 a {
    color: var(--azul-titulos);
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

h5 a :hover{
    color: var(--azul-titulos);
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.chose-us-area .service-details__text .details-list li {
    width: auto;
    float: none;
    margin-bottom: 10px;
}

.chose-us-area .service-details__text .details-list li::before {
    color: var(--azul-titulos);
    top: 2px;
}

.chose-us-area .service-details__text .details-list li span {
    font-weight: 500;
}
/* Fin Seccion Beneficios ----------------------------------------------------*/

/* 2 Imagenes con Triangulos Personalizables ---------------------------------*/
.bc-triangle-red-red::before{
    border-color: transparent transparent #c82a26 transparent !important;
}

.bc-triangle-red-red::after{
    border-color: transparent transparent #c82a26 transparent !important;
}

.bc-triangle-red-blue::before{
    border-color: transparent transparent #c82a26 transparent !important;
}

.bc-triangle-red-blue::after{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-red-green::before{
    border-color: transparent transparent #c82a26 transparent !important;
}

.bc-triangle-red-green::after{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-blue-blue::before{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-blue-blue::after{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-blue-red::before{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-blue-red::after{
    border-color: transparent transparent #c82a26 transparent !important;
}

.bc-triangle-blue-green::before{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-blue-green::after{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-green-green::before{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-green-green::after{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-green-blue::before{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-green-blue::after{
    border-color: transparent transparent #034ea2 transparent !important;
}

.bc-triangle-green-red::before{
    border-color: transparent transparent #8dc63f transparent !important;
}

.bc-triangle-green-red::after{
    border-color: transparent transparent #c82a26 transparent !important;
}
/* Fin 2 Imagenes con Triangulos Personalizables -----------------------------*/

/* Flip Cards Color Custom -------------------------------------*/


.flipc-custom {
    width: 100%;
    height: 480px;
    perspective: 1000px;
}

.flipcc-front::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.flipcc-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flipc-custom:hover .flipcc-inner {
    transform: rotateY(180deg);
}

.flipcc-front, .flipcc-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flipcc-front {
    color: white;
}

.flipcc-back {
    color: white;
    transform: rotateY(180deg);
}

.flipcc-title {
    font-size: 28px;
    line-height: 1.1;
    font-weight: 650;
}

.flipcc-subtitle, .flipcc-text{
    font-size: 20px;
    line-height: 1.1;
    font-weight: 450;
    color: white;
}

.flipcc-text {
    line-height: 1.5;
}

/* Fin Flip Cards Color Custom ---------------------------------*/

/* Cards Color Custom -------------------------------------*/


.cc-custom {
    width: 100%;
    height: 480px;
    perspective: 1000px;
    color: white;
}

.cc-title {
    font-size: 28px;
    line-height: 1.1;
    font-weight: 650;
}

.cc-arrow {
    color: white;
    transition: all 0.5s;
    font-size: 20px;
}

.cc-arrow:hover {
    transform: translateX(10px);
    color: white !important;
}

.cc-custom a :hover{
    color: white !important;
}

/* Cards Color Custom ---------------------------------*/

/* Column Boxes ------------------------------------------------------------- */
/* Titulo de caja superior */
.column-boxes__custom .service-widget__cta .semi-title {
    color: var(--azul-titulos);
    font-weight: 700;
}
.column-boxes__custom .service-widget__cta .widget__cta .widget-cta-content span {
    word-break: break-word;
}

/* Flecha de caja inferior */
.column-boxes__custom .service-widget__box > a .fa-long-arrow-right {
    color: var(--azul-titulos);
    transition: all 0.4s ease-out 0s;
}
/* Efecto de hover */
.column-boxes__custom .service-widget__box:hover > a .fa-long-arrow-right {
    transform: translateX(10px);
}

/* Tamaño de icono de caja superior */
.column-boxes__custom .service-widget__cta .widget-cta-icon i {
    font-size: 28px;
}

/* Texto junto a iconos en caja superior */
.column-boxes__custom .service-widget__cta .widget-cta-content span {
    font-size: 18px;
    font-weight: 600;
}

/* Estilo de caja */
.column-boxes__custom .service-widget {
    box-shadow: 2px 2px 10px rgba(34, 34, 34, 0.2);
}

.column-boxes__custom .service-widget__cta .widget-cta-icon .flaticon-available {
    color: var(--rojo-casabat);
}
.column-boxes__custom .service-widget__cta .widget-cta-icon .flaticon-mail {
    color: var(--azul-2-casabat);
}
.column-boxes__custom .service-widget__cta .widget-cta-content .whatsapp__custom {
    color: var(--verde-casabat);
}

/* End Column Boxes --------------------------------------------------------- */

/* Noticias ----------------------------------------------------------------- */
/* Textos */
.noticias-listing__custom .blog__content3 h3,
.noticias-listing__custom .blog-standard-right h5,
.noticias-listing__custom .blog-standard-right a,
.noticias-detail__custom .blog__content3 h3,
.noticias-detail__custom .blog-standard-right h5,
.noticias-detail__custom .blog-standard-right a
{
    font-weight: 600 !important;
}

/* tags */
.noticias-listing__custom .blog-widget-tag .tag-btn,
.noticias-detail__custom .blog-widget-tag .tag-btn  {
    margin: 10px;
}

/* Icono al inicio de texto */
.noticias-listing__custom .blog-standard-left .blog-desc3 .blog-desc3-icon span,
.noticias-detail__custom .blog-standard-left .blog-desc3 .blog-desc3-icon span {
    background: var(--azul-2-casabat);
}

.noticias-listing__custom .blog__content3 .blog-desc3 .richtext__custom {
    color: var(--negro--textos);
}

/* Empty search */
.noticias-listing__custom .empty-results__custom {
    margin-top: 50px;
}
.noticias-listing__custom .empty-results__custom i {
    color: var(--rojo-casabat);
    margin-bottom: 20px;
}

/* Colores */
.noticias-listing__custom .blog-standard-right li i,
.noticias-detail__custom .blog-standard-right li i {
    color: var(--azul-titulos) !important;
}
.noticias-listing__custom .blog-standard-right li:hover i,
.noticias-detail__custom .blog-standard-right li:hover i {
    color: white !important;
}
.noticias-listing__custom .blog-widget-post .post i,
.noticias-detail__custom .blog-widget-post .post i {
    transition: all 0.5s;
}
.noticias-listing__custom .blog-widget-post .post:hover i,
.noticias-detail__custom .blog-widget-post .post:hover i {
    color: var(--rojo-casabat) !important;
}
.noticias-listing__custom .blog-widget-instagram .tag-btn,
.noticias-detail__custom .blog-widget-instagram .tag-btn {
    color: var(--negro--textos) !important;
}
.noticias-listing__custom .blog-widget-instagram .tag-btn:hover,
.noticias-detail__custom .blog-widget-instagram .tag-btn:hover {
    color: white !important;
}
.noticias-listing__custom .blog-widget-post .post img,
.noticias-detail__custom .blog-widget-post .post img {
    margin-top: 5px;
}

/* Redes sociales */
.noticias-listing__custom .header2__social a,
.noticias-detail__custom .header2__social a {
    color: #9A9A9A !important;
}
.noticias-listing__custom .header2__social a:hover,
.noticias-detail__custom .header2__social a:hover {
    color: white !important;
}
.noticias-listing__custom .header2__social span,
.noticias-detail__custom .header2__social span {
    font-size: 20px !important;
    font-weight: 600;
}

/* Relacionadas */
.noticias-detail__custom .blog-related-post h3 {
    font-weight: 600;
    font-size: 24px;
}
.noticias-detail__custom .post__content h6 {
    font-size: 16px !important;
    font-weight: 700;
    padding-top: 5px;
}

/* Paginación */
.noticias-listing__custom .pagination li a.page-link,
.noticias-detail__custom .pagination li a.page-link {
    transition: all 0.5s;
}
.noticias-listing__custom .pagination li a.page-link:hover,
.noticias-detail__custom .pagination li a.page-link:hover {
    background: var(--azul-titulos); 
    border-color: var(--azul-titulos); 
}
.noticias-listing__custom .pagination i,
.noticias-detail__custom .pagination i {
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.noticias-listing__custom .pagination li:hover i,
.noticias-detail__custom .pagination li:hover i {
    color: white;
}

/* Boton de continuar lectura */
.noticias-listing__custom .blog__content3 .theme_btn,
.noticias-listing__custom .blog__content3 .theme_btn:hover {
    background-color: var(--verde-casabat);
    font-size: 18px;
    font-weight: 600;
}
/* End Noticias ------------------------------------------------------------- */

/* Service Block ------------------------------------------------------------ */

.equip__custom .richtext__custom p {
    padding-right: 100px
}
@media screen and (max-width: 768px) {
    .equip__custom .richtext__custom p {
        padding-right: 0px;
    }
}

.equip__custom .chose-shape2 {
    left: 130px !important;
    top: 110px !important;
}
@media screen and (max-width: 1024px) {
    .equip__custom .chose-shape2 {
        left: 70px !important;
        top: 60px !important;
    }
}
/* End Service Block -------------------------------------------------------- */

/* Single Button ------------------------------------------------------------ */
.single_button__custom .theme_btn,
.single_button__custom .theme_btn:hover {
    background-color: var(--verde-casabat);
    font-size: 18px;
    font-weight: 600;
    color: white;
    border: solid 3px var(--verde-casabat);
}

.single_button__custom .theme_btn:hover {
    background-color: white;
    border: solid 3px var(--verde-casabat);
    color: var(--verde-casabat);
}
/* End Single Button -------------------------------------------------------- */

/* Toggles ------------------------------------------------------------------ */
.toggle__custom {
    padding-left: 15px;
}
/* Texto de acordion */
.toggle__custom.faq-area .card .card-header button.collapsed {
    color: var(--azul-logo-casabat);
    font-weight: 600;
}
.toggle__custom.faq-area .card .card-header button.collapsed {
    color: var(--azul-logo-casabat);
    
}
.toggle__custom .card .card-header button,
.toggle__custom.faq-area .card .card-header button.collapsed,
.toggle__custom .card .card-header .btn-link:hover {
    font-weight: 600;
    padding-right: 90px;
}
/* Boton de acordeon */
.toggle__custom.faq-area .card .card-header button.collapsed::after {
    background-color: var(--azul-titulos);
}
/* End Toggles -------------------------------------------------------------- */

/* Tabs --------------------------------------------------------------------- */
.toggle-tabs__custom.portfolio-menu .pf_btn {
    color: var(--azul-logo-casabat);
}
.toggle-tabs__custom.portfolio-menu .pf_btn.active {
    color: white;
}
/* End Tabs ----------------------------------------------------------------- */

/* Form style --------------------------------------------------------------- */
.form__custom .form-area .form-input::before {
    content: "";
}

.form__custom .form-area .form-input .form-control, .custom-file-input {
    font-weight: normal;
    border: 1px solid gray;
    border-radius: 2px;
}

.form__custom .form-area .form-input textarea {
    min-height: 150px;
    outline: white !important;
    overflow-y: hidden;
    line-height: 1.4;
}

.custom-file-input {
    opacity: 1;
    color: black;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
    max-width: 0px;
}
/* End Form style ----------------------------------------------------------- */

/* Long Column Text Block --------------------------------------------------- */
.long-column-text-block__custom h2 {
    color: var(--azul-titulos);
    font-weight: 600;
}
.long-column-text-block__custom p {
    color: var(--negro--textos);
    line-height: 1.3;
    font-size: 24px;
}
/* End Long Column Text Block ----------------------------------------------- */

/* Company Presentation ----------------------------------------------------- */
.company_presentation__custom h3 {
    font-size: 36px;
    font-weight: 700;
}
.company_presentation__custom h3:nth-child(2) {
    color: var(--azul-titulos);
}
.company_presentation__custom h3:last-child {
    color: var(--rojo-casabat);
}

.company_presentation__custom .service-history .video-area-06::before {
    background: var(--azul-titulos);
    opacity: 0.5;
}

.company_presentation__custom .service__history__row {
    min-height: 660px;
}

.company_presentation__custom .history__desc {
    font-size: 25px;
    line-height: 1.6;
    margin-left: 40px;
    margin-right: 40px;
}
@media only screen and (max-width: 900px) {
    .company_presentation__custom .history__desc {
        font-size: 25px;
        padding: 0;
    }
    .company_presentation__custom .service__history__row {
        min-height: auto;
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 600px) {
    .company_presentation__custom .history__desc {
        font-size: 16px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 0;
    }
    .company_presentation__custom .service__history__row {
        min-height: auto;
        padding-bottom: 50px;
    }
}

/* End Company Presentation ------------------------------------------------- */

/* Timeline Block ----------------------------------------------------------- */
.timeline_block__custom .hostory-wrapper .timeline-icon .alt-icon {
    background: var(--verde-casabat);
}

.timeline_block__custom .histories .histories__year h5 {
    color: var(--azul-titulos);
}
.histories:hover .histories__year h5 {
    color: var(--verde-casabat);
}

.timeline_block__custom .histories .histories__year::before {
    background: var(--rojo-casabat);
}
.timeline_block__custom .histories:hover .histories__year::before {
    background: var(--verde-casabat);
}

.timeline_block__custom .richtext__custom p {
    font-size: 18px;
}
/* End Timeline Block ------------------------------------------------------- */

/* Video Carousel ----------------------------------------------------------- */
.video-carousel__custom .video-area.video-area-05 {
    min-height: 200px;
    max-width: 360px;
    min-width: 200px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 1440px){
    .video-carousel__custom.container {
        max-width: 1600px;
    }
}

.video-carousel__custom h3 {
    margin-left: 2%;
    padding-bottom: 20px;
    color: var(--azul-titulos);
    font-weight: 700;
}

.video-carousel__custom .popup-video4 {
    width: 75px;
    height: 75px;
    line-height: 80px;
    color: var(--verde-casabat);
}

.video-carousel__custom .slick-slide h5 {
    font-weight: 500;
    max-width: 360px;
    margin: auto;
}

.video-carousel__custom .brand-active__custom button {
    color: var(--gris-azulado);
    background: none;
    border: none;
}

.video-carousel__custom .brand-active__custom .slick-arrow {
    margin: 0;
    font-size: 30px;
}
/* End Video Carousel ------------------------------------------------------- */

/* Tabs With Cards Block ---------------------------------------------------- */
.tabs-with-cards-block__custom .promotion2 {
    min-width: 250px;
    min-height: 500px;
    box-shadow: 7px 7px 5px rgba(116, 78, 78, 0.3);
}
.tabs-with-cards-block__custom .promotion2:hover::before {
    background-color: var(--azul-2-casabat);
}
.tabs-with-cards-block__custom .promotion2 .promotion-title-area__custom {
    min-height: 70px;
}
.tabs-with-cards-block__custom .promotion2 .promotion-text-area__custom {
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.tabs-with-cards-block__custom .promotion2 h4 span {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--rojo-casabat);
    transition: all 0.5s;
}
.tabs-with-cards-block__custom .promotion2:hover h4 span {
    color: white;
}

.tabs-with-cards-block__custom .icon_area__custom {
    display: flex;
    justify-content: space-evenly;
}

.tabs-with-cards-block__custom .icon_area__custom div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: var(--azul-titulos) solid 2px;
    transition: all 0.5s;
}
.tabs-with-cards-block__custom .icon_area__custom a {
    line-height: 1.8;
    font-size: 27px;
    transition: all 0.5s;
}
.tabs-with-cards-block__custom .icon_area__custom a i:before {
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.tabs-with-cards-block__custom .icon_area__custom .alternate-icon__custom {
    background-color: var(--azul-titulos);
    transition: all 0.5s;
}

.tabs-with-cards-block__custom .promotion2:hover .icon_area__custom .alternate-icon__custom {
    background-color: white;
}
.tabs-with-cards-block__custom .promotion2:hover .icon_area__custom div {
    border-color: white;
}
.tabs-with-cards-block__custom .promotion2:hover .icon_area__custom a i:before {
    color: white;
}
.tabs-with-cards-block__custom .promotion2:hover .icon_area__custom .alternate-icon__custom a i:before {
    color: var(--azul-titulos);
}

.tabs-with-cards-block__custom .icon_area__custom .alternate-icon__custom a i:before {
    color: white;
}

.tabs-with-cards-block__custom .promotion2 h6,
.tabs-with-cards-block__custom .promotion2 p {
    font-size: 16px;
}
.tabs-with-cards-block__custom .promotion2 h6 {
    font-weight: 600;
}

/* Icon */
.tabs-with-cards-block__custom .promotion2 img:nth-child(2),
.tabs-with-cards-block__custom .promotion2:hover img:nth-child(1) {
    display: none;
    transition: all 0.5s;
}
.tabs-with-cards-block__custom .promotion2:hover img:nth-child(2),
.tabs-with-cards-block__custom .promotion2 img:nth-child(1) {
    display: initial;
}
/* End Tabs With Cards Block ------------------------------------------------ */

/* Tabs With Image Modal Block ---------------------------------------------- */
.tabs-with-image-modal-block__custom .portfolis__thumb::before {
    background-color: var(--azul-logo-casabat);
}

.tabs-with-image-modal-block__custom .portfolis__content .plus-icon {
    border: 1px solid white;
}

.tabs-with-image-modal-block__custom .portfolis__content {
    padding: 10px;
}

.tabs-with-image-modal-block__custom .portfolis__content p {
    line-height: 1.3;
}

.tabs-with-image-modal-block__custom .porfolis-layer__custom {
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
/* End Tabs With Image Modal Block ------------------------------------------ */

/* Long Link Block ---------------------------------------------------------- */
.long-link-block__custom .theme_btn {
    background-color: transparent;
}

.long-link-block__custom .theme_btn h2 {
    color: white;
}

.long-link-block__custom .theme_btn h2 i {
    font-size: inherit;
}

.long-link-block__custom .theme_btn h2 i:hover::before {
    color: white;
}
/* End Long Link Block ------------------------------------------------------ */

/* Responsive Banner Block -------------------------------------------------- */
.responsive-banner-block__custom img:first-child {
    width:100%;
    height:auto;
    max-width:900px;
    display: none;
}
.responsive-banner-block__custom img:last-child {
    width:100%;
    height:auto;
    max-width:1920px;
}
@media only screen and (max-width: 900px) {
    .responsive-banner-block__custom img:first-child {
        display: initial;
    }
    .responsive-banner-block__custom img:last-child {
        display: none;
    }
}

/* End Responsive Banner Block ---------------------------------------------- */

/* Cards Without Space Block ------------------------------------------------ */
.card_without_space_block__custom .project-item-image {
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
    height: 350px;
}
.card_without_space_block__custom .project-item-image h3, 
.card_without_space_block__custom .project-item-image h3:hover {
    color: white !important;
    font-weight: 600;
    line-height: 1.3;
}

.card_without_space_block__custom .project__item .project__item--content h2 {
    font-weight: 600;
}

/* Fondo */
.card_without_space_block__custom .project__item:nth-child(4n+1) .project-item-image {
    background-color: #33A02C;
}
.card_without_space_block__custom .project__item:nth-child(4n+2) .project-item-image {
    background-color: #0E3494;
}
.card_without_space_block__custom .project__item:nth-child(4n+3) .project-item-image {
    background-color: #C80023;
}
.card_without_space_block__custom .project__item:nth-child(4n+0) .project-item-image {
    background-color: #FF6E00;
}
/* Color de texto */
.card_without_space_block__custom .project__item:nth-child(4n+1) .project__item--content h2, 
.card_without_space_block__custom .project__item:nth-child(4n+1) .project__item--content h2:hover {
    color: #33A02C !important;
}
.card_without_space_block__custom .project__item:nth-child(4n+2) .project__item--content h2, 
.card_without_space_block__custom .project__item:nth-child(4n+2) .project__item--content h2:hover {
    color: #0E3494 !important;
}
.card_without_space_block__custom .project__item:nth-child(4n+3) .project__item--content h2,
.card_without_space_block__custom .project__item:nth-child(4n+3) .project__item--content h2:hover {
    color: #C80023 !important;
}
.card_without_space_block__custom .project__item:nth-child(4n+0) .project__item--content h2,
.card_without_space_block__custom .project__item:nth-child(4n+0) .project__item--content h2:hover {
    color: #FF6E00 !important;
}

.card_without_space_block__custom .project__item--content {
    background-color: white;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    opacity: 1;
    border: solid 1px var(--gris-circulos);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    height: 140px;
}
.card_without_space_block__custom .project__item--content p {
    font-size: 16px;
}
.card_without_space_block__custom .project__item--content a i {
    background-color: var(--gris-circulos);
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.card_without_space_block__custom .project__item--content i:hover,
.card_without_space_block__custom .project__item--content i::before{
    color: var(--azul-titulos);
}
.card_without_space_block__custom .project__item:hover a i {
    transform: translateX(10px);
}
.card_without_space_block__custom .project__item {
    margin: 0;
}
/* End Cards Without Space Block -------------------------------------------- */

/* News Block --------------------------------------------------------------- */
.news-block__custom h5{
    color: var(--rojo-casabat);
    font-weight: 500;
}
.news-block__custom h2{
    color: var(--azul-titulos);
    font-weight: 600;
}
.news-block__custom .blog__content3 h5{
    color: var(--azul-logo-casabat);
}
/* End News Block ----------------------------------------------------------- */

/* Video And Richtext Block ------------------------------------------------- */
.video-richtext__custom .richtext__custom {
    padding: 100px;
}

.video-richtext__custom .richtext__custom,
.video-richtext__custom .video-layout__custom {
    min-height: 600px;
    max-height: 600px;
}

@media only screen and (max-width: 600px) {
    .video-richtext__custom .richtext__custom {
        padding: 15px
    }

    .video-richtext__custom .richtext__custom,
    .video-richtext__custom .video-layout__custom {
        max-height: 100%;
    }
}

/* Simple Card Block */
.arrow-link-card__custom.simple-card-block__custom .project__item:hover .project__item--content {
    background-color: white;
}
.arrow-link-card__custom.simple-card-block__custom .project__item:hover .item-text h3 {
    color: var(--azul-titulos) !important;
}
.arrow-link-card__custom.simple-card-block__custom .project__item:hover .item-text p {
    color: var(--negro--textos) !important;
}

.arrow-link-card__custom.simple-card-block__custom .project__item .project-item-image__custom {
    max-width: 380px;
    height: 280px;
}
.arrow-link-card__custom.simple-card-block__custom .project__item--content {
    max-width: 380px;
    min-height: 260px;
}
.arrow-link-card__custom.simple-card-block__custom .project__item:hover .project-item-image__custom .image-layer__custom {
    background-color: rgba(0, 0, 0, 0);
}
/* End Simple Card Block */

/* End Video And Richtext Block --------------------------------------------- */

/* Catalog */
.search_catalog__custom {
    background-color: var(--negro--textos);
    padding: 20px 0;
}
.search_catalog__custom .row > div {
    margin: 10px 0;
}
.search_catalog__custom button {
    width: 100%;
}
.search_catalog__custom .option {
    color: var(--negro--textos)
}

.search_catalog__custom .form-select {
    width: 100%;
    max-width: 300px;
    height: 50px;
    padding-left: 5px;
    font-size: 19px;
    color: #6c757d;
}

.search_catalog__custom .fields-title__custom {
    justify-content: center;
}
@media only screen and (min-width: 576px) {
    .search_catalog__custom .fields-title__custom {
        justify-content: center;
    }
}
@media only screen and (min-width: 768px) {
    .search_catalog__custom .fields-title__custom {
        justify-content: center;
    }
}
@media only screen and (min-width: 992px) {
    .search_catalog__custom .fields-title__custom {
        justify-content: flex-start;
        padding-left: 5px;
    }
}

.search_catalog__custom #search_button {
    height: 50px;
    width: 100%;
    max-width: 300px;
    background-color: var(--rojo-casabat);
    border-color: var(--rojo-casabat);
    border-radius: 0px;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 500;
}

.products_catalog__custom hr {
    border: 1px solid grey
}

.products_catalog__custom .richtext__custom img {
    width: 100%;
    height: auto;
}

.products_catalog__custom .cat-list input {
    width: 15px;
    height:15px;
}

/* Checkbox style */
.products_catalog__custom .checkbox__custom {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #6c757d;
    text-transform: lowercase;
    line-height: 1.6;
    margin-bottom: 0;
}
.products_catalog__custom .checkbox__custom::first-letter {
    text-transform: uppercase;
}

.products_catalog__custom .checkbox__custom input[type=checkbox] {
    visibility: hidden;
}

.products_catalog__custom .my-check__custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: solid lightgrey 1px;
    border-radius: 1px;
    margin-top: 3px;
}

.products_catalog__custom .checkbox__custom .my-check__custom:after {
    content: "";
    position: absolute;
    display: none;
}

.products_catalog__custom .checkbox__custom input:checked ~ .my-check__custom {
    background-color: var(--azul-titulos);
}

.products_catalog__custom .checkbox__custom input:checked ~ .my-check__custom::after {
    display: block;
}

.products_catalog__custom .checkbox__custom .my-check__custom:after {
    left: 6px;
    bottom: 5px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.products_catalog__custom .cat-list-desc span {
    color: var(--azul-titulos);
}

.products_catalog__custom .show-more__custom {
    margin-top: 20px;
    color: var(--azul-titulos);
    cursor: pointer;
}

/* Number of items */
.products_catalog__custom .pro-filter span {
    color: #6c757d;
    font-size: 20px;
}

.products_catalog__custom .shop-fileter {
    width: 100px;
    background-color: white;
    border: solid 1px black;
    color: #6c757d;
    padding-left: 30px;
    padding-top: 0px;
    font-size: 20px;
}

.products_catalog__custom .product-list .product__text h6 {
    line-height: 1.6;
}

.portfolio-menu .pf_btn {
    color: #2D3A6B !important;
    text-align: center;
    font: normal normal bold 18px/40px Montserrat;
    color: #2D3A6B;
    opacity: 1;
}

.portfolio-menu .pf_btn.active {
    color: white !important;
}

.products_catalog__custom .product-list .product__text h6:not(.product-price) {
    line-height: 1.6;
    color: #6c757d;
}
.products_catalog__custom .product-list .product__text .product-price {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--azul-titulos);
}

.products_catalog__custom .product-list .product__img {
    min-height: 280px;
}
.products_catalog__custom .product-list .product__img img {
    width: 100%;
    height: auto;
}

.catalog-detail__custom .catalog-img__custom {
    background-color: whitesmoke;
    width: 100%;
    padding: 20px;
}

.catalog-detail__custom .product-info__custom,
.catalog-detail__custom .product-form__custom {
    padding: 0 20px;
}

.catalog-detail__custom .product-info__custom h3 {
    text-transform: uppercase;
    color: var(--negro--textos);
    font-weight: 600;
}
.catalog-detail__custom .product-info__custom span {
    color: #6c757d;
    font-size: 24px;
}
.catalog-detail__custom .product-info__custom span b {
    font-weight: 600;
}
.catalog-detail__custom .product-info__custom button {
    background-color: var(--rojo-casabat);
    color: white;
    border: solid var(--rojo-casabat) 1px;
    border-radius: 0;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.catalog-detail__custom .product-info__custom button i {
    font-size: 16px;
    transition: all 0.4s ease-out 0s;
    font-weight: 400;
}
.catalog-detail__custom .product-info__custom button:hover i {
    transform: translateX(10px);
}

.products_catalog__custom button.btn-primary {
    background-color: var(--rojo-casabat);
    border-radius: 0;
    border-color: var(--rojo-casabat);
    font-weight: 500;
    text-align: center;
}

.products_catalog__custom .empty-results__custom {
    margin-top: 50px;
}
.products_catalog__custom .empty-results__custom i {
    color: var(--rojo-casabat);
    margin-bottom: 20px;
}

/* Accordeon style */
.products_catalog__custom .cat-list-desc .accordion .card .card-header {
    padding: 0;
}
.products_catalog__custom .cat-list-desc .accordion .card .card-header button.btn-link {
    color: var(--negro--textos);
    font-weight: 400;
}
.products_catalog__custom .cat-list-desc .accordion .card .card-header button.btn-link::before,
.products_catalog__custom .cat-list-desc .accordion .card .card-header button.btn-link::after {
    background: var(--rojo-casabat);
}

.subcategory .card .card-header button.btn-link {
    width: auto;
    padding-left: 0;
}
.subcategory .card .card-header button.btn-link::before,
.subcategory .card .card-header button.btn-link::after {
    display: none;
}

/* Page button*/
.products_catalog__custom .dropbtn__custom {
    background-color: white;
    color: var(--negro--textos);
    width: 100px;
    padding: 16px;
    font-size: 16px;
    border: solid darkgray 1px;
    cursor: pointer;
}
.products_catalog__custom .dropdown__custom {
    position: relative;
    display: inline-block;
}
.products_catalog__custom .dropdown__custom span {
    color: #6c757d;
    font-size: 16px;
}
.products_catalog__custom .dropdown-content__custom {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: 160px;
}
.products_catalog__custom .dropdown-content__custom a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.products_catalog__custom .dropdown-content__custom a:hover {
    background-color: #f1f1f1
}
.products_catalog__custom .dropdown__custom:hover .dropdown-content__custom {
    display: block;
}

/* Paginacion */
/* Paginación */
.products_catalog__custom .pagination li a.page-link,
.products_catalog__custom .pagination li a.page-link {
    transition: all 0.5s;
}
.products_catalog__custom .pagination li a.page-link:hover,
.products_catalog__custom .pagination li a.page-link:hover {
    background: var(--azul-titulos); 
    border-color: var(--azul-titulos); 
}
.products_catalog__custom .pagination i,
.products_catalog__custom .pagination i {
    color: var(--azul-titulos);
    transition: all 0.5s;
}
.products_catalog__custom .pagination li:hover i,
.products_catalog__custom .pagination li:hover i {
    color: white;
}

/* Boton de continuar lectura */
.products_catalog__custom .blog__content3 .theme_btn,
.products_catalog__custom .blog__content3 .theme_btn:hover {
    background-color: var(--verde-casabat);
    font-size: 18px;
    font-weight: 600;
}

/* End Catalog */

/* Accordeon Raw HTML Block */

.accordeon-raw-html-block__custom {
    padding-left: 0;
    box-shadow: var(--shadow);
    border: 1px solid var(--gris-azulado);
}
.accordeon-raw-html-block__custom .raw-html__custom {
    text-align: center;
    padding: 5px;
}

.accordeon-raw-html-block__custom .card-header h3 {
    text-transform: uppercase;
    font-weight: 600;
}

.accordeon-raw-html-block__custom .card-header h4,
.accordeon-raw-html-block__custom .card-header h3 {
    color: white;
}
.accordeon-raw-html-block__custom .card-header button.collapsed h4 {
    color: #6c757d;
}
.accordeon-raw-html-block__custom .card-header button.collapsed h3 {
    color: var(--rojo-casabat);
}

.accordeon-raw-html-block__custom .card-header .btn-link::after,
.accordeon-raw-html-block__custom .card-header .btn-link::before{
    display: none;
}
.accordeon-raw-html-block__custom .card-header button,
.accordeon-raw-html-block__custom .card-header button.collapsed,
.accordeon-raw-html-block__custom .card-header .btn-link:hover {
    padding-right: 30px !important;
}
.accordeon-raw-html-block__custom .card-header button.collapsed {
    background-color: white !important;
}

.accordeon-raw-html-block__custom .card-header button.collapsed .white_btn {
    background-color: var(--gris-circulos);
    border: 1px var(--gris-circulos) solid;
    border-radius: 100%;
    margin: 10px;
    padding: 15px;
    transition: 0.5s all;
}
.accordeon-raw-html-block__custom .card-header button .white_btn {
    background-color: white;
    border: 1px white solid;
    border-radius: 100%;
    margin: 10px;
    padding: 15px;
}
.accordeon-raw-html-block__custom .card-header button .white_btn i {
    color: var(--rojo-casabat);
}
.accordeon-raw-html-block__custom .card-header button.collapsed .white_btn i {
    color: var(--azul-titulos);
    transition: 0.5s all;
}

.accordeon-raw-html-block__custom .card-header:hover button.collapsed .white_btn i {
    transform: translateY(10px) !important;
}

.accordeon-raw-html-block__custom .card-header .white_btn i {
    font-size: 25px !important;
    line-height: 0 !important;
}
.accordeon-raw-html-block__custom .card-header button .fa-arrow-down,
.accordeon-raw-html-block__custom .card-header button.collapsed .fa-arrow-up {
    display: none;
    transition: 0.5s all;
}
.accordeon-raw-html-block__custom .card-header button.collapsed .fa-arrow-down {
    display: initial;
}

.raw-html__custom{
    width: 100%;
}
.raw-html__custom .nice-select{
    display: none !important;
}
.raw-html__custom input, .raw-html__custom select, .raw-html__custom textarea {
    display: block;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    appearance: none;
    border-radius: 0;
    box-shadow: unset;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.raw-html__custom select {
    display: block !important;
    width: 100% !important;
    padding: .375rem 1.75rem .375rem .75rem !important;
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    margin-top: 15px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;            
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 26px 22px !important;
    border: 1px solid #e9ecef;
    border-radius: 0;
    box-shadow: unset;
    appearance: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6c757d!important;;
  }

.raw-html__custom [type="submit"] {
    background-color: #8dc63f !important;
    border-color: #8dc63f !important;
    box-shadow: 0 1px 0 rgb(255 255 255 / 15%) !important;
    display: inline-block !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer;
    user-select: none;
    border: 1px solid #8dc63f;
    padding: .375rem .75rem;
    font-size: .9375rem;
    border-radius: 0;
    color: white !important;
    margin-top: 50px;
    transition: "color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out";
}
.raw-html__custom [type="submit"]:hover{
    background-color: #a8d16d !important;
    border-color: #a8d16d !important;
}

.raw-html__custom label{
    margin-top: 10px;
    display: inline-block !important;
    font-family: "Montserrat", Arial !important;
    text-align: start;
    width: 100%;
    margin-bottom: 0px;
}
.raw-html__custom h3{
    font-family: "Montserrat", Arial;
    font-size: 14px !important;
    margin-top: 15px !important;
    width: 100% !important;
    text-align: start !important;
}

/* End Accordeon Raw HTML Block */


@media (min-width: 992px){
    .col2-5{
        flex: 0 0 19.9%;
        max-width: 19.9%;
    }
}

@media (min-width: 1200px){
    .col2-5{
        flex: 0 0 19.9%;
        max-width: 19.9%;
    }
}

.nav-link.active.show{
    border: 1px solid black;
}


/* Contact form */


.contact_form{
    width: 100%;
}
.raw-contact_form .nice-select{
    display: none !important;
}
.contact_form input, .contact_form select, .contact_form textarea {
    display: block;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    appearance: none;
    border-radius: 0;
    box-shadow: unset;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.contact_form select {
    display: block !important;
    width: 100% !important;
    padding: .375rem 1.75rem .375rem .75rem !important;
    font-size: .9375rem !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    margin-top: 15px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;            
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 26px 22px !important;
    border: 1px solid #e9ecef;
    border-radius: 0;
    box-shadow: unset;
    appearance: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6c757d!important;;
  }

.contact_form [type="submit"] {
    background-color: #8dc63f !important;
    border-color: #8dc63f !important;
    box-shadow: 0 1px 0 rgb(255 255 255 / 15%) !important;
    display: inline-block !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer;
    user-select: none;
    border: 1px solid #8dc63f;
    padding: .375rem .75rem;
    font-size: .9375rem;
    border-radius: 0;
    color: white !important;
    margin-top: 50px;
    transition: "color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out";
}
.contact_form [type="submit"]:hover{
    background-color: #a8d16d !important;
    border-color: #a8d16d !important;
}

.contact_form label{
    margin-top: 10px;
    display: inline-block !important;
    font-family: "Montserrat", Arial !important;
    text-align: start;
    width: 100%;
    margin-bottom: 0px;
}
.contact_form h3{
    font-family: "Montserrat", Arial;
    font-size: 14px !important;
    margin-top: 15px !important;
    width: 100% !important;
    text-align: start !important;
}

.porfolio-grid-area .richtext__custom img {
    width: 100%;
    height: auto;
}
.porfolio-grid-area .faqs .richtext__custom img {
    width: auto;
    height: auto;
}

.image-visualizer__custom .shop-thumb-tab .nav-item {
    width: auto; margin: 0px 5px;
}

@media only screen and (max-width: 600px) {
    .image-visualizer__custom .shop-thumb-tab .nav-item {
        width: 50px; margin: 5px 5px;
    }
}

/* 404 & 500 page */
.home-page-button__custom {
    border: 2px solid #6c757d;
    padding: 10px 50px;
    transition: all 0.5s;
}
.home-page-button__custom a {
    color: #6c757d;
    font-size: 20px;
    font-weight: 600;
}

.home-page-button__custom:hover {
    border: 2px solid var(--azul-titulos);
    background-color: var(--azul-titulos);
}
.home-page-button__custom:hover a {
    color: white;
}

@media (max-width: 576px) {
    .margin-cards-sostenibilidad {
        margin: 0px 15px 0px 15px;
    }
    .richtext__custom .richtext-image {
        width: 320px;
    }
}

.margin-right-2px {
    margin-right: 2px !important;
}