.article {height: 100%; } .article .container, .article .content {height: 100%; } .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; } .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 .parking {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 4.4444444444rem 0;height: 100%;gap: 1.6666666667rem; } @media (min-width: 768px) {.article .parking {padding: 1.6666666667rem 0;} } .article .parking img {max-width: 10rem; } @media (min-width: 768px) {.article .parking img {max-width: 100%;} } .article .parking .contact {font-size: 1.1111111111rem;margin-bottom: 1.6666666667rem;text-align: center; } .article .parking .contact a {color: var(--white); } .article .parking .web {font-size: 1.3333333333rem;text-align: 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 {padding-bottom: 1rem; } .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); }