@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
form.wpcf7-form p,
form.wpcf7-form p label {
    width: 100% !important;
    display: block !important;
}

select.form-control {
    width: 100% !important
}

html,
body {
    overflow-x: hidden;
}

a:active,
.txtNV:active {
    color: #818285 !important;
}

#menu-menu-desktop .nav-item:not(:nth-last-of-type(2)) .nav-link.active .txtNV {
    color: #ec3237 !important;
}

.selProS {
    background-color: #e6e7e8;
    /* color por defecto */
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 30px;
    border: 0px;
    appearance: none;
    /* quita el estilo nativo en algunos navegadores */
}

.selProS option[selected] {
    color: #ec3237;
}


/* Esto NO funcionará en Chrome dentro del dropdown */

.selProS option:active,
.selProS option[active] {
    color: #ec3237;
}

.carousel-indicators {
    margin-bottom: 30px !important;
}

a,
img,
button,
input[type=button],
span.txtNV,
.nav-link,
.nav-item,
.notContainer {
    transition: all 200ms linear text-decoration: none !important;
}

img:hover,
button:hover,
input[type=button]:hover {}

html,
body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    width: 100vw;
    overflow-x: hidden;
    position: relative;
    line-height: 35px;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 45px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 60px;
    word-wrap: break-word;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #818285;
    text-transform: uppercase;
    margin-bottom: 40px;
}

h2 a {
    text-decoration: none !important;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #818285;
    font-size: 26px;
    line-height: 40px;
    text-align: left;
    margin-bottom: 25px;
}

h5 {
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #AEC14B;
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.78;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom: 20px;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 20px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 30px;
}

a {
    color: #818285 !important;
    transition: all 200ms ease-in-out;
}

p.has-text-color {
    font-weight: 600 !important;
    ;
    color: #818285 !important;
}

.section_inner_1 p a {
    font-weight: 600;
    text-decoration: none;
    color: #152EEA;
}

.section_inner_1 p a:hover {
    color: #000 !important;
}

a h4:hover {
    transition: all 300ms ease-in-out;
    color: #152EEA !important;
}

.splide__arrow--prev {
    background: url('../images/left2.png') no-repeat;
    background-size: contain;
    z-index: 1 !important;
    left: 0;
    top: 50%;
    font-size: 20px;
    opacity: 1 !important;
}

.splide__arrow--next {
    background: url('../images/right2.png') no-repeat;
    background-size: contain;
    z-index: 1 !important;
    right: 0;
    top: 50%;
    font-size: 20px;
    opacity: 1 !important;
}

.tit2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 20px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 22px;
}

.st2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #000;
    font-size: 15px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 22px;
}

.container-donate {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}

.foot1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    text-align: left;
    margin-bottom: 0px;
}

.foot2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 15px;
    line-height: 20px;
}

.foot3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    text-align: left;
    margin-top: 15px;
    letter-spacing: 1px;
}

.dontateText {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #ff5553;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 22px;
    display: block;
}

