body {
    color: var(--theme-text-color);
    background-color: var(--theme-text-color-contrast);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #adadad rgba(0, 0, 0, 0);
    scrollbar-face-color: #adadad;
}

body::-webkit-scrollbar {
    visibility: visible;
    width: 0.6rem;
    height: 0.9rem;
}

body::-webkit-scrollbar-thumb {
    visibility: visible;
    border-radius: 0.45rem;
    border: 0.45rem solid rgb(10, 166, 49);
}

body::-webkit-scrollbar-thumb {
    background-color: #adadad;
}

@font-face {
    font-family: Neo Sans Std;
    src: url('/fonts/Neo\ Sans\ Std\ Regular.otf');
}

@font-face {
    font-family: Klavica;
    src: url('/fonts/klavika-light.otf');
}

.cookieMessage {
    display: none;
    background: rgba(0, 0, 0, 0.65);
    padding: 2%;
    width: 100%;
    position: fixed;
    bottom: 0%;
    z-index: 613;
    box-shadow: 0px 2px 20px 10px rgba(12, 12, 12, 0.32);
}

.cookieMessage.active {
    display: block;
}

.cookieMessage_title {
    font-family: Neo Sans Std;
    color: white;
    text-align: center;
}

.cookieMessage__p {
    font-family: Neo Sans Std;
    color: white;
    text-align: center;
}

.cookieMessage__info {
    text-decoration: none;
}

