html {
--secondary-color: #1F3F2F;
--primary-color: #C8F564;
--body-text: #D5EFDB;
--brown: #FFF7EF;
--lord-icon-primary: var(--primary-color);
--lord-icon-secondary: var(--primary-color);
}
@-webkit-keyframes arrow {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-1rem) rotate(90deg);
transform: translateX(-50%) translateY(-1rem) rotate(90deg);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(2.5rem) rotate(90deg);
transform: translateX(-50%) translateY(2.5rem) rotate(90deg);
}
}
@keyframes arrow {
0% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-1rem) rotate(90deg);
transform: translateX(-50%) translateY(-1rem) rotate(90deg);
}
80% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(2.5rem) rotate(90deg);
transform: translateX(-50%) translateY(2.5rem) rotate(90deg);
}
}
.section--service-top {
padding: 17rem 0 11rem 0;
min-height: 70rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 600px) {
.section--service-top {
display: block;
padding-top: 0;
padding-bottom: 6rem;
}
}
.section--service-top.section--in-view .bg {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
@media screen and (max-width: 600px) {
.section--service-top.section--in-view .bg {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.section--service-top.section--in-view .container p.subheader,
.section--service-top.section--in-view .container .h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--service-top.section--in-view .container p.citation, .section--service-top.section--in-view .container .btn, .section--service-top.section--in-view .container p.name {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--service-top.section--in-view .container p.name span {
color: var(--primary-color);
}
.section--service-top.section--in-view .scroll {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 1;
}
.section--service-top.section--in-view .scroll .arrow svg {
-webkit-animation: arrow 3.5s ease-out 1s infinite;
animation: arrow 3.5s ease-out 1s infinite;
}
.section--service-top .bg {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
max-width: 1440px;
left: 50%;
top: 50%;
font-size: 0;
-webkit-transition: 0.7s ease-out;
transition: 0.7s ease-out;
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
@media screen and (max-width: 600px) {
.section--service-top .bg {
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
position: relative;
left: 0;
top: 0;
height: 30rem;
}
}
.section--service-top .bg img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
}
.section--service-top .bg .gradient-left {
position: absolute;
z-index: 4;
width: 20rem;
height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgb(31, 63, 47)), to(rgba(31, 63, 47, 0)));
background: linear-gradient(to right, rgb(31, 63, 47) 0%, rgba(31, 63, 47, 0) 100%); left: 0;
bottom: 0;
opacity: 0;
}
@media screen and (min-width: 1440px) {
.section--service-top .bg .gradient-left {
opacity: 1;
}
}
.section--service-top .bg .gradient-right {
position: absolute;
z-index: 4;
width: 20rem;
height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgb(31, 63, 47)), to(rgba(31, 63, 47, 0)));
background: linear-gradient(to right, rgb(31, 63, 47) 0%, rgba(31, 63, 47, 0) 100%); right: 0;
bottom: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0;
}
@media screen and (min-width: 1440px) {
.section--service-top .bg .gradient-right {
opacity: 1;
}
}
.section--service-top .bg .gradient {
position: absolute;
z-index: 4;
width: 100%;
height: 60%;   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(31, 63, 47)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(31, 63, 47) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a61f3f2f',GradientType=0 ); left: 0;
bottom: 0;
}
@media screen and (max-width: 600px) {
.section--service-top .bg .gradient {
height: 49%;
}
}
.section--service-top .bg:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #1F3F2F;
opacity: 0.71;
z-index: 3;
}
.section--service-top .bg:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #1F3F2F;
opacity: 0.71;
z-index: 2;
mix-blend-mode: color;
}
.section--service-top .container {
position: relative;
z-index: 10;
}
@media screen and (max-width: 600px) {
.section--service-top .container {
padding-top: 5rem;
}
}
.section--service-top .container .subheader {
margin-bottom: 1rem;
font-size: 14px;
color: #A9BAA8;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--service-top .container .h2 {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
@media screen and (max-width: 450px) {
.section--service-top .container .h2 {
font-size: 3rem;
}
}
.section--service-top .container p.citation {
max-width: 75rem;
margin: 5.5rem 0 1.8rem 0;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--service-top .container p.name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
margin-bottom: 3.5rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--service-top .container .btn {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--service-top .container .btn:hover {
border-color: white;
}
.section--service-top .scroll {
position: absolute;
bottom: 2.5rem;
z-index: 3;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-decoration: none;
display: inline-block;
text-align: center;
-webkit-transition: 0.8s ease-out;
transition: 0.8s ease-out;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(2rem);
transform: translateX(-50%) translateY(2rem); }
@media screen and (max-width: 780px) {
.section--service-top .scroll {
display: none;
}
}
.section--service-top .scroll:hover p {
color: white;
}
.section--service-top .scroll .arrow {
position: relative;
display: inline-block;
border: 1px solid #274F37;
border-radius: 2rem;
width: 4rem;
height: 7.4rem;
color: #C8F564;
font-size: 0;
margin-bottom: 1.6rem;
}
.section--service-top .scroll .arrow svg {
position: absolute;
left: 50%;
top: 1.2rem;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.section--service-top .scroll p {
text-transform: uppercase;
color: #C8F564;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--top.with-photo {
padding-bottom: 10rem;
}
.section--top.with-photo .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--top.with-photo .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-top: 4rem;
}
@media screen and (max-width: 1000px) {
.section--top.with-photo .container .left-col {
padding-top: 0;
}
}
@media screen and (max-width: 740px) {
.section--top.with-photo .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--top.with-photo .container .left-col .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 37rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
margin-top: 2rem;
}
@media screen and (max-width: 740px) {
.section--top.with-photo .container .left-col .text {
margin-left: auto;
margin-right: auto;
}
}
.section--top.with-photo .container .left-col .text p, .section--top.with-photo .container .left-col .text ul, .section--top.with-photo .container .left-col .text ol {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.section--top.with-photo .container .left-col .text ul, .section--top.with-photo .container .left-col .text ol {
margin-left: 1.7rem;
}
@media screen and (max-width: 740px) {
.section--top.with-photo .container .left-col .text ul, .section--top.with-photo .container .left-col .text ol {
text-align: left;
}
}
.section--top.with-photo .container .left-col .text ul li::marker, .section--top.with-photo .container .left-col .text ol li::marker {
color: white;
}
.section--top.with-photo .container .left-col .btn {
margin-top: 3.2rem;
}
.section--top.with-photo .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--top.with-photo .container .right-col {
padding-left: 5rem;
}
}
@media screen and (max-width: 740px) {
.section--top.with-photo .container .right-col {
display: none;
}
}
.section--top.with-photo .container .right-col .image {
margin-bottom: 3.2rem;
}
.section--top.with-photo .container .right-col .image img {
width: 100%;
}
.section--top.with-photo .container .right-col p {
text-align: left;
}
.section--top.with-photo .container .right-col p.field {
color: #C8F564;
text-transform: uppercase;
}
.section--top.with-photo .section__arrow {
bottom: 4.1rem;
}
.section--top.with-subservices {
padding-bottom: 10rem;
}
.section--top.with-subservices .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--top.with-subservices .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-top: 4rem;
}
@media screen and (max-width: 1000px) {
.section--top.with-subservices .container .left-col {
padding-top: 0;
}
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 4rem;
}
}
.section--top.with-subservices .container .left-col .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 37rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
margin-top: 2rem;
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .left-col .text {
margin-left: auto;
margin-right: auto;
}
}
.section--top.with-subservices .container .left-col .text p, .section--top.with-subservices .container .left-col .text ul, .section--top.with-subservices .container .left-col .text ol {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.section--top.with-subservices .container .left-col .text ul, .section--top.with-subservices .container .left-col .text ol {
margin-left: 1.7rem;
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .left-col .text ul, .section--top.with-subservices .container .left-col .text ol {
text-align: left;
}
}
.section--top.with-subservices .container .left-col .text ul li::marker, .section--top.with-subservices .container .left-col .text ol li::marker {
color: white;
}
.section--top.with-subservices .container .left-col .btn {
margin-top: 3.2rem;
}
.section--top.with-subservices .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 8rem;
}
@media screen and (max-width: 1000px) {
.section--top.with-subservices .container .right-col {
padding: 0 3rem;
}
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding: 0;
}
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .right-col .services-items-list {
width: calc(100% - 8rem);
max-width: 41rem;
margin: 0 auto;
}
}
@media screen and (max-width: 450px) {
.section--top.with-subservices .container .right-col .services-items-list {
width: calc(100% - 5rem);
}
}
.section--top.with-subservices .container .right-col .service-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 1.9rem 5rem 1.1rem 2.7rem;
text-decoration: none;
color: #A9BAA8;
border-bottom: 1px solid rgba(169, 186, 168, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: left;
min-height: 9.8rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section--top.with-subservices .container .right-col .service-item:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 450px) {
.section--top.with-subservices .container .right-col .service-item {
padding-left: 0.8rem;
padding-right: 3.3rem;
}
}
.section--top.with-subservices .container .right-col .service-item.service-item--active h3, .section--top.with-subservices .container .right-col .service-item:hover h3 {
color: white;
}
.section--top.with-subservices .container .right-col .service-item.service-item--active .subheader, .section--top.with-subservices .container .right-col .service-item:hover .subheader {
color: #D5EFDB;
}
.section--top.with-subservices .container .right-col .service-item.service-item--active .service-item__icon, .section--top.with-subservices .container .right-col .service-item:hover .service-item__icon {
color: #C8F564;
}
.section--top.with-subservices .container .right-col .service-item.service-item--active .service-item__arrow, .section--top.with-subservices .container .right-col .service-item:hover .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--top.with-subservices .container .right-col .service-item h3 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #A9BAA8;
}
.section--top.with-subservices .container .right-col .service-item .subheader {
color: #A9BAA8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--top.with-subservices .container .right-col .service-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.section--top.with-subservices .container .right-col .service-item__icon svg path, .section--top.with-subservices .container .right-col .service-item__icon svg line, .section--top.with-subservices .container .right-col .service-item__icon svg circle, .section--top.with-subservices .container .right-col .service-item__icon svg rect {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--top.with-subservices .container .right-col .service-item__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.6rem;
}
@media screen and (max-width: 780px) {
.section--top.with-subservices .container .right-col .service-item__content {
padding-left: 0.8rem;
}
}
.section--top.with-subservices .container .right-col .service-item__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(calc(50% - 2rem), -50%);
transform: translate(calc(50% - 2rem), -50%);
opacity: 0;
}
.section--top.with-subservices .section__arrow {
bottom: 4.1rem;
}  html {
--secondary-color: #1F3F2F;
--primary-color: #C8F564;
--body-text: #D5EFDB;
--brown: #FFF7EF;
--lord-icon-primary: var(--primary-color);
--lord-icon-secondary: var(--primary-color);
}
.section--usp.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--usp.section--in-view .container .left-col .icon-with-headline-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--usp .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--usp .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 740px) {
.section--usp .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (max-width: 500px) {
.section--usp .container .left-col .icons-with-headline-items {
-ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 4rem 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.section--usp .container .left-col .icon-with-headline-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
@media screen and (max-width: 500px) {
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(1), .section--usp .container .left-col .icon-with-headline-item:nth-of-type(2) {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.section--usp .container .left-col .icon-with-headline-item:nth-of-type(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/4;
}
}
@media screen and (max-width: 740px) {
.section--usp .container .left-col .icon-with-headline-item__icon {
margin-left: auto;
margin-right: auto;
}
}
.section--usp .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 0 0 10rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--usp .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 740px) {
.section--usp .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0;
margin-bottom: 2.4rem;
}
}
.section--service-flow {
font-size: 0;
z-index: 3;
}
.section--service-flow.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--service-flow .container {
--left-col-width: 34rem;
}
.section--service-flow .container .left-col {
display: inline-block;
vertical-align: top;
position: sticky;
top: calc(var(--site-header-height) + var(--adminbar-height) + 5rem);
width: var(--left-col-width);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--service-flow .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 650px) {
.section--service-flow .container .left-col {
position: static;
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 650px) {
.section--service-flow .container .left-col .btn {
display: none;
}
}
.section--service-flow .container .right-col {
display: inline-block;
vertical-align: top;
width: calc(100% - var(--left-col-width));
padding-left: 15rem;
}
@media screen and (max-width: 800px) {
.section--service-flow .container .right-col {
padding-left: 7rem;
}
}
@media screen and (max-width: 650px) {
.section--service-flow .container .right-col {
padding-left: 0;
width: 100%;
text-align: center;
margin-top: 3rem;
}
}
.section--service-flow .container .right-col .btn {
display: none;
}
@media screen and (max-width: 650px) {
.section--service-flow .container .right-col .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 4rem;
}
}
.service-flow-nav-items {
margin: 2.4rem 0 4rem 0;
}
@media screen and (max-width: 650px) {
.service-flow-nav-items {
display: none;
}
}
a.service-flow-nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
color: #D5EFDB;
text-decoration: none !important;
}
a.service-flow-nav-item:hover p {
text-decoration: none;
}
a.service-flow-nav-item .service-flow-nav-item__icon {
color: #C8F564;
}
a.service-flow-nav-item p {
text-decoration: underline;
}
.service-flow-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
max-width: 49rem;
}
@media screen and (max-width: 650px) {
.service-flow-items {
margin-left: auto;
margin-right: auto;
text-align: left;
}
}
.service-flow-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.service-flow-item {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.service-flow-item.part--in-view {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.service-flow-item p.h1 {
color: #274F37;
}
.service-flow-item h3.h4 {
margin-bottom: 1.6rem;
}
.section--help, .section--content-icons {
padding-bottom: 12rem;
}
.section--help .bg, .section--content-icons .bg {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 150rem;
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/section-help-bg.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
pointer-events: none;
}
@media screen and (min-width: 2200px) {
.section--help .bg, .section--content-icons .bg {
background-position: top center;
height: 60rem;
}
}
.section--help .container, .section--content-icons .container {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--help .container .left-col, .section--content-icons .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 4rem;
}
@media screen and (max-width: 800px) {
.section--help .container .left-col, .section--content-icons .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
text-align: center;
}
}
.section--help .container .left-col p.subheader, .section--content-icons .container .left-col p.subheader {
margin-bottom: 2.4rem;
}
.section--help .container .left-col .btn, .section--content-icons .container .left-col .btn {
margin-top: 1rem;
}
@media screen and (max-width: 800px) {
.section--help .container .left-col .btn, .section--content-icons .container .left-col .btn {
display: none;
}
}
.section--help .container .right-col, .section--content-icons .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-top: 6rem;
}
@media screen and (max-width: 1000px) {
.section--help .container .right-col, .section--content-icons .container .right-col {
padding-top: 4rem;
}
}
@media screen and (max-width: 800px) {
.section--help .container .right-col, .section--content-icons .container .right-col {
padding-top: 3rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--help .container .right-col .icons-with-headline-items, .section--content-icons .container .right-col .icons-with-headline-items {
gap: 4.2rem 2.2rem;
}
@media screen and (max-width: 800px) {
.section--help .container .right-col .icon-with-headline-item__icon, .section--content-icons .container .right-col .icon-with-headline-item__icon {
margin-left: auto;
margin-right: auto;
}
}
.section--help .container .right-col .h4, .section--content-icons .container .right-col .h4 {
font-size: 1.8rem;
}
.section--help .container .right-col .btn, .section--content-icons .container .right-col .btn {
display: none;
}
@media screen and (max-width: 800px) {
.section--help .container .right-col .btn, .section--content-icons .container .right-col .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 4rem;
}
}
.section--content-icons {
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/section-register-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section--content-icons.section--in-view .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--content-icons.section--in-view .icon-with-headline-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--content-icons .left-col {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--content-icons .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--content-icons .icon-with-headline-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--content-icons .icon-with-headline-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--content-icons .icon-with-headline-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.section--heading-content.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--heading-content.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--heading-content .container {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--heading-content .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 53%;
flex: 0 0 53%;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--heading-content .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 800px) {
.section--heading-content .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
text-align: center;
}
}
.section--heading-content .container .left-col p.subheader {
margin-bottom: 2.4rem;
}
.section--heading-content .container .left-col .btn {
margin-top: 1rem;
}
@media screen and (max-width: 800px) {
.section--heading-content .container .left-col .btn {
display: none;
}
}
.section--heading-content .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--heading-content .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section--heading-content .container .right-col {
padding-left: 8rem;
}
@media screen and (max-width: 1000px) {
.section--heading-content .container .right-col {
padding-left: 5rem;
}
}
@media screen and (max-width: 800px) {
.section--heading-content .container .right-col {
padding-top: 3rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding-left: 0;
}
}
.section--heading-content .container .right-col .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
}
.section--numbers {
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/section-register-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section--numbers.section--tab-panel {
background: none;
}
.section--numbers .container {
position: relative;
z-index: 2;
}
.section--numbers .section__text_under_header {
margin: 0 0 3.2rem;
text-align: center;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--numbers .section__text_under_header p {
padding: 0 0 1.6rem;
}
.section--numbers.section--in-view .section__text_under_header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--numbers.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--numbers.section--in-view .number-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--numbers .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--numbers .number-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--numbers .number-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--numbers .number-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--numbers .number-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--numbers .number-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--numbers .number-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--numbers .number-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--numbers .number-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--numbers .number-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--numbers .number-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.section--tab-panel:not(.section--estate) {
padding-top: 0 !important;
}
.section--tabs-content {
padding: 8rem 0 0 0;
}
.section--tabs-content.negative-margin-top {
margin-top: -10rem;
}
@media screen and (max-width: 1000px) {
.section--tabs-content {
padding: 6rem 0 0 0;
}
.section--tabs-content.negative-margin-top {
margin-top: -8rem;
}
}
.section--tabs-content .section__header {
text-align: center;
margin-bottom: 2.4rem;
}
.section--tabs-content .section__text_under_header {
max-width: 76rem;
margin: 0 auto 4rem;
text-align: center;
}
@media screen and (max-width: 700px) {
.section--tabs-content .section__text_under_header {
margin-bottom: 3rem;
}
}
.section--tabs-content .tabs-content {
--tabs-border-color: #274F37;
--tabs-indicator-color: #C8F564;
--tabs-indicator-shadow: 0 0 2.4rem rgba(210, 255, 89, 0.12);
}
.section--tabs-content .tabs-content__nav-wrap {
margin: 0 auto 4.8rem;
max-width: 70rem;
}
@media screen and (max-width: 700px) {
.section--tabs-content .tabs-content__nav-wrap {
margin-bottom: 2.4rem;
}
}
.section--tabs-content .tabs-content__nav {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 1rem;
padding: 1rem;
border: 1px solid var(--tabs-border-color);
border-radius: 100rem;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.section--tabs-content .tabs-content__nav::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 700px) {
.section--tabs-content .tabs-content__nav {
gap: 0.8rem;
padding: 0.8rem;
}
}
.section--tabs-content .tabs-content__indicator {
position: absolute;
top: 0.8rem;
left: 0;
bottom: 0.8rem;
width: 0;
border-radius: 100rem;
background: var(--tabs-indicator-color);
-webkit-transition: width 0.35s ease, -webkit-transform 0.35s ease;
transition: width 0.35s ease, -webkit-transform 0.35s ease;
transition: transform 0.35s ease, width 0.35s ease;
transition: transform 0.35s ease, width 0.35s ease, -webkit-transform 0.35s ease;
pointer-events: none;
}
@media screen and (max-width: 700px) {
.section--tabs-content .tabs-content__indicator {
top: 0.6rem;
bottom: 0.6rem;
}
}
.section--tabs-content .tabs-content__trigger {
position: relative;
z-index: 1;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 6.2rem;
padding: 0 2.8rem;
border-radius: 100rem;
background: transparent;
color: #D5EFDB;
font-family: inherit;
font-size: 1.6rem;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
cursor: pointer;
}
@media screen and (max-width: 900px) {
.section--tabs-content .tabs-content__trigger {
padding: 0 2rem;
}
}
@media screen and (max-width: 700px) {
.section--tabs-content .tabs-content__trigger {
padding: 0 1.8rem;
font-size: 1.4rem;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}
.section--tabs-content .tabs-content__trigger:hover, .section--tabs-content .tabs-content__trigger:focus-visible {
color: white;
}
.section--tabs-content .tabs-content__trigger.is-active {
color: #1F3F2F;
}
.section--variants, .section--cols-content {
z-index: 2;
padding-bottom: 12rem;
}
.section--variants .section__text_under_header, .section--cols-content .section__text_under_header {
margin: 0 0 3.2rem;
text-align: center;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--variants.section--in-view .section__text_under_header, .section--cols-content.section--in-view .section__text_under_header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--variants.section--in-view .section__footer, .section--cols-content.section--in-view .section__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--variants .section__footer, .section--cols-content .section__footer {
margin-top: 5rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--variants .section__footer__text, .section--cols-content .section__footer__text {
margin-top: 5rem;
text-align: center;
}
.service-variants-items {
padding: 2rem 0 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4rem 1fr 4rem 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
@media screen and (max-width: 1000px) {
.service-variants-items {
gap: 2.5rem;
}
}
@media screen and (max-width: 700px) {
.service-variants-items {
-ms-grid-columns: 1fr 2rem 1fr;
grid-template-columns: 1fr 1fr;
gap: 4rem 2rem;
}
}
@media screen and (max-width: 550px) {
.service-variants-items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 550px) {
.service-variant-item {
text-align: center;
}
}
.service-variant-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 5.6rem;
aspect-ratio: 1/1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #C8F564;
font-size: 0;
border-radius: 2.8rem;
border: 1px solid #274F37;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 550px) {
.service-variant-item__icon {
margin-left: auto;
margin-right: auto;
}
}
.service-variant-item .h4 {
margin-bottom: 0.8rem;
}
.service-variant-item .btn {
margin-top: 4rem;
}
.section--references {
z-index: 2;
}
.seciton--intereset, .section--green {
padding-bottom: 12rem;
z-index: 2;
}
.section--text-image.section--text-image-0 {
padding-top: 12rem;
}
@media screen and (max-width: 600px) {
.section--text-image.section--text-image-0 {
padding-top: 6rem;
}
}
.modulars {
position: relative;
}
.modulars .bg {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 150rem;
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/sluzba-modulars-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
pointer-events: none;
}
.modulars .section {
position: relative;
z-index: 2;
}
.section--services {
padding: 8rem 0;
background-color: #1F3F2F;
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/section-register-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.section--services .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--services .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 780px) {
.section--services .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--services .container .left-col h1 {
margin-bottom: 4rem;
}
.section--services .container .left-col .btn {
margin-top: 3rem;
}
@media screen and (max-width: 780px) {
.section--services .container .left-col .btn {
display: none;
}
}
.section--services .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 8rem;
}
@media screen and (max-width: 1000px) {
.section--services .container .right-col {
padding: 0 3rem;
}
}
@media screen and (max-width: 780px) {
.section--services .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding: 0;
}
}
@media screen and (max-width: 780px) {
.section--services .container .right-col .services-items-list {
width: calc(100% - 8rem);
max-width: 41rem;
margin: 0 auto;
}
}
@media screen and (max-width: 450px) {
.section--services .container .right-col .services-items-list {
width: calc(100% - 5rem);
}
}
.section--services .container .right-col .service-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 1.9rem 5rem 1.1rem 2.7rem;
text-decoration: none;
color: #A9BAA8;
border-bottom: 1px solid rgba(169, 186, 168, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: left;
}
.section--services .container .right-col .service-item:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 450px) {
.section--services .container .right-col .service-item {
padding-left: 0.8rem;
padding-right: 3.3rem;
}
}
.section--services .container .right-col .service-item.service-item--active h3, .section--services .container .right-col .service-item:hover h3 {
color: white;
}
.section--services .container .right-col .service-item.service-item--active .subheader, .section--services .container .right-col .service-item:hover .subheader {
color: #D5EFDB;
}
.section--services .container .right-col .service-item.service-item--active .service-item__icon, .section--services .container .right-col .service-item:hover .service-item__icon {
color: #C8F564;
}
.section--services .container .right-col .service-item.service-item--active .service-item__arrow, .section--services .container .right-col .service-item:hover .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--services .container .right-col .service-item h3 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #A9BAA8;
}
.section--services .container .right-col .service-item .subheader {
color: #A9BAA8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--services .container .right-col .service-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.section--services .container .right-col .service-item__icon svg path, .section--services .container .right-col .service-item__icon svg line, .section--services .container .right-col .service-item__icon svg circle, .section--services .container .right-col .service-item__icon svg rect {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--services .container .right-col .service-item__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section--services .container .right-col .service-item__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(calc(50% - 2rem), -50%);
transform: translate(calc(50% - 2rem), -50%);
opacity: 0;
}
.section--services .container .right-col .mobile-button {
display: none;
}
@media screen and (max-width: 780px) {
.section--services .container .right-col .mobile-button {
display: block;
text-align: center;
margin-top: 4rem;
}
}
.service-flyer {
position: fixed;
z-index: 20;
right: 2.5rem;
bottom: 2.5rem;
background: #C8F564;
border-radius: 0.8rem;
padding: 1.8rem 3.8rem 1.8rem 2.4rem;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.service-flyer.show {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.service-flyer .close {
position: absolute;
right: 0.4rem;
top: 0.4rem;
color: #1F3F2F;
opacity: 0.4;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service-flyer .close:hover {
opacity: 1;
cursor: pointer;
}
.service-flyer .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.service-flyer .content {
padding-right: 2.6rem;
white-space: nowrap;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service-flyer .content p.title {
white-space: nowrap;
color: #1F3F2F;
font-size: 14px;
line-height: 1;
}
.service-flyer .content p.link {
font-family: "Attila Sans Sharp", Arial, sans-serif;
white-space: nowrap;
color: #1F3F2F;
text-decoration: underline;
font-size: 2rem;
line-height: 1;
margin-top: 0.5rem;
display: block;
}
.service-flyer .content p.link:hover {
text-decoration: none;
}
.service-flyer .arrow {
width: 4rem;
aspect-ratio: 1/1;
border-radius: 4rem;
background-color: transparent;
border: 1px solid #1F3F2F;
color: #1F3F2F;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.service-flyer .arrow:hover {
background: #1F3F2F;
color: #C8F564;
}
.section--content-green {
padding: 12rem 0;
}
.section--content-green.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--content-green.section--in-view .section__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--content-green .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--content-green .section__header h2 {
max-width: 60rem;
margin: 0 auto;
}
.section--content-green .section__footer {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--links.section--in-view .container .left-col .service-item {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--links.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--links .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--links .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 740px) {
.section--links .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.section--links .container .left-col .services-items-list {
width: calc(100% - 16rem);
}
@media screen and (max-width: 780px) {
.section--links .container .left-col .services-items-list {
width: calc(100% - 8rem);
max-width: 41rem;
margin: 0 auto;
}
}
@media screen and (max-width: 450px) {
.section--links .container .left-col .services-items-list {
width: calc(100% - 5rem);
}
}
.section--links .container .left-col .service-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.9rem 5rem 1.1rem 1rem;
text-decoration: none;
color: #A9BAA8;
border-bottom: 1px solid rgba(169, 186, 168, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: left;
min-height: 9.8rem;
align-items: center;
}
.section--links .container .left-col .service-item:last-of-type {
margin-bottom: 0;
}
.section--links .container .left-col .service-item:has(.subheader) .service-item__icon {
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.section--links .container .left-col .service-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--links .container .left-col .service-item {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--links .container .left-col .service-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--links .container .left-col .service-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--links .container .left-col .service-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--links .container .left-col .service-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--links .container .left-col .service-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--links .container .left-col .service-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--links .container .left-col .service-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--links .container .left-col .service-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--links .container .left-col .service-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
@media screen and (max-width: 450px) {
.section--links .container .left-col .service-item {
padding-left: 0.8rem;
padding-right: 3.3rem;
}
}
.section--links .container .left-col .service-item.service-item--active h3 {
color: #1F3F2F;
}
.section--links .container .left-col .service-item.service-item--active .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--links .container .left-col .service-item:hover .service-item__icon {
color: #C8F564;
}
.section--links .container .left-col .service-item:hover .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--links .container .left-col .service-item h3 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links .container .left-col .service-item .subheader {
color: #1F3F2F;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links .container .left-col .service-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
.section--links .container .left-col .service-item__icon svg path, .section--links .container .left-col .service-item__icon svg line, .section--links .container .left-col .service-item__icon svg circle, .section--links .container .left-col .service-item__icon svg rect {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links .container .left-col .service-item__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section--links .container .left-col .service-item__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(calc(50% - 2rem), -50%);
transform: translate(calc(50% - 2rem), -50%);
opacity: 0;
}
.section--links .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 0 0 10rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--links .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 740px) {
.section--links .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0;
margin-bottom: 2.4rem;
}
}
.section--links .container .right-col h2 {
font-size: 4.4rem;
}
@media screen and (max-width: 1000px) {
.section--links .container .right-col h2 {
font-size: 4rem;
}
}
@media screen and (max-width: 850px) {
.section--links .container .right-col h2 {
font-size: 3.1rem;
}
}
@media screen and (max-width: 600px) {
.section--links .container .right-col h2 {
font-size: 2.6rem;
}
}
@media screen and (max-width: 450px) {
.section--links .container .right-col h2 {
font-size: 2.6rem;
}
}
@media screen and (max-width: 345px) {
.section--links .container .right-col h2 {
font-size: 2.3rem;
}
}
.section--links-with-bg {
padding: 12rem 0;
overflow: hidden;
}
.section--links-with-bg.section--in-view .bg {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section--links-with-bg.section--in-view .container .left-col .service-item {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--links-with-bg .bg {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
max-width: 1440px;
left: 50%;
top: 50%;
font-size: 0;
-webkit-transition: 0.7s ease-out;
transition: 0.7s ease-out;
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.section--links-with-bg .bg img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
}
.section--links-with-bg .bg:before {
position: absolute;
content: "";
z-index: 4;
width: 20rem;
height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); right: 0;
bottom: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0;
}
@media screen and (min-width: 1440px) {
.section--links-with-bg .bg:before {
opacity: 1;
}
}
.section--links-with-bg .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.section--links-with-bg .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 740px) {
.section--links-with-bg .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.section--links-with-bg .container .left-col .services-items-list {
width: calc(100% - 16rem);
}
@media screen and (max-width: 780px) {
.section--links-with-bg .container .left-col .services-items-list {
width: calc(100% - 8rem);
max-width: 41rem;
margin: 0 auto;
}
}
@media screen and (max-width: 450px) {
.section--links-with-bg .container .left-col .services-items-list {
width: calc(100% - 5rem);
}
}
.section--links-with-bg .container .left-col .service-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.9rem 5rem 1.1rem 1rem;
text-decoration: none;
color: #A9BAA8;
border-bottom: 1px solid rgba(169, 186, 168, 0.15);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: left;
min-height: 9.8rem;
align-items: center;
}
.section--links-with-bg .container .left-col .service-item:last-of-type {
margin-bottom: 0;
}
.section--links-with-bg .container .left-col .service-item:has(.subheader) .service-item__icon {
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.section--links-with-bg .container .left-col .service-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--links-with-bg .container .left-col .service-item {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--links-with-bg .container .left-col .service-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
@media screen and (max-width: 450px) {
.section--links-with-bg .container .left-col .service-item {
padding-left: 0.8rem;
padding-right: 3.3rem;
}
}
.section--links-with-bg .container .left-col .service-item.service-item--active h3 {
color: #1F3F2F;
}
.section--links-with-bg .container .left-col .service-item.service-item--active .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--links-with-bg .container .left-col .service-item:hover .service-item__icon {
color: #C8F564;
}
.section--links-with-bg .container .left-col .service-item:hover .service-item__arrow {
opacity: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.section--links-with-bg .container .left-col .service-item h3 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links-with-bg .container .left-col .service-item .subheader {
color: #1F3F2F;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links-with-bg .container .left-col .service-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-0.4rem);
transform: translateY(-0.4rem);
}
.section--links-with-bg .container .left-col .service-item__icon svg path, .section--links-with-bg .container .left-col .service-item__icon svg line, .section--links-with-bg .container .left-col .service-item__icon svg circle, .section--links-with-bg .container .left-col .service-item__icon svg rect {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section--links-with-bg .container .left-col .service-item__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section--links-with-bg .container .left-col .service-item__arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(calc(50% - 2rem), -50%);
transform: translate(calc(50% - 2rem), -50%);
opacity: 0;
}
h2.smaller {
font-size: 4.4rem;
}
@media screen and (max-width: 1000px) {
h2.smaller {
font-size: 4rem;
}
}
@media screen and (max-width: 850px) {
h2.smaller {
font-size: 3.1rem;
}
}
@media screen and (max-width: 600px) {
h2.smaller {
font-size: 2.6rem;
}
}
@media screen and (max-width: 450px) {
h2.smaller {
font-size: 2.6rem;
}
}
@media screen and (max-width: 345px) {
h2.smaller {
font-size: 2.3rem;
}
}
.section--cols-content.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--cols-content.section--in-view .service-variant-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--cols-content .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--cols-content .service-variant-item {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--cols-content .service-variant-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.section--cols-content .service-variant-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.section--cols-content .service-variant-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.section--cols-content .service-variant-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.section--cols-content .service-variant-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.section--cols-content .service-variant-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.section--cols-content .service-variant-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.section--cols-content .service-variant-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.section--cols-content .service-variant-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.section--brown.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--brown.section--in-view .section__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--brown .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--brown .section__footer {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--white-slider {
padding: 10rem 0 8.6rem 0;
background: white;
overflow: hidden;
}
.section--white-slider.section--in-view .section-slider__slides {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--white-slider.section--in-view .bg {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
.section--white-slider .bg {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
max-width: 1440px;
left: 50%;
top: 50%;
font-size: 0;
-webkit-transition: 0.7s ease-out;
transition: 0.7s ease-out;
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.section--white-slider .bg img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
}
.section--white-slider .bg:before {
position: absolute;
content: "";
z-index: 4;
width: 20rem;
height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); right: 0;
bottom: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0;
}
@media screen and (min-width: 1440px) {
.section--white-slider .bg:before {
opacity: 1;
}
}
.section--white-slider .container {
position: relative;
z-index: 2;
}
.section-slider__slides {
max-width: 68rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section-slider__slides {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section-slider__slides.slick-slider {
padding-bottom: 8rem;
}
.section-slider__slides.slick-slider .slick-arrow {
width: 4rem;
height: 4rem;
top: auto;
-webkit-transform: none;
transform: none;
bottom: 0;
}
.section-slider__slides.slick-slider .slick-arrow.slick-prev {
left: 0;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.section-slider__slides.slick-slider .slick-arrow.slick-next {
right: auto;
left: 4.8rem;
}
.section-slider__slide {
padding-left: 1rem;
}
.section-slider__slide p.subheader {
color: #A9BAA8;
margin-bottom: 2rem;
}
.section-slider__slide .btn {
margin-top: 2rem;
}
.section.section--tiles-content {
background-image: url(//stoix.cz/wp-content/themes/stoix-theme-v2/assets/images/section-register-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section.section--tiles-content.section--in-view .tile-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.tiles-items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.6rem 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 600px) {
.tiles-items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.tile-item {
display: block;
text-decoration: none !important;
border: 1px solid #274F37;
border-radius: 0.8rem;
padding: 3.2rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.tile-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.tile-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.tile-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.tile-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.tile-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.tile-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.tile-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.tile-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.tile-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.tile-item p.subheader {
margin-bottom: 1rem;
}
.tile-item .text {
margin: 2.4rem 0;
}
.tile-item p.link {
text-decoration: underline;
color: var(--primary-color);
}
.tile-item p.link:hover {
text-decoration: none;
}
.section--downloads.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--downloads.section--in-view .download-file-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--downloads .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.downloads-files-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.download-file-item {
display: inline-block;
vertical-align: top;
position: relative;
text-decoration: none !important;
border-radius: 0.8rem;
--padding: 2.4rem;
padding: var(--padding);
padding-bottom: 9.4rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 1 27.2rem;
flex: 0 1 27.2rem;
background: #234630;
}
.download-file-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.download-file-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.download-file-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.download-file-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.download-file-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.download-file-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.download-file-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
@media screen and (max-width: 1000px) {
.download-file-item {
padding: var(--padding);
padding-bottom: 9.4rem;
}
}
.download-file-item .icon {
color: var(--primary-color);
margin-bottom: 1rem;
}
.download-file-item .h5 {
font-size: 1.8rem;
}
.download-file-item p.file-info {
text-transform: uppercase;
}
.download-file-item .with-icon {
position: absolute;
left: var(--padding);
bottom: var(--padding);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1.8rem;
gap: 1.8rem;
}
.download-file-item .with-icon .download-file-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 5.6rem;
flex: 0 0 5.6rem;
aspect-ratio: 1/1;
color: var(--secondary-color);
background: var(--primary-color);
border-radius: 2.8rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.download-file-item .with-icon .download-file-item__icon:hover {
background: white;
}
.download-file-item .with-icon .text {
text-transform: uppercase;
}
.download-file-item .with-icon .text p {
color: var(--primary-color);
text-decoration: underline;
}
.download-file-item .with-icon .text p:hover {
text-decoration: none;
}
.section--medailonek.section--in-view .medailonek {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.medailonek {
max-width: 94rem;
border: 1px solid #274F37;
border-radius: 0.8rem;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
font-size: 0;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
@media screen and (max-width: 670px) {
.medailonek {
border: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.medailonek .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 27rem;
flex: 0 0 27rem;
}
@media screen and (max-width: 670px) {
.medailonek .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
.medailonek .left-col img {
max-width: 27rem;
margin: 0 auto;
border-radius: 0.8rem;
}
}
.medailonek .right-col {
padding-left: 11rem;
}
@media screen and (max-width: 810px) {
.medailonek .right-col {
padding-left: 5rem;
}
}
@media screen and (max-width: 670px) {
.medailonek .right-col {
padding: 2.4rem;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.medailonek .right-col .h2 {
margin: 1rem 0 0 0;
}
.medailonek .right-col p.position {
color: var(--primary-color);
text-transform: uppercase;
}
.medailonek .right-col .contact-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #D5EFDB;
margin-top: 2rem;
}
@media screen and (max-width: 670px) {
.medailonek .right-col .contact-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.medailonek .right-col .contact-item__icon {
color: #C8F564;
}
.medailonek .right-col .contact-item a {
color: #D5EFDB;
}
.medailonek .right-col .contact-item.contact-item--address {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.medailonek .right-col .contact-item.contact-item--address .contact-item__text {
text-align: left;
}
.section--partners .logos-wrap {
padding: 0;
}
.section--table.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--table.section--in-view .table-wrap {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--table .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--table .table-wrap {
border-radius: 0.8rem;
max-width: 75rem;
margin: 0 auto;
background: white;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.section--table .table-wrap .table {
max-width: 59rem;
margin: 0 auto;
padding: 5rem 1.6rem;
}
.section--table .table-wrap .table .table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.6rem;
border-top: 1px solid #A9BAA8;
}
@media screen and (max-width: 600px) {
.section--table .table-wrap .table .table__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
padding: 1rem;
}
}
.section--table .table-wrap .table .table__row:first-of-type {
border-top: 0;
}
.section--table .table-wrap .table .table__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
@media screen and (max-width: 600px) {
.section--table .table-wrap .table .table__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.section--table .table-wrap .table .table__col.table__col--left {
padding-right: 1.6rem;
}
.section--table .table-wrap .table .table__col.table__col--left p {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
margin: 0;
}
.section--table .table-wrap .table .table__col.table__col--right p {
font-family: "Attila Sans Sharp", Arial, sans-serif;
font-size: 2rem;
line-height: 1.1;
color: #1F3F2F;
margin: 0;
}
@media screen and (max-width: 600px) {
.section--top-project {
padding: 3rem 0;
}
}
.section--top-project.section--in-view .container.container--image-right .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--top-project.section--in-view .container.container--image-right .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--top-project.section--in-view .container.container--image-left .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--top-project.section--in-view .container.container--image-left .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--top-project .container {
--spacing: 10rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
.section--top-project .container {
--spacing: 5rem;
}
}
.section--top-project .container.container--image-right .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--top-project .container.container--image-right .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--top-project .container.container--image-right .right-col {
padding-left: var(--spacing);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--top-project .container.container--image-right .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 700px) {
.section--top-project .container.container--image-right .right-col {
padding-left: 0;
}
}
.section--top-project .container.container--image-left .left-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--top-project .container.container--image-left .left-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 700px) {
.section--top-project .container.container--image-left .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.section--top-project .container.container--image-left .right-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--top-project .container.container--image-left .right-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--top-project .container.container--image-left .right-col {
padding-right: var(--spacing);
}
@media screen and (max-width: 700px) {
.section--top-project .container.container--image-left .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-right: 0;
}
}
.section--top-project .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 700px) {
.section--top-project .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 3.5rem;
}
}
.section--top-project .container .left-col .inner {
max-width: 46rem;
}
@media screen and (max-width: 700px) {
.section--top-project .container .left-col .inner {
margin-left: auto;
margin-right: auto;
}
}
.section--top-project .container .left-col .text {
margin-top: 0.8rem;
}
@media screen and (max-width: 700px) {
.section--top-project .container .left-col .text {
margin-left: auto;
margin-right: auto;
}
}
.section--top-project .container .left-col .icons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem 0;
border: 1px solid #A9BAA8;
border-right: 0;
border-left: 0;
margin: 2.4rem 0;
}
.section--top-project .container .left-col .icons .with-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
padding-right: 3.8rem;
}
@media screen and (max-width: 340px) {
.section--top-project .container .left-col .icons .with-icon {
padding-right: 2rem;
}
}
.section--top-project .container .left-col .icons .with-icon svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
width: 2.4rem;
}
.section--top-project .container .left-col .icons .with-icon span {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
}
.section--top-project .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 50%;
flex: 0 50%;
}
@media screen and (max-width: 700px) {
.section--top-project .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--top-project .container .right-col img {
width: 100%;
border-radius: 0.8rem;
}
.section--funds-list.section--in-view .fund-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--funds-list.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--funds-list .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.section--funds-list .disclaimer {
margin-top: 4rem;
text-align: center;
}
.section--funds-list .disclaimer p {
font-size: 14px;
}
.funds-items {
margin: 4.5rem -0.8rem 0 -0.8rem;
font-size: 0;
text-align: center;
}
@media screen and (max-width: 900px) {
.funds-items {
margin-left: -0.4rem;
margin-right: -0.4rem;
}
}
@media screen and (max-width: 500px) {
.funds-items {
margin-left: 0;
margin-right: 0;
}
}
.fund-item {
display: inline-block;
vertical-align: top;
margin: 0.8rem;
width: calc(25% - 1.6rem);
text-decoration: none !important;
text-align: left;
background: white;
border-radius: 0.8rem;
overflow: hidden;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.fund-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.fund-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fund-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.fund-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fund-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.fund-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fund-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.fund-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fund-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.fund-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.fund-item:nth-of-type(11) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.fund-item:nth-of-type(12) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.fund-item:nth-of-type(13) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
.fund-item:nth-of-type(14) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.fund-item:nth-of-type(15) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.fund-item:nth-of-type(16) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.fund-item:nth-of-type(17) {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
.fund-item:nth-of-type(18) {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.fund-item:nth-of-type(19) {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
.fund-item:nth-of-type(20) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
@media screen and (max-width: 900px) {
.fund-item {
margin: 0.4rem;
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 500px) {
.fund-item {
margin: 0.4rem 0;
width: 100%;
}
}
.fund-item:hover .fund-item__thumb:before {
opacity: 0;
}
.fund-item:hover .fund-item__thumb img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.fund-item:hover .fund-item__thumb svg {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.fund-item__thumb {
position: relative;
overflow: hidden;
aspect-ratio: 272/171;
}
.fund-item__thumb img {
position: absolute;
width: 100%;
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;
z-index: 2;
}
.fund-item__content {
border-top: 0;
padding: 2.4rem;
}
@media screen and (max-width: 900px) {
.fund-item__content {
padding: 2rem;
}
}
.fund-item__content h2 {
margin: 0 0 1.8rem 0;
font-size: 2rem;
line-height: 1.1;
font-family: "Attila Sans Sharp", Arial, sans-serif;
color: #1F3F2F;
min-height: 6.6rem;
}
@media screen and (max-width: 500px) {
.fund-item__content h2 {
min-height: auto;
}
}
.fund-item__content .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2.4rem 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fund-item__content .icons .icons__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-bottom: 1px solid #A9BAA8;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fund-item__content .icons .icons__row .col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
padding: 0.7rem 0.5rem;
}
.fund-item__content .icons .icons__row .col.col--right {
border-left: 1px solid #A9BAA8;
}
.fund-item__content .icons .icons__row .col.col--icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
padding: 0;
}
.fund-item__content .icons .icons__row .col.col--icon svg {
color: #A9BAA8;
stroke-width: 2;
}
.fund-item__content .icons .icons__row .col.col--icon svg path, .fund-item__content .icons .icons__row .col.col--icon svg line, .fund-item__content .icons .icons__row .col.col--icon svg circle {
stroke-width: 2;
}
.fund-item__content .icons .icons__row .col.col--text {
padding: 0.2rem 0;
}
.fund-item__content .icons .icons__row .col.col--text p {
font-size: 13px;
}
.fund-item__content .icons .icons__row .col p {
font-size: 14px;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
}
.fund-item__content .icons .with-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
padding-right: 3.8rem;
}
@media screen and (max-width: 340px) {
.fund-item__content .icons .with-icon {
padding-right: 2rem;
}
}
.fund-item__content .icons .with-icon svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
width: 2.4rem;
color: #A9BAA8;
}
.fund-item__content .icons .with-icon span {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
}
.fund-item__content .btn--link {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
text-decoration: underline;
}
.fund-item__content .btn--link:hover {
text-decoration: none;
}
.section--text-big-image.section--in-view .container.container--image-right .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--text-big-image.section--in-view .container.container--image-right .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--text-big-image.section--in-view .container.container--image-left .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--text-big-image.section--in-view .container.container--image-left .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--text-big-image .container {
--spacing: 5.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--text-big-image .container.container--image-right .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--text-big-image .container.container--image-right .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--text-big-image .container.container--image-right .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: var(--spacing);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--text-big-image .container.container--image-right .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 900px) {
.section--text-big-image .container.container--image-right .right-col {
padding-left: 0;
}
}
.section--text-big-image .container.container--image-left .left-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--text-big-image .container.container--image-left .left-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 900px) {
.section--text-big-image .container.container--image-left .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.section--text-big-image .container.container--image-left .right-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--text-big-image .container.container--image-left .right-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--text-big-image .container.container--image-left .right-col {
padding-right: var(--spacing);
}
@media screen and (max-width: 900px) {
.section--text-big-image .container.container--image-left .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-right: 0;
}
}
.section--text-big-image .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33rem;
flex: 0 0 33rem;
}
@media screen and (max-width: 1100px) {
.section--text-big-image .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 45rem;
flex: 0 0 45rem;
}
}
@media screen and (max-width: 900px) {
.section--text-big-image .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 3.5rem;
}
}
.section--text-big-image .container .left-col .text {
max-width: 37rem;
margin-top: 0.8rem;
}
@media screen and (max-width: 900px) {
.section--text-big-image .container .left-col .text {
margin-left: auto;
margin-right: auto;
text-align: left;
}
}
.section--text-big-image .container .left-col .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-right: 0;
border-left: 0;
margin: 2.4rem 0 0 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--text-big-image .container .left-col .icons .with-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (max-width: 900px) {
.section--text-big-image .container .left-col .icons .with-icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.section--text-big-image .container .left-col .icons .with-icon svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
width: 2.4rem;
color: var(--primary-color);
}
.section--text-big-image .container .left-col .icons .with-icon span {
font-size: 1.6rem;
line-height: 1.5;
color: white;
font-weight: 400;
}
.section--text-big-image .container .left-col .btn {
margin-top: 4rem;
}
@media screen and (max-width: 900px) {
.section--text-big-image .container .left-col .btn {
margin-top: 2.5rem;
}
}
.section--text-big-image .container .right-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 900px) {
.section--text-big-image .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.section--text-big-image .container .right-col img {
width: 100%;
border-radius: 0.8rem;
}
.section--estates.section--in-view .estate-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--estates.section--in-view .section__header {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--estates .section__header {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(-5rem);
transform: translateY(-5rem);
opacity: 0;
}
.estates-items {
margin: 4.5rem -0.8rem 0 -0.8rem;
font-size: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.estates-items {
margin-left: -0.4rem;
margin-right: -0.4rem;
}
}
@media screen and (max-width: 500px) {
.estates-items {
margin-left: 0;
margin-right: 0;
}
}
.estate-item {
display: inline-block;
vertical-align: top;
margin: 0.8rem;
width: calc(33.333% - 1.6rem);
text-decoration: none !important;
text-align: left;
background: white;
border-radius: 0.8rem;
overflow: hidden;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
opacity: 0;
}
.estate-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.estate-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.estate-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.estate-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.estate-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.estate-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.estate-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.estate-item:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.estate-item:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.estate-item:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.estate-item:nth-of-type(11) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.estate-item:nth-of-type(12) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.estate-item:nth-of-type(13) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
.estate-item:nth-of-type(14) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.estate-item:nth-of-type(15) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.estate-item:nth-of-type(16) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.estate-item:nth-of-type(17) {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
.estate-item:nth-of-type(18) {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.estate-item:nth-of-type(19) {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
.estate-item:nth-of-type(20) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
@media screen and (max-width: 900px) {
.estate-item {
margin: 0.4rem;
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 500px) {
.estate-item {
margin: 0.4rem 0;
width: 100%;
}
}
.estate-item:hover .fund-item__thumb:before {
opacity: 0;
}
.estate-item:hover .fund-item__thumb img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.estate-item:hover .fund-item__thumb svg {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.estate-item__thumb {
position: relative;
overflow: hidden;
aspect-ratio: 368/231;
}
.estate-item__thumb img {
position: absolute;
width: 100%;
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;
z-index: 2;
}
.estate-item__content {
border-top: 0;
padding: 3rem;
}
@media screen and (max-width: 900px) {
.estate-item__content {
padding: 2rem;
}
}
.estate-item__content h2 {
margin: 0 0 1.8rem 0;
font-size: 2rem;
line-height: 1.1;
font-family: "Attila Sans Sharp", Arial, sans-serif;
color: #1F3F2F;
min-height: 4.4rem;
}
@media screen and (max-width: 500px) {
.estate-item__content h2 {
min-height: auto;
}
}
.estate-item__content .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1rem 0;
border: 1px solid #A9BAA8;
border-right: 0;
border-left: 0;
margin: 2.4rem 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.4rem;
}
.estate-item__content .icons .with-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 340px) {
.estate-item__content .icons .with-icon {
padding-right: 2rem;
}
}
.estate-item__content .icons .with-icon svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
width: 2.4rem;
color: #A9BAA8;
stroke-width: 1;
}
.estate-item__content .icons .with-icon span {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
}
.estate-item__content .btn--link {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
text-decoration: underline;
}
.estate-item__content .btn--link:hover {
text-decoration: none;
}
.section.section--estate {
padding: 7rem;
overflow: hidden;
}
@media screen and (max-width: 520px) {
.section.section--estate {
padding: 7rem 0;
}
}
.section.section--estate.section--in-view .bg {
opacity: 1;
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.section.section--estate.section--in-view .container.container--card-right .estate-card {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--estate.section--in-view .container .estate-card {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--estate .bg {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
max-width: 1440px;
left: 50%;
top: 0;
font-size: 0;
-webkit-transition: 0.7s ease-out;
transition: 0.7s ease-out;
opacity: 0;
-webkit-transform: translateX(-50%) scale(1.05);
transform: translateX(-50%) scale(1.05);
}
.section.section--estate .bg .slick-list {
height: 100%;
}
.section.section--estate .bg .slick-track {
height: 100%;
}
.section.section--estate .bg img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
}
.section.section--estate .bg .slick-arrow {
background-color: #C8F564;
border-color: #C8F564;
z-index: 10;
--arrow: 3.6rem;
}
@media screen and (max-width: 1390px) {
.section.section--estate .bg .slick-arrow {
--arrow: 1.6rem;
width: 5rem;
}
}
@media screen and (max-width: 520px) {
.section.section--estate .bg .slick-arrow {
display: none;
}
}
.section.section--estate .bg .slick-arrow.slick-prev {
left: var(--arrow);
}
.section.section--estate .bg .slick-arrow.slick-next {
right: var(--arrow);
}
.section.section--estate .container {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.section.section--estate .container.container--card-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section.section--estate .container.container--card-right .estate-card {
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--estate .container.container--card-right .estate-card {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section.section--estate .estate-card {
padding: 4rem;
background: white;
border-radius: 0.8rem;
max-width: 38.8rem;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--estate .estate-card {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 520px) {
.section.section--estate .estate-card {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 400px) {
.section.section--estate .estate-card {
padding: 4rem 2.4rem;
}
}
.section.section--estate .estate-card h3 {
color: #1F3F2F;
}
.section.section--estate .estate-card .text {
margin-top: 1.9rem;
}
.section.section--estate .estate-card .text p {
color: #1F3F2F;
}
.section.section--estate .estate-card .icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1rem 0;
border: 1px solid #A9BAA8;
border-right: 0;
border-left: 0;
margin: 2.4rem 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.4rem;
}
.section.section--estate .estate-card .icons .with-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (max-width: 340px) {
.section.section--estate .estate-card .icons .with-icon {
padding-right: 2rem;
}
}
.section.section--estate .estate-card .icons .with-icon .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
}
.section.section--estate .estate-card .icons .with-icon .icon lord-icon {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.section.section--estate .estate-card .icons .with-icon {
--lord-icon-primary: #A9BAA8;
--lord-icon-secondary: #A9BAA8;
}
.section.section--estate .estate-card .icons .with-icon svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.4rem;
flex: 0 0 2.4rem;
width: 2.4rem;
color: #A9BAA8;
stroke-width: 1;
}
.section.section--estate .estate-card .icons .with-icon span {
font-size: 1.6rem;
line-height: 1.5;
color: #1F3F2F;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section.section--estate .estate-card .icons .with-icon span strong {
display: block;
color: #A9BAA8;
font-weight: 400;
}
.section.section--estate .estate-card .btn {
padding: 0 1.4rem;
width: 100%;
}
.section.section--estate .estate-card .btn:hover {
color: #1F3F2F;
}
@media screen and (max-width: 335px) {
.section.section--estate .estate-card .btn {
font-size: 12px;
}
}
.section.section--chart.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--chart.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--chart .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.section.section--chart .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
text-align: left;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(-5rem);
transform: translateX(-5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--chart .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section.section--chart .container .left-col {
padding-right: 3.5rem;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
text-align: center;
max-width: 64rem;
margin: 0 auto;
}
}
.section.section--chart .container .left-col .section__header {
text-align: left;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .left-col .section__header {
text-align: center;
}
}
.section.section--chart .container .left-col .section__header h2 {
max-width: 46rem;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .left-col .section__header h2 {
margin: 0 auto;
}
}
.section.section--chart .container .left-col .text {
max-width: 46rem;
margin: 4rem 0;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .left-col .text {
margin: 4rem auto;
}
}
.section.section--chart .container .left-col .service-variants-items {
margin-top: 4rem;
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .left-col .service-variants-items .service-variant-item .service-variant-item__icon {
margin: 0 auto 1.6rem auto;
}
}
.section.section--chart .container .left-col .service-variants-items .service-variant-item p.h4 {
font-size: 1.8rem;
}
.section.section--chart .container .left-col .btn {
margin-top: 4rem;
}
.section.section--chart .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--chart .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section.section--chart .container .right-col {
padding-left: 3.5rem;
}
@media screen and (max-width: 1230px) {
.section.section--chart .container .right-col {
padding-right: 3rem;
}
}
@media screen and (max-width: 1080px) {
.section.section--chart .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
padding-right: 0;
max-width: 50rem;
margin: 4rem auto 0 auto;
}
}
@media screen and (max-width: 500px) {
.section.section--chart .container .right-col {
max-width: 70%;
}
}
.section.section--chart .container .right-col .after-chart-text {
margin-top: 3.4rem;
width: 100%;
border: 1px solid #274F37;
border-radius: 0.8rem;
padding: 2rem 2.8rem;
}
.section.section--chart .container .right-col .after-chart-text .icon {
color: var(--primary-color);
margin-bottom: 0.8rem;
}
.section.section--chart .container .right-col .charts-wrap {
position: relative;
}
.section.section--chart .container .right-col canvas {
width: calc(100% + 70px);
margin: 0 -35px;
}
.section.section--chart .container .right-col .fake-chart-1 {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.section.section--chart .container .right-col .fake-chart-2 {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}