.navUse {
    display: block;
    background-color: #FFF;
    height: 80px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.floatNAV {
    background-color: #fff;
    z-index: 2;
    display: none !important;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.container-donate .row {
    max-width: 100vw !important;
    margin: 0 auto;
}

.splide p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 15px;
    text-align: left;
    opacity: 0.78;
    max-width: 350px;
    line-height: 25px;
    padding-top: 10px;
}

.rm {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    background-color: #818285;
    padding: 5px 15px;
    border-radius: 10px !important;
    border: 0;
    cursor: pointer;
    transition: 200ms;
    margin-bottom: 15px;
}

.rm:hover {
    filter: brightness(145%);
}

.notContainerTxt {}

a:hover {
    text-decoration: none;
}

.rm-inverse {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff;
    padding: 5px 40px;
    border-radius: 50px;
    border: 1px solid #AEC14B;
    cursor: pointer;
    transition: 200ms;
}

.rm-inverse:hover {
    background-color: #6f7a29;
    color: #FFFFFF;
}

.section_inner_1 {
    grid-area: section_inner_1;
    padding-top: 25px;
    padding-bottom: 0px;
    text-align: left;
}

.section_inner_1 h1,
.section_inner_1 h6 {
    width: 100%;
    color: black !important;
    padding-bottom: 5px;
}


/* GRID LAYOUT MOBILE */

.layout {
    text-align: center;
    display: grid;
    grid-template-areas: "section_inner_1 section_inner_1" "donate donate" "footer footer";
    grid-template-columns: 100vw;
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    align-items: flex-start;
    overflow: hidden;
}

header a {
    color: white;
}

footer {
    grid-area: footer;
    padding-bottom: 10px;
}

footer img {
    margin-right: 10px;
    max-width: 100% !important;
}

section {
    padding: 0px;
}

.section-content {
    grid-area: content;
    color: black;
    align-self: stretch;
}

.section-content h1,
.section-content hr {
    margin-top: 0px;
    padding-top: 40px;
}

.section-imagen-complementaria {
    grid-area: imagen;
    text-align: left;
}

.section-imagen-complementaria img {
    width: 350px;
    max-width: 100%;
}

.section-idea {
    grid-area: idea;
}


/* NAV */

nav {
    width: 100%;
    display: block;
    list-style: none;
    text-align: center;
}

nav ul {
    list-style: none;
    margin-bottom: 0px;
    justify-content: center;
}

nav ul li a {
    font-weight: 600;
    padding-right: 20px;
    text-decoration: none;
    font-size: 20px;
    transition: all 200ms ease-out;
    opacity: 0.8;
}

nav ul li a:hover {
    opacity: 1;
    text-decoration: underline;
}

nav ul li a:active {
    opacity: 1;
    text-decoration: underline;
    color: #fff;
}

.submenu {
    transition: all 600 ease-in-out;
    display: none;
}

.floatNAV ul {
    list-style: none;
    margin-top: 15px;
    padding-left: 0;
}

.floatNAV ul li {
    float: left;
}


/* BUTTONS */

.btn.button {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn.button:hover {
    background-color: #000;
    color: white;
}

.btn.button:active {
    background-color: #000;
    color: white;
}

.btn.button:focus {
    background-color: #000;
    color: white;
}

.button {
    padding: 15px 50px;
    margin: 10px 4px;
    color: black;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    color: white;
    background-color: #000;
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
    opacity: 0;
    transition: all .3s;
}

.button:hover {
    color: white;
}

.button:hover::before {
    opacity: 1;
    color: white;
    background-color: black;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform 0.6s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity 0.4s;
    transition: transform 0.6s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity;
}

nav {
    background-color: #1E1E23;
    height: 65px;
}

.container-set {
    padding: 12px 30px;
}


/*ELEMENTS */

.scrolldown {
    display: block !important;
    position: relative !important;
}

.section-logo {
    grid-area: logo;
}

.section-slide {
    grid-area: slide;
    width: 100vw;
    height: 100%;
    position: relative;
}

.section-menu {
    grid-area: menu;
    background-color: #EFEDE0;
    height: 100%;
    position: relative;
}

.section-donation {
    z-index: 4;
    width: 100vw;
    grid-area: donation;
    background-color: #4d4d4d;
    height: auto;
    position: relative;
    padding: 30px 20px;
    color: white !important;
    line-height: 25px !important;
}

.section-donation button {
    margin-top: 20px;
    margin-bottom: 40px;
}

.moduleLast:first-child,
.moduleLast:last-child {
    margin-top: 30px;
}

.moduleLast {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.moduleLast img {
    width: 100%;
}

.moduleLast h3 {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding-top: 20px;
    color: #AEC14B;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.section-impression h1,
.section-join h1,
.section-inspiration h1 {
    width: 100%;
    color: black !important;
    font-weight: 300;
}

.section-impression p,
.section-inspiration p,
.section-join p {
    width: 100%;
    color: black !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
}

.moduleLast button {
    width: 100%;
}

.scrolldown {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 11px;
    opacity: 0.95;
    width: 100%;
    left: 0px;
    text-align: center;
    vertical-align: middle;
    position: absolute !important;
    bottom: 20px;
    z-index: 3;
}

.btn-second {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #ff5553;
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
    border-radius: 50px;
    border: 0;
    cursor: pointer;
    transition: 200ms;
    background-color: transparent;
    padding-left: 0px;
    transition: all 600 ease-in;
    outline: none !important;
}

.btn-second:hover {
    color: #152EEA;
}

.triangle {
    position: absolute;
    top: -40px;
    width: 40px;
    height: 50px;
    border-radius: 5px;
    background-color: #4d4d4d;
    left: 50%;
    ;
    margin-left: -25px;
    transform: rotate(-45deg);
    z-index: 3;
}

.section-donation span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
    opacity: 0.95;
    padding-top: 0px;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    padding-left: 10px;
    text-align: center;
}

.section-donation h2 {
    display: inline-block;
    columns: white !important;
    font-weight: 300;
}

.section-impression {
    position: relative;
    grid-area: impression;
    padding-top: 100px;
    padding: 60px 20px 30px 20px;
    color: black !important;
    line-height: 25px !important;
    text-align: left;
}

.section-spotlight {
    grid-area: spotlight;
    width: 100vw;
}

.section-inspiration {
    grid-area: inspiration;
    position: relative;
    background-color: #EFEDE0;
}

.section-join {
    grid-area: join;
    text-align: left;
    padding-bottom: 30px;
}

.section-donate {
    grid-area: donate;
    background-color: #f6f7fa;
    text-align: center;
    width: 100vw;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 5px solid white;
}

.section-intouch {
    position: relative;
    height: 100%;
    grid-area: intouch;
    background-color: #f6f7fa;
    width: 100vw;
    text-align: left;
}

.section-intouch button {
    margin-top: 20px;
}

.row {
    max-width: 100vw;
}

.section-join .btn-second {
    margin-bottom: 20px;
    ;
}

footer {
    position: relative;
    height: 100%;
    grid-area: footer;
    color: white !important;
    background-color: #000;
    text-align: left;
    width: 100vw;
    padding-top: 70px;
    font-weight: 600;
}

footer h3.foot {
    color: #ed3237 !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 30px;
}

footer .submenu a:hover {
    transform: none !important;
}

footer a {
    color: white !important;
    text-decoration: none !important;
}

.section-join img {
    margin-top: 20px;
}

.section-intouch h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #0033ad;
    text-align: left;
}

.section-intouch span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #0033ad;
    text-align: left;
    padding-bottom: 20px;
    display: block;
}

.section-intouch input[type=email] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 50px;
    padding: 3px 25px;
    outline: none !important;
    margin-right: 20px;
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: #fff;
}

.slideContent2,
.slideContent2 h4,
.slideContent2 h1,
.slideContent2 p,
.section_inner_1 p {
    position: relative;
    color: #818285 !important;
}

.section_inner_1 .tit2 {
    padding-top: 5px;
    padding-bottom: 10px;
}

.section_inner_1 p,
.footTxt {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #818285 !important;
    margin-bottom: 20px;
    line-height: 40px;
    opacity: 1;
}

.footTxt {
    padding-top: 5px;
}

.slideContent2 h4 {
    margin-top: 20px;
}

.slideContent2 p {
    padding-top: 0px !important;
}

.section-join img {
    width: 100%;
}

.sliderRoll {
    padding-bottom: 80px;
}

.roller {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    align-items: baseline;
    width: 1000px;
}

.roller img {
    height: auto;
    margin-right: 15px;
}

.section-spotlight .splide__slide img {
    width: 100%;
}

.section-spotlight h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: normal;
    text-transform: none;
    margin-bottom: 10px;
}

.section-spotlight h2 {
    margin-bottom: 40px;
}

.slideContent {
    bottom: 100px;
    position: absolute;
}

#SPL2 .splide__slide {
    background-size: cover !important;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: center;
    align-self: center;
}

.splide__slide {
    background-size: cover !important;
    padding-left: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 140px;
    text-align: center;
}

.header__logoContainer {
    text-align: left;
    width: 52px;
    margin-top: 15px;
    margin-left: 20px;
    z-index: 1;
    position: relative;
}

.header__logoContainer img {
    height: 47px;
}

.nav-item {
    position: relative;
}