.backgroundCookieMessage {
    display: none;
    background: rgba(0, 0, 0, 0.30);
    position: fixed;
    z-index: 612;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.backgroundCookieMessage.active {
    display: block;
}

.cmp-header {
    margin-top: 1.5rem;
    padding-right: 10%;
    padding-left: 10%;
    width: 100%;
    background: transparent;
    background-color: rgba(0, 0, 0, 0.603);
    display: inline-block;
    z-index: 611;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.cmp-header:hover {
    background-color: rgba(0, 0, 0, 0.788);
    -moz-transition: .4s linear;
    -webkit-transition: .4s ease-in-out;
    transition: .4s linear;
}

.position_absolute {
    position: absolute;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar ul li {
    list-style: none;
    display: inline-block;
    margin: 0 20px;
    position: relative;
}

.navbar ul li a {
    text-decoration: none;
    color: white;
    font-family: Neo Sans Std;
    font-size: 1.2rem;
}
.navbar ul li::before {
    content: "";
    height: 3px;
    width: 0%;
    background: #0BA631;
    position: absolute;
    left: 0;
    bottom: -12px;
    transition: 0.4s ease-out;
}
.navbar ul li:hover:before {
    width: 100%;
}

.navbar-toggler:focus {
    border-color: #fffffff6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
    background-color: transparent;
    color: #ffffff;
}

.form-control {
    border-color: #ffffff4b;
    background-color: transparent;
    color: #ffffff;
}

.logo__image {
    height: 5.2rem;
    width: 15.2rem;
    margin-left: 5%;
    margin-right: 2%;
    background-image: url(../images/pages/logo-blanco.png);
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: contain;
}

.main__image{
    width: 100%;
    height: 40rem;
    object-fit: cover;
}

.container__projects--section {
    background-color: #dff2f9;
    padding-left: 8.9%;
    padding-right: 8.9%;
}

.title {
    background-color: #dff2f9;
}

.title__section {
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.title__sectionBlue {
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    color: #2d369b;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.title__sectionGreen {
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    color: #0ba631;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.title__sectionOrange {
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    color: #f28b0b;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.subtitle__section {
    font-family: Klavica;
    font-size: 120%;
    color: #ffffff;
    text-align: center;
}

.subtitle_investors {
    font-family: Klavica;
    font-size: 3rem;
    font-weight: bold;
    color: #888888;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.investors__logo {
    width: 50%;
}

.cardInfo__title {
    font-family: Klavica;
    font-weight: bold;
    font-size: 150%;
    color: #f28b0b;
    display: block;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.cardInfo__title:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #ff8d00;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.cardInfo__listIcon {
    color: #414242a9;
    text-decoration: none;
    font-size: 200%;
    font-weight: bold;
}

.cardInfo__listText {
    font-family: Neo Sans Std;
    color: #2d369b;
    font-size: 120%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.cardInfo__listText:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    color: #0014f3;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.cardInfo__listText-link {
    text-decoration: none;
    color: #2d369b;
}

.cardInfo__listText-link:hover {
    color: #0014f3;
}

.btn_pill {
    border-radius: 2em;
    font-family: Neo Sans Std;
    font-size: 100%;
}

.btn_more {
    color: #f28b0c;
    border-color: #f28b0c;
}
.btn_more:hover {
    background-color: #f28b0c;
    color: #ffffff;
}

.container_providers {
    border-radius: 2em;
    background-color: #0ba63234;
    box-shadow: 1px 1px 10px #0ba63260;
    border: 1px solid rgba(10, 166, 49, 0.384);
}

.geometryContent__main {
    position: absolute;
    top: 0;
    right: 0%;
    width: 50%;
    height: 100%;
    padding-top: 20%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: rgba(0, 0, 0, 0.49);
}

.geometryContent {
    position: relative;
}

.geometryContent__section {
    position: absolute;
    object-fit: cover;
    top: 0;
    right: 0%;
    width: 50%;
    height: 100%;
    padding-top: 20%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: rgba(0, 0, 0, 0.49);
}

.geometryContent__section--right {
    left: 0%;
}

.divider {
    border-radius: 2em;
    width: 2em;
    opacity: 1;
    height: .3em !important;
    color: white;
    margin-right: auto;
    margin-left: 0%;
}

.geometryContent__title--right {
    color: #ffffff;
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    text-align: left;
}

.geometryContent__title--left {
    color: #ffffff;
    font-family: Klavica;
    font-size: 300%;
    font-weight: bold;
    text-align: right;
}

.geometryContent__subtitle {
    font-family: Neo Sans Std;
    color: #ffffff;
    font-size: 150%;
    text-align: left;
}

.button__main {
    text-align: right;
}
.button__main button {
    border-radius: 2em;
}

.title__contentOrange {
    font-family: Klavica;
    font-size: 300%;
    color: rgb(242, 139, 12);
    font-weight: bold;
    background-color: #f28a0b1a;
}

.title__contentBlue {
    font-family: Klavica;
    font-size: 300%;
    color: rgb(44, 54, 155);
    font-weight: bold;
    background-color: #2d369b1f;
}

.title__contentGreen {
    font-family: Klavica;
    font-size: 300%;
    color: rgb(10, 166, 49);
    font-weight: bold;
    background-color: #0ba63244;
}

.container__info {
    padding-left: 10%;
    padding-right: 10%;
}

.carousel__control--height{
    height: 75%;
}

.carousel__first_card {
    border-radius: 2em;
    background-color: #2d369bb0;
}

.carousel__second_card {
    border-radius: 2em;
    background-color: #0ba63234;
}

.carousel__third_card {
    border-radius: 2em;
    background-color: #f28b0c34;
}

.carousel__img {
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
}

.carousel__first_card--title {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 150%;
    color: #ffffff;
}

.carousel__second_card--title {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 150%;
    color: #0ba631;
}

.carousel__third_card--title {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 150%;
    color: #F1930B;
}

.carousel__first_card--description {
    font-family: Neo Sans Std;
    font-size: 100%;
    color: #ffffffc0;
}

.carousel__second_card--description {
    font-family: Neo Sans Std;
    font-size: 100%;
    color: #4b4b4bc0;
}

.cardInfo {
    border-radius: 2em;
    background-color: #2d369b15;
}

.folderInfo__mainText {
    font-family: Neo Sans Std;
    font-size: 150%;
    color: #414242;
    text-align: justify;
    margin-bottom: 0%;
}

.folderInfo__mainText--paddingLeft {
    padding-left: 8%;
}

.folderInfo__mainText--paddingRight {
    padding-right: 8%;
}

.img__info {
    border-radius: 2em;
}

.products__container--title_product {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 150%;
    color: #2d369b;
}

.products__container--description_product {
    font-family: Neo Sans Std;
    font-size: 100%;
    color: #4b4b4bc0;
}

.btn_info_product {
    border-radius: 2em;
    font-size: 100%;
    color: #2d369b;
    border-color: #2d369b;
    font-family: Neo Sans Std;
}

.btn_info_product:hover {
    background-color: #2d369b;
    color: #ffffff;
}

.products__container--img {
    border-radius: 2em;
    width: 100%;
}

.products__container {
    padding-left: 8.9%;
    padding-right: 8.9%;
}

.products__container--product_box{
    background-color: rgba(44, 53, 155, 0.055);
    border-radius: 2em;
    border-color: rgba(44, 53, 155, 0.055);
    box-shadow: 1px 1px 10px #2d369b69;
}

.products__container--product_box:hover {
    background-color: rgba(255, 255, 255, 0.986);
    color: #4142426e;
    border-radius: 2em;
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 10px #2d369b;
}

.products__container--showProduct_box{
    background-color: rgb(255, 255, 255);
    border-radius: 1.5em;
    border-color: rgba(44, 53, 155, 0.055);
    box-shadow: 1px 1px 10px #2d369b69;
}

.products__container--showProduct_box:hover {
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 10px #2d369b;
}

.products__container--list {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 10%;
    margin-right: 10%;
}

.showProduct {
    background-color: rgba(44, 53, 155, 0.055);
    padding-top: 2%;
    padding-bottom: 2%;
}

.showProduct__container {
    margin-left: 10%;
    margin-right: 10%;
}

.showProduct__container--box{
    border-radius: 1.2em;
    border-color: rgba(24, 24, 24, 0.15);
    box-shadow: 1px 1px 10px rgba(31, 31, 31, 0.41);
}

.showProduct__container--info {
    border-radius: 1.2em;
    border-width: 1px;
    margin: 2%;
    padding: 5%;
}

.showProduct__container--infoImage {
    border-radius: 2em;
    width: 100%;
    padding: 2%;
}

.showProduct__container--infoTitle {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 200%;
    color: #535353;
}

.showProduct__container--infoDescription {
    font-family: Neo Sans Std;
    font-size: 140%;
    color: #4b4b4bc0;
}

.showProduct__container--tableDescription {
    font-family: Neo Sans Std;
    font-size: 140%;
    color: #4b4b4bc0 !important;
}

.control_carousel {
    color: #f28b0b;
    font-size: 300%;
}

.control_carousel_green {
    color: #199d31;
    font-size: 300%;
}

.border_right {
    border-right: .2em solid rgba(44, 53, 155, 0.178);
}

.contact {
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5%;
}

.contact__title {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 200%;
    color: #2d369b;
    margin-bottom: 5%;
}

.contact__info {
    font-family: Neo Sans Std;
    color: #666666;
}

.categorySelect {
    border-radius: 2em;
    font-size: 100%;
    color: #2d369b;
    border-color: #2d369b;
    font-family: Neo Sans Std;
}

.btn_download_technical_information {
    border-radius: 2em;
    font-size: 110%;
    color: #2C369B;
    border-color: #2C369B;
}

.btn_download_technical_information:hover {
    color: #ffffff;
    background-color: #2C369B;
    border-color: #2C369B;
}

.btn_download_technical_file {
    font-family: Neo Sans Std;
    border-radius: 2em;
    font-size: 110%;
    color: #ffffff;
    background-color: #2C369B;
    border-color: #2C369B;
}

.btn_download_technical_file:hover {
    color: #2C369B;
    background-color: #ffffff;
    border-color: #2C369B;
    box-shadow: 1px 1px 10px #2d369b;
}

.whatsApp_btn{
    font-family: Neo Sans Std;
    border-radius: 2em;
    font-size: 110%;
    color: #ffffff;
    background-color: #25D366;
    border-color: #25D366;
}

.whatsApp_btn:hover{
    color: #00A884;
    background-color: #ffffff;
    border-color: #25D366;
    box-shadow: 1px 1px 10px #25D366;
}

.card_solutions {
    background-color: #2d369b11;
    border-radius: 2em;
    border-color: rgba(242, 139, 12, 0.473);
    box-shadow: 1px 1px 10px #f28d127a;

}

.card_solutions ul li {
    font-family: Neo Sans Std;
    font-size: 100%;
    color: #414242b0;
    margin-bottom: .1em;
}

.sectionImageBackground__firstImage {
    background: url(../images/pages/bateria_ponedoras.jpg) no-repeat center center fixed;
}

.sectionImageBackground__secondImage {
    background: url(../images/pages/image00088.jpg) no-repeat center center fixed;
}

.sectionImageBackground__thirdImage {
    background: url(../images/pages/facco1.jpg) no-repeat center center fixed;
}

.sectionImageBackground {
    margin-top: 2%;
    height: 15em;
    background-size: cover;
}

.sectionImageBackground__mask {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}
.section-img-background-product {
    height: 20em;
    background-size: cover;
}

.section-img-background-product {
    height: 9em;
    background-size: cover;
}

.containerNavigationFolder {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 3%;
    padding-bottom: 3%;
}

.containerNavigationFolder__orangeButton {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 200%;
    color: #41424241;
    border-radius: 2em;
    border-color: #41424241;
}

.containerNavigationFolder__orangeButton--active {
    border-radius: 2em;
    border-color: rgb(242, 139, 12);
    color: rgb(242, 139, 12);
    box-shadow: 1px 1px 10px #f28e12;
}

.containerNavigationFolder__orangeButton:hover {
    background-color: rgb(242, 139, 12);
    color: #4142426e;
    border-radius: 2em;
    border-color: rgb(242, 139, 12);
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 10px #f28e12;
}

.containerNavigationFolder__blueButton {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 200%;
    color: #41424241;
    border-radius: 2em;
    border-color: #41424241;
}

.containerNavigationFolder__blueButton--active {
    border-radius: 2em;
    border-color: rgb(44, 54, 155);
    color: rgb(44, 54, 155);
    box-shadow: 1px 1px 10px #2d369b;
}

.containerNavigationFolder__blueButton:hover {
    background-color: rgb(44, 54, 155);
    border-radius: 2em;
    border-color: rgb(44, 54, 155);
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 10px #2d369b;
}

.containerNavigationFolder__greenButton {
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 200%;
    color: #41424241;
    border-radius: 2em;
    border-color: #41424241;
}

.containerNavigationFolder__greenButton--active {
    border-radius: 2em;
    border-color: rgb(10, 166, 49);
    color: rgb(10, 166, 49);
    box-shadow: 1px 1px 10px #10a937;
}

.containerNavigationFolder__greenButton:hover {
    background-color: rgb(10, 166, 49);
    border-radius: 2em;
    border-color: rgb(10, 166, 49);
    color: rgb(255, 255, 255);
    box-shadow: 1px 1px 10px #10a937;
}

.folderInfo {
    background-color: #0ba6325b;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.container__nutritionInfo {
    background-color: #f28a0b3d;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.container__equipmentInfo {
    background-color: #2d369b15;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.container__nutritionInvestors {
    background-color: #f28a0b1a;
}

.container__equipmentSolutions {
    padding-left: 6.4%;
    padding-right: 6.4%;
}

.carousel__itemsContainer {
    padding-left: 6.4%;
    padding-right: 6.4%;
    padding-top: 6.4%;
    padding-bottom: 6.4%;
}

.carousel-control__button {
    color: #2C369B;
    font-size: 300%;
}

.btn_pill_category input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.btn-group_1 div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block;
    font-family: Neo Sans Std;
    font-weight: bold;
    font-size: 150%;
    color: #4142424f;
    border-style: solid;
    border-width: 1px;
    border-radius: 2em;
    border-color: #4142424f;
    margin-top: 3%;
}

.btn_pill_category input[type="radio"]:checked + div {
    border-radius: 2em;
    border-color: rgb(44, 54, 155)!important;
    color: rgb(44, 54, 155)!important;
    box-shadow: 1px 1px 10px #2d369b;
}

.btn_pill_category input[type="radio"]:hover + div {
    background-color: rgb(44, 54, 155);
    border-radius: 2em;
    border-color: rgb(44, 54, 155);
    color: rgb(255, 255, 255)!important;
    box-shadow: 1px 1px 10px #2d369b;
}

.timeline {
    position: relative;
    width: 100%;
    max-width: 83.5%;
    margin: 0 auto;
    padding: 5% 0;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: #006E51;
    top: 0;
    bottom: 0;
    left: 50%;
}

.container {
    padding: 15px 30px;
    position: relative;
    background: inherit;
    width: 50%;
}

.container.left {
    left: -25%;
}

.container.right {
    left: 25%;
}

.container::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -8px;
    background: #ffffff;
    border: 2px solid #006E51;
    border-radius: 16px;
    z-index: 1;
}

.container.right::after {
    left: -8px;
}

.container::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    top: calc(50% - 1px);
    right: 8px;
    background: #006E51;
    z-index: 1;
}

.container.right::before {
    left: 8px;
}

.container .date {
    position: absolute;
    display: inline-block;
    top: calc(50% - 8px);
    font-family: Neo Sans Std;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #006E51;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

.container.left .date {
    right: -75px;
}

.container.right .date {
    left: -75px;
}

.container .icon {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 9px 0;
    top: calc(50% - 20px);
    background: #08a733;
    border: 2px solid #006E51;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    color: #dadada;
    z-index: 1;
}

.container.left .icon {
    right: 56px;
}

.container.right .icon {
    left: 56px;
}

.container .content {
    padding: 30px 90px 30px 30px;
    background: #08a733;
    position: relative;
    border-radius: 0 500px 500px 0;
}

.container.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
}

.history {
    background-color: #08a7322d;
}

.history__title {
    font-family: Klavica;
    font-size: 200%;
    font-weight: bold;
    color: #065f47;
    text-align: center;
}

.container .content p {
    margin: 0;
    font-family: Neo Sans Std;
    font-size: 120%;
    line-height: 120%;
    color: #ffffff;
}

.page--content {
    overflow-x: hidden;
}

.tz-gallery {
    overflow: hidden;
    padding: 5% 15% 5% 15%;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 0% 10% 0% 10% ;
    grid-gap: 2%;
}

.gallery__secondary {
    padding-bottom: 40% !important;
}

.gallery__item {
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    overflow: hidden;
}

.gallery__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.gallery__item:hover .gallery__item--title{
    opacity: 1;
    visibility: visible;
}

.gallery__item--img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.5s linear;
}

