.section--frontpage-top {
padding: 11rem 0 17rem 0;
background: #E9F5E6;
}
@media screen and (max-width: 1000px) {
.section--frontpage-top {
padding: 6.5rem 0;
}
}
@media screen and (max-width: 600px) {
.section--frontpage-top {
padding: 4.5rem 0 8.5rem 0;
}
}
.section--frontpage-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section--frontpage-top .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 2rem;
}
@media screen and (max-width: 750px) {
.section--frontpage-top .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 5rem;
padding-right: 0;
}
}
.section--frontpage-top .container .left-col h1 {
font-weight: 600;
margin-bottom: 3.8rem;
}
@media screen and (max-width: 1000px) {
.section--frontpage-top .container .left-col h1 {
font-size: 2.7rem;
}
}
@media screen and (max-width: 600px) {
.section--frontpage-top .container .left-col h1 {
font-size: 2.4rem;
}
}
.section--frontpage-top .container .left-col .open-yt-btn {
display: inline-block;
position: relative;
font-size: 1.6rem;
color: #315343;
line-height: 1;
font-weight: 500;
padding-right: 2rem;
margin-left: 4.2rem;
}
.section--frontpage-top .container .left-col .open-yt-btn:hover {
cursor: pointer;
}
.section--frontpage-top .container .left-col .open-yt-btn:hover:after {
-webkit-transform: translateY(-50%) translateX(3px);
transform: translateY(-50%) translateX(3px);
}
@media screen and (max-width: 500px) {
.section--frontpage-top .container .left-col .open-yt-btn {
display: none;
}
}
.section--frontpage-top .container .left-col .open-yt-btn:after {
position: absolute;
content: "";
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
border-color: transparent transparent transparent #315343;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--frontpage-top .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 10rem;
text-align: right;
}
@media screen and (max-width: 1000px) {
.section--frontpage-top .container .right-col {
padding-left: 5rem;
}
}
@media screen and (max-width: 750px) {
.section--frontpage-top .container .right-col {
padding-left: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--frontpage-top .container .right-col .youtube-iframe-wrapper {
max-width: 46rem;
width: 100%;
position: relative;
aspect-ratio: 465/240;
overflow: hidden;
display: inline-block;
}
.section--frontpage-top .container .right-col .youtube-iframe-wrapper:hover {
cursor: pointer;
}
.section--frontpage-top .container .right-col .youtube-iframe-wrapper:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.section--frontpage-top .container .right-col .play-btn {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 25px;
border-color: transparent transparent transparent white;
}
.section--frontpage-top .container .right-col img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--frontpage-top .container.container--scroll {
display: block;
position: absolute;
bottom: 7.2rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: right;
}
@media screen and (max-width: 1500px) {
.section--frontpage-top .container.container--scroll {
bottom: 6.2rem;
}
}
@media screen and (max-width: 1000px) {
.section--frontpage-top .container.container--scroll {
display: none;
}
}
.section__header {
margin-bottom: 3rem;
}
.section__header h2.h1 {
margin: 0;
}
.section--blog .row {
position: relative;
}
.section--blog .actuality-box {
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.section--blog .swiper-wrapper {
min-height: 55rem;
}
.section--blog .swiper-button-prev {
width: 4.8rem;
height: 4.8rem;
border-radius: 10000px;
left: -3.2rem;
}
@media screen and (max-width: 450px) {
.section--blog .swiper-button-prev {
width: 3.8rem;
height: 3.8rem;
left: -2.2rem;
}
}
.section--blog .swiper-button-prev svg {
rotate: 90deg;
}
.section--blog .swiper-button-prev svg g circle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--blog .swiper-button-prev svg:hover g circle {
fill: #d90429;
stroke: transparent;
}
.section--blog .swiper-button-prev svg:hover path {
stroke: #fff;
}
.section--blog .swiper-button-prev::after {
content: "";
}
.section--blog .swiper-button-next {
width: 4.8rem;
height: 4.8rem;
border-radius: 10000px;
right: 8rem;
}
@media screen and (max-width: 740px) {
.section--blog .swiper-button-next {
right: -3.2rem;
}
}
@media screen and (max-width: 450px) {
.section--blog .swiper-button-next {
width: 3.8rem;
height: 3.8rem;
right: -2.2rem;
}
}
.section--blog .swiper-button-next svg {
rotate: 270deg;
}
.section--blog .swiper-button-next svg g circle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--blog .swiper-button-next svg:hover g circle {
fill: #d90429;
stroke: transparent;
}
.section--blog .swiper-button-next svg:hover path {
stroke: #fff;
}
.section--blog .swiper-button-next::after {
content: "";
}
@media screen and (max-width: 740px) {
.section--blog .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.news-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-item:hover {
cursor: pointer;
}
.news-item:hover .left-col .thumb img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.news-item:hover .left-col .no-thumb svg {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.news-item:hover .right-col h3.h1 {
color: #315343;
}
.news-item .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 6rem;
}
@media screen and (max-width: 700px) {
.news-item .left-col {
padding-right: 3rem;
}
}
@media screen and (max-width: 620px) {
.news-item .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
}
}
.news-item .left-col .thumb {
position: relative;
width: 100%;
aspect-ratio: 505/300;
overflow: hidden;
}
.news-item .left-col .thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
height: 100%;
}
.news-item .left-col .no-thumb {
position: relative;
width: 100%;
aspect-ratio: 505/300;
overflow: hidden;
background: #E9F5E6;
}
.news-item .left-col .no-thumb svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news-item .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 620px) {
.news-item .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-top: 3rem;
}
}
.news-item .right-col h3.h1 {
margin: 1rem 0 2rem 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news-item .right-col .excerpt {
margin-bottom: 2.6rem;
}
.news-item .right-col .excerpt p {
margin: 0;
}
.modal.modal--article {
padding: 8rem 12rem 8rem 7rem;
border-radius: 0;
max-width: 1140px;
}
@media screen and (max-width: 1000px) {
.modal.modal--article {
padding: 4rem 6rem;
}
}
@media screen and (max-width: 500px) {
.modal.modal--article {
padding: 2rem;
}
}
.modal.modal--article .thumb {
margin-bottom: 4rem;
}
.modal.modal--article p.date {
margin-bottom: 1.5rem;
}
@media screen and (max-width: 360px) {
.section--rozbor .container {
padding: 1rem;
}
}
.section--rozbor .section__header {
text-align: center;
max-width: 67rem;
margin: 0 auto;
}
.section--rozbor .section__header h2.h1 {
font-weight: 400;
}
.section--rozbor .section__header h2.h1 strong {
font-weight: 700;
}
.chart-inner {
position: relative;
max-width: 310px;
}
@media screen and (max-width: 700px) {
.chart-inner {
display: none;
}
}
@media screen and (max-width: 370px) {
.chart-inner {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.chart-inner svg.first-chart {
position: relative;
z-index: 2;
}
@media screen and (max-width: 370px) {
.chart-inner svg.first-chart {
left: 50%;
-webkit-transform: translateX(-50%) scale(0.9);
transform: translateX(-50%) scale(0.9);
}
}
.chart-inner svg.first-chart path {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.chart-inner svg.first-chart path:hover {
cursor: pointer;
}
.chart-inner svg.first-chart path.active {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
.chart-inner svg.second-chart {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 1;
}
@media screen and (max-width: 370px) {
.chart-inner svg.second-chart {
-webkit-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
}
}
.chart-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 6rem;
}
@media screen and (max-width: 860px) {
.chart-wrap {
display: block;
margin-top: 4rem;
}
}
.chart-wrap .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
}
@media screen and (max-width: 860px) {
.chart-wrap .left-col {
width: 310px;
margin: 0 auto;
}
}
@media screen and (max-width: 700px) {
.chart-wrap .left-col {
display: none;
}
}
@media screen and (max-width: 370px) {
.chart-wrap .left-col {
width: 100%;
}
}
.chart-wrap .middle-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 35rem;
flex: 0 0 35rem;
padding: 5rem 4.5rem 0 4.5rem;
}
@media screen and (max-width: 1100px) {
.chart-wrap .middle-col {
padding: 3rem 2rem 0 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 30rem;
flex: 0 0 30rem;
}
}
@media screen and (max-width: 950px) {
.chart-wrap .middle-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 24rem;
flex: 0 0 24rem;
}
}
@media screen and (max-width: 860px) {
.chart-wrap .middle-col {
width: 28rem;
margin: 2rem auto;
padding-top: 0;
}
}
@media screen and (max-width: 700px) {
.chart-wrap .middle-col {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.8rem;
padding: 0;
}
}
.chart-wrap .middle-col .icon {
max-width: 3.1rem;
margin-bottom: 1.5rem;
height: 3.8rem;
}
.chart-wrap .middle-col p.h2 {
margin: 0;
font-family: "Inter", sans-serif;
}
.chart-wrap .middle-col p.podil {
margin: 0;
}
.chart-wrap .middle-col p.subcol-title {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2rem 0 1rem 0;
}
@media screen and (max-width: 700px) {
.chart-wrap .middle-col p.subcol-title {
grid-column: 1/3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.chart-wrap .middle-col p.subcol-title span.icon {
position: relative;
width: 2rem;
height: 2rem;
border-radius: 1rem;
margin: 0;
}
.chart-wrap .middle-col p.subcol-title span.icon.icon--nepatri {
background: rgba(217, 4, 41, 0.72);
-webkit-box-shadow: 0 3px 6px 0 rgba(228, 94, 103, 0.1);
box-shadow: 0 3px 6px 0 rgba(228, 94, 103, 0.1);
}
.chart-wrap .middle-col p.subcol-title span.icon.icon--patri {
background: #238348;
-webkit-box-shadow: 0 3px 6px 0 rgba(49, 83, 67, 0.04);
box-shadow: 0 3px 6px 0 rgba(49, 83, 67, 0.04);
}
.chart-wrap .middle-col p.subcol-title span.icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.chart-wrap .middle-col p.subcol-title span.text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.5rem;
font-weight: 700;
margin: 0;
}
.chart-wrap .active-content {
padding: 2.5rem;
background: #f7f8f7;
display: none;
}
.chart-wrap .active-content.active {
display: block;
}
@media screen and (max-width: 1100px) {
.chart-wrap .active-content {
padding: 1.5rem;
}
}
@media screen and (max-width: 700px) {
.chart-wrap .active-content {
display: block !important;
padding: 1rem;
}
.chart-wrap .active-content p.h2 {
font-size: 1.5rem;
}
}
.chart-wrap .active-content a {
font-size: 1.6rem;
line-height: 1;
font-weight: 500;
color: #315343;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top: 1.8rem;
display: block;
}
.chart-wrap .active-content a:hover {
color: #D90429;
}
.chart-wrap .active-content a:hover svg path {
fill: #D90429;
}
.chart-wrap .active-content a svg {
margin-left: 0.5rem;
-webkit-transform: rotate(180deg) translateY(1px);
transform: rotate(180deg) translateY(1px);
}
.chart-wrap .active-content a svg path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.chart-wrap .right-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
padding-top: 5rem;
}
@media screen and (max-width: 1100px) {
.chart-wrap .right-col {
padding-top: 3rem;
}
}
@media screen and (max-width: 860px) {
.chart-wrap .right-col {
width: 100%;
max-width: 40rem;
margin: 0 auto;
padding-top: 0;
}
}
@media screen and (max-width: 700px) {
.chart-wrap .right-col {
display: none;
}
}
.chart-wrap .right-col .subcol p.subcol-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 2rem 0;
}
.chart-wrap .right-col .subcol p.subcol-title span.icon {
position: relative;
width: 2rem;
height: 2rem;
border-radius: 1rem;
}
.chart-wrap .right-col .subcol p.subcol-title span.icon.icon--nepatri {
background: rgba(217, 4, 41, 0.72);
-webkit-box-shadow: 0 3px 6px 0 rgba(228, 94, 103, 0.1);
box-shadow: 0 3px 6px 0 rgba(228, 94, 103, 0.1);
}
.chart-wrap .right-col .subcol p.subcol-title span.icon.icon--patri {
background: #238348;
-webkit-box-shadow: 0 3px 6px 0 rgba(49, 83, 67, 0.04);
box-shadow: 0 3px 6px 0 rgba(49, 83, 67, 0.04);
}
.chart-wrap .right-col .subcol p.subcol-title span.icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.chart-wrap .right-col .subcol p.subcol-title span.text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.5rem;
font-weight: 700;
margin: 0;
}
.chart-wrap .right-col .subcol-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0.7rem;
}
.chart-wrap .right-col .subcol-item:hover {
cursor: pointer;
}
.chart-wrap .right-col .subcol-item .subcol-item__color {
-webkit-box-flex: 0;
-ms-flex: 0 0 3rem;
flex: 0 0 3rem;
aspect-ratio: 1/1;
}
.chart-wrap .right-col .subcol-item p {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.3rem;
margin: 0;
line-height: 1;
}
.tiles-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.tiles-items {
gap: 0.8rem;
}
}
@media screen and (max-width: 850px) {
.tiles-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 610px) {
.tiles-items {
grid-template-columns: 1fr;
}
}
.tile-item {
position: relative;
background-color: #E9F5E6;
padding: 4rem 3rem;
border-top: 2px solid #22392e;
}
@media screen and (max-width: 1000px) {
.tile-item {
padding: 3rem 2rem;
}
}
.tile-item p.tile-item__number {
font-size: 3.2rem;
line-height: 1;
margin: 0 0 1.6rem 0;
color: rgba(49, 83, 67, 0.42);
font-weight: 700;
}
.tile-item p.h2 {
margin-bottom: 1.4rem;
margin-top: 0;
}
.tile-item .text {
max-width: 29rem;
}
.tile-item .text p {
margin: 0;
}
.tile-item__more {
position: absolute;
top: 1rem;
right: 1rem;
}
.tile-item__more.active .content {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.tile-item__more .icon {
position: relative;
width: 3rem;
height: 3rem;
background: #ffffff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tile-item__more .icon:hover {
cursor: pointer;
background: #D90429;
}
.tile-item__more .icon:hover .icon__icon svg path {
fill: white;
}
.tile-item__more .icon.active {
background: #D90429;
}
.tile-item__more .icon.active .icon__icon--open {
opacity: 0;
}
.tile-item__more .icon.active .icon__icon--close {
opacity: 1;
}
.tile-item__more .icon__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tile-item__more .icon__icon.icon__icon--open {
opacity: 1;
}
.tile-item__more .icon__icon.icon__icon--close {
opacity: 0;
}
.tile-item__more .icon__icon svg path {
fill: #22392e;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tile-item__more .content {
position: absolute;
right: 0;
top: 3.5rem;
padding: 3rem;
background: #22392e;
width: 34rem;
text-align: left;
z-index: 50;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
@media screen and (max-width: 1000px) {
.tile-item__more .content {
width: 29rem;
padding: 1.5rem;
}
}
.tile-item__more .content p {
color: white;
margin: 0;
}
.tile-item__more .content > p {
font-size: 1.8rem;
}
.tile-item__more .content .inner a {
color: white;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tile-item__more .content .inner a:hover {
color: #D90429;
}
.tile-item.tile-item--last {
background: #22392e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tile-item.tile-item--last .inner {
display: block;
}
.tile-item.tile-item--last p.h2 {
color: white;
max-width: 20rem;
margin-bottom: 2rem;
}
.section--za-co-platime .section__header {
max-width: 62rem;
margin-bottom: 6rem;
}
.section--za-co-platime .section__header h2.h1 {
font-weight: 500;
margin-bottom: 0;
}
.section--za-co-platime .section__header h2.h1 strong {
font-weight: 700;
}
@media screen and (max-width: 850px) {
.what-we-pay-items {
display: none;
}
}
.what-we-pay-items__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 1060px;
margin: 0 auto;
}
.what-we-pay-items__row .what-we-pay-item {
position: relative;
border-bottom: 2px solid black;
font-size: 0;
}
.what-we-pay-items__row .what-we-pay-item svg {
max-width: 100%;
height: auto;
}
.what-we-pay-items__row--1 {
margin-bottom: 3rem;
}
.what-we-pay-items__row--1 .what-we-pay-item--0 {
-webkit-box-flex: 0;
-ms-flex: 0 0 21%;
flex: 0 0 21%;
}
.what-we-pay-items__row--1 .what-we-pay-item--0 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--1 .what-we-pay-item--0 .what-we-pay-item__more {
right: 0;
}
.what-we-pay-items__row--1 .what-we-pay-item--1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
text-align: right;
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--1 .what-we-pay-item--1 {
padding: 0 6rem;
}
}
.what-we-pay-items__row--1 .what-we-pay-item--1 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--1 .what-we-pay-item--1 .what-we-pay-item__more {
right: 3rem;
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--1 .what-we-pay-item--1 .what-we-pay-item__more {
right: 6rem;
}
}
.what-we-pay-items__row--1 .what-we-pay-item--2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%;
text-align: center;
}
.what-we-pay-items__row--1 .what-we-pay-item--2 .what-we-pay-item__image {
-webkit-transform: translateY(2px) translateX(3rem);
transform: translateY(2px) translateX(3rem);
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--1 .what-we-pay-item--2 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
}
.what-we-pay-items__row--1 .what-we-pay-item--2 .what-we-pay-item__more {
right: 38%;
}
.what-we-pay-items__row--2 .what-we-pay-item--3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 21%;
flex: 0 0 21%;
}
.what-we-pay-items__row--2 .what-we-pay-item--3 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--2 .what-we-pay-item--3 .what-we-pay-item__more {
right: 0;
}
.what-we-pay-items__row--2 .what-we-pay-item--4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
text-align: right;
}
@media screen and (max-width: 1000px) {
.what-we-pay-items__row--2 .what-we-pay-item--4 {
padding: 0 4rem;
}
}
.what-we-pay-items__row--2 .what-we-pay-item--4 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--2 .what-we-pay-item--4 .what-we-pay-item__more {
right: 0;
}
.what-we-pay-items__row--2 .what-we-pay-item--5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
text-align: center;
}
.what-we-pay-items__row--2 .what-we-pay-item--5 .what-we-pay-item__image {
-webkit-transform: translateY(2px) translateX(7rem);
transform: translateY(2px) translateX(7rem);
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--2 .what-we-pay-item--5 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
}
.what-we-pay-items__row--2 .what-we-pay-item--5 .what-we-pay-item__more {
right: 6rem;
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--2 .what-we-pay-item--5 .what-we-pay-item__more {
right: 15rem;
}
}
.what-we-pay-items__row--3 .what-we-pay-item--6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--3 .what-we-pay-item--6 {
padding: 0 4rem;
}
}
.what-we-pay-items__row--3 .what-we-pay-item--6 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--3 .what-we-pay-item--6 .what-we-pay-item__more {
right: 2rem;
}
.what-we-pay-items__row--3 .what-we-pay-item--7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
text-align: right;
}
@media screen and (max-width: 1200px) {
.what-we-pay-items__row--3 .what-we-pay-item--7 {
padding: 0 5rem;
}
}
.what-we-pay-items__row--3 .what-we-pay-item--7 .what-we-pay-item__image {
-webkit-transform: translateY(9px);
transform: translateY(9px);
}
.what-we-pay-items__row--3 .what-we-pay-item--7 .what-we-pay-item__more {
left: 3rem;
}
.what-we-pay-items__row--3 .what-we-pay-item--8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 26%;
flex: 0 0 26%;
text-align: center;
}
.what-we-pay-items__row--3 .what-we-pay-item--8 .what-we-pay-item__image {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.what-we-pay-items__row--3 .what-we-pay-item--8 .what-we-pay-item__more {
left: 3rem;
}
.what-we-pay-items__row--3 .what-we-pay-item--9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16%;
flex: 0 0 16%;
text-align: center;
}
@media screen and (max-width: 1000px) {
.what-we-pay-items__row--3 .what-we-pay-item--9 {
padding: 0 2.4rem;
}
}
.what-we-pay-items__row--3 .what-we-pay-item--9 .what-we-pay-item__image {
-webkit-transform: translateY(2px) translateX(19px);
transform: translateY(2px) translateX(19px);
}
.what-we-pay-items__row--3 .what-we-pay-item--9 .what-we-pay-item__more {
left: 2rem;
}
.what-we-pay-item__more {
position: absolute;
bottom: -2rem;
}
.what-we-pay-item__more.active .content {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media screen and (max-width: 1340px) {
.what-we-pay-item__more.active .content {
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}
}
.what-we-pay-item__more .icon {
position: relative;
border: 4px solid white;
width: 4rem;
height: 4rem;
background: #315343;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.what-we-pay-item__more .icon:hover {
cursor: pointer;
background: #D90429;
}
.what-we-pay-item__more .icon.active {
background: #D90429;
}
.what-we-pay-item__more .icon.active .icon__icon--open {
opacity: 0;
}
.what-we-pay-item__more .icon.active .icon__icon--close {
opacity: 1;
}
.what-we-pay-item__more .icon__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.what-we-pay-item__more .icon__icon.icon__icon--open {
opacity: 1;
}
.what-we-pay-item__more .icon__icon.icon__icon--close {
opacity: 0;
}
.what-we-pay-item__more .content {
position: absolute;
left: 0;
top: 5rem;
padding: 3rem;
background: rgba(34, 57, 46, 0.95);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2);
width: 28rem;
text-align: left;
z-index: 50;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
@media screen and (max-width: 1420px) {
.what-we-pay-item__more .content {
left: -5rem;
}
}
@media screen and (max-width: 1340px) {
.what-we-pay-item__more .content {
left: 50%;
-webkit-transform: translateY(1.5rem) translateX(-50%);
transform: translateY(1.5rem) translateX(-50%);
}
}
@media screen and (max-width: 900px) {
.what-we-pay-item__more .content {
left: -20%;
padding: 1.8rem;
width: 25rem;
}
}
.what-we-pay-item__more .content p {
color: white;
margin: 0;
}
.what-we-pay-item__more .content > p {
font-size: 1.8rem;
}
.what-we-pay-item__more .content .inner {
margin-top: 1.5rem;
}
.what-we-pay-item__more .content .inner a {
color: white;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.what-we-pay-item__more .content .inner a:hover {
color: #D90429;
}
.what-we-pay-tiles {
display: none;
}
@media screen and (max-width: 850px) {
.what-we-pay-tiles {
display: grid;
grid-template-columns: 1fr;
gap: 0.8rem;
}
}
.what-we-pay-tile {
background: #f7f8f7;
border: 2px solid #000000;
padding: 2rem 2.4rem;
}
.what-we-pay-tile.active .what-we-pay-tile__header {
padding: 1.5rem 2rem 1.5rem 0;
}
.what-we-pay-tile.active .what-we-pay-tile__header svg {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.what-we-pay-tile__image {
text-align: center;
display: none;
}
.what-we-pay-tile__image svg {
max-width: 100%;
height: auto;
}
.what-we-pay-tile__header {
position: relative;
padding: 0 2rem 0 0;
}
.what-we-pay-tile__header p {
color: #000000;
font-size: 1.8rem;
font-weight: 700;
margin: 0;
line-height: 1.22;
}
.what-we-pay-tile__header svg {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.what-we-pay-tile__content {
display: none;
}
.what-we-pay-tile__content p {
margin: 0;
color: rgba(0, 0, 0, 0.75);
font-size: 14px;
line-height: 1.71;
}
.desatero-tiles {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.6rem;
max-width: 95rem;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.desatero-tiles {
gap: 0.8rem;
}
}
@media screen and (max-width: 610px) {
.desatero-tiles {
grid-template-columns: 1fr;
}
}
.desatero-tile {
position: relative;
overflow: hidden;
}
@media screen and (max-width: 400px) {
.desatero-tile {
overflow: auto;
}
}
.desatero-tile__image img {
width: 100%;
}
.desatero-tile__content {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background: #22392e;
padding: 0 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 8.9rem;
overflow: hidden;
}
.desatero-tile__content:hover {
background: rgba(34, 57, 46, 0.96);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
@media screen and (max-width: 400px) {
.desatero-tile__content {
overflow: auto;
height: auto;
background: #22392e;
padding: 2.4rem;
width: 100%;
position: relative;
}
.desatero-tile__content:hover {
height: auto;
background: #22392e;
}
}
@media screen and (max-width: 400px) {
.desatero-tile__content .inner {
width: 100%;
}
}
.desatero-tile__header {
height: 8.9rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 400px) {
.desatero-tile__header {
position: relative;
height: auto;
padding-right: 3rem;
display: block;
width: 100%;
}
.desatero-tile__header:hover {
cursor: pointer;
}
}
.desatero-tile__header p {
color: white;
font-weight: 700;
margin: 0;
line-height: 1.2;
font-size: 2rem;
}
.desatero-tile__header.active svg {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.desatero-tile__header svg {
display: none;
}
@media screen and (max-width: 400px) {
.desatero-tile__header svg {
display: block;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@media screen and (max-width: 400px) {
.desatero-tile__text {
padding-top: 2.4rem;
display: none;
}
}
.desatero-tile__text p {
margin: 0;
color: white;
}
.desatero-tile__text p a {
color: white;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.desatero-tile__text p a:hover {
color: #D90429;
}
.section--mapa {
padding-bottom: 16rem;
}
@media screen and (max-width: 1000px) {
.section--mapa {
padding-bottom: 8rem;
}
}
.section--mapa .section__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5rem;
}
@media screen and (max-width: 800px) {
.section--mapa .section__header {
margin-bottom: 3.5rem;
}
}
.section--mapa .section__header .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 800px) {
.section--mapa .section__header .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 2rem;
}
}
.section--mapa .section__header .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 6rem;
}
@media screen and (max-width: 800px) {
.section--mapa .section__header .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
}
}
.section--mapa .section__header .right-col p {
margin: 0;
color: rgba(0, 0, 0, 0.75);
}
iframe.mapa {
width: 100%;
border: none;
height: 100%;
}
.iframe-wrapper {
position: relative;
aspect-ratio: 16/9;
}
@media screen and (max-width: 800px) {
.iframe-wrapper {
aspect-ratio: 16/13;
}
}
.iframe-wrapper .map-fullscreen-btn,
.iframe-wrapper .map-close-fullscreen-btn {
position: absolute;
z-index: 2;
left: 16px;
bottom: 18px;
font-size: 10px;
color: white;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
background-color: rgba(54, 70, 78, 0.85);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.35px;
font-weight: 600;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.iframe-wrapper .map-fullscreen-btn:hover,
.iframe-wrapper .map-close-fullscreen-btn:hover {
background-color: #36464e;
cursor: pointer;
}
.iframe-wrapper .map-fullscreen-btn .icon-wrap,
.iframe-wrapper .map-close-fullscreen-btn .icon-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
font-size: 0;
}
.iframe-wrapper .map-fullscreen-btn .icon-wrap svg,
.iframe-wrapper .map-close-fullscreen-btn .icon-wrap svg {
max-width: 100%;
height: auto;
}
.iframe-wrapper .map-fullscreen-btn .text,
.iframe-wrapper .map-close-fullscreen-btn .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 8px;
}
@media screen and (max-width: 558px) {
.iframe-wrapper .map-fullscreen-btn .text,
.iframe-wrapper .map-close-fullscreen-btn .text {
display: none;
}
}
.section--download {
border-top: 2px solid #22392e;
background-color: #E9F5E6;
padding: 9rem 0;
}
.section--download .section__header {
text-align: center;
}
.section--download .section__button {
margin-top: 3rem;
}
.documents-files-items {
font-size: 0;
}
.document-file-item {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 1rem;
margin-bottom: 1rem;
background: #f6fbf5;
text-decoration: none;
padding: 1.6rem 5.6rem 1.6rem 1.6rem;
-webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.02);
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.02);
}
.document-file-item:hover .icon {
background: #D90429;
}
@media screen and (max-width: 400px) {
.document-file-item {
width: 100%;
margin-right: 0;
}
}
.document-file-item p {
margin: 0;
color: #315343;
text-decoration: underline;
line-height: 1;
}
@media screen and (max-width: 600px) {
.document-file-item p {
white-space: normal;
line-height: 1.2;
}
}
.document-file-item p span {
white-space: nowrap;
}
.document-file-item .icon {
position: absolute;
right: 1.6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2.6rem;
height: 2.6rem;
background: #101913;
border-radius: 1.3rem;
-webkit-box-shadow: 0 4px 8px 0 rgba(34, 57, 46, 0.15);
box-shadow: 0 4px 8px 0 rgba(34, 57, 46, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.document-file-item .icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.section--odkazy {
padding: 11rem 0 8rem 0;
}
@media screen and (max-width: 1000px) {
.section--odkazy {
padding: 5rem 0;
}
}
.section--odkazy .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--odkazy .container .section__header {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 5rem;
}
@media screen and (max-width: 600px) {
.section--odkazy .container .section__header {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.section--odkazy .container .logos-items {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media screen and (max-width: 800px) {
.section--odkazy .container .logos-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.section--odkazy .container .logos-items {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.section--odkazy .container .logos-items .logo-item {
display: block;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--odkazy .container .logos-items .logo-item:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.section--contact .section__header {
max-width: 65rem;
margin-bottom: 5rem;
}
.section--contact .section__header h2.h1 {
font-weight: 500;
margin-bottom: 0;
}
.section--contact .section__header h2.h1 strong {
font-weight: 700;
}
.contacts-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.contacts-items {
gap: 0.8rem;
}
}
@media screen and (max-width: 800px) {
.contacts-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.contacts-items {
grid-template-columns: 1fr;
}
}
.contacts-item {
display: block;
background: #f7f8f7;
padding: 3rem 4rem;
}
@media screen and (max-width: 400px) {
.contacts-item {
padding: 2rem;
}
}
.contacts-item p.name {
margin-bottom: 3px;
margin-top: 0;
}
.contacts-item p.position {
font-size: 1.6rem;
margin: 0 0 2.5rem 0;
line-height: 1;
color: rgba(0, 0, 0, 0.75);
}
.contacts-item p.contact {
margin-bottom: 0.8rem;
margin-top: 0;
font-size: 2rem;
}
.contacts-item p.contact a {
color: black;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: underline;
white-space: nowrap;
}
.contacts-item p.contact a:hover {
color: #D90429;
}