.submenu .nav-link .txtNV {
    font-size: 15px !important;
}

.submenu .nav-link:focus,
.submenu .nav-link:hover {
    color: #818285 !important;
}

.submenu .nav-link {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #818285;
    font-size: 11px;
    text-align: left;
    line-height: 20px;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 0px;
}

.screen-reader-response p {
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #0033ad !important;
}

.screen-reader-response ul,
.screen-reader-response ul li a {
    color: red !important
}

.bannerPriceMobile {
    padding: 10px 20px 20px;
}

.bannerPriceMobile button {
    width: 100%;
    opacity: 0.8;
}

#floatNAV .submenu .nav-link {
    font-size: 12px;
}

#floatNAV .nav-link {
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

#floatNAV .nav-item .submenu {
    position: absolute;
    transition: all 200ms ease-in;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    width: 300px;
    margin-top: -5px;
}

#floatNAV .nav-item .submenu>li .submenu {
    margin-top: 0px;
    margin-left: 110px;
}

#floatNAV .nav-item:hover>.submenu {
    position: absolute;
    display: block !important;
    transition: all 200ms ease-in;
    font-size: 12px !important;
    text-align: left;
    width: 600px;
    padding-top: 4px;
}

#floatNAV .nav-item .submenu>li:hover a~.submenu {
    position: absolute;
    display: block !important;
    transition: all 200ms ease-in;
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    width: 600px;
}

#floatNAV .nav-item .submenu li {
    float: left;
}

#floatNAV .submenu .nav-link {
    float: left;
}

.splide--ttb>.splide__pagination {
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    z-index: 0;
}

.splide--lfr>.splide__pagination {
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    z-index: 0;
}

.smText {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    color: #000000;
    font-size: 12px;
    text-align: left;
    padding-left: 70px;
    opacity: 0.95;
    padding-top: 0px;
}

.splide {
    width: 100%;
    padding-bottom: 50px;
}

.splide__pagination {
    transform: none !important;
    bottom: 0px !important;
    right: 20px !important;
    text-align: center;
    width: 100%;
    left: 0px;
}

.splide__pagination li {
    width: 15px !important;
    height: 15px !important;
    margin-left: 5px;
    margin-right: 5px;
}

.splide__pagination__page {
    margin-top: 0px !important;
    opacity: 1 !important;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #707070;
    transform: none !important;
    width: 12px !important;
    height: 12px !important;
}

.splide__pagination__page.is-active {
    background-color: #707070;
    transform: none !important;
    /*
  background-color: white;
  border: 6px solid black !important;
  
  box-shadow: 0 0 0 1px #fff;
  */
}

.count {
    padding-right: 38px;
}

#menuDesk {
    position: absolute;
    bottom: 60px;
    left: 60px;
}

.nav-link {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #818285;
    font-size: 30px;
    text-align: left
}

.nav-link:hover {}

nav {
    background-color: transparent;
    height: auto;
}

.navUse {}


/* Style the header */

.header {
    color: #f1f1f1;
}


/* Page content */

.content {
    padding: 16px;
}


/* The sticky class is added to the header with JS when it reaches its scroll position */

.sticky {
    position: none;
    top: 0;
    width: 100%;
    display: block;
}

.navUse.sticky {
    position: fixed;
    z-index: 120;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

.sticky+.content {
    padding-top: 302px;
}


/* MOBILE MENU*/

.phone {
    background-color: #36383F;
    border-radius: 40px;
    width: 300px;
    height: 600px;
    Display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 30px 50px 100px #85888C;
}

.content {
    border: 1px solid #36383F;
    border-radius: 20px;
    width: 94%;
    height: 91%;
    background-color: #F5F6FA;
    overflow: hidden;
}

#menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 26px;
    right: 25px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
}

#menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

#menuToggle>span {
    display: flex;
    width: 29px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #707070;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, 2px);
    background: #707070;
}

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -2px);
}

#menu {
    position: absolute;
    width: 95vw;
    height: 110vh;
    box-shadow: 0 0 10px #85888C;
    margin: -80px 0 0 -100vw;
    padding: 50px;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    padding-top: 80px;
    padding-left: 90px;
    padding-right: 30px;
    z-index: 9999;
}

#menu .nav-link {
    font-size: 22px;
    line-height: 10px;
}

#menu li {
    padding: 10px 0;
    transition-delay: 2s;
}

#menuToggle input:checked~ul {
    transform: none;
}

.container-set2 {
    padding: 0px !important;
}


/*
@media (max-width: 1199px){
  .container-set2{
    padding: 0px 130px 20px 130px  !important;
  }

  .layout {
    text-align: left;
    display: grid !important;

    grid-template-areas:
    "slide menu"
    "donation donation "
    "impression impression "
    "spotlight spotlight "
    "inspiration inspiration"
    "join join"
    
    "donate donate"
    "footer intouch"
    ;
    grid-template-columns: 50vw 50vw ;
    grid-template-rows: 100vh  ;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    
    justify-items: stretch;
    align-items: flex-start; }
}
*/

.container-left {
    padding: 30px 20px;
}

.container-right {
    padding: 30px 20px;
}

.frmContact h2 small {
    font-weight: 400 !important;
    font-size: 18px !important;
    margin-left: 10px !important;
}

.frmContact input[type=file] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 14px;
    text-transform: capitalize;
    opacity: 1;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 25px;
    border: 0px;
    border-bottom: 1px solid #808080;
    width: 100%;
    background-color: #fff;
}

.frmContact input[type=text],
.frmContact input[type=tel],
.frmContact input[type=email] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 14px;
    text-transform: capitalize;
    opacity: 1;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 25px;
    border: 0px;
    border-bottom: 1px solid #808080;
    width: 100%;
    background-color: #fff;
}

.frmContact textarea::placeholder,
.frmContact input::placeholder {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 16px;
    text-transform: capitalize;
    opacity: 1;
}

.frmContact textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #bbb49d;
    font-size: 14px;
    text-transform: capitalize;
    opacity: 1;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 25px;
    border: 0px solid #808080;
    border-bottom: 1px solid #808080;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
}

.frmContact input:focus,
.frmContact input:active,
.frmContact textarea:focus,
.frmContact textarea:active {
    outline: none !important;
}

