.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 ul {list-style-type: none;line-height: 1.9; } .article ul li {position: relative; } .article ul li::before {position: absolute;content: url("/static/img/odrazka.svg");top: 0.1666666667rem;left: -2.2222222222rem; } @media (min-width: 768px) {.article ul li::before {left: -1.6666666667rem;} } .article h2 span {color: var(--color2); } .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-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 {overflow: hidden;padding: 3.3333333333rem 0; } .section.article .projekt1000 p {font-size: 1.1111111111rem;margin-bottom: 0;text-align: center; } @media (min-width: 768px) {.section.article .projekt1000 p {text-align: left;} } .section.article .projekt1000 .numbers {margin-bottom: 1.6666666667rem; } @media (min-width: 768px) {.section.article .projekt1000 .numbers {margin-bottom: 0;} } .section.article .projekt1000 .numbers > * {text-align: center;border-right: 0;margin-bottom: 1.1111111111rem; } @media (min-width: 768px) {.section.article .projekt1000 .numbers > * {border-right: 1px solid var(--white);} } .section.article .projekt1000 .numbers > *:last-child {border-right: 0; } .section.article .projekt1000 .numbers > * p {font-size: 0.8888888889rem; } @media (min-width: 768px) {.section.article .projekt1000 .numbers > * p {font-size: 0.6666666667rem;text-align: center;} } .section.article .projekt1000 .numbers > * span {font-size: 2.4444444444rem;font-weight: 700;color: #B8960C; } @media (min-width: 768px) {.section.article .projekt1000 .numbers > * span {font-size: 1.7777777778rem;} } .section.article .projekt1000-cards > * {margin-bottom: 1.1111111111rem; } .section.article .projekt1000-cards > * .card {border: 1px solid #D4CFC9; } .section.article .projekt1000-cards > * .card .card-body {padding: 0;flex-direction: row;justify-content: space-between;align-items: center; } .section.article .projekt1000-cards > * .card h3 {font-size: 1.3333333333rem;flex-grow: 1; } .section.article .projekt1000-cards > * .card p {font-size: 0.6666666667rem;opacity: 0.5;color: var(--white); } .section.article .projekt1000-cards > *:first-child .card {background-color: var(--black);color: var(--white); } .section.article .projekt1000-cards > *:first-child .card h3 {color: var(--white); } .section.article .projekt1000-cards > *:nth-child(2) .card {background-color: #B8960C;color: var(--white); } .section.article .projekt1000-cards > *:nth-child(2) .card h3 {color: var(--white); } .section.article .projekt1000-cards > *:nth-child(3) .card {background-color: var(--color1);color: var(--black); } .section.article .projekt1000-cards > *:nth-child(3) .card p {color: var(--black); } .section.article .child-columns .col-md-5:first-child {opacity: 0;transform: translateY(-80px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .section.article .child-columns .col-md-5:last-child {opacity: 0;transform: translateY(80px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } @media (min-width: 768px) {.section.article .child-columns .col-md-5 {flex: 0 0 35%;max-width: 35%;} } .section.article .child-columns .col-md-2 {display: none; } @media (min-width: 768px) {.section.article .child-columns .col-md-2 {display: block;flex: 0 0 30%;max-width: 30%;padding-left: 1.1111111111rem;padding-right: 1.1111111111rem;} } .section.article .child-columns img {border-radius: 1.3333333333rem; } .section.article .benefits .row {gap: 1.3888888889rem; } .section.article .benefits .small-claim {color: var(--color2);margin-bottom: 0;font-weight: 700; } @media (min-width: 768px) {.section.article .benefits .small-claim {font-size: 0.6666666667rem;} } .section.article .benefits .col-md {display: flex;flex-direction: column; } .section.article .benefits h2 {text-align: left; } .section.article .benefits ul {opacity: 0;transform: translateX(-80px);flex-grow: 1; } .section.article .benefits ul li {margin-bottom: 0.5555555556rem; } .section.article .benefits .card {height: auto;margin-bottom: 1.1111111111rem;flex-grow: 0;flex-direction: row;gap: 1.1111111111rem;align-items: center;opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); } .section.article .benefits .card .card-body {padding: 0; } .section.article .benefits .card h4 {margin-bottom: 0.2777777778rem; } .section.article .benefits .card p {margin-bottom: 0; } @media (min-width: 768px) {.section.article .benefits .card p {font-size: 0.7777777778rem;} } .section.article .grid-system .row > * {margin-bottom: 1.1111111111rem; } .section.article .grid-system .type1, .section.article .grid-system .type2, .section.article .grid-system .type3, .section.article .grid-system .type4, .section.article .grid-system .type5, .section.article .grid-system .type6 {opacity: 0;transform: translateY(4.4444444444rem); } .section.article .grid-system .card {height: auto;background-color: var(--body-bg);margin-bottom: 1.1111111111rem; } @media (min-width: 768px) {.section.article .grid-system .card {font-size: 0.7777777778rem;} } .section.article .grid-system .card p {margin-bottom: 0; } .section.article .grid-system .card.card-claim {height: 100%;display: flex;justify-content: center;align-items: center;text-align: center; } .section.article .grid-system .card.card-claim .claim {font-size: 1.3333333333rem; } .section.article .grid-system .card.card-claim .claim span {font-size: 3.5555555556rem;font-weight: 700;line-height: 1.1; } .section.article .grid-system .card .img-cover {width: 100%;height: 100%;object-fit: cover; } .section.article.active .child-columns .col-md-5 {opacity: 1;transform: translateX(0);transition: transform 0.5s, opacity 0.5s; } .section.article.active .benefits ul {opacity: 1;transform: translateX(0);transition: transform 0.5s, opacity 0.5s; } .section.article.active .benefits .card {opacity: 1;transform: translate3d(0, 0, 0);transition: transform 0.5s, opacity 0.5s; } .section.article.active .grid-system .type1, .section.article.active .grid-system .type2, .section.article.active .grid-system .type3, .section.article.active .grid-system .type4, .section.article.active .grid-system .type5, .section.article.active .grid-system .type6 {opacity: 1;transition: opacity 0.5s, transform 0.5s;transform: translateY(0); } .section.article.active .grid-system .type1 {transition-delay: 0.1s; } .section.article.active .grid-system .type2 {transition-delay: 0.5s; } .section.article.active .grid-system .type3 {transition-delay: 0.9s; } .section.article.active .grid-system .type4 {transition-delay: 1.3s; } .section.article.active .grid-system .type5 {transition-delay: 1.7s; } .section.article.active .grid-system .type6 {transition-delay: 2.1s; }