html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
main,
summary {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
--aqua: #52DAFF;
--yellow: #FFC600;
--brown2: #2c2829;
--brown: #9e978e;
--dark: #292526;
--gray: #9E978E;
--red: #FF6D4E;
--marine: #4BDBC3;
--pink: #EB6FBD;
}
.t-yellow {
color: var(--yellow);
}
.t-marine {
color: var(--marine);
}
.t-pink {
color: var(--pink);
}
.t-aqua {
color: var(--aqua);
border-color: var(--aqua);
}
.t-red {
color: var(--red);
}
.slider-item-image img {
z-index: -1;
}
.main-nav.tacked:after {
z-index: -1;
}
.section-hero .section-inner {
z-index: 1;
}
.section-wrapper#methodology .section-content {
z-index: 1;
}
.slick-arrow {
z-index: 2;
}
.scheme.m .btn {
z-index: 2;
}
.map .banks {
z-index: 2;
}
.scheme.m .btn {
z-index: 2;
}
.main-nav {
z-index: 10;
}
.main-nav .nav-links {
z-index: 2;
}
.main-nav .rightside {
z-index: 3;
}
.section-map-layer.show.top5 {
z-index: 5;
}
@-moz-keyframes slide-up {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes slide-up {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-o-keyframes slide-up {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-up {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-moz-keyframes bounce {
0%, 4%, 20%, 100% {
transform: translateY(0);
}
10% {
transform: translateY(-15px);
}
12% {
transform: translateY(-7px);
}
}
@-webkit-keyframes bounce {
0%, 4%, 20%, 100% {
transform: translateY(0);
}
10% {
transform: translateY(-15px);
}
12% {
transform: translateY(-7px);
}
}
@-o-keyframes bounce {
0%, 4%, 20%, 100% {
transform: translateY(0);
}
10% {
transform: translateY(-15px);
}
12% {
transform: translateY(-7px);
}
}
@keyframes bounce {
0%, 4%, 20%, 100% {
transform: translateY(0);
}
10% {
transform: translateY(-15px);
}
12% {
transform: translateY(-7px);
}
}
@-moz-keyframes expandline {
0% {
width: 0%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes expandline {
0% {
width: 0%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@-o-keyframes expandline {
0% {
width: 0%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes expandline {
0% {
width: 0%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html,
body {
height: 100%;
min-height: 100%;
}
body {
background: #000;
color: rgba(255,255,255,0.6);
font-family: 'Geometria medium';
font-size: 14px;
line-height: 1.86;
overflow-x: hidden;
-webkit-text-size-adjust: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-wrapper {
overflow-x: hidden;
min-height: 100%;
}
a {
text-decoration: none;
outline: 0;
color: var(--yellow);
border-bottom: 1px solid rgba(158,151,142,0.3);
transition: border-color 0.3s ease-in;
padding-bottom: 3px;
}
a.white {
color: #fff;
border-color: rgba(255,255,255,0.3);
}
a:hover {
border-color: transparent;
}
i {
font-family: 'Waldorf';
}
b {
font-family: 'Geometria bold';
}
p {
margin: 0 0 20px;
}
ul {
margin-bottom: 25px;
}
ul li {
margin-bottom: 10px;
padding-left: 28px;
position: relative;
}
ul li:before {
position: absolute;
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--brown);
top: 10px;
left: 0;
}
ol {
list-style: none;
counter-reset: li;
margin-bottom: 70px;
}
ol li {
position: relative;
margin-bottom: 10px;
padding-left: 26px;
}
ol > li {
font-family: "Geometria bold";
padding-top: 10px;
}
ol > li:before {
position: relative;
counter-increment: li;
content: counters(li, ".") ". ";
position: absolute;
margin-left: -25px;
}
ol li ol > li {
font-family: "Geometria";
padding-left: 20px;
color: #4c4c4c;
content: counters(li, ".") " ";
}
ol li ol > li:before {
position: absolute;
margin-left: -45px;
color: var(--brown);
font-family: "Geometria medium";
}
ol ul li {
margin-top: 20px;
color: #4c4c4c;
}
.t-center {
text-align: center;
}
.t-right {
text-align: right;
}
.h1 {
font-family: 'Geometria extrabold';
color: #fff;
font-size: 72px;
line-height: 72px;
color: var(--yellow);
text-transform: uppercase;
font-variant-ligatures: discretionary-ligatures;
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.h1 {
font-size: 30px;
line-height: 1;
margin-bottom: 20px;
}
}
.h2 {
font-family: 'Geometria extrabold';
color: #fff;
font-size: 32px;
line-height: 1.19;
text-transform: uppercase;
text-align: center;
margin-bottom: 70px;
padding: 0 20px;
}
@media screen and (max-width: 640px) {
.h2 {
margin-bottom: 40px;
padding: 0;
}
}
.h3 {
font-size: 30px;
line-height: 1.4;
color: #fff;
margin-bottom: 30px;
display: flex;
}
@media screen and (max-width: 640px) {
.h3 {
font-size: 26px;
}
}
.h3 b {
font-family: 'Geometria extrabold';
font-size: 64px;
line-height: 1;
vertical-align: top;
padding-right: 12px;
font-weight: normal;
}
.h3 b sup {
font-size: 40px !important;
}
.h2 i,
.h3 i {
text-transform: none;
}
.h4 {
font-family: 'Geometria bold';
font-size: 26px;
line-height: 1.23;
color: #fff;
margin-bottom: 30px;
}
.h4.underline {
padding-bottom: 7px;
border-bottom: 1px solid rgba(158,151,142,0.4);
}
.h4.with-icon {
position: relative;
}
.h4.with-icon .item-icon {
position: absolute;
left: -55px;
fill: var(--brown);
}
.btn {
color: #fff;
text-decoration: none;
font-size: 16px;
padding: 0 32px;
border-radius: 100px;
border: 1px solid transparent;
transition: 0.3s ease-in-out all;
font-family: 'Geometria medium';
text-align: center;
cursor: pointer;
display: inline-block;
height: 52px;
line-height: 52px;
}
.btn.btn-aqua {
background: var(--aqua);
color: var(--dark);
}
.btn.btn-aqua:hover {
background-color: #13F1FF;
}
.btn.btn-aqua:active {
background-color: #2e9080;
}
.btn.btn-yellow {
background: var(--yellow);
color: #fff;
}
.btn.btn-yellow:hover {
background-color: var(--yellow);
}
.btn.btn-border {
border: 1px solid var(--brown);
}
.btn.btn-border:hover {
background-color: #b5afa9;
border-color: #b5afa9;
}
.btn.btn-border:active {
background-color: var(--brown);
border-color: var(--brown);
}
.link-btn {
margin: 15px 32px 17px;
font-size: 18px;
}
@media screen and (max-width: 640px) {
.link-btn {
font-size: 16px;
}
}
.section-inner {
max-width: 1280px;
margin: 0 auto;
padding: 90px 50px 50px;
}
@media screen and (min-width: 1920px) {
.section-inner {
padding: 130px 50px 100px;
}
}
@media screen and (max-width: 640px) {
.section-inner {
padding: 28px 28px 50px;
}
}
.with-hr {
position: relative;
}
.with-hr:after {
position: absolute;
display: block;
bottom: 30px;
content: '';
width: 100px;
height: 1px;
background: var(--brown);
}
.main-nav {
height: 82px;
line-height: 82px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
transition: 0.5s ease background;
white-space: nowrap;
border-bottom: 1px solid transparent;
overflow: hidden;
}
@media screen and (max-width: 980px) {
.main-nav {
height: 72px;
line-height: 72px;
}
.main-nav .btn {
height: 40px;
line-height: 40px;
padding: 0 23px;
}
}
@media screen and (max-width: 640px) {
.main-nav .cut {
display: none;
}
}
.main-nav .mw-logo {
position: absolute;
transform: translateX(-270px);
transition: 0.3s ease-in-out all;
left: 50px;
top: 30px;
}
@media screen and (max-width: 980px) {
.main-nav .mw-logo {
top: 25px;
}
}
@media screen and (max-width: 640px) {
.main-nav .mw-logo {
top: 24px !important;
left: 15px !important;
}
}
.main-nav .nav-links {
position: relative;
transition: 0.3s ease-in-out transform;
}
@media screen and (max-width: 1280px) {
.main-nav .nav-links {
transform: translateX(0) !important;
}
}
.main-nav .nav-link {
color: #fff;
display: inline-block;
padding: 0 25px;
text-decoration: none;
border: 0;
}
.main-nav .nav-link:hover {
color: var(--aqua);
}
.main-nav .nav-link:first-child {
margin-left: 25px;
}
@media screen and (max-width: 1280px) {
.main-nav .nav-link {
display: none;
text-align: center;
}
.main-nav .nav-link.active {
display: inline-block;
text-align: center;
color: #fff;
position: absolute;
left: 50%;
transform: translate(-50%);
}
}
.main-nav .underline {
background: var(--aqua);
height: 2px;
opacity: 0;
position: absolute;
transition: 0.3s ease-out;
will-change: width, left;
bottom: -1px;
display: none;
}
@media screen and (max-width: 1280px) {
.main-nav .underline {
display: none !important;
}
}
.main-nav .rightside {
position: absolute;
right: 50px;
top: 0;
}
@media screen and (max-width: 640px) {
.main-nav .rightside {
right: 15px;
}
}
.main-nav .btn-border {
text-transform: capitalize;
}
.main-nav .underline,
.main-nav .mw-logo,
.main-nav .btn-border {
opacity: 0;
}
.main-nav.tacked {
position: fixed;
left: 0;
top: 0;
bottom: auto;
border-color: rgba(255,255,255,0.2);
}
.main-nav.tacked .nav-link {
margin-left: 0;
}
.main-nav.tacked .nav-link.active {
color: var(--aqua);
}
@media screen and (max-width: 640px) {
.main-nav.tacked .nav-link {
margin-left: -15px;
}
}
.main-nav.tacked:after {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
top: 0;
background: rgba(0,0,0,0.9);
}
.main-nav.tacked .underline,
.main-nav.tacked .mw-logo,
.main-nav.tacked .btn-border {
opacity: 1;
}
.main-nav.tacked .underline {
display: block;
}
.main-nav.tacked .mw-logo {
transform: translateX(0);
}
.main-nav.tacked .nav-links {
transform: translateX(220px);
}
.main-nav .nav-link.active:after,
.modal-window .main-nav .arrow:after {
content: '';
display: inline-block;
position: relative;
left: 10px;
top: 1px;
width: 12px;
height: 8px;
background: url("../i/arr-down-green.svg") no-repeat 0 0;
}
.modal-window .main-nav span:after {
transform: scale(1, -1);
top: -1px;
}
.main-nav .nav-link.active:after {
display: none;
}
@media screen and (max-width: 1280px) {
.main-nav .nav-link.active:after {
display: inline-block;
}
}
.mw-logo {
position: absolute;
left: 50px;
top: 30px;
border: 0;
fill: #fff;
}
.mw-logo .mobile {
display: none;
}
@media screen and (max-width: 640px) {
.mw-logo .mobile {
display: block;
}
}
.mw-logo .desktop {
display: block;
}
@media screen and (max-width: 640px) {
.mw-logo .desktop {
display: none;
}
}
@media screen and (max-width: 640px) {
.mw-logo {
left: 28px;
}
}
.form-input {
position: relative;
width: 300px;
margin-bottom: 14px;
}
.form-input input[type="text"],
.form-input input[type="email"] {
border: 1px solid rgba(158,151,142,0.5);
width: 100%;
height: 55px;
font-size: 16px;
line-height: 26px;
outline: 0;
padding: 29px 20px 17px;
caret-color: var(--aqua);
border-radius: 0;
-webkit-appearance: none;
}
.form-input .label {
font-size: 18px;
position: absolute;
pointer-events: none;
left: 0;
padding: 6px 20px;
top: 7px;
transition: 0.2s ease all;
font-size: 16px;
width: 100%;
color: rgba(0,0,0,0.3);
}
.form-input .label:after {
content: '';
position: absolute;
top: 57px;
left: 45%;
height: 2px;
width: 10px;
visibility: hidden;
background-color: var(--aqua);
}
.form-input input:focus ~ .label,
.form-input input:not(:focus):valid ~ .label,
.form-input input.not-empty ~ .label {
top: -4px;
bottom: 4px;
left: 0;
font-size: 12px;
transition: 0.2s ease all;
}
.form-input input:focus ~ .label:after,
.form-input input:not(:focus):valid ~ .label:after,
.form-input input.not-empty ~ .label:after {
visibility: visible;
width: 100%;
left: 0;
transition: 0.2s ease all;
}
.form-input input[type="submit"] {
outline: 0;
margin: 15px 0;
cursor: pointer;
-webkit-appearance: none;
}
@media screen and (max-width: 640px) {
.form-input input[type="submit"] {
width: 100%;
}
}
.parsley-errors-list {
position: relative;
color: #ff5c39;
font-size: 14px;
}
.parsley-errors-list li {
padding-left: 0;
}
.parsley-errors-list li:before {
display: none;
}
.success {
position: absolute;
font-size: 18px;
width: 650px;
padding: 18px 10px;
line-height: 52px;
opacity: 0;
transition: 0.3s ease all 0.3s;
}
@media screen and (max-width: 640px) {
.success {
width: auto;
line-height: 21px;
}
}
form.done .success {
opacity: 1;
}
form.done input[type="submit"] {
transition: 0.3s ease all;
}
form.done input[type="submit"] {
background: url("../i/i-check.svg") no-repeat center #fff;
width: auto;
font-size: 0;
width: auto;
padding: 0 15px;
}
form.done input[type="submit"]:hover {
cursor: default;
background-color: #fff;
}
input + .parsley-errors-list + span.label {
color: #ff5c39;
}
input + .parsley-errors-list + span.label:after {
background-color: #ff5c39;
}
input.parsley-success + .parsley-errors-list + span.label:after {
background-color: var(--aqua);
}
input.parsley-success + .parsley-errors-list + span.label {
color: rgba(0,0,0,0.3);
}
.section-footer {
background: #fff;
border-top: 1px solid rgba(0,0,0,0.2);
}
.section-footer .section-inner {
padding: 40px 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 640px) {
.section-footer .section-inner {
display: block;
text-align: center;
}
}
.section-footer .section-inner .footer-copyrights {
font-family: "Geometria bold";
font-size: 18px;
color: var(--dark);
flex: 1;
}
@media screen and (max-width: 640px) {
.section-footer .section-inner .footer-copyrights {
margin-bottom: 15px;
}
}
.section-footer .section-inner .footer-policy {
line-height: 1;
color: #9E978E;
}
.show.n1 {
opacity: 0;
transform: translateX(30px);
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.show.n2 {
opacity: 0;
transform: translateX(20px);
transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;
}
.show.n3 {
opacity: 0;
transform: translateX(-20px);
transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;
}
.show.l-banks {
opacity: 0;
transform: translateX(-10px);
transition: opacity 0.5s ease-in-out 1s, transform 0.5s ease-in-out 1s;
}
.show.grow {
opacity: 0;
transform: scale(0.9);
transition: transform 1s ease, opacity 0.5s ease;
}
.show.top5 {
opacity: 0;
transition: opacity 0.5s ease 1s;
}
.show.top5.line {
opacity: 0;
transform: scale(0.8);
transition: transform 1s ease 0.5s, opacity 1s ease 1s;
}
.section-wrapper#hilights .show.n2 {
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.section-wrapper#methodology .circles .show.top5.names {
width: 0;
transition: 0.5s width ease-in 1s;
}
section.section-wrapper#expertise .show-1 {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
section.section-wrapper#expertise .show-2 {
opacity: 0;
transform: scale(0.95);
transition: opacity 0.5s ease-in-out 0.5s, transform 0.5s ease-in-out 0.5s;
}
section.section-wrapper#expertise .show-3 {
opacity: 0;
transition: opacity 0.5s ease-in-out 1s;
}
section.section-wrapper#expertise .show-4 {
opacity: 0;
transform: scale(0.95);
transition: opacity 0.5s ease-in-out 1.5s, transform 0.5s ease-in-out 1.5s;
}
.section-wrapper#whocare .show.n3.step2 {
transition: opacity 1s ease-in-out 1s, transform 1s ease-in-out 1s;
}
.section-wrapper#whocare .show.n3.step3 {
transition: opacity 1s ease-in-out 1.5s, transform 1s ease-in-out 1.5s;
}
.section-wrapper#report .section-content-plus.show {
opacity: 0;
transform: translateY(-20px);
transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;
}
section.section-wrapper#intro.visible .show,
section.section-wrapper#expertise.visible .show,
section.section-wrapper#hilights.visible .h2.show,
section.section-wrapper#hilights.visible .slick-active .show,
section.section-wrapper#methodology.visible .show,
section.section-wrapper#whocare.visible .show,
section.section-wrapper#practical.visible .show,
section.section-wrapper#report.visible .show,
section.section-wrapper#about.visible .show,
section.section-wrapper#team.visible .show,
section.section-wrapper#expertise.visible .show-1,
section.section-wrapper#expertise.visible .show-2,
section.section-wrapper#expertise.visible .show-3,
section.section-wrapper#expertise.visible .show-4 {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.section-wrapper#methodology.visible .circles .show.top5.names {
width: 100%;
}
section.section-hero {
position: relative;
background-size: cover;
background-position: center;
height: 100vh;
}
@media screen and (max-width: 980px) {
section.section-hero {
overflow: hidden;
}
section.section-hero:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.25) 78%, rgba(0,0,0,0.5));
}
section.section-hero .btn-border,
section.section-hero .link-btn {
white-space: nowrap;
}
section.section-hero .link-btn {
margin-left: 20px;
}
}
section.section-hero .section-inner {
position: relative;
padding: 140px 100px 100px;
top: 50%;
transform: translateY(-50%);
}
section.section-hero .section-inner a.link-btn {
color: var(--gray);
}
section.section-hero .section-inner a.btn-border{
padding-left: 50px;
padding-right: 50px;
}
@media screen and (min-width: 1600px) {
section.section-hero .section-inner {
padding: 240px 200px;
}
}
@media screen and (max-width: 640px) {
section.section-hero .section-inner {
padding: 105px 28px 28px;
transform: none;
top: 0;
}
}
section.section-hero .h1 .t-white {
font-family: "Geometria medium";
color: #fff;
}
section.section-hero p {
color: #fff;
font-size: 24px;
line-height: 1.42;
margin-bottom: 40px;
font-family: "Geometria";
padding-right: 100px;
}
section.section-hero p a {
border: 0;
}
@media screen and (max-width: 640px) {
section.section-hero p {
font-size: 18px;
padding-right: 0;
}
}
section.section-hero .arrow-down {
fill: #fff;
position: absolute;
left: 50%;
margin-left: -11px;
bottom: 30px;
display: none;
animation: bounce 5s infinite;
animation-delay: 3s;
}
@media screen and (max-width: 1280px) {
section.section-hero .arrow-down {
display: block;
}
}
@media screen and (max-width: 640px) {
section.section-hero .arrow-down {
bottom: 20px;
}
}
@media screen and (max-height: 480px) {
section.section-hero .arrow-down {
display: none;
}
}
@media screen and (max-width: 980px) and (max-width: 640px) {
section.section-hero .cut {
display: none;
}
}
@media screen and (max-width: 980px) and (max-width: 370px) {
section.section-hero .link-btn {
margin-left: 10px;
}
}
.triangle {
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 640px) {
.triangle {
display: none;
}
}
.triangle + .triangle {
left: 50%;
}
.section-wrapper#intro .section-content {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
padding: 0 0 0 60px;
max-width: 100%;
animation: slide-up 0.4s ease-in-out;
}
@media screen and (max-width: 980px) {
.section-wrapper#intro .section-content {
display: block;
margin: 0 auto;
padding: 0;
}
}
.section-wrapper#intro .section-content .section-content-descrition {
max-width: 480px;
width: auto;
margin-right: 100px;
}
.section-wrapper#intro .section-content .section-content-descrition a {
border: 0;
}
@media screen and (max-width: 980px) {
.section-wrapper#intro .section-content .section-content-descrition {
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#intro .section-content .section-content-descrition {
margin-left: 0;
}
}
.section-wrapper#intro .section-content .section-content-numbers {
max-width: 460px;
}
@media screen and (max-width: 980px) {
.section-wrapper#intro .section-content .section-content-numbers {
margin: 0 auto 90px;
}
.section-wrapper#intro .section-content .section-content-numbers:after {
bottom: -30px;
}
}
.section-wrapper#intro .section-content .section-content-numbers .section-content-item {
margin-bottom: 40px;
}
.section-wrapper#intro .section-content .section-content-numbers .section-content-item .sep {
border-top: 1px solid var(--gray);
display: block;
height: 0;
width: 100%;
max-width: 100px;
}
.section-wrapper#intro .section-content .section-content-numbers .section-content-item .h3 {
margin-bottom: 0;
}
.section-wrapper#intro .section-content .section-content-numbers .section-content-item .h3 b {
display: flex;
}
.section-wrapper#intro .section-content .section-content-numbers .section-content-item .h3 i {
font-size: 24px;
vertical-align: top;
}
@media screen and (max-width: 980px) and (max-width: 640px) {
.section-wrapper#intro .section-content .section-content-numbers {
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#intro .h2 {
margin-top: 70px;
}
}
.section-wrapper#expertise {
position: relative;
overflow: hidden;
}
@media screen and (max-width: 640px) {
.section-wrapper#expertise .h2 {
padding: 0 20px;
}
.section-wrapper#expertise .section-inner {
padding: 0;
}
}
.section-wrapper#expertise .scheme {
position: absolute;
max-width: 1188px;
max-height: 520px;
width: 100%;
height: 100%;
left: 50%;
transform: translateX(-50%);
}
.section-wrapper#expertise .scheme .scheme-layer {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.section-wrapper#expertise .scheme .scheme-layer.show-4 {
background-position: 0 50%;
}
.section-wrapper#expertise .scheme .scheme-layer.show-5 {
background-position: 100% 50%;
}
@media screen and (max-width: 640px) {
.section-wrapper#expertise .scheme .scheme-layer {
background-position: left 0;
}
}
@media screen and (max-width: 980px) {
.section-wrapper#expertise .scheme {
display: none;
}
}
.section-wrapper#expertise .scheme.m {
max-height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
display: none;
left: auto;
transform: none;
width: 533px;
height: 1244px;
margin: 0 auto;
}
.section-wrapper#expertise .scheme.m .btn {
position: absolute;
display: inline-block;
font-family: 'Waldorf';
left: 50%;
transform: translateX(-50%);
padding: 0 29px;
width: 200px;
pointer-events: none;
}
@media screen and (max-width: 980px) {
.section-wrapper#expertise .scheme.m {
display: block;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#expertise .scheme.m {
width: 100%;
margin: 0;
}
}
.section-wrapper#hilights .section-inner {
padding: 100px 0 50px;
position: relative;
}
@media screen and (max-width: 980px) {
.section-wrapper#hilights .section-inner {
padding-top: 0;
}
}
.section-wrapper#hilights .hilights-slider .slider-item-content {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
max-width: 780px;
margin: 0 auto;
}
@media screen and (max-width: 980px) {
.section-wrapper#hilights .hilights-slider .slider-item-content {
justify-content: space-around;
max-width: 700px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#hilights .hilights-slider .slider-item-content {
display: block;
}
}
.section-wrapper#hilights .hilights-slider .slider-item-image {
width: 289px;
height: 582px;
position: relative;
}
@media screen and (max-width: 640px) {
.section-wrapper#hilights .hilights-slider .slider-item-image {
width: 315px;
height: 563px;
margin: 0 auto;
}
}
.section-wrapper#hilights .hilights-slider .slider-item-image img {
width: inherit;
position: absolute;
left: 0;
top: 0;
}
.section-wrapper#hilights .hilights-slider .slider-item-image video {
position: absolute;
width: 250px;
height: 444px;
top: 60px;
left: 19px;
}
@media screen and (max-width: 640px) {
.section-wrapper#hilights .hilights-slider .slider-item-image video {
width: 273px;
height: 485px;
left: 21px;
top: 78px;
}
}
.section-wrapper#hilights .hilights-slider .slider-item-text {
max-width: 370px;
position: relative;
}
@media screen and (max-width: 980px) {
.section-wrapper#hilights .hilights-slider .slider-item-text {
max-width: 315px;
margin: 0 auto 0;
}
.section-wrapper#hilights .hilights-slider .slider-item-text .h3 {
margin-bottom: 20px;
}
}
.section-wrapper#hilights .hilights-slider .slider-item-text .item-name {
color: rgba(255,255,255,0.87);
font-size: 18px;
}
@media screen and (max-width: 640px) {
.section-wrapper#hilights .hilights-slider .slider-item-text .item-name {
position: absolute;
top: -60px;
left: -5px;
background: #000;
margin: 58px auto 0;
opacity: 1;
padding: 25px 6px;
width: 105%;
}
}
@media screen and (max-width: 375px) {
.section-wrapper#hilights .hilights-slider .slider-item-text .item-name {
width: calc(100% + 50px);
margin: 58px -20px 0;
padding: 25px 28px;
}
}
@media screen and (max-width: 980px) and (max-width: 375px) {
.section-wrapper#hilights .hilights-slider .slider-item-text {
max-width: 270px;
}
}
.section-wrapper#hilights .hilights-slider .slide-number {
position: absolute;
bottom: 0;
font-size: 18px;
font-family: 'Waldorf';
bottom: 0;
}
.section-wrapper#hilights .hilights-slider .slide-number li {
display: none;
}
.section-wrapper#hilights .hilights-slider .slide-number li.slick-active {
display: block;
}
@media screen and (max-width: 640px) {
.section-wrapper#hilights .hilights-slider .slide-number {
top: 22px;
right: 0;
}
}
.section-wrapper#methodology .section-inner.description {
height: 1027px;
position: relative;
display: flex;
align-items: center;
}
.section-wrapper#methodology {
position: relative;
overflow: hidden;
background-image:url('../i/compliment_bg.png');
background-repeat: no-repeat;
background-position: 100% 50%;
}
@media screen and (max-width: 1599px) {
.section-wrapper#methodology {
}
}
@media screen and (max-width: 1280px) {
.section-wrapper#methodology {
/*background-image: none;*/
height: auto;
background: none;
}
.section-wrapper#methodology .section-inner.description {
display: block;
height: auto;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#methodology .section-inner.description {
height: auto;
position: relative;
padding: 0;
}
}
.section-wrapper#methodology .section-inner.description .h2 {
text-align: left;
margin-bottom: 40px;
padding-left: 0;
}
@media screen and (max-width: 980px) {
.section-wrapper#methodology .section-inner.description {
margin-top: 100px;
}
.section-wrapper#methodology .section-inner.description .h2 {
text-align: center;
}
.section-wrapper#methodology .section-inner.description .h2 br {
display: none;
}
}
.section-wrapper#methodology .section-inner.description .content-inner {
display: flex;
justify-content: space-between;
}
.section-wrapper#methodology .section-inner.description .section-content {
max-width: 680px;
position: relative;
}
.section-wrapper#methodology .section-inner.description .section-content .h2 span {
display: block;
}
.section-wrapper#methodology .section-inner.description .section-content .txt {
max-width: 380px;
position: relative;
color: #FFFFFF99;
}
.section-wrapper#methodology .section-inner.description .section-content .txt a {
color: #FFFFFF99;
border: 0;
text-decoration: underline;
}
.section-wrapper#methodology .section-inner.description .section-content .txt p {
display: list-item;
margin-left: 15px;
padding-left: 10px;
}
@media screen and (max-width: 1280px) {
.section-wrapper#methodology .section-inner.description .section-content {
max-width: 520px;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#methodology .section-inner.description .section-content {
margin: 0 0 30px;
padding: 0 28px;
}
}
.section-wrapper#methodology .map.m,
.section-wrapper#methodology .map.s {
display: none;
}
.section-wrapper#methodology .map.xl {
position: absolute;
left: 440px;
top: 0;
}
@media screen and (max-width: 1280px) {
.section-wrapper#methodology .map.xl,
.section-wrapper#methodology .map.s {
display: none;
}
.section-wrapper#methodology .map.m {
display: block;
top: 650px;
right: 0;
}
.section-wrapper#methodology .map.m.sticky {
position: relative;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#methodology .map.xl,
.section-wrapper#methodology .map.m {
display: none;
}
.section-wrapper#methodology .map.s {
display: block;
}
}
.section-wrapper#methodology .map .geomap,
.section-wrapper#methodology .map .circles,
.section-wrapper#methodology .map .banks {
position: absolute;
top: 0;
width: 990px;
height: 946px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
.section-wrapper#methodology .map .banks {
background-position: right 75px top 54%;
}
@media screen and (max-width: 1280px) {
.section-wrapper#methodology .map .geomap,
.section-wrapper#methodology .map .circles,
.section-wrapper#methodology .map .banks {
height: 1521px;
width: 950px;
margin: 0 auto;
right: auto;
left: 50%;
transform: translate(-50%, 650px);
}
}
@media screen and (max-width: 640px) {
.section-wrapper#methodology .map .geomap,
.section-wrapper#methodology .map .circles,
.section-wrapper#methodology .map .banks {
width: 466px;
height: auto;
right: 0;
left: auto;
transform: none;
}
}
.section-wrapper#methodology .map .geomap .section-map-layer,
.section-wrapper#methodology .map .circles .section-map-layer,
.section-wrapper#methodology .map .banks .section-map-layer {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.section-wrapper#methodology .map .geomap .circle,
.section-wrapper#methodology .map .circles .circle,
.section-wrapper#methodology .map .banks .circle {
right: auto;
left: 460px;
}
@media screen and (max-width: 1280px) {
.section-wrapper#methodology .map .geomap {
right: 0;
left: auto;
top: 650px;
transform: translateX(0);
}
}
@media screen and (max-width: 640px) {
.section-wrapper#methodology .map.s.sticky {
height: 2300px;
width: 100%;
left: 0;
right: 0;
position: relative;
overflow: hidden;
}
.section-wrapper#methodology .map.s.bottom {
width: 100%;
height: 350px;
position: relative;
margin-top: -100px;
bottom: 0;
margin-bottom: 30px;
}
.section-wrapper#methodology .map.s.bottom .section-map-layer {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.section-wrapper#methodology .map .sticky-map {
position: absolute;
top: 0;
right: 0;
height: 520px;
width: 100%;
background-repeat: no-repeat;
background-position: right top;
padding-top: 100px;
}
.section-wrapper#methodology .map .banks {
left: 0;
height: 2800px;
right: auto;
}
.section-wrapper#methodology .map .circles {
right: auto;
left: 0;
top: 0;
margin-top: 300px;
position: absolute;
width: 100%;
background-position: left bottom;
}
}
.section-wrapper#whocare .section-inner .h2 {
text-transform: none;
padding-bottom: 20px;
}
.section-wrapper#whocare .section-inner .section-content {
display: flex;
}
@media screen and (max-width: 980px) {
.section-wrapper#whocare .section-inner .section-content {
display: block;
}
.section-wrapper#whocare .section-inner .section-content .section-content-item:after {
display: none;
}
}
.section-wrapper#whocare .section-inner .section-content .section-content-item {
margin-right: 65px;
padding-bottom: 50px;
width: calc(100% / 3);
}
@media screen and (max-width: 980px) {
.section-wrapper#whocare .section-inner .section-content .section-content-item {
margin: 0 auto;
padding: 0 70px 50px;
width: 100%;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#whocare .section-inner .section-content .section-content-item {
padding: 0 0 55px;
}
}
.section-wrapper#whocare .section-inner .section-content .section-content-item:before {
display: block;
content: '';
width: 25px;
height: 22px;
background: url("../i/i-next.svg") no-repeat 0 0;
background-size: 25px 22px;
position: absolute;
top: 5px;
right: -30px;
opacity: 0.4;
}
@media screen and (max-width: 980px) {
.section-wrapper#whocare .section-inner .section-content .section-content-item:before {
right: auto;
top: auto;
bottom: 25px;
transform: rotate(90deg);
}
}
.section-wrapper#whocare .section-inner .section-content .section-content-item:last-child {
margin-right: 0;
}
.section-wrapper#whocare .section-inner .section-content .section-content-item:last-child:before {
display: none;
}
.section-wrapper#whocare .section-inner .h4 {
min-height: 62px;
}
@media screen and (max-width: 980px) {
.section-wrapper#whocare .section-inner .h4 {
min-height: 0;
}
}
.section-wrapper#practical .section-content {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.section-wrapper#practical .section-content.practical {
margin-bottom: 100px;
}
@media screen and (max-width: 640px) {
.section-wrapper#practical .section-content.practical {
margin-bottom: 30px;
margin-top: 70px;
}
}
.section-wrapper#practical .section-content.practical .section-content-item {
width: 25%;
padding: 0 40px;
text-align: center;
font-size: 16px;
}
@media screen and (max-width: 980px) {
.section-wrapper#practical .section-content.practical .section-content-item {
width: 50%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#practical .section-content.practical .section-content-item {
width: 100%;
margin-bottom: 30px;
}
}
.section-wrapper#practical .section-content.practical .section-content-item .item-icon {
margin-bottom: 10px;
}
.section-wrapper#practical .section-content.practical .section-content-item .item-icon.cart {
margin-right: -18px;
}
.section-wrapper#practical .section-content.practical .section-content-item p {
font-family: 'Geometria';
color: #fff;
}
.section-wrapper#report .section-inner {
padding-bottom: 0;
}
.section-wrapper#report .section-content {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
max-width: 980px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1280px) {
.section-wrapper#report .section-content {
max-width: 860px;
}
}
@media screen and (max-width: 980px) {
.section-wrapper#report .section-content {
display: block;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#report .section-content {
max-width: 100%;
}
}
.section-wrapper#report .section-content .section-content-item {
max-width: 420px;
text-align: left;
position: relative;
padding-bottom: 40px;
}
.section-wrapper#report .section-content .section-content-item .req_demo {
position: absolute;
left: 0;
bottom: 0;
}
@media screen and (max-width: 1280px) {
.section-wrapper#report .section-content .section-content-item {
max-width: 300px;
}
}
@media screen and (max-width: 980px) {
.section-wrapper#report .section-content .section-content-item {
margin: 0 auto;
max-width: 380px;
}
.section-wrapper#report .section-content .section-content-item:first-child {
margin-bottom: 100px;
}
.section-wrapper#report .section-content .section-content-item .req_demo {
position: relative;
left: auto;
bottom: auto;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#report .section-content .section-content-item {
max-width: 100%;
padding: 0 28px;
}
.section-wrapper#report .section-content .section-content-item .item-icon {
display: none;
}
}
.section-wrapper#report .section-content .section-content-plus {
width: 23px;
height: 23px;
display: block;
position: absolute;
top: 4px;
background: url("../i/i-plus.svg") no-repeat;
left: 100%;
margin-left: 90px;
font-size: 35px;
}
@media screen and (max-width: 980px) {
.section-wrapper#report .section-content .section-content-plus {
top: auto;
bottom: -60px;
left: 0;
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#report .section-content .section-content-plus {
left: 28px;
}
}
@media screen and (max-width: 980px) {
.section-wrapper#report .section-inner {
padding-top: 0;
padding-bottom: 30px;
}
}
.section-wrapper#about .section-background {
background-size: cover;
background-position: center;
position: relative;
background-repeat: no-repeat;
}
@media screen and (max-width: 980px) {
.section-wrapper#about .section-background {
background-size: 150% auto;
background-position: center top;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#about .section-background {
background-size: 200% auto;
}
}
@media screen and (min-width: 1200px) {
.section-wrapper#about .section-background:before,
.section-wrapper#about .section-background:after {
content: '';
height: 100px;
width: 100%;
display: block;
position: absolute;
background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);
}
.section-wrapper#about .section-background:after {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%);
bottom: 0;
}
}
.section-wrapper#about .h4 {
text-align: center;
padding: 0 150px;
margin-bottom: 80px;
line-height: 1.44;
}
@media screen and (max-width: 980px) {
.section-wrapper#about .h4 {
padding: 0 30px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#about .h4 {
text-align: left;
padding: 0;
}
}
.section-wrapper#about .section-content {
display: flex;
flex-flow: row wrap;
}
.section-wrapper#about .section-content .section-content-item,
.section-wrapper#about .section-content .team-person {
width: 33.33%;
}
.section-wrapper#about .section-content .section-content-item {
padding-bottom: 70px;
}
.section-wrapper#about .section-content .section-content-item:first-child {
padding-right: 70px;
}
.section-wrapper#about .section-content .section-content-item:last-child {
padding-left: 70px;
}
@media screen and (max-width: 980px) {
.section-wrapper#about .section-content .section-content-item {
width: 100%;
max-width: 440px;
margin: 0 auto 30px;
padding: 0 !important;
}
.section-wrapper#about .section-content .team-person {
width: 50%;
margin-bottom: 45px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#about .section-content .team-person {
width: 100%;
margin-bottom: 30px;
}
}
section.section-wrapper#team .section-content {
display: flex;
flex-flow: row wrap;
}
section.section-wrapper#team .section-content .section-content-item,
section.section-wrapper#team .section-content .team-person {
width: 33.33%;
}
section.section-wrapper#team .section-content .section-content-item {
padding-bottom: 70px;
}
section.section-wrapper#team .section-content .section-content-item:first-child {
padding-right: 70px;
}
section.section-wrapper#team .section-content .section-content-item:last-child {
padding-left: 70px;
}
@media screen and (max-width: 980px) {
section.section-wrapper#team .section-content .section-content-item {
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
padding: 0 !important;
}
section.section-wrapper#team .section-content .team-person {
width: 50%;
margin-bottom: 45px;
}
}
@media screen and (max-width: 640px) {
section.section-wrapper#team .section-content .team-person {
width: 100%;
margin-bottom: 30px;
display: flex;
}
section.section-wrapper#team .team-person .team-person-text {
flex: 1;
}
}
section.section-wrapper#team .section-inner.team {
padding-bottom: 100px;
}
@media screen and (max-width: 980px) {
section.section-wrapper#team .section-inner.team {
padding-bottom: 50px;
}
}
section.section-wrapper#team .section-inner.team .section-content {
margin-bottom: 30px;
}
section.section-wrapper#team .section-inner.team .section-content .section-inner {
padding-top: 0;
}
section.section-wrapper#team .team-person {
display: flex;
justify-content: center;
font-size: 18px;
line-height: 1;
margin-bottom: 50px;
}
section.section-wrapper#team .team-person .team-person-image {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
}
section.section-wrapper#team .team-person .team-person-text {
min-width: 160px;
}
section.section-wrapper#team .team-person .team-person-name {
color: #fff;
font-family: "Geometria bold";
margin-bottom: 5px;
}
section.section-wrapper#team .team-person .team-person-status {
margin-bottom: 10px;
}
section.section-wrapper#team .team-person .team-person-link {
display: inline-block;
position: relative;
width: 26px;
height: 26px;
border-radius: 50%;
border: 1px solid var(--brown);
margin-right: 7px;
transition: all 0.3s ease;
padding: 0;
}
section.section-wrapper#team .team-person .team-person-link .item-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill: var(--brown);
transition: 0.3s ease fill;
background-repeat: no-repeat;
background-position: 50% 50%;
}
section.section-wrapper#team .team-person .team-person-link .item-icon.item-icon-tg {
width: 13px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3861 0.913112L10.5867 9.39659C10.4538 9.99811 10.0959 10.1439 9.59652 9.86082L6.85569 7.83973L5.53373 9.11353C5.38802 9.25931 5.26425 9.38315 4.98132 9.38315L5.17583 6.59212L10.255 2.00079C10.4764 1.80618 10.2062 1.69579 9.9141 1.8904L3.63673 5.84412L0.931269 4.99917C0.343495 4.81376 0.330056 4.4111 1.05505 4.12803L11.6251 0.049761C12.116 -0.127155 12.5446 0.169356 12.3854 0.912404L12.3861 0.913112Z' fill='%239E978E'/%3E%3C/svg%3E%0A");
margin-left: -1px;
}
section.section-wrapper#team .team-person .team-person-link .item-icon.item-icon-letter {
width: 16px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.02331 8.97668V1.26965L7.98803 6.00935L14.9767 1.26645V8.97668H1.02331ZM13.5127 1.02331L7.98885 4.7721L2.48016 1.02331H13.5127ZM15.9431 0.610575L15.9433 0.610439C15.9426 0.60846 15.9417 0.606618 15.9409 0.604572C15.9098 0.521138 15.8672 0.443434 15.8147 0.373304C15.8115 0.368937 15.8084 0.36464 15.805 0.360342C15.7936 0.345538 15.7817 0.331143 15.7694 0.31709C15.7646 0.311564 15.7596 0.306243 15.7546 0.300853C15.7424 0.28755 15.7301 0.274315 15.7172 0.261763C15.7133 0.257942 15.709 0.254395 15.7049 0.250711C15.6821 0.22929 15.6581 0.209096 15.6332 0.190131C15.6231 0.18249 15.6133 0.174781 15.6029 0.167482C15.5921 0.159909 15.581 0.152814 15.5699 0.145719C15.5577 0.137874 15.5452 0.13037 15.5326 0.123138C15.5223 0.117135 15.5119 0.111268 15.5013 0.105742C15.4851 0.0972145 15.4686 0.0894373 15.4519 0.0818648C15.4441 0.0783856 15.4366 0.0745652 15.4287 0.0712906C15.4041 0.0609893 15.3789 0.0518477 15.3533 0.0436612C15.346 0.0412735 15.3385 0.0394998 15.3312 0.0373849C15.3115 0.0316544 15.2917 0.0265378 15.2715 0.0220353C15.2625 0.0200569 15.2533 0.0182831 15.2441 0.0165094C15.2243 0.0127573 15.2043 0.00982378 15.184 0.00736783C15.1756 0.00641274 15.1672 0.00511655 15.1586 0.0042979C15.1301 0.00170552 15.1014 0 15.0722 0H15.072H0.928279H0.928074H0.927119C0.898466 6.82207e-05 0.870223 0.00170552 0.842252 0.0042979C0.832838 0.00518477 0.82356 0.00654918 0.814214 0.00764072C0.795317 0.00996022 0.776556 0.0127573 0.758 0.0162365C0.747494 0.0182149 0.736988 0.0202615 0.72655 0.0225128C0.708949 0.0264696 0.691621 0.0310404 0.67443 0.0359523C0.664606 0.0387493 0.654646 0.0412053 0.64489 0.0442752C0.620672 0.0521206 0.596863 0.0607846 0.573531 0.0704037C0.56132 0.0754521 0.549586 0.0813873 0.537579 0.0869131C0.525777 0.092439 0.513906 0.0979649 0.502309 0.103968C0.488528 0.111131 0.475089 0.118704 0.461718 0.126549C0.45319 0.131598 0.444731 0.136714 0.436339 0.141967C0.421672 0.151177 0.407209 0.160523 0.393088 0.170483C0.389267 0.173212 0.385583 0.176146 0.381763 0.178943C0.150699 0.347789 0 0.61999 0 0.928074V9.07192C0 9.58446 0.415464 9.99999 0.928074 9.99999H15.072C15.5845 9.99999 16 9.58446 16 9.07192V0.928074C16 0.816329 15.9793 0.709768 15.9431 0.610575Z' fill='%239E978E'/%3E%3C/svg%3E%0A");
}
section.section-wrapper#team .team-person .team-person-link:hover {
border-color: #fff;
}
section.section-wrapper#team .team-person .team-person-link:hover .item-icon {
fill: #fff;
}
.section-wrapper#feedback {
background: #fff;
color: #000;
font-size: 18px;
position: relative;
}
.section-wrapper#feedback .h2 {
color: #000;
margin-bottom: 40px;
}
.section-wrapper#feedback .section-inner {
padding-top: 30px;
}
@media screen and (max-width: 980px) {
.section-wrapper#feedback .section-inner {
padding: 0 0 30px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .section-inner {
min-height: 880px;
}
.section-wrapper#feedback .section-inner p {
text-align: center;
}
}
.section-wrapper#feedback .section-curve {
position: absolute;
height: 100px;
width: 100%;
margin-top: -2px;
}
@media screen and (max-width: 1280px) {
.section-wrapper#feedback .section-curve {
height: 75px;
}
}
@media screen and (max-width: 980px) {
.section-wrapper#feedback .section-curve {
height: 35px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .section-curve {
height: 50px;
}
}
.section-wrapper#feedback .section-icon {
width: 74px;
height: 74px;
background: var(--brown);
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
border: 2px solid #fff;
margin: 0 auto;
top: -37px;
}
.section-wrapper#feedback .section-icon svg {
fill: #fff;
}
.section-wrapper#feedback .section-content {
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative;
max-width: 1000px;
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .section-content {
display: block;
margin: 0 auto;
}
}
.section-wrapper#feedback .section-content .section-content-item {
min-width: 390px;
width: 50%;
display: flex;
justify-content: center;
}
@media screen and (max-width: 980px) {
.section-wrapper#feedback .section-content .section-content-item {
min-width: 300px;
}
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .section-content .section-content-item {
margin: 0 auto;
}
}
.section-wrapper#feedback .section-content .section-content-item:last-child:before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50px;
width: 1px;
height: 200px;
background: var(--brown);
opacity: 0.4;
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .section-content .section-content-item:last-child:before {
height: 1px;
width: 212px;
top: 476px;
transform: translateX(-50%);
}
}
.section-wrapper#feedback .follow-link {
display: flex;
align-items: center;
margin-bottom: 10px;
border: 0;
min-width: 320px;
}
.section-wrapper#feedback .follow-link .follow-icon {
width: 57px;
height: 57px;
border: 1px solid var(--brown);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16px;
transition: 0.3s ease-in-out all;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.section-wrapper#feedback .follow-link .follow-icon svg {
fill: #292526;
transition: 0.3s ease-in-out all;
}
.section-wrapper#feedback .follow-link .follow-icon.twitter svg {
position: relative;
left: 2px;
top: 2px;
}
.section-wrapper#feedback .follow-link:hover .follow-icon {
background-color: #B8B8B8;
background-color: #B8B8B8;
}
.section-wrapper#feedback .follow-link:hover .phone {
background-color: #B8B8B8;
}
.section-wrapper#feedback .follow-icon.phone {
background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.77824 1.29304L7.07114 0.585938L6.36403 1.29304L3.5356 4.12147C0.801934 6.85514 0.801934 11.2873 3.5356 14.021L17.6777 28.1631C20.4114 30.8968 24.8436 30.8968 27.5772 28.1631L30.4057 25.3347L31.1128 24.6276L30.4057 23.9205L24.7488 18.2636L24.0417 17.5565L23.3346 18.2636L20.5062 21.092L10.6067 11.1925L13.4351 8.36411L14.1422 7.65701L13.4351 6.9499L7.77824 1.29304ZM4.94982 5.53568L7.07114 3.41436L11.3138 7.65701L8.48535 10.4854L7.77824 11.1925L8.48535 11.8996L19.7991 23.2134L20.5062 23.9205L21.2133 23.2134L24.0417 20.3849L28.2843 24.6276L26.163 26.7489C24.2104 28.7015 21.0446 28.7015 19.092 26.7489L4.94982 12.6068C2.9972 10.6541 2.9972 7.48831 4.94982 5.53568Z' fill='%23292526'/%3E%3C/svg%3E%0A");
&:hover {
background-color: #B8B8B8;
}
}
.section-wrapper#feedback .follow-link:hover .email {
background-color: #B8B8B8;
}
.section-wrapper#feedback .follow-icon.email {
background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='20' viewBox='0 0 30 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V17C0 18.6569 1.34315 20 3 20H27C28.6569 20 30 18.6569 30 17V3C30 1.34315 28.6569 0 27 0H3ZM2 3.21626V17C2 17.5523 2.44772 18 3 18H27C27.5523 18 28 17.5523 28 17V3.21626L15.5692 11.8222L15 12.2163L14.4308 11.8222L2 3.21626ZM26.2432 2H3.75682L15 9.78374L26.2432 2Z' fill='%23292526'/%3E%3C/svg%3E%0A");
&:hover {
background-color: #B8B8B8;
}
}
.section-wrapper#feedback .follow-link:hover .linked {
background-color: #B8B8B8;
}
.section-wrapper#feedback .follow-icon.linked {
background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73199 25.9699H0.112392V9.09679H5.73199V25.9699ZM2.92219 6.73455C2.14718 6.73455 1.40391 6.42642 0.855889 5.87793C0.307872 5.32945 0 4.58555 0 3.80988C0 3.03421 0.307872 2.2903 0.855889 1.74182C1.40391 1.19334 2.14718 0.885203 2.92219 0.885203C3.33372 0.838492 3.75047 0.879305 4.14515 1.00497C4.53984 1.13064 4.90354 1.33832 5.21247 1.61443C5.52139 1.89053 5.76856 2.22882 5.9378 2.60716C6.10703 2.9855 6.19451 3.39535 6.19451 3.80988C6.19451 4.2244 6.10703 4.63425 5.9378 5.01259C5.76856 5.39093 5.52139 5.72923 5.21247 6.00533C4.90354 6.28143 4.53984 6.48912 4.14515 6.61478C3.75047 6.74045 3.33372 6.78126 2.92219 6.73455ZM26 25.9699H20.3804V16.9147C20.3804 14.6462 19.5749 13.1651 17.5331 13.1651C16.9012 13.1697 16.2859 13.3681 15.7702 13.7335C15.2544 14.0989 14.8629 14.6137 14.6484 15.2086C14.5018 15.6493 14.4383 16.1133 14.4611 16.5772V25.9512H8.8415V9.07804H14.4611V11.459C14.9716 10.5724 15.7141 9.84205 16.6086 9.34651C17.5031 8.85097 18.5158 8.60906 19.5375 8.64684C23.2839 8.64684 26 11.0653 26 16.2585V25.9699Z' fill='%23292526'/%3E%3C/svg%3E%0A");
&:hover {
background-color: #B8B8B8;
}
}
.section-wrapper#feedback .follow-icon.telegram {
background-image: url("data:image/svg+xml,%3Csvg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9168 2.29826L25.3878 23.6507C25.0531 25.1647 24.1523 25.5316 22.8955 24.8192L15.997 19.7322L12.6696 22.9383C12.3029 23.3052 11.9914 23.6169 11.2793 23.6169L11.7688 16.592L24.5529 5.03589C25.1101 4.54607 24.4301 4.26821 23.6948 4.75803L7.89498 14.7093L1.08548 12.5826C-0.393916 12.116 -0.427741 11.1025 1.39703 10.39L28.0013 0.125246C29.2368 -0.320043 30.3156 0.426261 29.915 2.29647L29.9168 2.29826Z' fill='%23292526'/%3E%3C/svg%3E%0A");
&:hover {
background-color: #B8B8B8;
}
}
.section-wrapper#feedback .follow-link:hover .follow-icon.facebook {
background-color: #3b5998;
border-color: #3b5998;
}
.section-wrapper#feedback .follow-link:hover .follow-icon.twitter {
background-color: #00aced;
border-color: #00aced;
}
.section-wrapper#feedback .follow-link:hover .follow-icon svg {
fill: #fff;
}
footer .footer-misc {
displaY: flex;
flex-direction: column;
gap: 16px;
align-items: end;
}
@media screen and (max-width: 640px) {
footer .footer-misc {
align-items: center;
}
}
footer .footer-misc .footer-policy {
width: fit-content;
}
footer .follow-links {
display: flex;
gap: 15px;
}
footer .follow-links .follow-link {
border: 0;
}
footer .follow-links .follow-icon {
display: block;
width: 47px;
height: 47px;
border-radius: 50%;
transition: 0.3s ease-in-out all;
background-color: #D2D2D2;
background-position: 50% 50%;
background-repeat: no-repeat;
&:hover {
background-color: #B8B8B8;
}
}
footer .follow-links .follow-icon.website {
background-image: url("data:image/svg+xml,%0A%3Csvg width='27' height='11' viewBox='0 0 27 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.3052 0.272705L21.7453 8.22824V0.272705H18.97L15.4101 8.22824V0.272705H12.6347L9.07532 8.22713V0.272705H6.32682L2.30246 9.26084H0.606079V10.5883H1.70816H2.74826H2.7663H3.28713H5.23352V9.26084H3.88134L6.82128 2.69515V10.5928H8.01663H9.07532H9.5956L13.1402 2.67155V10.5836H14.356L14.3518 10.5928H15.9307L19.4756 2.67155V10.5836H20.6914L20.6872 10.5928H22.2662L26.8842 0.272705H25.3052Z' fill='white'/%3E%3C/svg%3E%0A");
}
footer .follow-links .follow-icon.twitter {
background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.64335 7.0478L15.5932 0.131592H14.1833L9.01702 6.13684L4.89075 0.131592H0.131592L6.37132 9.21259L0.131592 16.4653H1.54159L6.99729 10.1236L11.3549 16.4653H16.1141L9.643 7.0478H9.64335ZM7.71216 9.2926L7.07994 8.38834L2.04964 1.19302H4.21532L8.27483 6.99987L8.90705 7.90413L14.1839 15.4521H12.0183L7.71216 9.29295V9.2926Z' fill='white'/%3E%3C/svg%3E%0A");
}
footer .follow-links .follow-icon.facebook {
background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.73473 23.2301V11.8243H10.8832L11.3005 7.89378H7.73473L7.74008 5.92652C7.74008 4.90139 7.83748 4.3521 9.30987 4.3521H11.2782V0.421143H8.12924C4.34684 0.421143 3.01554 2.32786 3.01554 5.53436V7.89423H0.657837V11.8247H3.01554V23.2301H7.73473Z' fill='white'/%3E%3C/svg%3E%0A");
}
footer .follow-links .follow-icon.youtube {
background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.617 0.641585C18.4286 0.864306 19.0678 1.52055 19.2848 2.35393C19.679 3.86432 19.679 7.01576 19.679 7.01576C19.679 7.01576 19.679 10.1671 19.2848 11.6776C19.0678 12.511 18.4286 13.1672 17.617 13.3901C16.1461 13.7947 10.2474 13.7947 10.2474 13.7947C10.2474 13.7947 4.34867 13.7947 2.87767 13.3901C2.06602 13.1672 1.42681 12.511 1.20989 11.6776C0.815796 10.1671 0.815796 7.01576 0.815796 7.01576C0.815796 7.01576 0.815796 3.86432 1.20989 2.35393C1.42681 1.52055 2.06602 0.864306 2.87767 0.641585C4.34867 0.236816 10.2474 0.236816 10.2474 0.236816C10.2474 0.236816 16.1461 0.236816 17.617 0.641585ZM8.47926 4.3646V10.2593L13.195 7.31209L8.47926 4.3646Z' fill='white'/%3E%3C/svg%3E%0A");
}
footer .follow-links .follow-icon.rutube {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4956 6.83115H3.72119V3.31568H12.4956C13.0082 3.31568 13.3645 3.40613 13.5434 3.56408C13.7222 3.72204 13.833 4.015 13.833 4.44295V5.70524C13.833 6.15615 13.7222 6.4491 13.5434 6.60706C13.3645 6.76501 13.0082 6.8325 12.4956 6.8325V6.83115ZM13.0976 0.00135512H0V15.0353H3.72119V10.1441H10.579L13.833 15.0353H18L14.4123 10.1212C15.735 9.92272 16.3289 9.51232 16.8188 8.83595C17.3086 8.15959 17.5542 7.07821 17.5542 5.63504V4.50775C17.5542 3.65184 17.4648 2.97546 17.3086 2.45706C17.1525 1.93864 16.8855 1.48773 16.5064 1.08273C16.106 0.699311 15.6602 0.429311 15.125 0.2484C14.5898 0.0904448 13.9211 0 13.0976 0V0.00135512Z' fill='white'/%3E%3C/svg%3E%0A");
}
.section-wrapper#feedback .follow-link .follow-text {
font-family: "Geometria bold";
color: var(--brown);
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .follow-links {
position: absolute;
margin-top: 95px;
}
.section-wrapper#feedback .follow-links .follow-link {
min-width: 210px;
}
}
.section-wrapper#feedback .policy-text {
font-size: 12px;
padding: 0 10px;
color: #000000;
}
.section-wrapper#feedback .policy-text a {
color: #9E978E;
}
.section-wrapper#feedback .policy-text br {
display: none;
}
@media screen and (max-width: 640px) {
.section-wrapper#feedback .policy-text br {
display: block;
}
}
body.modal-active {
overflow: hidden;
}
body.modal-active .modal-window.active {
visibility: visible;
opacity: 1;
transform: scale(1) translate(0, 0);
overflow: auto;
}
.modal-window {
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
background: #fff;
z-index: 698;
visibility: hidden;
opacity: 0;
transform: scale(0.9) translate(0, -100%);
transition: transform 0.3s ease, opacity 0.3s ease;
color: #000;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
.modal-window#menu {
color: #fff;
background: #000;
}
.modal-window#menu .main-nav {
top: 0;
bottom: auto;
text-align: center;
cursor: pointer;
color: rgba(255,255,255,0.5);
font-size: 16px;
}
.modal-window#menu .main-nav .arrow {
position: relative;
top: -2px;
}
@media screen and (max-width: 640px) {
.modal-window#menu .main-nav p {
position: relative;
max-width: 220px;
margin: 20px auto;
line-height: 22px;
white-space: normal;
}
.modal-window#menu .main-nav p .arrow {
position: absolute;
right: -30px;
top: 10px;
}
}
.modal-window#menu .nav-links {
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-window#menu .nav-link {
display: inline-block;
color: #fff;
border: 0;
font-size: 18px;
padding: 15px 0;
white-space: nowrap;
}
.modal-window#menu .nav-link.active {
color: var(--aqua);
}
.modal-window#menu .nav-link.active:before,
.modal-window#menu .nav-link.active:after {
position: relative;
top: -5px;
content: '';
width: 19px;
height: 1px;
background: var(--aqua);
display: inline-block;
margin: 0 20px;
}
.modal-window#menu .btn-aqua {
height: 52px;
padding: 10px 32px;
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
.modal-window#menu .btn-aqua {
width: calc(100% - 56px);
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
}
.modal-window#policy {
background: rgba(0,0,0,0.75);
transition: transform 0, opacity 0.4s ease-in-out;
transform: translate(0);
}
.modal-window#policy .modal-content-wrapper {
background: #fff;
height: 100%;
max-width: 780px;
margin: 0 auto;
color: #4c4c4c;
overflow: auto;
position: relative;
}
.modal-window#policy .modal-content-wrapper .modal-content {
padding: 50px 100px 80px;
}
@media screen and (max-width: 640px) {
.modal-window#policy .modal-content-wrapper .modal-content {
padding: 40px 30px 60px;
}
}
.modal-window#policy .modal-content-wrapper .modal-content__bottom {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 640px) {
.modal-window#policy .modal-content-wrapper .modal-content__bottom {
flex-flow: column nowrap;
align-items: center;
}
.modal-window#policy .modal-content-wrapper .modal-content__bottom .btn {
margin-bottom: 20px;
}
}
.modal-window#policy .modal-content-wrapper .close {
position: absolute;
right: 75px;
top: 40px;
border: 0;
padding: 15px 25px 10px;
cursor: pointer;
filter: hue-rotate(200deg);
}
@media screen and (max-width: 640px) {
.modal-window#policy .modal-content-wrapper .close {
top: 30px;
right: 5px;
}
}
.modal-window#policy .modal-content-wrapper .close svg {
stroke: var(--aqua);
transition: 0.3s ease-in-out;
}
.modal-window#policy .modal-content-wrapper .close:hover svg {
stroke: #21ffda;
}
.modal-window#policy .modal-content-wrapper .close:active svg {
stroke: #2e9080;
}
.modal-window#policy .modal-content-wrapper .h2,
.modal-window#policy .modal-content-wrapper .h3 {
color: #2c2829;
text-align: left;
padding-left: 0;
}
.modal-window#policy .modal-content-wrapper .h2 {
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.modal-window#policy .modal-content-wrapper .h2 {
max-width: 70%;
}
}
.modal-window#policy .modal-content-wrapper ol li {
font-size: 26px;
}
.modal-window#policy .modal-content-wrapper ol li li {
font-size: 16px;
line-height: 1.75;
}
.study {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.study .study-item {
display: flex;
position: relative;
border: 3px solid rgba(204, 204, 204, 0.4);
border-radius: 8px;
padding: 30px 35px 35px;
width: calc(50% - 20px);
overflow: hidden;
color: #fff;
box-sizing: border-box;
}
@media screen and (max-width: 991px) {
.study {
padding: 0 10px;
}
.study .study-item {
width: 100%;
}
}
.study .study-item .study-item__bg {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 0;
background-repeat: no-repeat;
background-position: right 30px bottom 0;
background-size: auto auto;
width: 100%;
height: 100%;
transition: ease 3s;
}
.study .study-item .study-item__bg::after {
display: block;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background: rgba(0,0,0,.7);
}
.study .study-item:hover .study-item__bg {
transform: scale(1.2);
transition: ease 3s;
}
.study .study-item .study-item__content {
position: relative;
z-index: 1;
}
.study .study-item .study-item__content h3 {
font-size: 40px;
font-weight: 800;
line-height: 100%;
margin-bottom: 60px;
}
.study .study-item .study-item__content h3 span {
color: #fff;
font-weight: 500;
}
.study .study-item .study-item__content p {
font-size: 22px;
line-height: 130%;
}
.study .btn {
border: 2px solid #fff;
border-radius: 3px;
height: auto;
font-weight: 700;
font-size: 22px;
position: relative;
padding: 0px 42px 0 32px;
}
.study .btn::after {
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1.90412 1.50586L7.22192 6.82367L1.90412 12.1415' stroke='white' stroke-width='2.6589' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
display: block;
content: '';
width: 8px;
height: 12px;
background-size: cover;
position: absolute;
right: 18px;
top: 22px;
}
.show-desktop {
display: inline-block;
}
.show-mobile {
display: none;
}
@media screen and (max-width: 640px) {
.show-desktop {
display: none;
}
.show-mobile {
display: inline-block;
}
}