.gallery__item:hover .gallery__item--img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s linear;
}

.gallery__item--container {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.gallery__item:hover .gallery__item--container {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery__item--title {
    font-family: Neo Sans Std;
    color: white;
}

footer {
    background-color: #666666;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}

footer .footer__wrapper * {
    color: #ffffff;
}

footer .footer__wrapper h2 {
    font-family: Neo Sans Std;
    font-size: 120%;
}

footer .footer__wrapper a {
    font-family: Neo Sans Std;
    font-size: 100%;
    text-decoration: none;
}

footer .footer__wrapper .social__footer a {
    font-size: 300%;
    margin-right: 5%;
}

footer .footer__wrapper p {
    font-family: Neo Sans Std;
    font-size: 80%;
}

footer .footer__wrapper a:hover, footer .footer__wrapper a:hover * {
    color: #f28b0b;
}

.accessibility-mode footer {
    background-color: #414242;
}

/* GOTOP */
.go-top-container {
    position: fixed;
    bottom: 1%;
    right: 1%;
    width: 5%;
    height: 10%;
    z-index: -1;
}

.go-top-button {
    width: 0rem;
    height: 0rem;
    background-color: #128C7E;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.go-top-button i {
    position: absolute;
    font-size: 200%;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: #ffffff;
    transition: .2s;
}

.show {
    z-index: 10;
}

.show .go-top-button {
    animation: popup .3s ease-in-out;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 11;
}

.show i {
    transform: translate(-50%, -50%) scale(1);
}

@keyframes popup {
    0% {
        width: 0rem;
        height: 0rem;
    }
    50% {
        width: 8rem;
        height: 8rem;
    }
    100% {
        width: 6.6rem;
        height: 6.6rem;
    }
}

@media screen and (max-width: 991px) {

    .navbar ul li::before {
        background: transparent;
    }

    .geometryContent__main {
        width: 50%;
        padding-left: auto;
        padding-right: auto;
        text-align: center;
    }

    .geometryContent__section {
        width: 40%;
        padding-top: 35%;
        padding-left: auto;
        padding-right: auto;
        text-align: center;
    }

    .geometryContent__section--right {
        left: 17%;
    }

    .carousel__first_card {
        min-height: 490px;
    }

    .carousel__second_card {
        min-height: 490px;
    }

    .carousel__third_card {
        min-height: 490px;
    }
}

@media screen and (max-width: 820px) {
    .carousel__first_card {
        min-height: 455px;
    }

    .carousel__second_card {
        min-height: 455px;
    }

    .carousel__third_card {
        min-height: 455px;
    }

    .investors__logo {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {

    .geometryContent__main {
        width: 100%;
        padding-top: 55%;
        padding-bottom: 3%;
        padding-left: 15%;
        padding-right: 15%;
    }

    .divider {
        margin-right: auto;
        margin-left: auto;
    }

    .geometryContent__section {
        width: 60%;
        padding-top: 70%;
        padding-left: auto;
        padding-right: auto;
        text-align: center;
    }

    .geometryContent__section--right {
        left: 0%;
        width: 65%;
    }

    .geometryContent__title--right{
        font-size: 250%;
        font-weight: bold;
        text-align: center;
    }

    .geometryContent__subtitle {
        font-size: 150%;
        text-align: center;
    }

    .button__main {
        text-align: center;
    }

    .folderInfo__mainText--paddingLeft {
        padding-left: 0%;
    }

    .folderInfo__mainText--paddingRight {
        padding-right: 0%;
    }

    .border_right {
        border-right: 0;
    }

    .carousel__first_card {
        min-height: 420px;
    }

    .carousel__second_card {
        min-height: 420px;
    }

    .carousel__third_card {
        min-height: 420px;
    }

    .subtitle_investors {
        font-size: 160%;
        font-weight: bold;
        text-align: center;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .investors__logo {
        width: 50%;
    }

    .showProduct__container {
        margin-left: 5%;
        margin-right: 5%;
    }

    .go-top-container {
        right: 8%;
    }

    .show .go-top-button {
        width: 4.6rem;
        height: 4.6rem;
    }

    .show i {
        transform: translate(-50%, -50%) scale(1);
    }

    .tz-gallery {
        padding: 5% 10% 5% 10%;
    }
}

@media (max-width: 767.98px) {

    .sectionImageBackground {
        height: 10em;
    }

    .timeline::after {
        left: 7%;
    }

    .history__title {
        text-align: left;
        padding-left: 7%;
    }

    .container {
        width: 100%;
        padding-left: 3%;
        padding-right: 10%;
    }

    .container.right {
        left: 5%;
        padding-right: 0%;
        padding-left: 5%;
    }

    .container.container.left {
        left: 5%;
        padding-right: 0%;
        padding-left: 5%;
    }

    .container.left::after,
    .container.right::after {
        left: 0%;
    }

    .container.left::before,
    .container.right::before {
        left: 0%;
        border-color: transparent #006E51 transparent transparent;
    }

    .container.left .date,
    .container.right .date {
        right: auto;
        left: -13%;
    }

    .container.left .icon,
    .container.right .icon {
        right: auto;
        left: 9%;
    }

    .container.left .content,
    .container.right .content {
        padding: 30px 30px 30px 90px;
        border-radius: 500px 0 0 500px;
    }

    .showProduct__container--tableDescription {
        font-size: 140%;
    }

    .showProduct__container--infoTable {
        display: none;
    }
}

@media screen and (max-width: 479px) {

    .geometryContent__title--right {
        font-size: 200%;
        font-weight: bold;
        text-align: center;
    }

    .geometryContent__subtitle {
        font-size: 100%;
        text-align: center;
    }

    .title__section {
        font-size: 220%;
    }
}

@media (min-width:768px) {

    .gallery__secondary {
        padding-bottom: 20% !important;
    }
}

@media (min-width:1024px) {
    .main__image{
        height: 50rem;
    }
}

@media (min-width:1550px) {
    .navbar ul li a {
        font-size: 180%;
    }

    .cookieMessage__p {
        font-size: 180%;
    }

    .geometryContent__main{
        padding-top: 13%;
        width: 45%;
    }

    .geometryContent__section {
        padding-top: 15%;
        width: 40%;
    }

    .geometryContent__title--right {
        font-size: 400%;
    }

    .geometryContent__subtitle {
        font-size: 200%;
    }

    .title__section {
        font-size: 400%;
    }

    .title__sectionBlue {
        font-size: 400%;
    }

    .title__sectionGreen {
        font-size: 400%;
    }

    .title__sectionOrange {
        font-size: 400%;
    }

    .subtitle__section {
        font-size: 220%;
    }

    .subtitle_investors {
    }

    .sectionImageBackground {
        margin-top: 1%;
    }

    .history__title {
        font-size: 300%;
    }

    .container .content p {
        font-size: 200%;
    }

    .container .date {
        top: calc(45% - 8px);
        font-size: 140%;
    }

    .folderInfo__mainText {
        font-size: 250%;
    }

    .title__contentOrange {
        font-size: 400%;
    }

    .title__contentBlue {
        font-size: 400%;
    }

    .title__contentGreen {
        font-size: 400%;
    }

    .cardInfo__title {
        font-weight: bold;
        font-size: 280%;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .cardInfo__listIcon {
        font-size: 300%;
    }

    .cardInfo__listText {
        font-size: 220%;
    }

    .btn_pill {
        font-size: 180%;
    }

    .carousel__first_card--title {
        font-size: 250%;
    }

    .carousel__second_card--title {
        font-size: 250%;
    }

    .carousel__third_card--title {
        font-size: 250%;
    }

    .carousel__first_card--description {
        font-size: 180%;
    }

    .carousel__second_card--description {
        font-size: 180%;
    }

    .products__container--title_product {
        font-size: 250%;
    }

    .products__container--description_product {
        font-size: 200%;
    }

    .btn_info_product {
        font-size: 180%;
    }
    .contact__title {
        font-size: 300%;
    }

    .contact__info {
        font-size: 150%;
    }

    footer .footer__wrapper h2 {
        font-size: 220%;
    }

    footer .footer__wrapper a {
        font-size: 180%;
    }

    footer .footer__wrapper .social__footer a {
        font-size: 400%;
    }

    footer .footer__wrapper p {
        font-size: 150%;
    }
}