.article .container-fluid {padding-left: 0;padding-right: 0; } .article .title-article {color: var(--black);text-align: center; } .article .title-article::before, .article .title-article::after {content: "";display: inline-block;border-top: 0.2rem solid var(--primary);width: 3.3333333333rem;transform: translateY(-0.5555555556rem);margin: 0 0.8888888889rem; } @media (min-width: 768px) {.article .content {padding-top: 2.7777777778rem;padding-bottom: 2.7777777778rem;} } .article .categories {display: flex;flex-wrap: wrap;gap: 0.8333333333rem;align-items: center; } .article .categories h2 {font-size: 1.6666666667rem; } .article .categories p {background-color: #f3f3f3;padding: 0.5555555556rem 1rem;border-radius: 1rem;font-weight: 700; } @media (max-width: 767.98px) {.article .categories {flex-direction: column;gap: 0.2777777778rem;}.article .categories p, .article .categories h2 {margin-bottom: 0;} } .article h2 {padding: 1.6666666667rem 0 1.1111111111rem 0;margin: 0; } .article .documents .btn {height: 100%;display: flex;align-items: center; } .article-slideshow {position: relative;padding: 1.1111111111rem 0; } .article-slideshow .carousel {display: block;position: relative;width: 100%; } .article-slideshow .carousel .holder {height: 100%;max-height: calc(100vh - 1rem);overflow: hidden; } .article-slideshow .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .article-slideshow .carousel .holder .col {flex-shrink: 0; } .article-slideshow .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100%;padding: 0;aspect-ratio: 4/3;box-shadow: none; } @media (min-width: 319px) {.article-slideshow .carousel .holder .item {aspect-ratio: 3/2;} } @media (min-width: 576px) {.article-slideshow .carousel .holder .item {aspect-ratio: 1088/658;} } .article-slideshow .carousel .holder .item .img-fluid {width: 100%;height: 100%;object-fit: cover; } .article-slideshow .carousel .holder .item .img-fluid.img-mirror {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: none; } .article-slideshow .carousel .holder .item .zoom {content: " ";position: absolute;z-index: 2;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;color: var(--white);display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } .article-slideshow .carousel .holder .item .zoom svg {width: 2.7777777778rem;height: auto; } @media (min-width: 576px) {.article-slideshow .carousel .holder .item .zoom svg {width: 3.3333333333rem;} } @media (min-width: 768px) {.article-slideshow .carousel .holder .item .zoom svg {width: 3.8888888889rem;} } .article-slideshow .carousel .holder .item:hover .zoom {visibility: visible;opacity: 1; } .article-slideshow .carousel .holder.show .item .img-fluid.img-mirror {display: block; } .article-slideshow .carousel .holder.show .item .img-fluid:not(.img-mirror) {transform: rotateY(180deg); } @media (max-width: 991.98px) {.article-slideshow .carousel .btn-prev, .article-slideshow .carousel .btn-next {display: flex;} } .section.article .content {padding-top: 5.5555555556rem;padding-bottom: 5.5555555556rem; } .section.article .base {font-size: 1.1666666667rem;font-weight: 500; } @media (min-width: 768px) {.section.article .base {font-size: 1.4444444444rem;} } @media (min-width: 992px) {.section.article .base {font-size: 1.7222222222rem;} } .section.article .base strong {text-transform: uppercase;font-size: 1.3333333333rem;letter-spacing: 0.5555555556rem; } @media (min-width: 768px) {.section.article .base strong {font-size: 1.6666666667rem;} } @media (min-width: 992px) {.section.article .base strong {font-size: 2rem;} } .section.article .big, .section.article .thin, .section.article .thin2 {text-transform: uppercase;line-height: 1.3;letter-spacing: 0.8888888889rem; } .section.article .big {font-size: 3.7777777778rem;font-weight: 700; } @media (min-width: 768px) {.section.article .big {font-size: 8.2222222222rem;} } @media (min-width: 992px) {.section.article .big {font-size: 11.9444444444rem;} } .section.article .thin {font-size: 2.2222222222rem;font-weight: 200; } @media (min-width: 768px) {.section.article .thin {font-size: 3rem;} } @media (min-width: 992px) {.section.article .thin {font-size: 3.8888888889rem;} } .section.article .thin2 {font-size: 1.6666666667rem;font-weight: 200;letter-spacing: 0.3333333333rem; } @media (min-width: 768px) {.section.article .thin2 {font-size: 2rem;letter-spacing: 0.6666666667rem;} } @media (min-width: 992px) {.section.article .thin2 {font-size: 3.1111111111rem;letter-spacing: 0.8888888889rem;} } .section.article .wide {font-size: 2.2222222222rem;font-weight: 600;letter-spacing: 0.7777777778rem;text-transform: uppercase;margin: 2.7777777778rem 0; } @media (min-width: 768px) {.section.article .wide {font-size: 3rem;letter-spacing: 1.6666666667rem;} } @media (min-width: 992px) {.section.article .wide {font-size: 3.8888888889rem;letter-spacing: 2.7777777778rem;} } @media (min-width: 1220px) {.section.article .wide {letter-spacing: 4.4444444444rem;} } .section.article .bold {font-size: 2.2222222222rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3333333333rem;margin-bottom: 0; } @media (min-width: 768px) {.section.article .bold {font-size: 2.6666666667rem;letter-spacing: 0.5555555556rem;} } @media (min-width: 992px) {.section.article .bold {font-size: 5rem;letter-spacing: 1.1111111111rem;} } .section.article .fourth {margin-bottom: 3.8888888889rem; } @media (min-width: 992px) {.section.article .fourth {margin-bottom: 8.3333333333rem;} } .section.article .fourth .col {padding: 1.6666666667rem;text-align: center; } .section.article .fourth .col:first-child {border-bottom: 4px solid var(--black); } @media (min-width: 768px) {.section.article .fourth .col:first-child {border-right: 6px solid var(--black);border-bottom: 0;text-align: right;} } @media (min-width: 768px) {.section.article .fourth .col:nth-child(2) {text-align: left;} } .section.article .big, .section.article .thin, .section.article .thin2, .section.article .wide, .section.article .bold, .section.article .base, .section.article .btn-black {opacity: 0;visibility: hidden;transform: translateX(-40px);transition: opacity 0.8s ease, transform 0.8s ease, visibility 0s linear 0.8s;will-change: opacity, transform; } .section.article .big, .section.article .thin, .section.article .wide, .section.article .base strong, .section.article .bold {transform: translateX(40px); } .section.article.red-content .container {background-color: var(--primary);border-radius: 1rem;padding: 2.2222222222rem;text-align: center; } .section.article.red-content .container h1, .section.article.red-content .container h2, .section.article.red-content .container h3, .section.article.red-content .container p {color: var(--white); } .section.active .big, .section.active .thin, .section.active .thin2, .section.active .wide, .section.active .bold, .section.active .base, .section.active .btn-black {opacity: 1;visibility: visible;transform: translateX(0);transition: opacity 0.8s ease, transform 0.8s ease, visibility 0s; } .section.active .big, .section.active .thin, .section.active .wide, .section.active .base strong, .section.active .bold {transition-delay: 0.8s; }