.section_inner_1 .col-sm-9 {
    padding-right: 5px;
}

.section_inner_1 .col-sm-8 {
    padding-right: 5px;
}

.section_inner_1 .col-sm-6 {
    /*padding-right: 5px;*/
}

.container-right_inner {
    padding-right: 5px;
}

.frmContact .col-sm-6 {
    padding-right: 5px;
    padding-left: 15px;
}

.blue {
    color: #152EEA !important;
}

.menuMobile .nav-item .submenu {
    position: relative;
    display: none;
    transition: all 200ms ease-in;
    width: 100%;
    padding-left: 20px;
    display: block;
    padding-top: 5px;
}

.menuMobile .nav-item:active .submenu,
.menuMobile .nav-item:hover .submenu,
.menuMobile .nav-item:focus .submenu {}

.menuMobile .submenu li {
    padding: 5px 0 !important;
    transition-delay: 2s;
}

.menuMobile .nav-item .submenu .nav-link {
    float: none;
    position: relative;
    display: block;
    transition: all 200ms ease-in;
    width: 100%;
    padding-left: 10px;
}

.nav-item .submenu {
    transition: all 200ms ease-in;
    width: 100%;
    padding-left: 10px;
}

.nav-item .submenu .nav-link {
    float: left;
}

#menu .nav-link {
    font-size: 22px;
    line-height: 10px;
}

.submenu .nav-link {
    font-size: 15px !important;
    line-height: 30px !important;
}

.txtNV {
    transition: all 150ms ease-in-out;
    border-bottom: 0px solid #EFEDE0;
}

.txtNV:hover {
    border-bottom: 0px solid black;
}

.txtNV.active {
    border-bottom: 0px solid black;
}

.txtNV.active {
    border-bottom: 0px solid black;
}

.txtNV:active {
    border-bottom: 0px solid black;
}

.imgFull {
    width: 100vw;
    min-height: 350px;
    height: auto;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    background-position: center -100px !important;
    background-repeat: no-repeat !important;
    margin-top: -47px;
    margin-bottom: 65px;
}

.atwork {
    background-color: #EFEDE0;
    padding-top: 80px;
    padding-bottom: 70px;
    width: 100vw;
    position: relative;
}

.heroTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 27px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 36px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
}

.heroTitle .container {
    padding-left: 0px;
    padding-right: 0px;
}

.infoFull {
    display: none
}

.splide__slide .imgZoomCont {
    margin-right: 0px !important;
    max-height: 400px;
    position: relative;
}

.imgZoomCont {
    position: relative;
    overflow: hidden;
    transform: rotate(0.0001deg);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.imgZoomCont img {
    width: 100%;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.imgZoomCont img:hover {
    transform: scale(1.01)
}

#ulLinksFooter {
    padding-left: 0px;
}

.gallery-media .gallery-item,
.gallery-media {
    width: 100% !important;
}

.gallery-item img {
    width: 100%;
    height: auto;
    border: 0px;
}

.itmDefinicion {
    text-align: left;
}

.ulCardano {
    padding-left: 0px !important;
}

.ulCardano li {
    background: url("../images/bullet.png") no-repeat left 2px;
    padding: 0px 0px 0px 40px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
}

.wp-block-image.size-full img,
.wp-block-image.size-large img {
    height: auto !important;
}

.notContainer {
    background-color: #ededed;
    border-radius: 50px;
    padding: 60px 30px;
    margin-bottom: 25px;
}

.carousel-item img.imgInstitucion {
    width: auto !important;
}

.areaITM h6 {
    color: #818285 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 60px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.columnTXT {
    font-size: 23px;
    max-width: 400px;
}

.columnTXT_TOP {
    font-size: 23px;
    max-width: 400px;
    font-weight: 600;
}

.columnsContIMG {
    max-width: 300px;
    margin-bottom: 40px;
}

.mb120 {
    margin-bottom: 60px;
}

.titleAreas {
    font-size: 45px;
    color: #00a6d0 !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -40px;
}

h1.titleAreas {
    color: #00a6d0 !important;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

.listCepas p {
    font-size: 19px;
    line-height: 22px;
    margin-top: 0px;
}

.imgInstitucion {
    max-width: 90%;
}

.imgProdU {
    max-width: 45%;
}

.contenidoU h2 {
    margin-bottom: 1rem !important;
    margin-top: 1.8rem !important
}

.navLinkSetR img,
.navLinkSetL img {
    max-width: 32px;
}

.setColor {
    color: #818285 !important;
    ;
    font-weight: 400 !important;
    font-size: 21px !important;
}

.menuMobile {
    list-style: none;
}

#ulLinksFooter.menuMobile {
    margin-top: 25px;
}

#ulLinksFooter.menuMobile .submenu {
    display: block !important;
    list-style: none;
    padding-left: 0px;
}

#ulLinksFooter.menuMobile .submenu li {
    display: inline-block !important;
    margin-right: 0px;
}

#ulLinksFooter.menuMobile .submenu li a .txtNV {
    /*font-size: 16px !important;*/
}

#ulLinksFooter.menuMobile li:nth-child(3)>a {
    display: none !important;
}

#ulLinksFooter.menuMobile .submenu li:nth-child(3)>a {
    display: block !important;
}

#ulLinksFooter.menuMobile .submenu {
    display: block !important;
}

#ulLinksFooter.menuMobile .submenu li:not(:last-child) a .txtNV:after {
    padding-left: 0px;
    content: "   |";
}

#ulLinksFooter.menuMobile li a .txtNV {
    font-size: 17px !important;
}

.leftOnlyDesk {
    text-align: center;
}

.rightOnlyDesk {
    text-align: center;
}


/* Style the buttons that are used to open and close the accordion panel */

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: all 200ms ease-in-out;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active,
.accordion:hover {}


/* Style the accordion panel. Note: hidden by default */

.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

#menu-menu-desktop .nav-item:nth-last-of-type(2) {
    background-color: #ec3136;
    transition: all ease-in-out 200ms;
}

#menu-menu-desktop .nav-item:nth-last-of-type(2) .nav-link .txtNV {
    color: white;
}

