html {
background-color: rgb(40, 49, 59); }
html, body {
color: black;
font-family: sofia-pro, sans-serif;
font-size: 62.5%;
}
@media screen and (max-width: 1500px) {
html, body {
font-size: 58%;
}
}
@media screen and (max-width: 1240px) {
html, body {
font-size: 55%;
}
}
body { background-color: rgb(40, 49, 59);   background: linear-gradient(135deg, rgb(40, 49, 59) 0%, rgb(24, 29, 36) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#28313b", endColorstr="#181d24",GradientType=1 );  min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
html.withMenu,
body.withMenu {
overflow: hidden;
}
* {
margin: 0;
padding: 0;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;  box-sizing: border-box; }
*:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
input, textarea, select {
color: black;
font-size: 14px;
font-family: "Open Sans", Arial, sans-serif;
}
textarea {
resize: vertical;
}
a {
color: #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a:hover {
text-decoration: none;
}
a, label, input[type=button], input[type=submit] {
cursor: pointer;
}
.clear,
.clearfix:after {
content: " ";
width: 100%;
height: 0px;
display: block;
overflow: hidden;
clear: both;
}
.hidden {
display: none;
}
.center {
width: 1140px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1200px) {
.center {
width: auto;
margin: 0 30px;
}
}
main {
padding-top: 14.1rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 1000px) {
main {
padding-top: 8.1rem;
}
}
.section {
position: relative;
padding: 6rem 0;
}
.section.section--page-header {
text-align: center;
padding-top: 4.5rem;
padding-bottom: 0;
}
@media screen and (max-width: 1000px) {
.section.section--page-header {
padding-top: 3rem;
}
}
.section.section--page-header.section--page-header-left {
text-align: left;
}
.section.section--page-header h1 {
margin: 0 0 2.4rem 0;
}
.section--narrow-text {
text-align: center;
}
.section--narrow-text.section--in-view .section__header {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--narrow-text.section--in-view .inner-text {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--narrow-text .section__header {
margin-bottom: 2.4rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--narrow-text .section__header {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--narrow-text .inner-text {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--narrow-text .inner-text {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section--narrow-text p:nth-of-type(1) {
margin-top: 0;
}
.section--narrow-text p:last-of-type {
margin-bottom: 0;
}
.page-template-default .section.section--page-header h1 {
margin-bottom: 0;
}
.page-template-default .section--page-content {
padding-top: 4.5rem;
}
.section--404 {
padding: 7rem 0;
}
@media screen and (max-width: 1000px) {
.section--404 {
padding: 3rem 0;
}
}
.section--404 .container {
position: relative;
text-align: right;
}
.section--404 .container svg {
max-width: 70%;
height: auto;
}
@media screen and (max-width: 600px) {
.section--404 .container svg {
position: absolute;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.section--404 .container .inner {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
padding-left: 2.5rem;
}
@media screen and (max-width: 1000px) {
.section--404 .container .inner {
padding-left: 1.5rem;
}
}
@media screen and (max-width: 600px) {
.section--404 .container .inner {
position: relative;
-webkit-transform: none;
transform: none;
top: auto;
z-index: 2;
text-align: center;
}
}
.section--404 .container .inner p {
max-width: 40rem;
margin: 2.4rem 0 3.6rem 0;
}
@media screen and (max-width: 600px) {
.section--404 .container .inner p {
margin: 2rem auto;
}
}
.section--404 .container .inner .btn {
margin-right: 1.6rem;
}
.section-404-icon {
position: relative;
max-width: 40rem;
}
@media screen and (max-width: 600px) {
.section-404-icon {
max-width: 100%;
}
}
.section-404-icon:before {
position: absolute;
content: "";
width: calc(100% - 6rem);
left: 6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 0;
border-top: 1px solid #3C4856;
}
.section-404-icon__icon {
position: relative;
width: 6rem;
aspect-ratio: 1/1;
border-radius: 2rem;
border: 1px solid #3C4856;
}
.section-404-icon__icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section-404-icon__icon:after {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.searchform:not(.searchform--header) {
position: relative;
width: 100%;
}
.searchform:not(.searchform--header) input {
position: relative;
height: 6rem;
width: 100%;
line-height: 6rem;
padding: 0 8rem 0 2.5rem;
border: none;
background: #3C4856;
color: white;
font-size: 1.6rem;
right: 0;
z-index: 1;
border-radius: 2.1rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.searchform:not(.searchform--header) .btn {
position: absolute;
width: 6rem;
height: 6rem;
z-index: 2;
border-radius: 2.1rem;
background: #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid #EED58E;
font-size: 0;
right: 0;
}
.searchform:not(.searchform--header) .btn:hover {
background: #F5E4BB;
cursor: pointer;
}
.searchform:not(.searchform--header) .btn svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section--search-results .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--search-results .container .left-col {
width: 43%;
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%;
padding-right: 12rem;
}
@media screen and (max-width: 1000px) {
.section--search-results .container .left-col {
padding-right: 5rem;
}
}
@media screen and (max-width: 800px) {
.section--search-results .container .left-col {
padding-right: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.section--search-results .container .left-col h1 {
margin: 0;
}
.section--search-results .container .left-col > p {
margin-bottom: 1rem;
}
.section--search-results .container .right-col {
width: 57%;
-webkit-box-flex: 0;
-ms-flex: 0 0 57%;
flex: 0 0 57%;
padding-top: 1rem;
}
@media screen and (max-width: 800px) {
.section--search-results .container .right-col {
padding-top: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.search-result-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2.2rem 6rem 2.2rem 4rem;
background: #28313B;
border: 1px solid #3C4856;
border-radius: 0.8rem;
margin-bottom: 0.8rem;
}
.search-result-item:hover svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
}
.search-result-item__name {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 1.6rem;
}
@media screen and (max-width: 600px) {
.search-result-item__name {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.search-result-item__name p {
color: white;
font-weight: 600;
margin: 0;
}
.search-result-item__tag {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 600px) {
.search-result-item__tag {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-top: 1rem;
}
}
.search-result-item__tag p {
margin: 0;
line-height: 1;
}
.search-result-item > svg {
position: absolute;
right: 3.2rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.search-tips {
margin-top: 10rem;
max-width: 30rem;
}
@media screen and (max-width: 800px) {
.search-tips {
margin: 4rem auto;
}
}
.search-tips h2 {
font-size: 3.2rem;
line-height: 1;
}
.search-tip-item {
display: block;
position: relative;
margin-bottom: 0;
padding: 0.8rem 3.5rem 0.8rem 0;
text-decoration: none;
border-top: 1px solid #3C4856;
}
.search-tip-item:last-of-type {
border-bottom: 1px solid #3C4856;
}
.search-tip-item:hover > svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
}
.search-tip-item p.search-tip-item__p {
margin: 0;
color: #EED58E;
text-transform: uppercase;
font-family: rift, sans-serif;
font-size: 1.8rem;
}
.search-tip-item > svg {
position: absolute;
top: 50%;
right: 1rem;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
max-width: 2.2rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.anchor {
position: absolute;
top: -9rem;
}
.inner-text {
max-width: 62rem;
margin: 0 auto;
}
.inner-text.inner-text--inline {
margin: auto;
display: inline-block;
}
.inner-text p:first-of-type {
margin-top: 0;
}
.inner-text p:last-of-type {
margin-bottom: 0;
}
.section__header {
margin-bottom: 8rem;
}
.section__header--center {
text-align: center;
}
.section__header--small-margin {
margin-bottom: 2.5rem;
}
.section__header h2 {
margin: 0;
}
.section__header .btn {
margin: 0;
}
.section__footer--center {
text-align: center;
}
.container {
width: 100%;
max-width: 128rem;
margin: 0 auto;
padding: 0 2.5rem;
}
@media screen and (max-width: 1000px) {
.container {
padding: 0 1.5rem;
}
}
.container--full {
max-width: 197rem;
}
.container--narrow {
max-width: 109rem;
}
.container--narrowest {
max-width: 87rem;
}
.container--wider {
max-width: 155rem;
}
p {
font-size: 1.6rem;
color: #D0DBE7;
line-height: 1.75;
margin: 2rem 0;
}
ul, ol {
font-size: 1.6rem;
line-height: 1.75;
color: #D0DBE7;
margin: 2rem 3rem;
}
ul li::marker {
color: #EED58E;
}
h1 {
font-family: sofia-pro, sans-serif;
font-weight: 700;
color: white;
margin: 3rem 0;
font-size: 5.2rem;
line-height: 1.25;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1200px) {
h1 {
font-size: 4.8rem;
}
}
@media screen and (max-width: 900px) {
h1 {
font-size: 4.5rem;
}
}
@media screen and (max-width: 600px) {
h1 {
font-size: 4.2rem;
text-align: center;
}
}
@media screen and (max-width: 450px) {
h1 {
font-size: 3.8rem;
}
}
@media screen and (max-width: 360px) {
h1 {
font-size: 3.4rem;
}
}
h2, p.h2, h1.h2 {
font-family: sofia-pro, sans-serif;
font-weight: 700;
color: white;
margin: 2.5rem 0;
font-size: 4.8rem;
line-height: 1.25;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1200px) {
h2, p.h2, h1.h2 {
font-size: 4.4rem;
}
}
@media screen and (max-width: 900px) {
h2, p.h2, h1.h2 {
font-size: 4.2rem;
}
}
@media screen and (max-width: 600px) {
h2, p.h2, h1.h2 {
font-size: 3.9rem;
text-align: center;
}
}
@media screen and (max-width: 450px) {
h2, p.h2, h1.h2 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 360px) {
h2, p.h2, h1.h2 {
font-size: 3rem;
}
}
h3 {
font-family: sofia-pro, sans-serif;
font-weight: 700;
color: white;
margin: 2rem 0;
font-size: 4.2rem;
line-height: 1.25;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1200px) {
h3 {
font-size: 3.8rem;
}
}
@media screen and (max-width: 900px) {
h3 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 600px) {
h3 {
font-size: 3.2rem;
text-align: center;
}
}
@media screen and (max-width: 450px) {
h3 {
font-size: 2.8rem;
}
}
@media screen and (max-width: 360px) {
h3 {
font-size: 2.4rem;
}
}
h4, .h4 {
font-family: sofia-pro, sans-serif;
font-weight: 700;
color: white;
margin: 1.5rem 0;
font-size: 3.8rem;
line-height: 1.25;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1200px) {
h4, .h4 {
font-size: 3.4rem;
}
}
@media screen and (max-width: 900px) {
h4, .h4 {
font-size: 3.1rem;
}
}
@media screen and (max-width: 600px) {
h4, .h4 {
font-size: 2.8rem;
text-align: center;
}
}
@media screen and (max-width: 450px) {
h4, .h4 {
font-size: 2.3rem;
}
}
@media screen and (max-width: 360px) {
h4, .h4 {
font-size: 2rem;
}
}
table {
font-size: 1.6rem;
color: white;
border-spacing: 0;
}
table td {
padding: 1rem;
border: 1px solid white;
}
img {
max-width: 100%;
height: auto;
}  .hamburger {
width: 20px;
height: 20px;
display: block;
position: relative;
margin: 0;
padding: 0;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer; }
.hamburger:before {
content: " ";
width: 40px;
height: 40px;
position: absolute;
left: -10px;
top: -10px;
z-index: 0;
display: block;
background: red;
position: absolute;
border-radius: 4px;
}
.hamburger:focus {
outline: none;
}
.hamburger span {
height: 3px;
position: absolute;
top: 9px;
left: 0px;
right: 0px;
display: block;
background: white;
border-radius: 1.5px;
}
.hamburger span:before, .hamburger span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: white;
border-radius: 1.5px;
}
.hamburger span:before {
top: -6px;
}
.hamburger span:after {
bottom: -6px;
}
.hamburger--htx {
background: transparent;
}
.hamburger--htx span:before, .hamburger--htx span:after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.hamburger--htx span:before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
}
.hamburger--htx span:after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--htx.is-active {
background: transparent;
}
.hamburger--htx.is-active span {
background: none;
}
.hamburger--htx.is-active span:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--htx.is-active span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger--htx.is-active span:before, .hamburger--htx.is-active span:after {
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
}         a.btn,
.editor-styles-wrapper .gt-block a.btn,
span.btn {
display: inline-block;
position: relative;
padding: 0 7.6rem;
margin: 0 8px 12px 0;
display: inline-block;
vertical-align: top;
border-radius: 2.1rem;
background: #EED58E;
text-transform: uppercase;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-family: rift, sans-serif;
color: #28313B;
font-size: 1.8rem;
font-weight: 600;
height: 6rem;
line-height: 6rem;
}
a.btn:hover,
.editor-styles-wrapper .gt-block a.btn:hover,
span.btn:hover {
background: #F5E4BB;
}
a.btn:hover:before,
.editor-styles-wrapper .gt-block a.btn:hover:before,
span.btn:hover:before {
border-color: #F5E4BB;
}
a.btn:before,
.editor-styles-wrapper .gt-block a.btn:before,
span.btn:before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn:after,
.editor-styles-wrapper .gt-block a.btn:after,
span.btn:after {
position: absolute;
content: "";
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn.btn--with-arrow,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow,
span.btn.btn--with-arrow {
height: auto;
line-height: 1;
background: none;
color: #EED58E;
padding: 0 3rem 0 0;
}
a.btn.btn--with-arrow:hover svg,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow:hover svg,
span.btn.btn--with-arrow:hover svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
}
a.btn.btn--with-arrow:before, a.btn.btn--with-arrow:after,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow:before,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow:after,
span.btn.btn--with-arrow:before,
span.btn.btn--with-arrow:after {
display: none;
}
a.btn.btn--with-arrow svg,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow svg,
span.btn.btn--with-arrow svg {
position: absolute;
right: 0.6rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn.btn--with-arrow.btn--with-arrow-hover-down:hover svg,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow.btn--with-arrow-hover-down:hover svg,
span.btn.btn--with-arrow.btn--with-arrow-hover-down:hover svg {
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
a.btn.btn--with-arrow.btn--with-arrow-download:hover svg,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow.btn--with-arrow-download:hover svg,
span.btn.btn--with-arrow.btn--with-arrow-download:hover svg {
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
a.btn.btn--with-arrow.btn--with-arrow-download:hover:after,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow.btn--with-arrow-download:hover:after,
span.btn.btn--with-arrow.btn--with-arrow-download:hover:after {
-webkit-transform: translateY(-50%) scaleX(1);
transform: translateY(-50%) scaleX(1);
opacity: 1;
}
a.btn.btn--with-arrow.btn--with-arrow-download:after,
.editor-styles-wrapper .gt-block a.btn.btn--with-arrow.btn--with-arrow-download:after,
span.btn.btn--with-arrow.btn--with-arrow-download:after {
position: absolute;
content: "";
height: 2.3rem;
width: 1.3rem;
border: none;
border-radius: 0;
border-bottom: 1px solid #EED58E;
top: 73%;
-webkit-transform: translateY(-50%) scaleX(1.6);
transform: translateY(-50%) scaleX(1.6);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: 0.2rem;
display: block;
background: transparent;
opacity: 0;
}
a.btn.btn--loading,
.editor-styles-wrapper .gt-block a.btn.btn--loading,
span.btn.btn--loading {
pointer-events: none;
color: rgba(40, 49, 59, 0.2);
opacity: 0.6;
}
a.btn.btn--loading .loader-14,
.editor-styles-wrapper .gt-block a.btn.btn--loading .loader-14,
span.btn.btn--loading .loader-14 {
opacity: 1;
}
.loader-14 {
position: absolute;
display: inline-block;
width: 1em;
height: 1em;
color: inherit;
vertical-align: middle;
pointer-events: none;
border-radius: 50%;
-webkit-box-shadow: 0 1em 0 -0.2em #28313B;
box-shadow: 0 1em 0 -0.2em #28313B;
-webkit-animation: loader-14 0.8s ease-in-out alternate infinite;
animation: loader-14 0.8s ease-in-out alternate infinite;
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
left: 50%;
top: 2%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
}
.loader-14:after, .loader-14:before {
content: "";
position: absolute;
width: inherit;
height: inherit;
border-radius: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-animation: inherit;
animation: inherit;
}
.loader-14:before {
left: -1em;
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
}
.loader-14:after {
right: -1em;
-webkit-animation-delay: 0.16s;
animation-delay: 0.16s;
}
@-webkit-keyframes loader-14 {
0% {
-webkit-box-shadow: 0 2em 0 -0.2em #28313B;
box-shadow: 0 2em 0 -0.2em #28313B;
}
100% {
-webkit-box-shadow: 0 1em 0 -0.2em #28313B;
box-shadow: 0 1em 0 -0.2em #28313B;
}
}
@keyframes loader-14 {
0% {
-webkit-box-shadow: 0 2em 0 -0.2em #28313B;
box-shadow: 0 2em 0 -0.2em #28313B;
}
100% {
-webkit-box-shadow: 0 1em 0 -0.2em #28313B;
box-shadow: 0 1em 0 -0.2em #28313B;
}
}   .icheckbox {
width: 2.4rem;
height: 2.4rem;
margin: 0 1.6rem 0 0;
display: inline-block;
vertical-align: top;
background: white;
border: 1px solid 3C4856;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.icheckbox:after {
content: " ";
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.385' height='18.385' viewBox='0 0 18.385 18.385'%3E%3Cg id='Group_349' data-name='Group 349' transform='translate(9.087 -33.129) rotate(45)'%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(17.955 17.955)'%3E%3Crect id='Rectangle_20' data-name='Rectangle 20' width='24' height='2' rx='1' transform='translate(11.045 23.896) rotate(-90)' fill='%23fff'/%3E%3Crect id='Rectangle_27' data-name='Rectangle 27' width='24' height='2' rx='1' transform='translate(0.045 10.896)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
}
.icheckbox.checked {
background: #EED58E;
border-color: #EED58E;
}
.icheckbox.checked:after {
opacity: 1;
}  .slick-arrow {
position: absolute;
width: 6rem;
height: 6rem;
font-size: 0;
background: #EED58E;
border-radius: 2.1rem;
border: 1px solid #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slick-arrow:after {
display: inline-block;
content: "";
-webkit-mask: url(//familyace.cz/wp-content/themes/familyaceis-theme/assets/images/arrow.svg) no-repeat 50% 50%;
mask: url(//familyace.cz/wp-content/themes/familyaceis-theme/assets/images/arrow.svg) no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
height: 2.2rem;
width: 6px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #28313B;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.slick-arrow:hover {
background: #F5E4BB;
cursor: pointer;
}
.slick-arrow.slick-prev {
left: -8rem;
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
transform: translate(-50%, -50%) rotate(-180deg);
background: transparent;
}
.slick-arrow.slick-prev:hover {
background: #F5E4BB;
cursor: pointer;
}
.slick-arrow.slick-prev:hover:after {
background: #28313B;
}
.slick-arrow.slick-prev:after {
background: #EED58E;
}
.slick-arrow.slick-prev:before {
position: absolute;
content: "";
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: #EED58E;
background: #1A2027;
}
.slick-arrow.slick-next {
right: -8rem;
}
.slick-arrow.slick-next:before {
position: absolute;
content: "";
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: #EED58E;
background: #1A2027;
}
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled {
display: none;
}
.slick-dots {
width: 100%;
list-style: none;
text-align: left;
margin: 4rem 0 0 0.8rem;
}
.slick-dots li {
padding: 0;
display: inline-block;
vertical-align: top;
position: relative;
height: 3px;
}
.slick-dots li:before {
position: absolute;
content: "";
z-index: 1;
top: 1px;
height: 0;
border-top: 1px solid #66798E;
width: 100%;
left: 0;
}
.slick-dots li button {
position: relative;
z-index: 2;
width: 5rem;
height: 3px;
display: block;
overflow: hidden;
white-space: nowrap;
text-indent: 50px;
background: transparent;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
}
.slick-dots li button:hover {
background: white;
}
.slick-dots li.slick-active button {
background: white;
}
.slick-slider.post-items-slider {
margin: 0 -0.8rem;
}
@media screen and (max-width: 1000px) {
.slick-slider.post-items-slider {
margin: 0;
}
}
.slick-slider.post-items-slider .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.slick-slider.post-items-slider .slick-slide {
height: inherit !important;
margin: 0 0.8rem;
}
@media screen and (max-width: 600px) {
.slick-slider.post-items-slider .slick-slide {
margin: 0;
}
}
.slick-slider.slick-dotted {
margin-bottom: 4rem;
}
.slick-slider.slick-dotted .slick-dots {
position: absolute;
margin: 0;
left: 0.8rem;
bottom: -4rem;
font-size: 0;
}  .gt-block form,
.editor-styles-wrapper .gt-block form,
.contact-form {
position: relative;  }
.gt-block form:after,
.editor-styles-wrapper .gt-block form:after,
.contact-form:after {
content: " ";
width: 100%;
height: 0px;
display: block;
overflow: hidden;
clear: both;
}
.gt-block form:before,
.editor-styles-wrapper .gt-block form:before,
.contact-form:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 0px;
z-index: 100;
background: rgba(255, 255, 255, 0.7) url(//familyace.cz/wp-content/themes/familyaceis-theme/assets/css/images/loading.gif) no-repeat center center;
background-size: 80px auto;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.gt-block form.loading:before,
.editor-styles-wrapper .gt-block form.loading:before,
.contact-form.loading:before {
height: 100%;
opacity: 1;
}
.gt-block form input[type=text],
.gt-block form textarea,
.editor-styles-wrapper .gt-block form input[type=text],
.editor-styles-wrapper .gt-block form textarea,
.contact-form input[type=text],
.contact-form textarea {
width: 100%;
height: 5.6rem;
line-height: 5.6rem;
padding: 0 1.6rem;
border: 1px solid #3C4856;
background: transparent;
color: white;
font-size: 16px;
font-weight: 400;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gt-block form input[type=text]::-webkit-input-placeholder,
.gt-block form textarea::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form textarea::-webkit-input-placeholder,
.contact-form input[type=text]::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder { color: #3C4856;
opacity: 1;
}
.gt-block form input[type=text]::-moz-placeholder,
.gt-block form textarea::-moz-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]::-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea::-moz-placeholder,
.contact-form input[type=text]::-moz-placeholder,
.contact-form textarea::-moz-placeholder { color: #3C4856;
opacity: 1;
}
.gt-block form input[type=text]:-ms-input-placeholder,
.gt-block form textarea:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form textarea:-ms-input-placeholder,
.contact-form input[type=text]:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder { color: #3C4856;
opacity: 1;
}
.gt-block form input[type=text]:-moz-placeholder,
.gt-block form textarea:-moz-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]:-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea:-moz-placeholder,
.contact-form input[type=text]:-moz-placeholder,
.contact-form textarea:-moz-placeholder { color: #3C4856;
opacity: 1;
}
.gt-block form .inputs,
.editor-styles-wrapper .gt-block form .inputs,
.contact-form .inputs {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.gt-block form .inputs,
.editor-styles-wrapper .gt-block form .inputs,
.contact-form .inputs {
gap: 0.8rem;
}
}
@media screen and (max-width: 650px) {
.gt-block form .inputs,
.editor-styles-wrapper .gt-block form .inputs,
.contact-form .inputs {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 420px) {
.gt-block form .inputs,
.editor-styles-wrapper .gt-block form .inputs,
.contact-form .inputs {
grid-template-columns: 1fr;
}
}
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea,
.contact-form textarea {
height: 180px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
}
.gt-block form div.input,
.editor-styles-wrapper .gt-block form div.input,
.contact-form div.input {
width: 100%;
}
.gt-block form div.input.full,
.editor-styles-wrapper .gt-block form div.input.full,
.contact-form div.input.full {
grid-column: 1/4;
margin-right: 0;
}
@media screen and (max-width: 650px) {
.gt-block form div.input.full,
.editor-styles-wrapper .gt-block form div.input.full,
.contact-form div.input.full {
grid-column: 1/3;
}
}
@media screen and (max-width: 420px) {
.gt-block form div.input.full,
.editor-styles-wrapper .gt-block form div.input.full,
.contact-form div.input.full {
grid-column: auto;
}
}
.gt-block form div.input.textarea,
.editor-styles-wrapper .gt-block form div.input.textarea,
.contact-form div.input.textarea {
grid-column: 1/4;
margin: 0;
}
@media screen and (max-width: 650px) {
.gt-block form div.input.textarea,
.editor-styles-wrapper .gt-block form div.input.textarea,
.contact-form div.input.textarea {
grid-column: 1/3;
}
}
@media screen and (max-width: 420px) {
.gt-block form div.input.textarea,
.editor-styles-wrapper .gt-block form div.input.textarea,
.contact-form div.input.textarea {
grid-column: auto;
}
}
.gt-block form div.input.textarea textarea,
.editor-styles-wrapper .gt-block form div.input.textarea textarea,
.contact-form div.input.textarea textarea {
resize: none;
}
.gt-block form div.input label,
.editor-styles-wrapper .gt-block form div.input label,
.contact-form div.input label {
color: #D0DBE7;
font-weight: 400;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 0.7rem;
display: block;
}
.gt-block form span.errorEmpty,
.gt-block form span.errorFormat,
.gt-block form span.errorData,
.editor-styles-wrapper .gt-block form span.errorEmpty,
.editor-styles-wrapper .gt-block form span.errorFormat,
.editor-styles-wrapper .gt-block form span.errorData,
.contact-form span.errorEmpty,
.contact-form span.errorFormat,
.contact-form span.errorData {
display: block;
overflow: hidden;
color: red;
font-size: 14px;
line-height: 16px;
font-weight: 400;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
max-height: 0px;
padding: 0;
opacity: 0;
}
.gt-block form .hasErrorEmpty span.errorEmpty,
.gt-block form .hasErrorFormat span.errorFormat,
.gt-block form .hasErrorData span.errorData,
.editor-styles-wrapper .gt-block form .hasErrorEmpty span.errorEmpty,
.editor-styles-wrapper .gt-block form .hasErrorFormat span.errorFormat,
.editor-styles-wrapper .gt-block form .hasErrorData span.errorData,
.contact-form .hasErrorEmpty span.errorEmpty,
.contact-form .hasErrorFormat span.errorFormat,
.contact-form .hasErrorData span.errorData {
max-height: 40px;
padding: 4px 0 6px 0;
opacity: 1;
}
.gt-block form .sending,
.editor-styles-wrapper .gt-block form .sending,
.contact-form .sending {
height: 300px;
background: url(//familyace.cz/wp-content/themes/familyaceis-theme/assets/css/images/loading.gif) no-repeat center center;
background-size: 90px auto;
}
.gt-block form div.inputs,
.editor-styles-wrapper .gt-block form div.inputs,
.contact-form div.inputs { }
.gt-block form div.inputs:after,
.editor-styles-wrapper .gt-block form div.inputs:after,
.contact-form div.inputs:after {
content: " ";
width: 100%;
height: 0px;
display: block;
overflow: hidden;
clear: both;
}
.gt-block form div.bottom,
.editor-styles-wrapper .gt-block form div.bottom,
.contact-form div.bottom {
grid-column: 1/4;
text-align: center;
}
@media screen and (max-width: 650px) {
.gt-block form div.bottom,
.editor-styles-wrapper .gt-block form div.bottom,
.contact-form div.bottom {
grid-column: 1/3;
}
}
@media screen and (max-width: 420px) {
.gt-block form div.bottom,
.editor-styles-wrapper .gt-block form div.bottom,
.contact-form div.bottom {
grid-column: auto;
}
}
.gt-block form div.bottom label,
.editor-styles-wrapper .gt-block form div.bottom label,
.contact-form div.bottom label {
position: relative;
display: block;
color: #D0DBE7;
font-weight: 400;
font-size: 1.6rem;
line-height: 1;
padding-left: 4rem;
min-height: 2.4rem;
padding-top: 2px;
text-align: left;
}
.gt-block form div.bottom label .icheckbox,
.editor-styles-wrapper .gt-block form div.bottom label .icheckbox,
.contact-form div.bottom label .icheckbox {
position: absolute;
left: 0;
top: 0;
}
.gt-block form div.bottom .btn,
.editor-styles-wrapper .gt-block form div.bottom .btn,
.contact-form div.bottom .btn {
margin-top: 2.4rem;
}
.gt-block form div.sent,
.editor-styles-wrapper .gt-block form div.sent,
.contact-form div.sent {
padding: 1rem 2.4rem;
background: #00B590;
color: white;
text-align: center;
margin-top: 2.4rem;
}
.gt-block form div.sent a,
.editor-styles-wrapper .gt-block form div.sent a,
.contact-form div.sent a {
text-decoration: underline;
}
.gt-block form div.sent a:hover,
.editor-styles-wrapper .gt-block form div.sent a:hover,
.contact-form div.sent a:hover {
text-decoration: none;
}
.gt-block form div.sent p,
.editor-styles-wrapper .gt-block form div.sent p,
.contact-form div.sent p {
color: #1d232b;
margin: 0;
}
.otgs-development-site-front-end {
display: none !important;
}
header.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 4rem 0;
z-index: 90;
-webkit-transition: 0.5s, -webkit-transform 1.3s ease-out;
transition: 0.5s, -webkit-transform 1.3s ease-out;
transition: transform 1.3s ease-out, 0.5s;
transition: transform 1.3s ease-out, 0.5s, -webkit-transform 1.3s ease-out;
-webkit-transform: translateY(-4rem);
transform: translateY(-4rem);
opacity: 0;
}
@media screen and (max-width: 1000px) {
header.header {
padding: 2rem 0;
}
}
header.header.loaded {
-webkit-transform: none;
transform: none;
opacity: 1;
}
header.header.scrolled {
padding: 2rem 0;
background: #28313B;
}
header.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
body.admin-bar header.header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar header.header {
top: 46px;
}
}
.header__logo {
width: 0;
display: inline-block;
vertical-align: middle;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
white-space: nowrap;
}
.header__logo.show {
width: 3rem;
margin-right: 1.5rem;
}
@media screen and (max-width: 1340px) {
.header__logo.show {
width: 2.2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.2rem;
flex: 0 0 2.2rem;
margin-right: 1rem;
}
}
@media screen and (max-width: 1140px) {
.header__logo.show {
width: 2.6rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.6rem;
flex: 0 0 2.6rem;
}
}
.header__logo.show svg {
opacity: 1;
}
.header__logo:before {
content: "";
width: 1px;
height: 100%;
vertical-align: middle;
display: inline-block;
}
.header__logo svg {
display: inline-block;
vertical-align: middle;
width: calc(3rem - 1px);
height: auto;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0;
}
@media screen and (max-width: 1340px) {
.header__logo svg {
width: calc(2.2rem - 1px);
}
}
.header__left-col {
position: relative;
z-index: 2;
font-size: 0;
text-align: left;
border-left: 1px solid #3c4856;
border-right: 1px solid #3c4856;
}
@media screen and (max-width: 1140px) {
.header__left-col {
position: absolute;
left: 0;
width: 100%;
top: 100%;
background: #28313b;
padding: 1rem 0;
text-align: center;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
pointer-events: none;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
}
.header__left-col.opened {
opacity: 1;
pointer-events: auto;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
.header__left-col:before {
content: "";
width: 1px;
height: 100%;
vertical-align: middle;
display: inline-block;
}
.header__left-col nav {
position: relative;
width: calc(100% - 1px);
vertical-align: middle;
display: inline-block;
}
.header__left-col nav:before {
position: absolute;
left: -1px;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header__left-col nav:after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
nav ul,
.footer-nav-row ul {
margin: 0;
list-style-type: none;
}
nav ul li,
.footer-nav-row ul li {
margin: 0 1.5rem;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1340px) {
nav ul li,
.footer-nav-row ul li {
margin: 0 1rem;
}
}
@media screen and (max-width: 1140px) {
nav ul li,
.footer-nav-row ul li {
padding: 1rem 0;
}
}
@media screen and (max-width: 600px) {
nav ul li,
.footer-nav-row ul li {
display: block;
}
}
nav ul li.show-on-small-screen,
.footer-nav-row ul li.show-on-small-screen {
display: none;
}
@media screen and (max-width: 360px) {
nav ul li.show-on-small-screen,
.footer-nav-row ul li.show-on-small-screen {
display: inline-block;
}
}
nav ul li.current-menu-item a,
.footer-nav-row ul li.current-menu-item a {
color: #EED58E;
}
nav ul li.current-menu-item a:after,
.footer-nav-row ul li.current-menu-item a:after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 1;
}
nav ul li a,
.footer-nav-row ul li a {
position: relative;
font-size: 1.6rem;
color: white;
text-decoration: none;
text-transform: uppercase;
font-family: rift, sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
}
nav ul li a:hover,
.footer-nav-row ul li a:hover {
color: #EED58E;
}
nav ul li a:hover:after,
.footer-nav-row ul li a:hover:after {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 1;
}
@media screen and (max-width: 600px) {
nav ul li a,
.footer-nav-row ul li a {
font-size: 1.9rem;
}
}
nav ul li a:after,
.footer-nav-row ul li a:after {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
border: 1px solid #EED58E;
border-radius: 0.4rem;
left: 50%;
bottom: -1.8rem;
-webkit-transform: translateX(-50%) translateY(1rem);
transform: translateX(-50%) translateY(1rem);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
}
.header__middle-col {
position: relative;
z-index: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (max-width: 1140px) {
.header__middle-col {
display: none;
}
}
.header__middle-col:before {
position: absolute;
content: "";
border-top: 1px solid #3c4856;
height: 0;
width: 100%;
top: 50%;
left: 0;
}
.header__right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-left: 1px solid #3c4856;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1140px) {
.header__right-col {
width: 100%;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
border-left: 0;
}
}
.header__right-col:before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #1f262f;
}
@media screen and (max-width: 1140px) {
.header__right-col:before {
display: none;
}
}
.header__right-col .header__right-subcol {
position: relative;
border-right: 1px solid #3c4856;
padding: 0 1.7rem;
font-size: 0;
}
@media screen and (max-width: 1340px) {
.header__right-col .header__right-subcol {
padding: 0 1.2rem;
}
}
.header__right-col .header__right-subcol.header__right-subcol--portal { display: none;
}
@media screen and (max-width: 360px) {
.header__right-col .header__right-subcol.header__right-subcol--portal {
display: none;
}
}
.header__right-col .header__right-subcol.header__right-subcol--langs span {
color: #3c4856;
display: inline-block;
vertical-align: middle;
margin: 0.6rem;
font-size: 1.6rem;
}
.header__right-col .header__right-subcol.header__right-subcol--langs a:not(.header__icon) {
color: #66798e;
}
.header__right-col .header__right-subcol.header__right-subcol--langs a:not(.header__icon).current-lang-link, .header__right-col .header__right-subcol.header__right-subcol--langs a:not(.header__icon):hover {
color: #EED58E;
}
.header__right-col .header__right-subcol.header__right-subcol--search {
padding-right: 0;
border-right: 0;
}
.header__right-col .header__right-subcol.header__right-subcol--search:before {
display: none;
}
.header__right-col .header__right-subcol.header__right-subcol--search:after {
content: "";
height: 100%;
width: 1px;
display: inline-block;
vertical-align: middle;
}
.header__right-col .header__right-subcol:before {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #1f262f;
}
.header__right-col .header__right-subcol:after {
content: "";
width: 1px;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.header__right-col .header__right-subcol a {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
.header__right-col .header__right-subcol a:not(.header__icon) {
font-size: 1.6rem;
color: white;
text-decoration: none;
text-transform: uppercase;
font-family: rift, sans-serif;
font-weight: 600;
}
@media screen and (max-width: 600px) {
.header__right-col .header__right-subcol a:not(.header__icon) {
font-size: 1.9rem;
}
}
.header__right-col .header__right-subcol a:not(.header__icon):hover {
color: #EED58E;
}
.header__right-col .header__right-subcol a.header__icon:hover svg line,
.header__right-col .header__right-subcol a.header__icon:hover svg path,
.header__right-col .header__right-subcol a.header__icon:hover svg rect {
stroke: white;
}
.header__right-col .header__right-subcol a.header__icon svg line,
.header__right-col .header__right-subcol a.header__icon svg path,
.header__right-col .header__right-subcol a.header__icon svg rect {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header__menu-btn {
display: none;
position: relative;
width: 4rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 4rem;
flex: 0 0 4rem;
height: 4rem;
background: #EED58E;
margin-left: 1rem;
border-radius: 1.3rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 1140px) {
.header__menu-btn {
display: inline-block;
vertical-align: middle;
}
}
@media screen and (max-width: 600px) {
.header__menu-btn {
width: 5rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
height: 5rem;
}
}
.header__menu-btn:hover {
cursor: pointer;
background-color: #F5E4BB;
}
.header__menu-btn span {
position: absolute;
width: 2.2rem;
height: 0;
border-top: 1px solid #28313B;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header__menu-btn span:nth-of-type(1) {
top: 35%;
}
.header__menu-btn span:nth-of-type(2) {
top: 50%;
}
.header__menu-btn span:nth-of-type(3) {
top: 65%;
}
.header-search {
position: relative;
width: 6rem;
height: 6rem;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1340px) {
.header-search {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 600px) {
.header-search {
width: 5rem;
height: 5rem;
}
}
.header-search .searchform--header.active input {
width: 40rem;
padding: 0 7.5rem 0 2rem;
}
@media screen and (max-width: 1340px) {
.header-search .searchform--header.active input {
width: 20rem;
padding-right: 5.5rem;
}
}
.header-search input {
position: absolute;
height: 6rem;
width: 6rem;
line-height: 6rem;
border: none;
background: #3c4856;
padding: 0;
color: white;
font-size: 1.6rem;
right: 0;
z-index: 1;
border-radius: 2.1rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 1340px) {
.header-search input {
width: 4rem;
height: 4rem;
border-radius: 1.3rem;
}
}
@media screen and (max-width: 600px) {
.header-search input {
height: 5rem;
width: 5rem;
}
}
.header-search .btn {
position: relative;
width: 6rem;
height: 6rem;
z-index: 2;
border-radius: 2.1rem;
background: #EED58E;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid #EED58E;
font-size: 0;
}
.header-search .btn:hover {
background: #f5e4bb;
cursor: pointer;
}
@media screen and (max-width: 1340px) {
.header-search .btn {
width: 4rem;
height: 4rem;
border-radius: 1.3rem;
}
}
@media screen and (max-width: 600px) {
.header-search .btn {
width: 5rem;
height: 5rem;
}
}
.header-search .btn svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section.section--frontpage-top {
text-align: center;
padding: 0;
}
@media screen and (max-height: 540px) {
.section.section--frontpage-top {
height: 46rem;
}
}
.section.section--frontpage-top.loaded .container > img {
bottom: 0;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top.show-more .more-link {
bottom: 0;
opacity: 1;
}
@media screen and (max-width: 1250px) {
.section.section--frontpage-top.show-more .more-link {
opacity: 0;
}
}
.section.section--frontpage-top .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding-top: 11rem;
}
.section.section--frontpage-top .container > img {
max-width: auto;
height: calc(100vh - 25.1rem);
max-height: calc(100vh - 25.1rem);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(4rem);
transform: translateY(4rem);
bottom: -3rem;
opacity: 0;
aspect-ratio: 103/110;
}
.section.section--frontpage-top .more-link {
display: block;
width: 13rem;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
bottom: -3rem;
opacity: 0; }
@media screen and (max-width: 1920px) {
.section.section--frontpage-top .more-link {
width: 10rem;
}
}
@media screen and (max-height: 1000px) {
.section.section--frontpage-top .more-link {
width: 10rem;
}
}
@media screen and (max-width: 1020px) {
.section.section--frontpage-top .more-link {
width: 8rem;
}
}
@media screen and (max-height: 820px) {
.section.section--frontpage-top .more-link {
width: 8rem;
}
}
@media screen and (max-height: 760px) {
.section.section--frontpage-top .more-link {
display: none;
}
}
.section.section--frontpage-top .more-link:hover img.arrow {
top: 65%;
}
.section.section--frontpage-top .more-link img.arrow {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 2.2rem;
top: 55%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.section.section--frontpage-top .logo {
position: absolute;
left: 50%;
top: 45%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.section.section--frontpage-top .logo.show {
opacity: 1;
}
@media screen and (max-width: 1020px) {
.section.section--frontpage-top .logo {
max-width: 22rem;
top: 30%;
}
}
@media screen and (max-height: 540px) {
.section.section--frontpage-top .logo {
max-width: 25rem;
}
}
.section.section--frontpage-top .logo.hide-lines .top-center-line,
.section.section--frontpage-top .logo.hide-lines .top-line,
.section.section--frontpage-top .logo.hide-lines .center-line,
.section.section--frontpage-top .logo.hide-lines .bottom-line,
.section.section--frontpage-top .logo.hide-lines .bottom-line-vertical,
.section.section--frontpage-top .logo.hide-lines .circle,
.section.section--frontpage-top .logo.hide-lines .right-top-circle,
.section.section--frontpage-top .logo.hide-lines .left-bottom-circle {
opacity: 0;
}
.section.section--frontpage-top .logo.loaded > img {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .top-center-line img {
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .top-line img {
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .center-line img {
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .bottom-line img {
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .bottom-line-vertical img {
-webkit-transform: none;
transform: none;
}
.section.section--frontpage-top .logo.loaded .circle {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.section.section--frontpage-top .logo > img {
position: relative;
z-index: 2;
opacity: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: opacity 1.3s ease-in-out, -webkit-transform 0.8s ease-out;
transition: opacity 1.3s ease-in-out, -webkit-transform 0.8s ease-out;
transition: transform 0.8s ease-out, opacity 1.3s ease-in-out;
transition: transform 0.8s ease-out, opacity 1.3s ease-in-out, -webkit-transform 0.8s ease-out;
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.section.section--frontpage-top .logo .top-line {
position: absolute;
top: -0.7rem;
right: 0;
overflow: hidden;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
}
.section.section--frontpage-top .logo .top-line img {
position: relative;
right: 0;
-webkit-transform: translateX(calc(100% - 10px));
transform: translateX(calc(100% - 10px));
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.section.section--frontpage-top .logo .top-center-line {
position: absolute;
top: -8rem;
left: 50%;
overflow: hidden;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.section.section--frontpage-top .logo .top-center-line img {
position: relative;
bottom: 0;
-webkit-transform: translateY(calc(-100% + 10px));
transform: translateY(calc(-100% + 10px));
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.section.section--frontpage-top .logo .center-line {
position: absolute;
top: 33%;
left: 50%;
overflow: hidden;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.section.section--frontpage-top .logo .center-line img {
position: relative;
top: 0;
-webkit-transform: translateY(calc(100% - 8px));
transform: translateY(calc(100% - 8px));
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.section.section--frontpage-top .logo .bottom-line {
position: absolute;
bottom: 31.7%;
left: -4.5rem;
overflow: hidden;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
}
.section.section--frontpage-top .logo .bottom-line img {
position: relative;
right: 0;
-webkit-transform: translateX(calc(-100% + 9px));
transform: translateX(calc(-100% + 9px));
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.section.section--frontpage-top .logo .bottom-line-vertical {
position: absolute;
width: 12px;
bottom: 27.7%;
left: 6.2rem;
overflow: hidden;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
}
.section.section--frontpage-top .logo .bottom-line-vertical img {
position: relative;
top: 0;
-webkit-transform: translateY(calc(100% - 9px));
transform: translateY(calc(100% - 9px));
-webkit-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.section.section--frontpage-top .logo .circle {
position: absolute;
left: 50%;
top: 19%;
-webkit-transform: translate(-50%, -50%) scale(0) rotate(13deg);
transform: translate(-50%, -50%) scale(0) rotate(13deg);
-webkit-transform-origin: center;
transform-origin: center;
width: 22rem;
-webkit-transition: all 1.1s ease-out;
transition: all 1.1s ease-out;
}
.section.section--frontpage-top .logo .right-top-circle {
position: absolute;
top: -4rem;
right: -2rem;
}
.section.section--frontpage-top .logo .left-bottom-circle {
position: absolute;
bottom: 57%;
left: -4rem;
}
.section--usp {
margin-top: -4rem;
position: relative;
z-index: 3;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transform: translateY(4rem);
transform: translateY(4rem);
opacity: 0;
padding: 0;
}
.section--usp.section--on-top {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.section--usp.section--in-view .inner .left-col {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.section--usp.section--in-view .inner .usp-item {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.section--usp .inner {
position: relative;
border: 1px solid #3e4855;
border-radius: 0.4rem;
background: #28313b;
padding: 12rem 14rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1430px) {
.section--usp .inner {
padding: 8rem 14rem 8rem 8rem;
}
}
@media screen and (max-width: 1040px) {
.section--usp .inner {
padding: 6rem 14rem 6rem 4rem;
}
}
@media screen and (max-width: 940px) {
.section--usp .inner {
padding: 4rem 2rem;
}
}
@media screen and (max-width: 450px) {
.section--usp .inner {
border: none;
background: transparent;
}
}
.section--usp .inner .left-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 8rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--usp .inner .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 1200px) {
.section--usp .inner .left-col {
padding-right: 4rem;
}
}
@media screen and (max-width: 940px) {
.section--usp .inner .left-col {
padding-right: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 3rem;
}
}
.section--usp .inner .left-col h1.h2 {
margin-top: 0;
}
.section--usp .inner .right-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 8rem;
}
@media screen and (max-width: 1200px) {
.section--usp .inner .right-col {
padding-left: 4rem;
}
}
@media screen and (max-width: 940px) {
.section--usp .inner .right-col {
padding-left: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: left;
}
}
.section--usp .inner .section-big-text {
left: auto;
right: -11.3rem;
top: 43%;
-webkit-transform: rotate(-90deg) translateY(-50%);
transform: rotate(-90deg) translateY(-50%);
display: block;
}
@media screen and (max-width: 940px) {
.section--usp .inner .section-big-text {
display: none;
}
}
.section--usp .inner .section-big-text p {
font-size: 10.3rem;
}
@media screen and (max-width: 920px) {
.usp-items {
max-width: 46rem;
margin: 0 auto;
}
}
.usp-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #3c4856;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.usp-item {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.usp-item:nth-of-type(1) {
-webkit-transition-delay: 0;
transition-delay: 0;
}
.usp-item:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.usp-item:nth-of-type(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.usp-item:last-of-type {
border-bottom: 1px solid #3c4856;
}
.usp-item:last-of-type .usp-item__number:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.usp-item .usp-item__number {
position: relative;
width: 6rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
border-right: 1px solid #3c4856;
padding-top: 2.4rem;
}
@media screen and (max-width: 940px) {
.usp-item .usp-item__number {
padding: 1.4rem 0 2rem 0.6rem;
}
}
.usp-item .usp-item__number:before {
position: absolute;
content: "";
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.usp-item .usp-item__number p {
position: relative;
font-size: 3.2rem;
line-height: 1;
font-family: sofia-pro, sans-serif;
font-weight: 700;
display: inline;
}
.usp-item .usp-item__number p:before {
position: absolute;
content: "";
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background: #EED58E;
}
.usp-item .usp-item__number p:after {
position: absolute;
content: "";
left: 50%;
bottom: -8px;
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: #EED58E;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.usp-item .usp-item__content {
width: calc(100% - 6rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 6rem);
flex: 0 0 calc(100% - 6rem);
padding: 2.4rem 6.5rem 2.4rem 4.5rem;
}
@media screen and (max-width: 1400px) {
.usp-item .usp-item__content {
padding: 2.4rem;
}
}
.usp-item .usp-item__content p {
font-family: sofia-pro, sans-serif;
}
.usp-item .usp-item__content p:first-of-type {
margin-top: 0;
}
.usp-item .usp-item__content p:last-of-type {
margin-bottom: 0;
}
.section-divider {
display: block;
text-align: center;
margin: 7rem 0 4rem 0;
}
.section-divider.section-divider--upside {
margin: 4rem 0 7rem 0;
}
.section-divider span {
position: relative;
display: block;
margin: 0 auto;
width: 0;
border-left: 1px solid #3c4856;
height: 6rem;
background: #3c4856;
}
.section-divider span:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-58%, -50%);
transform: translate(-58%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #20272f;
}
.section--about-us {
padding: 0;
}
.section--about-us > svg {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 100%;
}
@media screen and (max-width: 1880px) {
.section--about-us > svg {
display: none;
}
}
.section--about-us.section--in-view .container .left-col,
.section--about-us.section--in-view .container .right-col {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.section--about-us .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--about-us .container .left-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 5rem;
padding-top: 9rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--about-us .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 900px) {
.section--about-us .container .left-col {
padding-right: 2rem;
padding-top: 5rem;
}
}
@media screen and (max-width: 700px) {
.section--about-us .container .left-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
padding-top: 6rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
}
}
@media screen and (max-width: 500px) {
.section--about-us .container .left-col {
padding-top: 11rem;
}
}
@media screen and (max-width: 1200px) {
.section--about-us .container .left-col .quotes {
width: 15rem;
}
}
@media screen and (max-width: 900px) {
.section--about-us .container .left-col .quotes {
width: 10rem;
}
}
@media screen and (max-width: 700px) {
.section--about-us .container .left-col .quotes {
width: 6rem;
}
}
@media screen and (max-width: 500px) {
.section--about-us .container .left-col .quotes {
display: none;
}
}
.section--about-us .container .left-col .quotes svg {
max-width: 100%;
height: auto;
}
.section--about-us .container .left-col .cite {
position: relative;
z-index: 2;
margin-top: -3.7rem;
}
.section--about-us .container .left-col .cite p {
margin: 0;
font-family: sofia-pro, sans-serif;
font-style: italic;
font-size: 3.2rem;
font-weight: 300;
line-height: 1.6;
}
@media screen and (max-width: 1200px) {
.section--about-us .container .left-col .cite p {
font-size: 2.8rem;
}
}
@media screen and (max-width: 900px) {
.section--about-us .container .left-col .cite p {
font-size: 2.4rem;
}
}
@media screen and (max-width: 450px) {
.section--about-us .container .left-col .cite p {
font-size: 2.1rem;
}
}
.section--about-us .container .left-col .btn {
margin-top: 2.8rem;
}
.section--about-us .container .right-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--about-us .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 900px) {
.section--about-us .container .right-col {
padding-left: 4rem;
}
}
@media screen and (max-width: 700px) {
.section--about-us .container .right-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
padding-top: 5rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.photo-wrap {
position: relative;
}
@media screen and (max-width: 700px) {
.photo-wrap {
max-width: 43rem;
margin: 0 auto;
}
}
.photo-wrap:before {
position: absolute;
z-index: 1;
content: "";
background: #28313b;
border-radius: 4px;
top: -3rem;
bottom: -3rem;
left: 4.5rem;
right: 4.5rem;
}
.photo-wrap .photo {
position: relative;
border-radius: 4px;
z-index: 2;
}
.photo-wrap .text {
position: absolute;
z-index: 3;
bottom: 9rem;
left: 0;
width: 100%;
padding: 0 4.5rem;
}
@media screen and (max-width: 1200px) {
.photo-wrap .text {
bottom: 12rem;
}
}
@media screen and (max-width: 700px) {
.photo-wrap .text {
padding: 0 1.5rem;
}
}
@media screen and (max-width: 450px) {
.photo-wrap .text {
bottom: 13%;
}
}
.photo-wrap .text p.titul,
.photo-wrap .text p.titul-za-jmenem {
color: #EED58E;
line-height: 1;
margin: 0;
}
.photo-wrap .text p.jmeno {
font-size: 12.4rem;
line-height: 1;
font-family: rift, sans-serif;
font-weight: 600;
margin: 0;
color: transparent;
-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #EED58E;
}
@media screen and (max-width: 1200px) {
.photo-wrap .text p.jmeno {
font-size: 10rem;
}
}
@media screen and (max-width: 900px) {
.photo-wrap .text p.jmeno {
font-size: 8rem;
}
}
.photo-wrap .text p.prijmeni {
font-size: 12.4rem;
line-height: 1;
font-family: rift, sans-serif;
font-weight: 600;
margin: -5rem 0 0 0;
color: #EED58E;
}
@media screen and (max-width: 1200px) {
.photo-wrap .text p.prijmeni {
font-size: 10rem;
}
}
@media screen and (max-width: 900px) {
.photo-wrap .text p.prijmeni {
font-size: 8rem;
margin-top: -3rem;
}
}
.photo-wrap .podpis {
position: absolute;
z-index: 3;
right: -9rem;
bottom: -5rem;
}
@media screen and (max-width: 1340px) {
.photo-wrap .podpis {
right: -3rem;
bottom: -3rem;
max-width: 27rem;
}
}
@media screen and (max-width: 1200px) {
.photo-wrap .podpis {
right: 1rem;
bottom: 1rem;
}
}
@media screen and (max-width: 900px) {
.photo-wrap .podpis {
max-width: 20rem;
}
}
@media screen and (max-width: 700px) {
.photo-wrap .podpis {
right: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 30rem;
}
}
@media screen and (max-width: 450px) {
.photo-wrap .podpis {
max-width: 70%;
}
}
.photo-dot {
position: absolute;
z-index: 3;
top: 1.6rem;
}
.photo-dot.photo-dot--1 {
left: 1.6rem;
}
.photo-dot.photo-dot--2 {
right: 1.6rem;
}
.page-template-o-spolecnosti .section--page-header.section--in-view h1 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.page-template-o-spolecnosti .section--page-header.section--in-view .inner-text {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.page-template-o-spolecnosti .section--page-header h1 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.page-template-o-spolecnosti .section--page-header h1 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.page-template-o-spolecnosti .section--page-header .inner-text {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.page-template-o-spolecnosti .section--page-header .inner-text {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.page-template-o-spolecnosti .section-divider {
margin: 1rem 0 3rem 0;
}
.section--our-team {
padding-top: 5rem;
}
.section--our-team.section--in-view .team-member-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--our-team.section--in-view .our-team-cols__title-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.our-team-cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 950px) {
.our-team-cols {
grid-template-columns: repeat(2, 1fr);
gap: 0.8rem;
max-width: 72.9rem;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.our-team-cols {
grid-template-columns: 1fr;
max-width: 32.9rem;
}
}
.our-team-cols.our-team-cols--2 {
grid-template-columns: repeat(2, 1fr);
max-width: 72.9rem;
margin: 0 auto;
}
@media screen and (max-width: 950px) {
.our-team-cols.our-team-cols--2 {
grid-template-columns: repeat(2, 1fr);
max-width: 72.9rem;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.our-team-cols.our-team-cols--2 {
grid-template-columns: 1fr;
max-width: 32.9rem;
}
}
.our-team-cols.our-team-cols--3 {
grid-template-columns: repeat(3, 1fr);
max-width: 92.9rem;
margin: 0 auto;
}
@media screen and (max-width: 950px) {
.our-team-cols.our-team-cols--3 {
grid-template-columns: repeat(2, 1fr);
max-width: 72.9rem;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.our-team-cols.our-team-cols--3 {
grid-template-columns: 1fr;
max-width: 32.9rem;
}
}
.our-team-cols .our-team-cols__title-col {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.our-team-cols .our-team-cols__title-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.team-member-item {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.team-member-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.team-member-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-member-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.team-member-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.team-member-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.team-member-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.team-member-item:hover .team-member-item__inner {
padding-top: 5rem;
margin-top: -2.5rem;
border-color: #3c4856;
}
.team-member-item:hover .team-member-item__thumb {
-webkit-transform: translateY(-2.5rem);
transform: translateY(-2.5rem);
border-color: #3c4856;
}
.team-member-item:hover .team-member-item__thumb:before {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-member-item:hover .team-member-item__thumb img.signature {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.team-member-item:hover .team-member-item__thumb .photo-dot {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-member-item:hover .team-member-item__content {
-webkit-transform: translateY(-2.5rem);
transform: translateY(-2.5rem);
border-color: #3c4856;
}
.team-member-item:hover .team-member-item__footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-member-item:hover .team-member-item__footer .right-col svg:hover line,
.team-member-item:hover .team-member-item__footer .right-col svg:hover path,
.team-member-item:hover .team-member-item__footer .right-col svg:hover rect {
stroke: white;
}
.team-member-item:hover .team-member-item__footer .right-col svg line,
.team-member-item:hover .team-member-item__footer .right-col svg path,
.team-member-item:hover .team-member-item__footer .right-col svg rect {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-member-item a {
text-decoration: none;
}
.team-member-item__inner {
position: relative;
z-index: 1;
padding: 2.5rem 0 3rem 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 2px solid transparent;
border-top: 0;
border-radius: 0 0 0.4rem 0.4rem;
background: rgb(40, 49, 59);
}
.team-member-item__thumb {
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 2px solid transparent;
border-bottom: 0;
border-radius: 0.4rem 0.4rem 0 0;
overflow: hidden;
font-size: 0;
}
.team-member-item__thumb:before {
position: absolute;
content: "";
width: 100%;
aspect-ratio: 1/1;   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(40, 49, 59)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(40, 49, 59) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#28313b",GradientType=0 ); bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
}
.team-member-item__thumb img:not(.signature) {
border-radius: 0.4rem;
}
.team-member-item__thumb img.signature,
.team-member-item__thumb svg {
position: absolute;
z-index: 2;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
max-width: 19rem;
opacity: 0;
}
.team-member-item__thumb .photo-dot {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
opacity: 0;
top: 2.6rem;
}
.team-member-item__content {
padding: 0 2rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-member-item__content .degrees {
display: grid;
grid-template-columns: 1fr 1fr;
}
.team-member-item__content .degrees .right {
text-align: right;
}
.team-member-item__content .degrees p {
margin: 0;
color: #EED58E;
}
.team-member-item__content p.team-member-item__title {
color: #e2e9f0;
font-size: 3rem;
text-transform: uppercase;
line-height: 1;
font-family: rift, sans-serif;
margin: 0.8rem 0 1.6rem 0;
}
.team-member-item__content p.team-member-item__position {
color: #D0DBE7;
line-height: 1;
margin: 0;
font-family: sofia-pro, sans-serif;
line-height: 1.2;
min-height: 3.9rem;
}
.team-member-item__footer {
position: absolute;
padding: 0 2rem;
left: 0;
bottom: 2rem;
margin-top: 1.5rem;
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
opacity: 0;
}
.team-member-item__footer .left-col .btn {
margin: 0;
}
.team-member-item__footer .right-col {
text-align: right;
}
.section--news {
padding: 0;
}
.section--news > svg {
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
max-height: 68rem;
}
@media screen and (max-width: 1880px) {
.section--news > svg {
display: none;
}
}
.section--news.section--in-view .section__header,
.section--news.section--in-view .slick-slider.slick-dotted {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.section--news .slick-slider.slick-dotted {
margin-bottom: 10rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.section--news .slick-arrow {
top: auto;
bottom: -10rem;
}
.section--news .slick-arrow.slick-prev {
left: auto;
right: 6.8rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.section--news .slick-arrow.slick-next {
right: 0;
-webkit-transform: none;
transform: none;
}
.section--news .section__header {
max-width: 50rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
opacity: 0;
}
@media screen and (max-width: 600px) {
.section--news .section__header {
text-align: center;
}
}
.section--news .section__header p {
margin: 0.9rem 0 2rem 0;
}
@media screen and (max-width: 600px) {
.section--news .section__header p {
text-align: left;
}
}
.section--basic-info.section--in-view h2 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--basic-info.section--in-view .basic-info-table {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--basic-info .section__header {
margin-bottom: 3rem;
}
.section--basic-info > svg {
position: absolute;
right: 0;
top: 79%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 72rem;
}
@media screen and (max-width: 1880px) {
.section--basic-info > svg {
display: none;
}
}
.section--basic-info h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--basic-info h2 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.basic-info-table {
background: #28313b;
border: 1px solid #3c4856;
border-radius: 0.8rem;
padding: 9rem 10rem;
max-width: 102.4rem;
margin: 0 auto;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.basic-info-table {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 1000px) {
.basic-info-table {
padding: 6rem 7rem;
}
}
@media screen and (max-width: 700px) {
.basic-info-table {
padding: 4rem 2.5rem;
}
}
.basic-info-table.basic-info-table--with-underline-rows .basic-info-table__row {
border-bottom: 1px solid #3c4856;
}
@media screen and (max-width: 500px) {
.basic-info-table.basic-info-table--with-underline-rows .basic-info-table__row {
border-bottom: 0;
}
}
.basic-info-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.basic-info-table__row {
margin-bottom: 1.5rem;
}
}
.basic-info-table__col--left {
padding-right: 2.5rem;
width: 35%;
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
}
@media screen and (max-width: 500px) {
.basic-info-table__col--left {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
text-align: left;
}
}
.basic-info-table__col--left p {
font-size: 1.8rem;
color: white;
font-family: rift, sans-serif;
text-transform: uppercase;
}
.basic-info-table__col--right {
width: 65%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
}
@media screen and (max-width: 500px) {
.basic-info-table__col--right {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
text-align: left;
}
}
.basic-info-table__col p {
margin: 0;
}
.single-team .section-divider {
margin: 1.7rem 0;
}
.single-team .section-divider--second {
margin: 8rem 0;
}
.single-team .section--our-team {
padding-top: 0;
}
@media screen and (max-width: 950px) {
.single-team .section--our-team .our-team-cols .our-team-cols__title-col {
grid-column: 1/-1;
text-align: center;
}
}
.section--single-team-header {
padding-top: 6.5rem;
padding-bottom: 5rem;
}
@media screen and (max-width: 1000px) {
.section--single-team-header {
padding-top: 4.5rem;
padding-bottom: 3rem;
}
}
@media screen and (max-width: 600px) {
.section--single-team-header {
padding-top: 3rem;
padding-bottom: 1.5rem;
}
}
.section--single-team-header.section--in-view .container .content {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-team-header.section--in-view .container .image-wrap {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-team-header.section--in-view .container img.signature {
opacity: 1;
-webkit-transform: translate(-50%, 35%);
transform: translate(-50%, 35%);
}
.section--single-team-header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--single-team-header .container .content {
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
border: 1px solid #3c4856;
border-radius: 0.8rem 0 0 0.8rem;
border-right: 0;
padding: 5rem 10rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-team-header .container .content {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 1200px) {
.section--single-team-header .container .content {
padding: 3.5rem 7rem;
}
}
@media screen and (max-width: 1000px) {
.section--single-team-header .container .content {
padding: 3.5rem;
}
}
@media screen and (max-width: 850px) {
.section--single-team-header .container .content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border: none;
text-align: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 0;
}
}
@media screen and (max-width: 650px) {
.section--single-team-header .container .content {
padding: 3.5rem 0;
}
}
.section--single-team-header .container .content h1 {
margin-bottom: 0;
margin-top: 0.8rem;
}
.section--single-team-header .container .content p {
margin: 0;
}
.section--single-team-header .container .content p.position {
margin-bottom: 1.7rem;
}
.section--single-team-header .container .content .degrees p {
display: inline-block;
vertical-align: middle;
color: #EED58E;
}
.section--single-team-header .container .content .degrees .before-name,
.section--single-team-header .container .content .degrees .after-name {
display: inline-block;
vertical-align: middle;
}
.section--single-team-header .container .content .degrees .before-name {
margin-right: 3rem;
}
.section--single-team-header .container .content .degrees .divider {
margin-right: 3rem;
display: inline-block;
vertical-align: middle;
}
.section--single-team-header .container .content .degrees .divider span {
position: relative;
display: block;
margin: 0 auto;
width: 6rem;
border-top: 1px solid #3c4856;
height: 0;
background: #3c4856;
}
.section--single-team-header .container .content .degrees .divider span:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-58%, -50%);
transform: translate(-58%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #28313b;
}
@media screen and (max-width: 850px) {
.section--single-team-header .container .content .contact-item {
max-width: 30rem;
margin-left: auto;
margin-right: auto;
}
}
.section--single-team-header .container .image-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%;
position: relative;
display: block;
margin: 0 auto;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-team-header .container .image-wrap {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 850px) {
.section--single-team-header .container .image-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border: none;
text-align: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 70%;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 650px) {
.section--single-team-header .container .image-wrap {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 520px) {
.section--single-team-header .container .image-wrap {
max-width: 100%;
}
}
.section--single-team-header .container .image-wrap:before {
position: absolute;
content: "";
z-index: 2;
width: 100%;
height: 25rem;
opacity: 0.8;
left: 0;
bottom: 0;   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(40, 49, 59)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(40, 49, 59) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#28313b",GradientType=0 ); }
@media screen and (max-width: 600px) {
.section--single-team-header .container .image-wrap:before {
height: 15rem;
}
}
.section--single-team-header .container .image-wrap img.photo {
position: relative;
z-index: 1;
border-radius: 0.4rem;
}
.section--single-team-header .container img.signature {
position: absolute;
z-index: 3;
left: 50%;
bottom: 0;
max-width: 30rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
-webkit-transform: translate(-50%, 45%);
transform: translate(-50%, 45%);
}
@media screen and (max-width: 700px) {
.section--single-team-header .container img.signature {
max-width: 40%;
}
}
.section--single-team-name-and-position {
padding-top: 4rem;
}
.section--single-team-name-and-position .section__header {
margin-bottom: 0;
}
.section--single-team-name-and-position.section--in-view h1 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-team-name-and-position.section--in-view p {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-team-name-and-position h1 {
font-size: 3.2rem;
margin: 0 0 0.8rem 0;
line-height: 1.25;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-team-name-and-position h1 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--single-team-name-and-position p {
margin: 0;
font-family: sofia-pro, sans-serif;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-team-name-and-position p {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section--about-single-team {
padding: 0;
}
.section--about-single-team.section--in-view .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--about-single-team.section--in-view .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--about-single-team .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section--about-single-team .left-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 5rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--about-single-team .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 750px) {
.section--about-single-team .left-col {
width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding-right: 2.5rem;
}
}
@media screen and (max-width: 600px) {
.section--about-single-team .left-col {
display: none;
}
}
.section--about-single-team .left-col img {
border-radius: 0.4rem;
}
.section--about-single-team .right-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 1rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--about-single-team .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 750px) {
.section--about-single-team .right-col {
width: 60%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
}
@media screen and (max-width: 600px) {
.section--about-single-team .right-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
text-align: center;
}
}
.section--about-single-team .right-col .text {
margin: 2.5rem 0 3.5rem 0;
text-align: left;
}
.section--about-single-team .right-col .text p:nth-of-type(1) {
margin-top: 0;
}
.section--about-single-team .right-col .text p:last-of-type {
margin-bottom: 0;
}
.section--about-single-team .right-col .single-team-thumb-mobile {
display: none;
}
@media screen and (max-width: 600px) {
.section--about-single-team .right-col .single-team-thumb-mobile {
display: block;
margin: 2rem auto;
max-width: 40rem;
}
}
.postid-271 .section--about-single-team .right-col .contact-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-big-text {
position: absolute;
overflow: hidden;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
padding: 0 3rem;
left: -12rem;
}
@media screen and (max-width: 1880px) {
.section-big-text {
display: none;
}
}
.section-big-text p {
position: relative;
font-size: 18.3rem;
line-height: 1;
font-family: rift, sans-serif;
color: transparent;
-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #506072;
text-transform: uppercase;
margin: 0;
}
.section-big-text p:before {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: -3rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-color: #506072;
background: transparent;
}
.section-big-text p:after {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: -3rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-color: #506072;
background: transparent;
}
.page-template-investice-do-fondu .section--page-header.section--in-view h1 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.page-template-investice-do-fondu .section--page-header.section--in-view .btn {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; display: none;
}
.page-template-investice-do-fondu .section--page-header h1 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.page-template-investice-do-fondu .section--page-header h1 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.page-template-investice-do-fondu .section--page-header .btn {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.page-template-investice-do-fondu .section--page-header .btn {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section--funds-list {
padding: 0;
}
.section--funds-list.section--in-view .fund-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--funds-list .section-big-text {
left: auto;
right: -12rem;
top: 15rem;
}
.funds-items {
margin: 7.1rem -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;
text-align: left;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
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: 1124px) {
.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;
border-radius: 0.4rem;
overflow: hidden;
border-radius: 0.4rem;
aspect-ratio: 300/105;
border: 1px solid #3c4856;
}
.fund-item__thumb:before {
position: absolute;
content: "";
z-index: 3;
width: 100%;
height: 100%;
background: #3c4856;
mix-blend-mode: color;
left: 0;
top: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fund-item__thumb img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fund-item__thumb svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 70%;
}
.fund-item__content {
border: 1px solid #3c4856;
border-top: 0;
border-radius: 0 0 0.4rem 0.4rem;
margin-top: -0.3rem;
padding: 3rem;
}
@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.6;
min-height: 9.6rem;
}
@media screen and (max-width: 500px) {
.fund-item__content h2 {
min-height: auto;
}
}
.fund-item__content .btn {
margin-top: 2.4rem;
}
.fund-basic-info-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #3e4855;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fund-basic-info-table__row:last-of-type {
border-bottom: 1px solid #3e4855;
}
.fund-basic-info-table__row:last-of-type .fund-basic-info-table-col--left:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fund-basic-info-table__col--left {
position: relative;
width: 4rem;
height: 4rem;
border-right: 1px solid #3e4855;
}
.fund-basic-info-table__col--left:before {
position: absolute;
content: "";
right: 0;
top: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fund-basic-info-table__col--left svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fund-basic-info-table__col--right {
padding-left: 1.6rem;
}
.fund-basic-info-table__col--right p {
margin: 0;
line-height: 1;
font-family: sofia-pro, sans-serif;
}
.section--single-funds-top.section--in-view .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-funds-top.section--in-view .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--single-funds-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--single-funds-top .container .inner {
max-width: 50rem;
}
@media screen and (max-width: 900px) {
.section--single-funds-top .container .inner {
max-width: 100%;
text-align: center;
}
}
.section--single-funds-top .left-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 2.5rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-funds-top .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--single-funds-top .left-col .inner {
max-width: unset !important;
}
@media screen and (max-width: 900px) {
.section--single-funds-top .left-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
}
}
.section--single-funds-top .left-col h1 {
margin: 0;
text-wrap: balance;
}
.section--single-funds-top .left-col .inner-text {
margin: 2rem 0 4rem 0;
max-width: 50rem;
}
@media screen and (max-width: 900px) {
.section--single-funds-top .left-col .inner-text {
margin-left: auto;
margin-right: auto;
}
}
.section--single-funds-top .left-col .fund-basic-info-table {
max-width: 36rem;
margin-bottom: 4rem;
}
@media screen and (max-width: 900px) {
.section--single-funds-top .left-col .fund-basic-info-table {
text-align: left;
margin-left: auto;
margin-right: auto;
}
}
.section--single-funds-top .left-col .fund-basic-info-table__col--left {
width: auto;
height: auto;
padding: 1rem 1rem;
min-width: 22rem;
}
.section--single-funds-top .left-col .fund-basic-info-table__col--left svg,
.section--single-funds-top .left-col .fund-basic-info-table__col--left img.fund-icon {
-webkit-transform: none;
transform: none;
position: static;
display: inline-block;
vertical-align: middle;
}
.section--single-funds-top .left-col .fund-basic-info-table__col--left p {
margin: 0 0 0 1.2rem;
line-height: 1;
font-family: sofia-pro, sans-serif;
display: inline-block;
vertical-align: middle;
}
.section--single-funds-top .right-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-left: 2.5rem;
padding-top: 2rem;
text-align: right;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--single-funds-top .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 900px) {
.section--single-funds-top .right-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
padding-top: 3rem;
text-align: left;
}
}
@media screen and (max-width: 900px) {
.section--single-funds-top .right-col .inner {
text-align: left;
}
}
.section--single-funds-top .right-col .inner > p {
margin: 1.3rem 0;
}
.section--more-about-fund.section--in-view .container {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--more-about-fund .container {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.table-with-dots {
text-align: left;
background: #28313b;
}
.table-with-dots__row {
display: grid;
grid-template-columns: calc(100% - 20rem) 20rem;
border-top: 1px solid #3e4855;
border-left: 1px solid #3e4855;
border-right: 1px solid #3e4855;
}
.table-with-dots__row:first-of-type {
border-radius: 0.4rem 0.4rem 0 0;
}
.table-with-dots__row:last-of-type {
border-bottom: 1px solid #3e4855;
border-radius: 0 0 0.4rem 0.4rem;
}
.table-with-dots__row:last-of-type .table-with-dots__col--left:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 400px) {
.table-with-dots__row {
grid-template-columns: calc(100% - 16rem) 16rem;
}
}
.table-with-dots__col {
padding: 2.5rem;
}
@media screen and (max-width: 400px) {
.table-with-dots__col {
padding: 1.5rem;
}
}
.table-with-dots__col--left {
position: relative;
border-right: 1px solid #3e4855;
}
.table-with-dots__col--left:before {
position: absolute;
content: "";
right: 0;
top: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.table-with-dots__col p {
margin: 0;
line-height: 1;
}
.table-with-dots__col p strong {
font-weight: 700;
color: #EED58E;
}
.section--more-about-fund {
text-align: center;
padding: 9rem 0 7rem 0;
}
@media screen and (max-width: 900px) {
.section--more-about-fund {
padding: 5rem 0;
}
}
.section--more-about-fund .container {
position: relative;
}
.section--more-about-fund .container:before {
position: absolute;
content: "";
width: calc(100% - 5rem);
left: 2.5rem;
height: 0;
border-top: 1px solid #3c4856;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
.section--more-about-fund .container:before {
display: none;
}
}
.section--more-about-fund .container .btn-wrap {
position: relative;
display: inline-block;
background: #252d36;
padding: 0 9rem;
}
@media screen and (max-width: 600px) {
.section--more-about-fund .container .btn-wrap {
background: transparent;
padding: 0;
}
}
.section--more-about-fund .container .btn-wrap .btn {
margin: 0;
}
.section--more-about-fund .container .btn-wrap:before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
.section--more-about-fund .container .btn-wrap:before {
display: none;
}
}
.section--more-about-fund .container .btn-wrap:after {
position: absolute;
content: "";
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
.section--more-about-fund .container .btn-wrap:after {
display: none;
}
}
.section--investment-strategy {
padding-top: 0;
}
.section--investment-strategy.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--investment-strategy.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--investment-strategy .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section--investment-strategy .container .left-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 0.8rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--investment-strategy .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 800px) {
.section--investment-strategy .container .left-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
}
}
.section--investment-strategy .container .left-col img {
border-radius: 0.4rem;
}
.section--investment-strategy .container .right-col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 50%;
flex: 0 50%;
padding-left: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--investment-strategy .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 800px) {
.section--investment-strategy .container .right-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
margin-bottom: 3rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center;
}
.section--investment-strategy .container .right-col .inner-text {
text-align: left;
}
}
.section--why-invest.section--in-view h2 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--why-invest.section--in-view .reason-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--why-invest.section--in-view .section__footer {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--why-invest h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--why-invest h2 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--why-invest .section__footer {
margin-top: 8rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.reasons-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8rem 4rem;
}
@media screen and (max-width: 1000px) {
.reasons-items {
gap: 4rem 2rem;
}
}
@media screen and (max-width: 750px) {
.reasons-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 550px) {
.reasons-items {
grid-template-columns: 1fr;
}
}
.reason-item {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.reason-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.reason-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.reason-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.reason-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.reason-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.reason-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.reason-item:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.reason-item__header {
position: relative;
}
.reason-item__header:before {
position: absolute;
content: "";
width: calc(100% - 6rem);
left: 6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 0;
border-top: 1px solid #3c4856;
}
.reason-item__header-icon {
position: relative;
width: 6rem;
aspect-ratio: 1/1;
border-radius: 2rem;
border: 1px solid #3c4856;
}
.reason-item__header-icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.reason-item__header-icon:after {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: 0;
top: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.reason-item__content {
padding: 3rem 3rem 0 0;
}
.reason-item__content p {
margin: 0;
font-family: sofia-pro, sans-serif;
max-width: 31rem;
}
.section--downloads.section--in-view h2 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--downloads.section--in-view .download-file-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--downloads h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--downloads h2 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.downloads-files-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.8rem;
text-align: center;
}
@media screen and (max-width: 1000px) {
.downloads-files-items {
margin: 0;
}
}
.download-file-item {
display: inline-block;
position: relative;
padding: 3rem;
background: #28313b;
border: 1px solid #3c4856;
border-radius: 0.4rem;
text-align: center;
margin: 0.8rem;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(33.3333% - 1.6rem);
flex: 1 1 calc(33.3333% - 1.6rem);
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.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: 768px) {
.download-file-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(33.3333% - 0.8rem);
flex: 1 1 calc(33.3333% - 0.8rem);
}
}
@media screen and (max-width: 500px) {
.download-file-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.download-file-item:hover .btn.btn--with-arrow.btn--with-arrow-download.btn--with-arrow-download svg {
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
.download-file-item:hover .btn.btn--with-arrow.btn--with-arrow-download.btn--with-arrow-download:after {
-webkit-transform: translateY(-50%) scaleX(1);
transform: translateY(-50%) scaleX(1);
opacity: 1;
}
.download-file-item__icon {
margin-bottom: 3.5rem;
}
.download-file-item__content {
margin-bottom: 1rem;
}
.download-file-item__content p {
margin: 0;
}
.download-file-item__content p:not(.file-info) {
min-height: 5.6rem;
}
.download-file-item__content p.file-info {
font-size: 13px;
opacity: 0.8;
}
.download-file-item__content p.file-info span {
text-transform: uppercase;
}
.download-file-item .btn {
margin: 0;
}
.section--basic-text.section--in-view h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--basic-text.section--in-view .container {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--basic-text h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.section--basic-text .container {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.section.section--page-header.section--bonds-list {
padding-bottom: 6rem;
}
.section.section--page-header.section--bonds-list.section--in-view h1 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--bonds-list.section--in-view .bonds-table__row {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--bonds-list .section__header {
margin-bottom: 5rem;
}
.section.section--page-header.section--bonds-list h1 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--page-header.section--bonds-list h1 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section.section--page-header.section--bonds-list .section-big-text {
right: -26rem;
top: 46rem;
left: auto;
}
.bonds-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-bottom: 0.8rem;
background: #28313b;
border: 1px solid #3c4856;
border-radius: 0.8rem;
padding: 2rem 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1290px) {
.bonds-table__row {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.bonds-table__row.bonds-table__row--header {
border: none;
padding: 0;
background: none;
}
@media screen and (max-width: 630px) {
.bonds-table__row.bonds-table__row--header {
display: none;
}
}
.bonds-table__row.bonds-table__row--bond .bonds-table__col--name p {
line-height: 1.3;
color: white;
font-size: 1.6rem;
font-weight: 700;
}
.bonds-table__row:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.bonds-table__row:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.bonds-table__row:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.bonds-table__row:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.bonds-table__row:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.bonds-table__row:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.bonds-table__row:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.bonds-table__row:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.bonds-table__row:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.bonds-table__row:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.bonds-table__row:nth-of-type(11) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.bonds-table__row:nth-of-type(12) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.bonds-table__row:nth-of-type(13) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
.bonds-table__row:nth-of-type(14) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.bonds-table__row:nth-of-type(15) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.bonds-table__row:nth-of-type(16) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.bonds-table__row:nth-of-type(17) {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
.bonds-table__row:nth-of-type(18) {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.bonds-table__row:nth-of-type(19) {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
.bonds-table__row:nth-of-type(20) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.bonds-table__row:nth-of-type(21) {
-webkit-transition-delay: 3.15s;
transition-delay: 3.15s;
}
.bonds-table__row:nth-of-type(22) {
-webkit-transition-delay: 3.3s;
transition-delay: 3.3s;
}
.bonds-table__row:nth-of-type(23) {
-webkit-transition-delay: 3.45s;
transition-delay: 3.45s;
}
.bonds-table__row:nth-of-type(24) {
-webkit-transition-delay: 3.6s;
transition-delay: 3.6s;
}
.bonds-table__row:nth-of-type(25) {
-webkit-transition-delay: 3.75s;
transition-delay: 3.75s;
}
.bonds-table__row:nth-of-type(26) {
-webkit-transition-delay: 3.9s;
transition-delay: 3.9s;
}
.bonds-table__row:nth-of-type(27) {
-webkit-transition-delay: 4.05s;
transition-delay: 4.05s;
}
.bonds-table__row:nth-of-type(28) {
-webkit-transition-delay: 4.2s;
transition-delay: 4.2s;
}
.bonds-table__row:nth-of-type(29) {
-webkit-transition-delay: 4.35s;
transition-delay: 4.35s;
}
.bonds-table__row:nth-of-type(30) {
-webkit-transition-delay: 4.5s;
transition-delay: 4.5s;
}
.bonds-table__row:hover .btn.btn--with-arrow svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
}
.bonds-table__row .btn {
margin: 0;
}
.bonds-table__col {
text-align: left;
}
.bonds-table__col--name {
width: calc((100% - 18rem) * 0.35);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 18rem) * 0.35);
flex: 0 0 calc((100% - 18rem) * 0.35);
padding: 0 4rem;
}
@media screen and (max-width: 1080px) {
.bonds-table__col--name {
padding: 0 2rem;
}
}
@media screen and (max-width: 1000px) {
.bonds-table__col--name {
width: calc((100% - 16rem) * 0.35);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 16rem) * 0.35);
flex: 0 0 calc((100% - 16rem) * 0.35);
}
}
@media screen and (max-width: 630px) {
.bonds-table__col--name {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.bonds-table__col--maturity, .bonds-table__col--length, .bonds-table__col--interest {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 1.6rem;
}
@media screen and (max-width: 630px) {
.bonds-table__col--maturity, .bonds-table__col--length, .bonds-table__col--interest {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 2rem;
}
}
.bonds-table__col--note {
width: calc((100% - 18rem) * 0.25);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 18rem) * 0.25);
flex: 0 0 calc((100% - 18rem) * 0.25);
padding-right: 1.6rem;
}
@media screen and (max-width: 1000px) {
.bonds-table__col--note {
width: calc((100% - 16rem) * 0.25);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 16rem) * 0.25);
flex: 0 0 calc((100% - 16rem) * 0.25);
}
}
@media screen and (max-width: 870px) {
.bonds-table__col--note {
width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
}
@media screen and (max-width: 630px) {
.bonds-table__col--note {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 2rem;
}
}
.bonds-table__col--detail {
width: 18rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 18rem;
flex: 0 0 18rem;
}
@media screen and (max-width: 1000px) {
.bonds-table__col--detail {
width: 16rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 16rem;
flex: 0 0 16rem;
}
}
@media screen and (max-width: 870px) {
.bonds-table__col--detail {
margin-left: calc(100% - 16rem);
margin-top: 2rem;
}
}
.bonds-table__col p {
margin: 0;
}
.bonds-table__col p span {
display: none;
}
@media screen and (max-width: 630px) {
.bonds-table__col p span {
display: inline;
}
}
.section.section--page-header.section--we-inform {
padding-bottom: 6rem;
}
.inform-tabs {
font-size: 0;
border-bottom: 1px solid #3c4856;
display: inline-block;
margin: 4rem auto 8rem auto;
}
@media screen and (max-width: 1000px) {
.inform-tabs {
margin: 4rem auto;
}
}
.inform-tab {
position: relative;
display: inline-block;
vertical-align: bottom;
padding: 0 1rem 1.8rem 1rem;
margin: 0 2.5rem;
}
.inform-tab:first-of-type {
margin-left: 0;
}
.inform-tab:last-of-type {
margin-right: 0;
}
.inform-tab:hover {
cursor: pointer;
}
.inform-tab:hover p {
color: #EED58E;
}
.inform-tab.inform-tab--active p {
color: #EED58E;
}
.inform-tab.inform-tab--active:before {
opacity: 1;
}
.inform-tab:before {
position: absolute;
content: "";
position: absolute;
height: 0;
width: 100%;
border-top: 3px solid #EED58E;
left: 0;
bottom: -1px;
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.inform-tab p {
margin: 0;
font-weight: 700;
color: white;
text-transform: uppercase;
line-height: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inform-tab a,
.inform-tab:hover a {
text-decoration: none;
}
.inform-tab-content {
display: none;
}
.inform-tab-content.inform-tab-content--active {
display: block;
}
.section--podilove-fondy .section__header {
margin-bottom: 4rem;
}
.funds-table-list__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-bottom: 0.8rem;
background: #28313b;
border: 1px solid #3c4856;
border-radius: 0.8rem;
}
@media screen and (max-width: 1000px) {
.funds-table-list__row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
.funds-table-list__row.funds-table-list__row--header {
border: none;
padding: 0 0 1.6rem 0;
background: none;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 1000px) {
.funds-table-list__row.funds-table-list__row--header {
display: none;
}
}
.funds-table-list__row.funds-table-list__row--header .funds-table-list__col {
padding-top: 0;
padding-bottom: 0;
}
.funds-table-list__row.funds-table-list__row--header .funds-table-list__col p {
font-size: 1.6rem;
line-height: 1.25;
}
.funds-table-list__row.funds-table-list__row--fund .funds-table-list__col--name p {
line-height: 1.3;
color: white;
font-size: 1.6rem;
font-weight: 700;
}
.funds-table-list__row.funds-table-list__row--fund .funds-table-list__col--name p a {
color: white;
text-decoration: none;
}
.funds-table-list__row.funds-table-list__row--fund .funds-table-list__col--name p a:hover {
color: #EED58E;
}
.funds-table-list__row.funds-table-list__row--fund .funds-table-list__col--prilohy {
text-align: center;
}
.funds-table-list__row.funds-table-list__row--fund .funds-table-list__col--podfondy {
text-align: center;
}
.funds-table-list__row:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.funds-table-list__row:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.funds-table-list__row:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.funds-table-list__row:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.funds-table-list__row:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.funds-table-list__row:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.funds-table-list__row:nth-of-type(7) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.funds-table-list__row:nth-of-type(8) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.funds-table-list__row:nth-of-type(9) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.funds-table-list__row:nth-of-type(10) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.funds-table-list__row:nth-of-type(11) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.funds-table-list__row:nth-of-type(12) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.funds-table-list__row:nth-of-type(13) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
.funds-table-list__row:nth-of-type(14) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.funds-table-list__row:nth-of-type(15) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.funds-table-list__row:nth-of-type(16) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.funds-table-list__row:nth-of-type(17) {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
.funds-table-list__row:nth-of-type(18) {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.funds-table-list__row:nth-of-type(19) {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
.funds-table-list__row:nth-of-type(20) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.funds-table-list__row:nth-of-type(21) {
-webkit-transition-delay: 3.15s;
transition-delay: 3.15s;
}
.funds-table-list__row:nth-of-type(22) {
-webkit-transition-delay: 3.3s;
transition-delay: 3.3s;
}
.funds-table-list__row:nth-of-type(23) {
-webkit-transition-delay: 3.45s;
transition-delay: 3.45s;
}
.funds-table-list__row:nth-of-type(24) {
-webkit-transition-delay: 3.6s;
transition-delay: 3.6s;
}
.funds-table-list__row:nth-of-type(25) {
-webkit-transition-delay: 3.75s;
transition-delay: 3.75s;
}
.funds-table-list__row:nth-of-type(26) {
-webkit-transition-delay: 3.9s;
transition-delay: 3.9s;
}
.funds-table-list__row:nth-of-type(27) {
-webkit-transition-delay: 4.05s;
transition-delay: 4.05s;
}
.funds-table-list__row:nth-of-type(28) {
-webkit-transition-delay: 4.2s;
transition-delay: 4.2s;
}
.funds-table-list__row:nth-of-type(29) {
-webkit-transition-delay: 4.35s;
transition-delay: 4.35s;
}
.funds-table-list__row:nth-of-type(30) {
-webkit-transition-delay: 4.5s;
transition-delay: 4.5s;
}
.funds-table-list__row:hover .btn.btn--with-arrow svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
}
.funds-table-list__row .btn {
margin: 0;
}
.funds-table-list .subrow-wrap {
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
.funds-table-list__sub-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: 2rem 0;
border-top: 1px solid #3c4856;
}
.funds-table-list__sub-row--prilohy {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
text-align: right;
padding: 2rem calc(4% + 1.6rem) 1rem 0;
}
@media screen and (max-width: 450px) {
.funds-table-list__sub-row--prilohy {
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 1rem 0.8rem;
}
}
.funds-table-list__sub-row--prilohy .inner {
width: 50%;
max-width: 45rem;
font-size: 0;
display: inline-block;
}
@media screen and (max-width: 700px) {
.funds-table-list__sub-row--prilohy .inner {
max-width: 100%;
width: 100%;
}
}
.funds-table-list__sub-row--prilohy .inner a {
display: inline-block;
vertical-align: top;
width: calc(50% - 2rem);
padding: 0 0 1rem 1rem;
font-size: 1.6rem;
color: #D0DBE7;
line-height: 1.75;
text-decoration: none;
}
.funds-table-list__sub-row--prilohy .inner a:hover {
color: #EED58E;
}
@media screen and (max-width: 450px) {
.funds-table-list__sub-row--prilohy .inner a {
display: block;
padding: 0;
margin: 0.8rem 0;
}
}
.funds-table-list__sub-row--subfund {
padding: 0 4.5% 0 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
.funds-table-list__sub-row--subfund {
padding: 0 5rem 0 0;
}
}
.funds-table-list__sub-row--subfund .funds-table-list__col--name {
-webkit-box-flex: 0;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
width: 95%;
}
@media screen and (max-width: 1000px) {
.funds-table-list__sub-row--subfund .funds-table-list__col--name {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 5rem);
flex: 0 0 calc(100% - 5rem);
width: calc(100% - 5rem);
}
}
.funds-table-list__sub-row--subfund .funds-table-list__col--name p {
position: relative;
padding-left: 1.7rem;
}
.funds-table-list__sub-row--subfund .funds-table-list__col--name p:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
left: 0;
top: 9px;
background: #EED58E;
border-radius: 2px;
}
.funds-table-list__sub-row--subfund .funds-table-list__col--prilohy {
-webkit-box-flex: 0;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
width: 5%;
text-align: right;
margin-left: 0;
}
@media screen and (max-width: 1000px) {
.funds-table-list__sub-row--subfund .funds-table-list__col--prilohy {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
width: 5rem;
padding-right: 0;
text-align: center;
}
}
.funds-table-list__sub-row--subfund .funds-table-list__sub-row--prilohy {
border-top: 0;
padding-right: 1.6rem;
padding-top: 0;
}
.funds-table-list__col {
text-align: left;
padding-right: 1.6rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.funds-table-list__col--name {
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
width: 24%;
padding-right: 3rem;
padding-left: 4rem;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--name {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 12%;
width: 12%;
padding-right: 2.6rem;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--datum-zapisu {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%;
}
}
@media screen and (max-width: 730px) {
.funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--spisova-znacka {
-webkit-box-flex: 0;
-ms-flex: 0 0 17%;
flex: 0 0 17%;
width: 17%;
padding-right: 3rem;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--spisova-znacka {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%;
}
}
@media screen and (max-width: 730px) {
.funds-table-list__col--spisova-znacka {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--spisova-znacka {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--spisova-znacka {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--sidlo {
-webkit-box-flex: 0;
-ms-flex: 0 0 16%;
flex: 0 0 16%;
width: 16%;
padding-right: 3rem;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--sidlo {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%;
}
}
@media screen and (max-width: 730px) {
.funds-table-list__col--sidlo {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--sidlo {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--sidlo {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--ico {
-webkit-box-flex: 0;
-ms-flex: 0 0 8%;
flex: 0 0 8%;
width: 8%;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--ico {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%;
}
}
@media screen and (max-width: 730px) {
.funds-table-list__col--ico {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--ico {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--ico {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--zakladni-kapital {
-webkit-box-flex: 0;
-ms-flex: 0 0 13%;
flex: 0 0 13%;
width: 13%;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--zakladni-kapital {
padding-right: 0.8rem;
padding-left: 0.8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%;
}
}
@media screen and (max-width: 730px) {
.funds-table-list__col--zakladni-kapital {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
width: 33.333;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--zakladni-kapital {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 450px) {
.funds-table-list__col--zakladni-kapital {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list__col--prilohy {
-webkit-box-flex: 0;
-ms-flex: 0 0 6%;
flex: 0 0 6%;
width: 6%;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--prilohy {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
width: 5rem;
padding-right: 0;
text-align: center;
margin-left: calc(100% - 10rem);
}
}
.funds-table-list__col--podfondy {
-webkit-box-flex: 0;
-ms-flex: 0 0 4%;
flex: 0 0 4%;
width: 4%;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col--podfondy {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
width: 5rem;
padding-right: 0;
text-align: center;
}
}
.funds-table-list__col p {
margin: 0;
font-size: 1.4rem;
line-height: 1.4;
}
.funds-table-list__col p span {
display: none;
color: white;
}
@media screen and (max-width: 1000px) {
.funds-table-list__col p span {
display: block;
}
}
.funds-table-list .open-fund-files-btn:hover,
.funds-table-list .open-fund-subfunds-btn:hover {
cursor: pointer;
}
.funds-table-list .open-fund-files-btn:hover svg path,
.funds-table-list .open-fund-files-btn:hover svg line,
.funds-table-list .open-fund-subfunds-btn:hover svg path,
.funds-table-list .open-fund-subfunds-btn:hover svg line {
stroke: #D0DBE7;
}
.funds-table-list .open-fund-files-btn svg,
.funds-table-list .open-fund-subfunds-btn svg {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.funds-table-list .open-fund-files-btn svg path,
.funds-table-list .open-fund-files-btn svg line,
.funds-table-list .open-fund-subfunds-btn svg path,
.funds-table-list .open-fund-subfunds-btn svg line {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.funds-table-list .open-fund-subfunds-btn.active svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.funds-table-list.funds-table-list--podilove-fondy .funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 26%;
flex: 0 0 26%;
width: 26%;
}
@media screen and (max-width: 1000px) {
.funds-table-list.funds-table-list--podilove-fondy .funds-table-list__col--datum-zapisu {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.funds-table-list.funds-table-list--podilove-fondy .funds-table-list__col--empty {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
width: 40%;
}
@media screen and (max-width: 1000px) {
.funds-table-list.funds-table-list--podilove-fondy .funds-table-list__col--empty {
display: none;
}
}
.section.section--page-header.section--page-header-poradenstvi,
.section.section--page-header.section--page-header-spravujeme {
text-align: left;
}
.section.section--page-header.section--page-header-poradenstvi.section--in-view .container .left-col,
.section.section--page-header.section--page-header-spravujeme.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--page-header-poradenstvi.section--in-view .container .right-col,
.section.section--page-header.section--page-header-spravujeme.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--page-header-poradenstvi .container,
.section.section--page-header.section--page-header-spravujeme .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section.section--page-header.section--page-header-poradenstvi .container .left-col,
.section.section--page-header.section--page-header-spravujeme .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
padding-right: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--page-header.section--page-header-poradenstvi .container .left-col,
.section.section--page-header.section--page-header-spravujeme .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 830px) {
.section.section--page-header.section--page-header-poradenstvi .container .left-col,
.section.section--page-header.section--page-header-spravujeme .container .left-col {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
text-align: center;
}
}
.section.section--page-header.section--page-header-poradenstvi .container .right-col,
.section.section--page-header.section--page-header-spravujeme .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
padding-left: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--page-header.section--page-header-poradenstvi .container .right-col,
.section.section--page-header.section--page-header-spravujeme .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 830px) {
.section.section--page-header.section--page-header-poradenstvi .container .right-col,
.section.section--page-header.section--page-header-spravujeme .container .right-col {
display: none;
}
}
.section.section--page-header.section--page-header-spravujeme .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
width: 42%;
}
@media screen and (max-width: 1000px) {
.section.section--page-header.section--page-header-spravujeme .container .left-col {
padding-right: 4rem;
}
}
@media screen and (max-width: 830px) {
.section.section--page-header.section--page-header-spravujeme .container .left-col {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
text-align: center;
}
}
.section.section--page-header.section--page-header-spravujeme .container .left-col .photo-wrap--mobile {
display: none;
}
@media screen and (max-width: 830px) {
.section.section--page-header.section--page-header-spravujeme .container .left-col .photo-wrap--mobile {
display: block;
max-width: 70rem;
margin: 0 auto;
}
}
.section.section--page-header.section--page-header-spravujeme .container .left-col .photo-wrap--mobile:before {
display: none;
}
.section.section--page-header.section--page-header-spravujeme .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%;
width: 58%;
padding-left: 0;
}
.section.section--page-header.section--page-header-spravujeme .container .right-col .photo-wrap:before {
display: none;
}
.page-template-spravujeme .section--more-about-fund {
padding: 12rem 0;
}
@media screen and (max-width: 600px) {
.page-template-spravujeme .section--more-about-fund {
padding: 5rem 0;
}
}
.page-template-spravujeme .section--bonds-list {
padding-top: 0;
}
.page-template-spravujeme .section--bonds-list h2 {
max-width: 66rem;
margin: 0 auto;
}
.page-template-spravujeme .bonds-table__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-spravujeme .bonds-table__col--name {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 14rem);
flex: 0 0 calc(100% - 14rem);
width: calc(100% - 14rem);
}
@media screen and (max-width: 600px) {
.page-template-spravujeme .bonds-table__col--name {
padding: 0 2rem;
}
}
@media screen and (max-width: 400px) {
.page-template-spravujeme .bonds-table__col--name {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-bottom: 2rem;
}
}
.page-template-spravujeme .bonds-table__col--detail {
-webkit-box-flex: 0;
-ms-flex: 0 0 14rem;
flex: 0 0 14rem;
width: 14rem;
}
@media screen and (max-width: 400px) {
.page-template-spravujeme .bonds-table__col--detail {
margin-left: calc(100% - 14rem);
}
}
.text-with-icon-items {
margin: 2.4rem 0 4rem 0;
}
@media screen and (max-width: 830px) {
.text-with-icon-items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3rem;
}
}
@media screen and (max-width: 620px) {
.text-with-icon-items {
display: block;
max-width: 50rem;
margin: 2.4rem auto 4rem auto;
}
}
.text-with-icon-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.4rem;
}
.text-with-icon-item:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 830px) {
.text-with-icon-item {
display: block;
text-align: center;
}
}
@media screen and (max-width: 620px) {
.text-with-icon-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.text-with-icon-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
width: 6rem;
}
@media screen and (max-width: 830px) {
.text-with-icon-item__icon {
margin: 0 auto;
}
}
.text-with-icon-item__content {
padding-left: 1.6rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 6rem);
flex: 0 0 calc(100% - 6rem);
width: calc(100% - 6rem);
}
@media screen and (max-width: 830px) {
.text-with-icon-item__content {
width: 100%;
padding-left: 0;
margin-top: 2rem;
}
}
@media screen and (max-width: 620px) {
.text-with-icon-item__content {
width: calc(100% - 6rem);
margin-top: 0;
padding-left: 1.6rem;
text-align: left;
}
}
.text-with-icon-item__content p {
margin: 0;
}
.section.section--page-header.section--page-header-podporujeme {
text-align: left;
}
.section.section--page-header.section--page-header-podporujeme .section-big-text {
right: -35rem;
top: 59rem;
left: auto;
}
.section.section--page-header.section--page-header-podporujeme.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--page-header-podporujeme.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section.section--page-header.section--page-header-podporujeme .container {
font-size: 0;
}
.section.section--page-header.section--page-header-podporujeme .container .left-col {
display: inline-block;
vertical-align: top;
position: sticky;
top: 15rem;
width: 42%;
padding-right: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--page-header.section--page-header-podporujeme .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 1000px) {
.section.section--page-header.section--page-header-podporujeme .container .left-col {
padding-right: 5rem;
}
}
@media screen and (max-width: 730px) {
.section.section--page-header.section--page-header-podporujeme .container .left-col {
position: static;
padding-right: 0;
width: 100%;
text-align: center;
}
}
.section.section--page-header.section--page-header-podporujeme .container .left-col .inner-text {
display: inline-block;
}
.section.section--page-header.section--page-header-podporujeme .container .right-col {
display: inline-block;
vertical-align: top;
width: 58%;
padding-top: 9rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section.section--page-header.section--page-header-podporujeme .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 1000px) {
.section.section--page-header.section--page-header-podporujeme .container .right-col {
padding-top: 5rem;
}
}
@media screen and (max-width: 730px) {
.section.section--page-header.section--page-header-podporujeme .container .right-col {
width: 100%;
padding-top: 3rem;
}
}
.supporting-project-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #28313b;
border: 1px solid #3c4856;
padding: 5.6rem;
border-radius: 0.4rem;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1000px) {
.supporting-project-item {
padding: 3.6rem;
}
}
@media screen and (max-width: 500px) {
.supporting-project-item {
padding: 2.6rem;
}
}
.supporting-project-item__left-col {
width: 10rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 10rem;
flex: 0 0 10rem;
}
@media screen and (max-width: 500px) {
.supporting-project-item__left-col {
width: 7rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 7rem;
flex: 0 0 7rem;
}
}
.supporting-project-item__logo {
position: relative;
background: white;
border-radius: 3rem;
width: 100%;
aspect-ratio: 1/1;
}
@media screen and (max-width: 500px) {
.supporting-project-item__logo {
border-radius: 1.5rem;
}
}
.supporting-project-item__logo img {
max-width: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.supporting-project-item__right-col {
width: calc(100% - 10rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 10rem);
flex: 0 0 calc(100% - 10rem);
padding-left: 5rem;
}
@media screen and (max-width: 1000px) {
.supporting-project-item__right-col {
padding-left: 2.5rem;
}
}
@media screen and (max-width: 500px) {
.supporting-project-item__right-col {
width: calc(100% - 7rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 7rem);
flex: 0 0 calc(100% - 7rem);
}
}
@media screen and (max-width: 400px) {
.supporting-project-item__right-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
padding-top: 2rem;
}
}
.supporting-project-item__right-col h2 {
margin: 0 0 1rem 0;
text-align: left;
}
.supporting-project-item__right-col p {
margin: 0;
}
.supporting-project-item__right-col .btn {
margin: 2rem 0 0 0;
}
.page-template-kontakt .section.section--page-header.section--in-view h1 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.page-template-kontakt .section.section--page-header h1 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
opacity: 0;
}
.section--contacts.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--contacts.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--contacts .section-big-text {
right: -18rem;
top: 41rem;
left: auto;
}
.section--contacts .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section--contacts .container .left-col {
width: 24%;
-webkit-box-flex: 0;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--contacts .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 920px) {
.section--contacts .container .left-col {
display: none;
}
}
.section--contacts .container .left-col img {
border-radius: 0.4rem;
}
.section--contacts .container .right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 76%;
-webkit-box-flex: 0;
-ms-flex: 0 0 76%;
flex: 0 0 76%;
padding: 6rem 10rem 6rem 6rem;
border-radius: 0 0.8rem 0.8rem 0;
border: 1px solid #3c4856;
border-left: 0;
background: #28313b;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--contacts .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 1020px) {
.section--contacts .container .right-col {
padding: 4rem 5rem 4rem 4rem;
}
}
@media screen and (max-width: 920px) {
.section--contacts .container .right-col {
padding: 4rem;
border-left: 1px solid #3c4856;
border-radius: 0.8rem;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 450px) {
.section--contacts .container .right-col {
padding: 0;
border: none;
background: transparent;
}
}
.section--contacts .container .right-col__col {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 600px) {
.section--contacts .container .right-col__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.section--contacts .container .right-col__col--left {
width: 60%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding-right: 2rem;
}
@media screen and (max-width: 600px) {
.section--contacts .container .right-col__col--left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding-right: 0;
padding-bottom: 3rem;
}
}
.section--contacts .container .right-col__col--right {
width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
@media screen and (max-width: 600px) {
.section--contacts .container .right-col__col--right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.section--contacts .container .right-col p.title {
color: white;
font-weight: 700;
line-height: 1;
font-size: 2rem;
margin: 0 0 1.8rem 0;
}
@media screen and (max-width: 600px) {
.section--contacts .container .right-col p.title {
line-height: 1.4;
}
}
.section--contacts .container .right-col .contact-item,
.section--about-single-team .right-col .contact-item,
.section--single-team-header .content .contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.4rem;
}
.section--contacts .container .right-col .contact-item__icon,
.section--about-single-team .right-col .contact-item__icon,
.section--single-team-header .content .contact-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 4.6rem;
flex: 0 0 4.6rem;
margin: 0;
}
.section--contacts .container .right-col .contact-item p,
.section--about-single-team .right-col .contact-item p,
.section--single-team-header .content .contact-item p {
width: calc(100% - 4.6rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 4.6rem);
flex: 0 0 calc(100% - 4.6rem);
padding-left: 1.6rem;
line-height: 1.45;
}
.section--about-single-team .right-col .contact-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section--new-contacts {
padding-bottom: 20rem;
}
.section--new-contacts .section-big-text {
right: -18rem;
top: 41rem;
left: auto;
}
@media screen and (max-width: 1000px) {
.section--new-contacts {
padding-bottom: 5rem;
}
}
.section--new-contacts.section--in-view .container .left-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--new-contacts.section--in-view .container .right-col {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--new-contacts .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section--new-contacts .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 42rem;
flex: 0 0 42rem;
padding-right: 12rem;
text-align: left;
padding-top: 11rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--new-contacts .container .left-col {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
@media screen and (max-width: 1040px) {
.section--new-contacts .container .left-col {
padding-top: 5rem;
padding-right: 4rem;
}
}
@media screen and (max-width: 940px) {
.section--new-contacts .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding: 0;
}
}
.section--new-contacts .container .right-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--new-contacts .container .right-col {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
@media screen and (max-width: 940px) {
.section--new-contacts .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding: 0;
}
}
.pobocky-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.6rem;
}
@media screen and (max-width: 620px) {
.pobocky-items {
grid-template-columns: 1fr;
}
}
.pobocka-item {
background: #28313b;
border: 1px solid #3c4856;
border-radius: 0.8rem;
overflow: hidden;
text-align: left;
}
.pobocka-item img {
border-radius: 0.8rem;
width: 100%;
}
.pobocka-item .pobocka-item__content {
padding: 6rem 4rem 4.5rem 4rem;
}
@media screen and (max-width: 1040px) {
.pobocka-item .pobocka-item__content {
padding: 3rem 2rem;
}
}
.pobocka-item p.pobocka-item__title {
font-size: 3.2rem;
font-weight: 700;
color: white;
line-height: 1;
margin-top: 0;
}
.pobocka-item .contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.4rem;
}
.pobocka-item .contact-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 4.6rem;
flex: 0 0 4.6rem;
margin: 0;
}
.pobocka-item .contact-item p {
width: calc(100% - 4.6rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 4.6rem);
flex: 0 0 calc(100% - 4.6rem);
padding-left: 1.6rem;
line-height: 1.45;
}
.page-template-kontakt .section-divider {
margin: 0;
}
.posts-items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.posts-items {
gap: 0.8rem;
}
}
@media screen and (max-width: 740px) {
.posts-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.posts-items {
grid-template-columns: 1fr;
}
}
.post-item {
display: block;
background: #28313b;
border-radius: 8px;
border: 1px solid #3c4856;
text-decoration: none;
text-align: left;
}
.post-item .post-item__header {
position: relative;
display: grid;
gap: 2rem;
grid-template-columns: 1fr 1fr;
padding: 1.5rem 2rem;
border-bottom: 1px solid #3c4856;
}
.post-item .post-item__header:before {
position: absolute;
content: "";
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #28313b;
}
.post-item .post-item__header p {
margin: 0;
color: #d0dbe7;
line-height: 1;
}
.post-item .post-item__header p:nth-of-type(2) {
text-align: right;
}
.post-item .post-item__content {
padding: 4.5rem 4.5rem 7rem 4.5rem;
}
@media screen and (max-width: 1000px) {
.post-item .post-item__content {
padding: 3.5rem 3.5rem 5rem 2.5rem;
}
}
.post-item .post-item__content p.post-item__title {
margin: 0;
font-size: 2rem;
font-weight: 700;
font-family: sofia-pro, sans-serif;
line-height: 1.6;
margin: 0 0 1.5rem 0;
color: white;
}
.post-item .post-item__content .btn {
margin: 0;
}
.post-item__tags {
margin: 0 0 1rem 0;
}
.post-item__tags .post-item__tag {
font-size: 1.6rem;
line-height: 1;
font-family: "Inter", Arial, sans-serif;
font-weight: 700;
color: white;
border-radius: 4px;
background-color: #3c4856;
padding: 0 1.4rem;
margin: 0 0.5rem 0.5rem 0;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
height: 2.4rem;
line-height: 2.4rem;
white-space: nowrap;
}
.posts-list-footer {
text-align: center;
margin-top: 6rem;
}
.posts-list-footer .btn {
margin: 0;
}
.section--single-content {
padding: 10rem 0 7rem 0;
}
@media screen and (max-width: 1000px) {
.section--single-content {
padding: 6rem 0;
}
}
.single-content__header,
.single-content__footer {
font-size: 0;
}
.single-content__header .left-col,
.single-content__footer .left-col {
width: 50%;
display: inline-block;
vertical-align: middle;
}
.single-content__header .right-col,
.single-content__footer .right-col {
width: 50%;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.single-content__header h1,
.single-content__footer h1 {
font-weight: 700;
}
.single-content__header .btn,
.single-content__footer .btn {
margin-bottom: 0;
}
@media screen and (max-width: 650px) {
.single-content__header .date-and-category .left-col {
width: 66%;
}
}
@media screen and (max-width: 510px) {
.single-content__header .date-and-category .left-col {
width: 100%;
text-align: center;
}
}
.single-content__header .date-and-category .left-col .post-item__tags {
margin: 0;
}
.single-content__header .date-and-category .left-col .post-item__tags .post-item__tag {
margin-bottom: 0;
}
@media screen and (max-width: 650px) {
.single-content__header .date-and-category .right-col {
width: 34%;
}
}
@media screen and (max-width: 510px) {
.single-content__header .date-and-category .right-col {
width: 100%;
text-align: center;
}
}
.single-content__header .date-and-category .right-col p {
margin: 0;
}
@media screen and (max-width: 650px) {
.single-content__header .author-and-share .left-col, .single-content__header .all-and-share .left-col, .single-content__footer .author-and-share .left-col, .single-content__footer .all-and-share .left-col {
width: 40%;
}
}
@media screen and (max-width: 510px) {
.single-content__header .author-and-share .left-col, .single-content__header .all-and-share .left-col, .single-content__footer .author-and-share .left-col, .single-content__footer .all-and-share .left-col {
width: 100%;
text-align: center;
}
}
.single-content__header .author-and-share .left-col p, .single-content__header .all-and-share .left-col p, .single-content__footer .author-and-share .left-col p, .single-content__footer .all-and-share .left-col p {
display: inline-block;
vertical-align: middle;
margin: 0 3rem 0 0;
}
@media screen and (max-width: 650px) {
.single-content__header .author-and-share .right-col, .single-content__header .all-and-share .right-col, .single-content__footer .author-and-share .right-col, .single-content__footer .all-and-share .right-col {
width: 60%;
}
}
@media screen and (max-width: 510px) {
.single-content__header .author-and-share .right-col, .single-content__header .all-and-share .right-col, .single-content__footer .author-and-share .right-col, .single-content__footer .all-and-share .right-col {
width: 100%;
text-align: center;
margin-top: 2rem;
}
}
.single-content__header .author-and-share .left-col, .single-content__footer .author-and-share .left-col {
width: calc(100% - 25rem);
}
@media screen and (max-width: 510px) {
.single-content__header .author-and-share .left-col, .single-content__footer .author-and-share .left-col {
width: 100%;
}
.single-content__header .author-and-share .left-col p, .single-content__footer .author-and-share .left-col p {
margin: 0 1rem;
}
}
.single-content__header .author-and-share .right-col, .single-content__footer .author-and-share .right-col {
width: 25rem;
}
@media screen and (max-width: 510px) {
.single-content__header .author-and-share .right-col, .single-content__footer .author-and-share .right-col {
display: none;
}
}
.single-content__header .author-and-share .single-content__rating, .single-content__footer .author-and-share .single-content__rating {
padding: 0;
display: inline-block;
vertical-align: middle;
border: none;
background: none;
margin: 0;
pointer-events: none;
text-align: left;
}
@media screen and (max-width: 800px) {
.single-content__header .author-and-share .single-content__rating, .single-content__footer .author-and-share .single-content__rating {
display: block;
margin-top: 1rem;
}
}
@media screen and (max-width: 510px) {
.single-content__header .author-and-share .single-content__rating, .single-content__footer .author-and-share .single-content__rating {
text-align: center;
}
}
.single-content__header .author-and-share .single-content__rating p, .single-content__footer .author-and-share .single-content__rating p {
margin: 0 0.4rem 0 0;
}
.date-and-category .category-tag {
display: inline-block;
vertical-align: middle;
margin: 0 1.6rem 0 0;
}
.date-and-category p.post-source {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.date-and-category p.post-source a {
text-decoration: none;
color: #485367;
}
.date-and-category p.post-source a:hover {
color: #EED58E;
}
.author-and-share .left-col p svg, .author-and-share .left-col p span,
.all-and-share .left-col p svg,
.all-and-share .left-col p span {
display: inline-block;
vertical-align: middle;
}
.author-and-share .left-col p svg,
.all-and-share .left-col p svg {
margin-right: 1rem;
}
.author-and-share .right-col p, .author-and-share .right-col .addtoany_shortcode,
.all-and-share .right-col p,
.all-and-share .right-col .addtoany_shortcode {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.author-and-share .right-col p,
.all-and-share .right-col p {
margin-right: 1rem;
}
.addtoany_share {
display: none !important;
}
.addtoany_list a:hover span {
opacity: 1;
}
.addtoany_list a:hover span svg path {
fill: #28313B;
}
.addtoany_list a span {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.addtoany_list a span svg path {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-content__content p:nth-of-type(1) {
margin-top: 0;
}
.single-content__footer {
margin-top: 5.6rem;
}
.section--next-articles {
text-align: center;
padding: 6rem 0 13rem 0;
}
.section--next-articles .section__footer {
margin-top: 5.6rem;
}
.next-articles-slider {
text-align: left;
}
.next-articles-slider .post-item {
border-bottom: 0;
}
.article-content a {
color: #28313B;
}
.article-content a:hover {
color: #EED58E;
}
.wp-block-image figcaption {
text-align: center;
font-size: 1.6rem;
color: #D0DBE7;
}
.single-content__rating {
background: #28313B;
border: 1px solid #3C4856;
border-radius: 0.8rem;
text-align: center;
padding: 2rem;
margin-top: 5rem;
}
.single-content__rating p {
margin: 0 0.4rem 0 0;
display: inline-block;
vertical-align: middle;
}
.rating-stars {
display: inline-block;
vertical-align: middle;
}
.rating-stars .rating-star {
display: inline-block;
vertical-align: middle;
margin: 0 0.4rem;
}
.rating-stars .rating-star:hover, .rating-stars .rating-star.hovered, .rating-stars .rating-star.active {
cursor: pointer;
}
.rating-stars .rating-star:hover svg path, .rating-stars .rating-star.hovered svg path, .rating-stars .rating-star.active svg path {
stroke: #EED58E;
}
.rating-stars .rating-star svg path {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
footer {
padding: 10rem 0;
text-align: center;
}
footer p.footer-title {
margin: 3rem 0 4rem 0;
font-family: sofia-pro, sans-serif;
font-weight: 700;
line-height: 1;
font-size: 4.8rem;
color: white;
}
.footer-nav-row {
position: relative;
text-align: center;
padding: 4.8rem 0;
border-top: 1px solid #3c4856;
border-bottom: 1px solid #3c4856;
}
.footer-nav-row:before {
position: absolute;
content: "";
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #191e26;
}
.footer-nav-row:after {
position: absolute;
content: "";
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 0.8rem;
height: 0.8rem;
border-radius: 0.4rem;
border: 1px solid #3C4856;
background: #28313B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #191e26;
}
.footer-nav-row ul li {
display: inline-block;
}
.footer-nav-row ul li a:after {
display: none;
}
.before-footer-contacts-text {
margin: 2rem 0 3rem 0;
}
.before-footer-contacts-text p {
margin: 0;
}
.footer-contacts { display: grid;
gap: 6rem;
grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
max-width: 94rem;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 800px) {
.footer-contacts {
gap: 2rem;
}
}
@media screen and (max-width: 700px) {
.footer-contacts {
grid-template-columns: 1fr 1fr;
gap: 4rem 2rem;
}
}
@media screen and (max-width: 460px) {
.footer-contacts {
grid-template-columns: 1fr;
max-width: 26rem;
}
}
.contact-item {
text-decoration: none;
font-size: 0;
}
.contact-item__icon {
position: relative;
display: block;
margin: 0 auto 2.5rem auto;
width: 4.6rem;
height: 4.6rem;
border: 1px solid #3c4856;
border-radius: 1.6rem;
}
@media screen and (max-width: 460px) {
.contact-item__icon {
display: inline-block;
vertical-align: middle;
margin: 0;
}
}
.contact-item__icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contact-item p {
font-family: "Inter", Arial, sans-serif;
color: #d0dbe7;
margin: 0;
line-height: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 460px) {
.contact-item p {
display: inline-block;
vertical-align: middle;
width: calc(100% - 4.6rem);
padding-left: 1.6rem;
text-align: left;
}
}
div.contact-item p {
line-height: 1.3;
text-wrap: balance;
}
a.contact-item:hover p {
color: #EED58E;
text-decoration: underline;
}
.after-footer-stripe {
background: #28313b;
padding: 2rem 0;
}
.after-footer-stripe .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.after-footer-stripe .container p {
color: #d0dbe7;
font-size: 1.6rem;
line-height: 1;
margin: 0;
font-family: "Inter", Arial, sans-serif;
}
.after-footer-stripe .container .left-col {
width: 22rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 22rem;
flex: 0 0 22rem;
}
@media screen and (max-width: 910px) {
.after-footer-stripe .container .left-col {
width: 9rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 9rem;
flex: 0 0 9rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.after-footer-stripe .container .middle-col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
padding: 0 2rem;
}
@media screen and (max-width: 910px) {
.after-footer-stripe .container .middle-col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-bottom: 2rem;
}
}
.after-footer-stripe .container .middle-col ul {
list-style-type: none;
margin: 0;
}
.after-footer-stripe .container .middle-col ul li {
display: inline-block;
vertical-align: middle;
color: #d0dbe7;
font-size: 1.6rem;
line-height: 1;
margin: 0;
font-family: "Inter", Arial, sans-serif;
}
@media screen and (max-width: 360px) {
.after-footer-stripe .container .middle-col ul li {
display: block;
font-size: 0;
margin: 1rem 0;
}
}
.after-footer-stripe .container .middle-col ul li:last-of-type {
font-size: 0;
}
.after-footer-stripe .container .middle-col ul li a {
color: #d0dbe7;
font-size: 1.6rem;
line-height: 1;
margin: 0;
text-decoration: none;
}
.after-footer-stripe .container .middle-col ul li a:hover {
color: #EED58E;
text-decoration: underline;
}
.after-footer-stripe .container .right-col {
width: 22rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 22rem;
flex: 0 0 22rem;
text-align: right;
}
@media screen and (max-width: 910px) {
.after-footer-stripe .container .right-col {
width: calc(100% - 9rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 9rem);
flex: 0 0 calc(100% - 9rem);
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.madeby span,
.madeby a {
display: inline-block;
vertical-align: middle;
font-family: "Inter", Arial, sans-serif;
}
.madeby span {
color: #d0dbe7;
font-size: 1.6rem;
line-height: 1;
margin-right: 1rem;
}
.madeby svg {
width: 9rem;
}     section.gt-block,
.editor-styles-wrapper section.gt-block {
position: relative;
}
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
width: 1140px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1200px) {
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
width: auto;
margin: 0 30px;
}
} .section--our-companies {
padding-top: 5rem;
}
.section--our-companies.section--in-view .company-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.our-companies-cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 950px) {
.our-companies-cols {
grid-template-columns: repeat(2, 1fr);
gap: 0.8rem;
max-width: 78.9rem;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.our-companies-cols {
grid-template-columns: 1fr;
max-width: 32.9rem;
}
}
.our-companies-cols.our-companies-cols--2 {
grid-template-columns: repeat(2, 1fr);
max-width: 78.9rem;
margin: 0 auto;
}
@media screen and (max-width: 480px) {
.our-companies-cols.our-companies-cols--2 {
grid-template-columns: 1fr;
max-width: 32.9rem;
}
}
.company-item {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 0;
text-align: center;
text-decoration: none;
background: #28313b;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
.company-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.company-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.company-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.company-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.company-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.company-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.company-item:hover .company-item__inner {
padding-top: 5rem;
margin-top: -2.5rem;
}
.company-item:hover .company-item__thumb {
-webkit-transform: translateY(-2.5rem);
transform: translateY(-2.5rem);
border-color: #3c4856;
}
.company-item:hover .company-item__thumb img.signature {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.company-item:hover .company-item__thumb .photo-dot {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.company-item a {
text-decoration: none;
}
.company-item__inner {
position: relative;
z-index: 1;
padding: 2.5rem 0 3rem 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 2px solid #3c4856;
border-top: 0;
border-radius: 0 0 0.4rem 0.4rem;
background: rgb(40, 49, 59);
}
.company-item__thumb {
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 2px solid #3c4856;
border-bottom: 0;
border-radius: 0.4rem 0.4rem 0 0;
overflow: hidden;
font-size: 0;
}
.company-item__thumb:before {
position: absolute;
content: "";
width: 100%;
aspect-ratio: 1/1;   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(40, 49, 59)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(40, 49, 59) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#28313b",GradientType=0 ); bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 1;
}
.company-item__thumb img:not(.signature) {
border-radius: 0.4rem;
}
.company-item__thumb img.signature,
.company-item__thumb svg {
position: absolute;
z-index: 2;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
max-width: 19rem;
height: auto;
}
@media screen and (max-width: 900px) {
.company-item__thumb img.signature,
.company-item__thumb svg {
max-width: 13rem;
}
}
.company-item__thumb .photo-dot {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
opacity: 0;
top: 2.6rem;
}
.company-item__content {
padding: 0 2rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.company-item__content .degrees {
display: grid;
grid-template-columns: 1fr 1fr;
}
.company-item__content .degrees .right {
text-align: right;
}
.company-item__content .degrees p {
margin: 0;
color: #EED58E;
}
.company-item__content p.team-member-item__title {
color: #e2e9f0;
font-size: 1.6rem;
line-height: 1;
margin: 0.8rem 0 1.6rem 0;
}
.company-item__content p.team-member-item__position {
color: #D0DBE7;
line-height: 1;
margin: 0;
font-family: sofia-pro, sans-serif;
line-height: 1.2;
}
.company-item__footer {
padding: 0 2rem;
left: 0;
bottom: 2rem;
text-align: center;
margin-top: 1.5rem;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.company-item__footer .left-col .btn {
margin: 0;
}
.position-location {
font-size: 1.6rem;
line-height: 1;
font-family: "Inter", Arial, sans-serif;
font-weight: 700;
color: white;
border-radius: 4px;
background-color: #3c4856;
padding: 0 1.4rem;
margin: 0;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
height: 2.4rem;
line-height: 2.4rem;
white-space: nowrap;
}
.section--with-text {
text-align: center;
}
.section--with-text.section--in-view h2,
.section--with-text.section--in-view p {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--with-text.section--in-view .btn {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--with-text h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--with-text h2 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--with-text p {
margin: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--with-text p {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.section--with-text .btn {
margin-top: 4rem;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--with-text .btn {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
}
}
.section--carrier.section--in-view h2 {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.section--carrier.section--in-view .position-item {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.section--carrier h2 {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateX(-3rem);
transform: translateX(-3rem);
opacity: 0;
}
@media screen and (max-width: 1290px) {
.section--carrier h2 {
-webkit-transform: translateX(-1.5rem);
transform: translateX(-1.5rem);
}
}
.positions-items {
text-align: center;
font-size: 0;
margin: 0 -0.8rem;
}
@media screen and (max-width: 500px) {
.positions-items {
margin: 0;
}
}
.position-item {
position: relative;
border: 1px solid #3c4856;
background: #28313b;
padding: 3rem 4rem;
display: inline-block;
border-radius: 0.8rem;
text-decoration: none;
text-align: left;
width: calc(25% - 1.6rem);
margin: 0.8rem;
vertical-align: top;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
opacity: 0;
}
@media screen and (max-width: 1040px) {
.position-item {
padding: 3rem 2rem;
}
}
@media screen and (max-width: 920px) {
.position-item {
width: calc(33.3333% - 1.6rem);
}
}
@media screen and (max-width: 700px) {
.position-item {
width: calc(50% - 1.6rem);
}
}
@media screen and (max-width: 500px) {
.position-item {
width: 100%;
margin: 0.8rem 0;
}
}
.position-item:nth-of-type(1) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.position-item:nth-of-type(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.position-item:nth-of-type(3) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.position-item:nth-of-type(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.position-item:nth-of-type(5) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.position-item:nth-of-type(6) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.position-item .position-location {
position: absolute;
right: 4px;
top: 4px;
}
.position-item p.position-item__title {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.75;
margin: 2rem 0 1.5rem 0;
color: white;
max-width: 22rem;
min-height: 5.6rem;
}
@media screen and (max-width: 500px) {
.position-item p.position-item__title {
min-height: auto;
}
}
.position-item .btn {
margin: 0;
}
.inner-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.inner-links p {
color: white;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
padding: 0px 12px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inner-links span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inner-links span p {
cursor: pointer;
padding: 0 2px;
}
.inner-links span span {
color: white;
padding: 0px 4px;
margin: 2rem 0;
font-size: 2rem;
font-weight: 100;
}
.inner-links span p:hover,
.inner-links p.active {
color: #eed58e;
text-decoration-color: #eed58e;
}
.single-funds__table {
display: none;
}
.single-funds__table.active {
display: block;
}
.post-item__content.document {
padding: 14.2px 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.post-item__content.document > .post-item__title {
margin-bottom: 3px !important;
font-size: 16px !important;
}
.post-item__content.document > .btn--with-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px !important;
}
.posts-items.documents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.documents-informujeme h2 {
font-size: 32px;
}
.documents-informujeme {
padding-top: 2rem;
scroll-margin-top: 100px;
padding-bottom: 112px;
}
.documents-section h3 {
font-size: 32px;
text-align: left;
}
.documents-section {
margin-bottom: 2.5rem;
}
.documents-informujeme .section {
padding: 13px 0 30px;
}
.document:hover span.btn.btn--with-arrow > svg {
-webkit-transform: translateY(-50%) translateX(1rem) rotate(-90deg);
transform: translateY(-50%) translateX(1rem) rotate(-90deg);
pointer-events: auto;
}
.post-item__separated {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-item__separated > a {
border: 1px solid #eed58e;
}
.btn-back {
background: transparent !important;
border: 1px solid #3c4856;
padding: 0 1.7em !important;
height: 5.2rem !important;
margin: 0 !important;
right: 45.9px !important;
z-index: 80;
-webkit-transition: none !important;
transition: none !important;
}
.section--inside-scroll {
position: relative !important;
}
.btn-back.fixed {
position: absolute !important;
bottom: unset !important;
-webkit-transform: translate(0, -290%);
transform: translate(0, -290%);
}
.btn-back::before,
.btn-back::after {
border-color: #3c4856 !important;
}
.btn-back svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
translate: 2px 2px;
}
.btn-back span {
position: absolute;
color: #eed58e;
left: 0;
text-align: center;
translate: -25% 40px;
font-size: 16px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
line-height: 1;
margin-top: 15px;
}
.funds-table-list__row {
scroll-margin-top: 40vh;
}
.section--funds-list .fund-basic-info-table__col--left {
width: 157px;
height: auto;
padding: 1rem 0rem;
}
.section--funds-list .fund-basic-info-table__col--left svg {
-webkit-transform: none;
transform: none;
position: static;
display: inline-block;
vertical-align: middle;
}
.section--funds-list .fund-basic-info-table__col--left img.fund-icon {
-webkit-transform: none;
transform: none;
width: 19px;
height: 19px;
position: static;
display: inline-block;
vertical-align: middle;
}
.section--funds-list .fund-basic-info-table__col--left p {
margin: 0 0 0 1.2rem;
line-height: 1;
font-family: sofia-pro, sans-serif;
display: inline-block;
vertical-align: middle;
}
.dcb-privacy-policy-text table.dcb-table-top-titles thead th,
.dcb-privacy-policy-text table.dcb-table-top-titles tbody th {
background: transparent !important;
border: 1px solid white;
}
.fund-item__content {
padding: 2.5rem;
}
.fund-basic-info-table__col--left svg {
width: 19px;
}
.dcb-link {
color: #d0dbe7;
text-decoration: none;
}
.dcb-link:hover {
text-decoration: underline;
color: #eed58e;
}
.section--funds-list .fund-basic-info-table__col--left p,
.fund-basic-info-table__col--right p {
font-size: 1.4rem;
}
@media screen and (max-width: 770px) {
.section.section--page-header h1 {
margin: 0 auto 2.4rem 0 !important;
}
}
.section--more-about-fund .container .btn-wrap div::before {
position: absolute;
content: "";
right: -100vw;
top: 50%;
border-top: 1px solid #3c4856;
height: 0px;
width: 100vw;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.section--more-about-fund .container .btn-wrap div::after {
position: absolute;
content: "";
left: -100vw;
top: 50%;
border-top: 1px solid #3c4856;
height: 0px;
width: 100vw;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.section--more-about-fund .container .btn-wrap {
background: transparent;
}
.section--more-about-fund .container {
overflow: hidden;
}
.section--more-about-fund .container:before {
display: none;
}
.section--more-about-fund .container .btn-wrap a {
height: 24px;
line-height: normal;
}
@media screen and (max-width: 600px) {
.section--more-about-fund .container .btn-wrap div::after,
.section--more-about-fund .container .btn-wrap div::before {
display: none;
}
}