#menu-menu-desktop .nav-item:nth-last-of-type(2):hover {
    background-color: #fff;
    box-shadow: 0 0 0 1px #ec3136 inset;
}

@media only screen and (max-width: 600px) {
    .container.columnsCont {
        margin-top: 20px !important;
    }
    .noMobileDist {
        max-width: 100vw !important;
    }
    div.imgFull.imgFullArea {
        background-position: center center !important;
        min-height: 115px !important;
        margin-bottom: 40px;
    }
    .titleAreas {
        font-size: 35px;
    }
    .columnTXT,
    .columnTXT_TOP {
        padding-right: 20px;
    }
    .rowMovInverse {
        flex-direction: column-reverse;
    }
    .columnsCont {
        padding: 0 !important;
        text-align: center !important;
        padding-right: 0px !important;
    }
    .columnTXT,
    .columnTXT_TOP {
        text-align: center !important;
        max-width: 100% !important;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 600px) {
    @media only screen and (max-width: 1200px) {
        #menu-menu-desktop {
            display: flex !important;
            margin-top: 100px;
            line-height: 10px;
            padding-bottom: 0px;
        }
        .txtNV {
            font-size: 14px !important;
            margin-right: 0px;
        }
    }
    @media only screen and (max-width: 1000px) {
        #menu-menu-desktop {
            display: flex !important;
            margin-top: 100px;
            line-height: 10px;
            padding-bottom: 0px;
            gap: 5px;
        }
        .txtNV {
            font-size: 11px !important;
            margin-right: 0px;
        }
        .container-set {
            padding: 0 20px !important;
        }
    }
    #ulLinksFooter.menuMobile li a .txtNV {
        font-size: 20px !important;
    }
    #ulLinksFooter.menuMobile .submenu li:not(:last-child) a .txtNV:after {
        padding-left: 10px;
        content: "   |";
    }
    #ulLinksFooter.menuMobile {
        margin-top: 0px;
    }
    #ulLinksFooter.menuMobile .submenu li:not(:last-child) {
        margin-right: 10px;
    }
    .leftOnlyDesk {
        text-align: left;
    }
    .rightOnlyDesk {
        text-align: right;
    }
    .mw60 {
        max-width: 600px;
        margin: 50px auto;
    }
    #floatNAV .navLinkSetR img,
    #floatNAV .navLinkSetL img {
        max-width: 20px !important;
    }
    .imgProdU {
        max-width: 100%;
    }
    .notContainer h2 {
        font-size: 24px !important;
    }
    .columnsCont img {
        max-width: 100%;
    }
    .areaITM h6 {
        font-size: 22px;
    }
    .areaITM img {
        max-width: 90%;
    }
    .titleAreas {
        font-size: 52px;
        margin-bottom: 15px;
    }
    .mb120 {
        margin-bottom: 120px;
    }
    .columnsContIMG {
        padding-top: 65px;
    }
    .columnsCont h2,
    .columnsCont .columnTXT_TOP {
        text-align: left !important;
        padding-top: 0px;
    }
    h2,
    .columnTXT {
        text-align: left !important;
    }
    h2 {
        /*
    font-size: 42px;
    line-height: 50px;
     margin-bottom: 70px;
    */
    }
    img.imgInstitucion {
        width: auto !important;
    }
    .notContainer {
        border-radius: 50px;
        padding: 60px 30px;
    }
    .notContainer:hover {
        scale: 1.01;
    }
    footer img {
        margin-right: 0px;
        max-width: 350px !important;
    }
    /* For landscape layouts only */
    .menuMobile .nav-item .submenu {
        padding-left: 0px;
        padding-top: 0px;
    }
    #menu-menu-desktop {
        display: flex;
        justify-content: end;
    }
    #floatNAV .nav-link {
        font-size: 18px;
        padding-left: 10px;
        padding-right: 10px;
    }
    h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .dvDefiniciones {
        padding-left: 50px;
    }
    .itmDefinicion {
        text-align: right;
    }
    u.submenu li u.submenu {
        margin-top: 0px !important;
        padding-left: 120px !important;
    }
    .navUse {
        display: none;
    }
    .splide__slide .imgZoomCont {
        margin-right: 30px !important;
        max-height: 400px;
    }
    .splide {
        width: auto;
    }
    .heroTitle {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 300;
        color: #000;
        font-size: 34px;
        text-align: left;
        margin-bottom: 0px;
        line-height: 36px;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .heroTitle .container {
        padding-left: 100px;
        padding-right: 100px;
    }
    .imgFull {
        margin-top: -65px;
        margin-bottom: 65px;
    }
    .frmContact .col-sm-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .section_inner_1 .col-sm-9 {}
    .section_inner_1 {
        grid-area: section_inner_1;
        padding-top: 65px;
        width: 100vw;
        padding-bottom: 0px;
        position: relative;
        text-align: left;
        min-height: 50vh;
        height: auto;
    }
    .floatNAV {
        display: block !important;
        box-shadow: #0000001f 0px 3px 8px;
    }
    .splide__pagination {
        transform: none !important;
        bottom: 20px !important;
        right: 20px !important;
        text-align: center;
        width: 100%;
    }
    .section-join .btn-second {
        margin-bottom: 0px;
        ;
    }
    #menuToggle {
        display: none;
    }
    h5 {
        margin-top: 0px;
    }
    .container-left {
        padding: 50px 0px 30px 0px;
    }
    .container-right {
        padding: 50px 130px 30px 50px;
    }
    .container-right_inner {
        padding: 15px 80px 30px 30px;
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        display: block;
    }
    /*
  h2{
    font-size: 34px;
  }*/
    .section-donation {
        width: 100vw;
        grid-area: donation;
        background-color: #4d4d4d;
        height: 100%;
        position: relative;
        padding: 20px 130px 0px 130px;
        color: white !important;
        line-height: 25px !important;
        margin-bottom: 100px;
        ;
    }
    .flexDonation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 90%;
        max-width: 1200px;
    }
    .flexDonation h2,
    .flexDonation span {
        display: inline-block;
        line-height: 47px;
        ;
    }
    .splide__slide {
        background-size: cover !important;
        padding-left: 140px;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 140px;
        text-align: left;
    }
    .section-slide {
        grid-area: slide;
        width: 50vw;
    }
    .section-impression {
        position: relative;
        grid-area: impression;
        padding-top: 100px;
        padding: 80px 130px 0px 130px;
        color: black !important;
        line-height: 25px !important;
    }
    .splide__pagination {
        transform: none !important;
        text-align: center;
        z-index: 8;
    }
    .roller {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        align-items: baseline;
        min-width: 100vw;
        width: auto;
    }
    .container-donate {
        width: 650px;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .splide--ttb>.splide__pagination {
        width: 80px !important;
        flex-direction: column !important;
        justify-content: center !important;
        ;
    }
    .container-donate .rm {
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .splide__pagination__page {
        margin-top: 0px !important;
        opacity: 1 !important;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .section-donation span {
        text-align: left;
    }
    /*
    h1{
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 300;
      color: #FFFFFF;
      font-size: 34px;
      text-align: left;
      margin-bottom: 0px;
      line-height: 30px;
    
    }  
 */
    .section-join img {
        margin-top: 0px;
    }
    footer {
        width: 100%;
    }
    .section-intouch {
        position: relative;
        height: 100%;
        grid-area: intouch;
        background-color: #f6f7fa;
        width: 100%;
    }
    .dontateText {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 100;
        color: #000;
        font-size: 15px;
        text-align: left;
        margin-bottom: 0px;
        line-height: 50px;
        display: inline;
    }
    .section-intouch button {
        margin-top: 0px;
    }
    .dontateText {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: #ff5553;
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
        line-height: 22px;
        margin-right: 15px;
    }
    .slideContent2 h4 {
        margin-top: 0px;
    }
    .slideContent2 p {
        padding-top: 10px !important;
    }
    .splide__arrow--prev {
        background: url('../images/left2.png') no-repeat;
        background-size: contain;
        z-index: 1 !important;
        left: 0;
        top: 50%;
        font-size: 20px;
        opacity: 1 !important;
    }
    .splide__arrow--next {
        background: url('../images/right2.png') no-repeat;
        background-size: contain;
        z-index: 1 !important;
        right: 0;
        top: 50%;
        font-size: 20px;
        opacity: 1 !important;
    }
    footer {
        grid-area: footer;
        padding-bottom: 50px;
    }
    .section-intouch input[type=email] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 14px;
        background-color: transparent;
        border: 1px solid white;
        border-radius: 50px;
        padding: 3px 25px;
        outline: none !important;
        margin-right: 20px;
        width: 240px;
    }
    .slideContent {
        bottom: 60px;
        position: absolute;
    }
    .layout {
        text-align: left;
        display: grid !important;
        grid-template-areas: "section_inner_1 section_inner_1" "donate donate" "footer footer";
        grid-template-columns: 50vw;
        grid-template-rows: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-row: span;
        justify-items: stretch;
        align-items: flex-start;
    }
}

#show_circles_div {
    text-align: center !important;
}

.wp-block-cover__inner-container p,
.wp-block-cover__inner-container p a {
    color: white !important;
    opacity: 1 !important;
}

#search-map-64 {
    display: none;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap textarea {
    display: block;
    width: 100%;
}

.wpcf7-form-control-wrap textarea {
    height: 140px;
}

.wp-block-cover.has-background-dim {
    padding: 50px;
}

.cf7-googlemap.wpcf7-form-control,
.cf7-smart-grid.has-grid .cf7-googlemap.wpcf7-form-control {
    height: 400px;
}

.carousel-inner {
    /*max-height: 100vh !important; */
    text-align: center;
    width: 100vw;
}

.carousel-item {
    /*height:    calc(100vh - 80px) !important; */
}

.carousel-item img {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    /*min-height:    calc(100vh - 80px) !important; */
    min-width: 100vw;
    margin: auto auto;
    /*
  max-width: none;
  
  width: auto !important;
  position: absolute;
  margin-left: -50vw;
  top: 0;
  */
}

.carousel-inner>.item {
    /*disables white flash*/
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.carousel-caption {
    background-color: transparent;
    border-radius: 5px;
    bottom: 60px;
    z-index: 0 !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding-bottom: 4vw;
}

.wp-block-cover,
.wp-block-cover-image {
    z-index: 0;
}

button:hover {
    scale: 1.02 !important;
    transition: all 200ms ease-in-out;
}

img:hover {
    transition: all 200ms ease-in-out;
}

img {
    transition: all 200ms ease-in-out;
}

.nav-link:focus,
.nav-link:hover {
    color: inherit !important;
}

.txtNV {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.mButtons img {
    height: 50px;
    margin-top: 50px;
    width: auto;
}

.mButtons img:first-child {
    margin-right: 20px;
    margin-right: 20px;
    margin-top: 20px;
    height: 110px;
}

.header__logoContainer img {
    max-width: none !important;
    max-height: 47px;
    width: auto;
}

.navLinkSetM {
    padding-left: 17px;
    padding-right: 17px;
}

.navLinkSetR {
    padding-right: initial;
}

.navLinkSetL {
    padding-right: initial;
}

.carousel-caption h3 {
    font-size: 38px;
}

.carousel-caption h3 strong {
    font-size: 40px;
    font-weight: 800 !important;
}

.mt120 {
    margin-top: 0px;
}

#ulLinksFooter li {
    line-height: 30px !important;
}

.carousel-control-next,
.carousel-control-prev {}

.fas.fa-search {
    color: #ed3237;
    font-size: 20px;
}

.txtNV:hover {
    color: #ed3237 !important;
}

@media only screen and (min-width: 600px) {
    .txtNV {
        font-size: 14px;
        margin-right: 0px;
    }
    #floatNAV nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 1400px) {
    .txtNV {
        font-size: 16px;
        margin-right: 0px;
    }
    #floatNAV .nav-link {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

h2.euro {
    background-color: #ec3237;
    color: white;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

#SPL2 {
    margin: 50px 0px;
}

#SPL2 .is-visible.is-active img {
    transform: scale(1.2) translateX(-50px) !important;
    transform: translateZ(100px);
    z-index: 99999 !important;
    position: relative;
}

.splide__arrow:hover {}

.splide__track {
    overflow: visible;
}

.nuestrosProductos {
    min-height: 250px;
    position: relative;
    display: flex;
    align-items: end;
    padding-bottom: 20px;
    background-size: cover !important;
    height: 100%;
}

.gradientUse {
    position: relative;
    background: url("../images/gradientTitle.png") repeat-y;
    background-position-x: left;
    background-size: contain;
    width: fit-content;
    height: fit-content;
    padding: 20px 10px;
    padding-right: 10px;
    color: #ec3237 !important;
    text-align: left !important;
    width: 100% auto;
    min-width: 200px;
    max-width: 250px;
    padding-right: 50px;
}

a .gradientUse h2,
a .gradientUse h1 {
    color: #ec3237 !important;
    font-size: 22px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.gradientUse .btn {
    border-radius: 0px !important;
    font-size: 14px;
    padding: 0px 5px;
}

.gradientUse2 {
    position: relative;
    background: url("../images/gradientTitle2.png") repeat-y;
    background-position-x: 0%;
    background-size: auto;
    background-position-x: center;
    background-size: cover;
    width: 100%;
    height: fit-content;
    padding: 20px 10px;
    padding-right: 10px;
    padding-right: 10px;
    color: #ec3237 !important;
    text-align: left !important;
    width: 100% auto;
    text-align: center !important;
}

.gradientUse2 h2 {
    color: #ec3237 !important;
    font-size: 35px;
    line-height: 40px;
    text-align: center !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 400px;
    font-weight: 600;
}

.container .row {
    row-gap: 30px;
}

.gradientUse2 .btn {
    border-radius: 0px !important;
    font-size: 14px;
    padding: 0px 5px;
}

.franjaMision {
    font-size: 35px;
    line-height: 35px;
    text-align: left;
    background-color: #333333;
    background-image: url("../images/mision-euro.png");
    background-position: right;
    background-repeat: no-repeat;
    color: white;
    padding: 20px 60px;
    min-height: 160px;
}

.franjaMision span {
    max-width: 700px;
    display: block;
    font-weight: 600;
}

.franjaMision span a {
    color: #ec3237 !important;
}

.olCarac {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 20px;
}

.olCarac li span {
    display: block;
    width: fit-content;
    height: fit-content;
    padding: 30px;
    border-radius: 50%;
    background-color: #ec3237 !important;
    color: #fff !important;
    font-size: 50px;
    font-weight: 600;
    margin: 0 auto;
}

.olCarac li {
    flex-basis: 250px;
}

.olCarac li h3 {
    color: #ec3237 !important;
    font-size: 18px;
    margin-top: 20px;
}

.divGarantias .text-center {
    max-width: 1000px;
    margin: 0px auto 0px auto;
}

.divGarantias {
    background-color: #ed3237;
    background-image: url("../images/bgGarantia.png");
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    padding: 50px 20px;
    background-size: contain;
}

.divGarantias h4 {
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    color: white;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 25px;
}

.ft {
    display: block;
    max-width: 450px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}


/* MOBILE */

@media (max-width: 600px) {
    .gradientUse2 h2 {
        color: #ec3237 !important;
        font-size: 20px;
        line-height: 30px;
        text-align: center !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 400px;
        font-weight: 600;
    }
    .menuMobile .eurosoftLink img {
        max-width: 120px;
    }
    .menuMobile .eurosoftLink {
        float: left;
        margin-left: 18px;
    }
    h2.euro {
        background-color: #ec3237;
        color: #fff;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        width: auto;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 10px 20px;
        font-size: 20px;
        line-height: 23px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 20px;
        padding-right: 20px !important;
    }
    .wpcf7-form label {
        font-size: 16px;
    }
    h4 {
        line-height: 30px !important;
    }
    .nuestrosProductos {
        gap: 25px;
    }
    .parent {
        display: flex;
        gap: 25px;
        flex-direction: column;
    }
    #SPL2 .is-visible.is-active img {
        transform: scale(1) translateX(0px) !important;
        transform: translateZ(0px);
        z-index: 99999 !important;
        position: relative;
    }
    #SPL2 .splide__slide img {
        max-width: 100%;
    }
    #SPL2 {
        margin-top: 0px;
    }
    .franjaMision {
        font-size: 25px;
        line-height: 30px;
        background-size: cover;
        background-blend-mode: multiply;
    }
    .olCarac {
        padding-left: 0;
    }
    .divGarantias {
        background-position: bottom;
    }
    .ft {
        font-size: 15px;
        line-height: 20px;
    }
    .visionFranjaNosotros,
    .visionNosotros,
    .franjaMision {
        background-blend-mode: multiply;
        background-size: cover !important;
    }
    .header__logoContainer img {
        max-height: 35px;
        margin-top: 2px;
    }
    .distH4 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 25px;
    }
    .rowDisInfo {
        margin-top: 0px !important;
    }
    .distP p {
        line-height: 30px !important;
    }
    .rowDisInfo .ft i {
        vertical-align: top;
        margin-left: 0px !important;
    }
    .breadcrumb {
        margin-left: 15px;
    }
    .nuestrosProductos {
        min-height: 300px !important;
    }
    .franjaProdProd ul {
        flex-direction: column !important;
        text-align: center !important;
    }
}

.searchRes li a {
    color: #ec3237 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.search-form {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 15px;
}

.rowDisInfo .ft {
    color: #000 !important;
    margin-bottom: 25px;
    max-width: none !important;
}

.rowDisInfo .ft img {
    vertical-align: top;
    margin-right: 10px;
}

.rowDisInfo .ft i {
    vertical-align: top;
    margin-left: 35px;
}

.rowDisInfo .ft a {
    color: #000 !important;
}

.wpcf7-form label {
    color: #ec3237 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.wpcf7-form .btn-danger,
.btnDis {
    display: block !important;
    width: 100%;
    padding: 3px;
    line-height: 22px;
    font-size: 18px;
    text-transform: uppercase;
}

.distH4 {
    font-size: 40px;
    line-height: 45px;
    margin-top: 25px;
}

.rowDisInfo {
    margin-top: 50px;
}

.distP p {
    line-height: 35px !important;
}

.splide__pagination__page {
    background-color: #cccccc !important;
    border: 0;
}

.splide__pagination__page.is-active {
    background-color: #ec3237 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}

.breadcrumb-item {
    text-transform: uppercase;
    font-weight: 600;
}

.breadcrumb-item.active a {
    color: #000 !important;
}

h4 {
    color: #ec3237 !important;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    width: auto;
    border-bottom: 1px solid #ec3237;
}

.pageNosotros p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000 !important;
}

.pageNosotros p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000 !important;
}

.visionFranjaNosotros,
.visionNosotros {
    font-size: 35px;
    line-height: 35px;
    color: white;
    text-align: left;
    background-color: #333333;
    background-size: 400px;
    background-position: right;
    background-repeat: no-repeat;
    padding: 20px 60px;
    min-height: 160px;
}

.visionNosotros {
    background-size: 610px;
}

.visionFranjaNosotros p,
.visionNosotros p {
    font-size: 30px;
    line-height: 35px;
    color: white !important;
    text-align: left;
}

.visionFranjaNosotros span,
.visionNosotros span {
    max-width: 800px;
    display: block;
    font-weight: 600;
    padding-top: 20px;
}

.visionFranjaNosotros span a,
.visionNosotros span a {
    color: #ec3237 !important;
}

.sustentableNosotros,
.valoresNosotros {
    margin-top: 30px;
    margin-bottom: 30px;
}

.valoresNosotros {
    background: url("../images/GRADIENTE.png") repeat-x;
    font-size: 30px;
    line-height: 35px;
}

.valoresNosotros p {
    padding: 20px 0px;
    font-size: 35px;
    line-height: 40px;
}

.franjaProdProd {
    background-color: #e6e7e8;
    color: #4d4d4d;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 40px;
}

.franjaProdProd ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    list-style: none;
}

.franjaProdProd ul a:hover {
    color: #ec3237 !important;
}

footer .ft img {
    max-width: 40px !important;
}

.imgProductoMain {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.showListDiv {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: flex-start;
    gap: 15px 15px;
    flex-wrap: wrap;
}

.showListDiv video,
.showListDiv img,
.showListDiv iframe {
    height: auto !important;
    max-height: 100px;
    cursor: pointer;
}

.showListDiv iframe,
.showListDiv video {
    width: 180px !important;
}

.listaTiposProd {
    display: flex;
    list-style: none;
    flex-direction: row;
    gap: 15px 15px;
    align-items: flex-start;
    padding-left: 0;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.listaTiposProd li {
    display: flex;
    flex-direction: row;
    gap: 15px 15px;
    align-items: flex-start;
}

.colorReferencia {
    width: 25px;
    height: 25px;
}

.textoReferencia {
    color: #ec3237 !important;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}


/* DESKTOP */

@media only screen and (min-width: 600px) {
    .parent a {
        display: block;
    }
    @media (max-width: 1199px) {
        .visionFranjaNosotros span,
        .visionNosotros span {
            max-width: 500px;
        }
    }
    .parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .div1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .div2 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .div3 {
        grid-area: 1 / 2 / 3 / 3;
    }
    .div4 {
        grid-area: 1 / 3 / 2 / 4;
    }
    .div5 {
        grid-area: 1 / 4 / 2 / 5;
    }
    .div6 {
        grid-area: 2 / 3 / 3 / 5;
    }
    .eurosoftLink {
        position: absolute;
        top: -40px;
        height: 40px;
        right: 100px;
    }
    .eurosoftLink img {
        height: 40px;
    }
    .nav-item:hover .submenuProductos {
        display: block;
    }
    .submenuProductos {
        display: none;
        position: absolute;
        background-color: #fff;
        width: auto;
        max-width: 600px;
        min-width: 600px;
        padding: 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000 !important;
        font-size: 16px;
    }
    .submenuProductos ul {
        column-width: 200px;
    }
    .submenuProductos ul li {
        float: none;
    }
    .submenuProductos ul li a:hover {
        color: #ec3237 !important;
    }
    .floatNAV {
        margin-top: 40px;
    }
    .mButtons {
        display: flex;
        flex-direction: row;
        align-content: center;
        margin-top: -40px;
    }
    .mButtons img {
        width: auto;
    }
    .mButtons img:nth-child(2) {
        height: 45px;
        align-self: center;
        margin-top: 40px;
        margin-left: 20px;
    }
    .mButtons img:nth-child(1) {
        margin-bottom: -20px;
    }
    .carousel-item {
        /*max-height: calc(100vh - 140px) !important; */
        top: 0;
    }
    #floatNAV .container-set {
        padding: 0px 80px;
    }
    .mt120 {
        margin-top: 0px;
    }
    .carousel-item {
        /*
    height:  55vh;
    max-height: 55vh;
  */
    }
    .carousel-item img {
        height: auto;
        position: relative;
        left: 0;
        margin: auto auto;
        max-height: 100vh;
    }
    .nav-link.active {}
    .nav-link.active .txtNV:hover {}
    .carousel-caption {
        border-radius: 5px;
        bottom: 0px;
        top: auto;
        padding-left: 4vw;
        padding-bottom: 4vw;
        width: auto;
        max-width: 800px;
    }
    .carousel-caption h3 {
        font-size: 78px;
    }
    .carousel-caption h3 strong {
        font-size: 78px;
        font-weight: 600;
    }
    .carousel-inner {
        height: auto;
        text-align: center;
    }
    .wp-block-cover.has-background-dim {
        padding: 120px;
    }
    /*
  
  #floatNAV .nav-link{
    font-size: 22px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 25px;
  }
  */
    .navLinkSetR {
        padding-left: 5px !important;
    }
    .navLinkSetL {
        padding-right: 5px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .carousel-item {
        top: -25vh;
        margin-bottom: -25vh;
    }
}

@media (min-width: 768px) {
    .carousel-inner22 .carousel-item-end.active,
    .carousel-inner22 .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner22 .carousel-item-start.active,
    .carousel-inner22 .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner22 .carousel-item-end,
.carousel-inner22 .carousel-item-start {
    transform: translateX(0);
}