
html {
        width: 100%;
}
body {
font-family: classico-urw, sans-serif;
font-weight: 400;
font-style: normal;
}
/* Start menu */
.menu-icon {
height: 40px;
width: 40px;
position: relative;
z-index: 10;
cursor: pointer;
background: rgba(202, 202, 202, 0.5);
border-radius: 50%;
padding: 12px 12px;
}
.menu-icon__line {
height: 2px;
width: 15px;
display: block;
background-color: #000000;
margin-bottom: 4px;
-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease;
transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.nav {
    position: fixed;
    z-index: 9;
    background-color: #FFFFFF;
    height: 0;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
}
.nav:before, .nav:after {
content: "";
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(234, 234, 234, 0.2);
z-index: -1;
-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
-webkit-transform: translateX(0%) translateY(-100%);
        transform: translateX(0%) translateY(-100%);
}
.nav:after {
background: white;
-webkit-transition-delay: 0s;
        transition-delay: 0s;
}

.nav:before {
-webkit-transition-delay: .1s;
        transition-delay: .1s;
}
.nav__content {
position: fixed;
top: 50%;
-webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
width: 100%;
text-align: center;
font-size: calc(2vw + 10px);
font-weight: 200;
cursor: pointer;
}
.nav__list-item {
position: relative;
display: block;
-webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
opacity: 0;
-webkit-transform: translate(0%, 100%);
        transform: translate(0%, 100%);
-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
margin-right: 25px;
}
.nav__list-item a {
        color: #000000;
}
.nav__list-item a:hover {
        color: #000000;
        text-decoration: none;
}
body.nav-active .menu-icon__line {
background-color: #000;
-webkit-transform: translateX(0px) rotate(-45deg);
transform: translateX(0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
-webkit-transform: translateX(1px) rotate(45deg);
transform: translateX(1px) rotate(45deg);
display: none;
}
body.nav-active .menu-icon__line-right {
    background-color: #000;
    -webkit-transform: translateX(0px) rotate(45deg);
    transform: translateX(0px) rotate(45deg);
    position: relative;
    top: -6px;
}
body.nav-active .nav {
    visibility: visible;
    height: 100%;
}
body.nav-active .nav:before, body.nav-active .nav:after {
-webkit-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
-webkit-transition-delay: .1s;
        transition-delay: .1s;
}
body.nav-active .nav:before {
-webkit-transition-delay: 0s;
        transition-delay: 0s;
}
body.nav-active .nav__list-item {
margin-bottom: 25px;
opacity: 1;
-webkit-transform: translateX(0%);
        transform: translateX(0%);
-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
-webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
}
body.nav-active .nav__list-item:nth-child(1) {
-webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
}
body.nav-active .nav__list-item:nth-child(2) {
-webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(3) {
-webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(4) {
-webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(5) {
-webkit-transition-delay: 1s;
        transition-delay: 1s;
}
/* End menu */

/* Micro animations */

@keyframes opacityAn {
        from {opacity: 0;}
        to {opacity: 1;}
}

@keyframes leftAn {
        from {left: -50px; opacity: 0;}
        to {left: 0px; opacity: 1;}
}

@keyframes topAn {
        from {top: -50px; opacity: 0;}
        to {top: 0px; opacity: 1;}
}

@keyframes headerAn {
        from {background-size: 0;}
        to {background-size: 60%;}
}

/* End Micro animations */

.intro {
        height: 80vh;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
}

.intro__headline {
        font-weight: 200;
        font-size: 38px;
        line-height: 50px;
        text-align: center;
}

.section {
        padding: 50px 0;
}

.header__container {
        display: flex;
        flex-direction: row;
        color: #000000;
        justify-content: space-between;
}

.header__logo {
        z-index: 10;
        max-width: 300px;
        animation: topAn 1.2s;
        animation-iteration-count: 1;
        position: relative;
}

.header__logo img {
        width: 100%;
}

.nav-active .menu-icon {
        padding-top: 18px;
}

.header__content {
        height: 75vh;
        display: flex;
        justify-content: flex-end;
        width: 50%;
        flex-direction: column;
}

.header {
        background-image: url('../images/background-header.jpg');
        background-repeat: no-repeat;
        background-position: 100% 5%;
        padding: 50px 100px;
        background-size: 60%;
}

.header__content a:hover {
        opacity: 0.6;
}

.header__content a:hover svg {
        transform: scale(1.1);
        transition: all 0.5s;
}

.header__content h1 {
        font-size: 60px;
        line-height: 75px;
        margin-bottom: 60px;
        animation: leftAn 1.4s;
        animation-iteration-count: 1;
        position: relative;
}

.header__menu {
        animation: opacityAn 1.4s;
        animation-iteration-count: 1;
}

.header__content a {
        font-size: 14px;
        line-height: 30px;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        color: #000000;
        font-weight: 500;
        z-index: 9;
        animation: leftAn 1.3s;
        animation-iteration-count: 1;
        position: relative;
}

.header__content svg {
        margin-left: 15px;
}

.header__content a:hover {
        text-decoration: none;
}

.section__inner {
        overflow: hidden;
        position: relative;
        padding: 0 120px;
}

.section__inner:before {
        content: '';
        height: 100%;
        width: 250px;
        display: block;
        position: absolute;
        background: #ECEDEA;
        z-index: 1;
}

.section__inner_right:before {
        right: 0;
}

.section__inner_right .section__inner-content p {
        left: 0;
}

.section__inner_right .section__inner-content h3 {
        padding: 0;
}

.section__inner-content {
        padding: 60px 30px 60px 80px;
        z-index: 2;
        position: relative;
}

.section__inner-content p {
        position: relative;
        left: -30px;
        font-weight: bold;
        font-size: 26px;
        line-height: 28px;
}

.section__inner-content h3 {
        font-size: 34px;
        line-height: 50px;
        padding: 0 50px 50px 20px;
        text-align: center;
}

.section-list__list ul li:before {
        content: '+';
        position: relative;
        right: 20px;
        font-weight: 400;
        font-size: 20px;
        top: 2px;
}

.section-list {
        padding: 50px 0;
}

.section-list__image img {
        width: 100%;
}

.section-key-people img {
        width: 100%;
}

.section-key-people__container {
        margin-top: 40px;
}

.section-key-people__container span {
        font-family: 'Raleway', sans-serif;
        font-size: 12px;
        line-height: 30px;
        text-transform: uppercase;
        color: #212529;
}

.section-key-people__container a:hover {
        text-decoration: none;
        color: #212529;
}

.section-key-people__container h3 {
        font-size: 38px;
        line-height: 48px;
        font-weight: bold;
}

.section-key-people__content p {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 36px;
}

.section-key-people__content {
        margin-top: 15px;
}

.section-key-people__content-more {
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 1.5s ease-out;
}

.section-key-people__load-more {
        cursor: pointer;
}

.section-key-people__content-more_active {
        height: auto;
        opacity: 1;
        overflow: visible;
}

.section-list__content {
        padding-top: 60px;
        padding-left: 60px;
}

.section-list__content h3 {
        font-weight: bold;
        font-size: 42px;
        line-height: 48px;
}

.section-list__content p {
        width: 70%;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
}

.section-list__list ul {
        padding: 0 20px;
        list-style: none;
}

.section-list__list ul li {
        font-family: 'Raleway', sans-serif;
        font-size: 15px;
        line-height: 35px;
        font-weight: 300;
}

.section-list-points {
        padding-left: 60px;
        padding-right: 60px;
}

.section-list-points__point-content {
        text-align: center;
        padding: 40px 15% 50px;
}

.section-list-points__point {
        margin: 15px 0;
        border-bottom: 1px solid #D8D8D8;
}

.section-list-points__point:last-child {
        border: 0;
}

.section-list-points__text-content {
        font-size: 22px;
        line-height: 40px;
        padding: 0 10%;
}

.section-list-points__number {
        font-size: 40px;
        line-height: 48px;
        color: rgba(32, 32, 32, 0.3);
}

.testimonials-slider__single {
        height: 100%;
}

.testimonials-slider__single img {
        width: 90%;
}

.testimonials-slider__content-text span {
        position: relative;
        top: 10px;
        left: 5px;
}

.testimonials-slider__single h3 {
        font-size: 50px;
        line-height: 35px;
}

.testimonials-slider__single span {
        margin-bottom: 30px;
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.5);
}

.testimonials-slider__content {
        margin-top: 50px;
        margin-left: 15%;
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        line-height: 36px;
}

.testimonials-slider__content:before {
        content: '';
        position: absolute;
        left: 35px;
        margin-top: 10px;
        background-image: url('../images/quote-icon.png');
        height: 40px;
        width: 40px;
        background-repeat: no-repeat;
        background-size: contain;
}

.testimonials-slider__content p {
        font-family: 'Raleway', sans-serif;
        font-size: 15px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.5);
    }

.testimonials-slider__content span {
        margin-top: 50px;
        font-size: 22px;
        line-height: 20px;
        color: #000000;
        font-family: classico-urw, sans-serif;
}

.testimonials-section {
        overflow: hidden;
        position: relative;
        max-height: 800px;
}

.testimonials-slider__nav-content {
        position: absolute;
        right: 0;
        bottom: 25%;
        z-index: 99;
        display: flex;
}

.testimonials-slider__button {
        font-size: 35px;
        line-height: 48px;
        color: #000000;
        cursor: pointer;
        transition: all 0.4s;
}

.testimonials-slider__button:hover {
        opacity: 0.6;
}

.testimonials-slider__button-prev {
        margin-right: 30px;
        position: relative;
        right: 15%;
    }

.get-in-touch__section:before {
        content: '';
        height: 300px;
        width: 300px;
        display: block;
        position: absolute;
        background: #ECEDEA;
}

.get-in-touch__image img {
        width: 100%;
}

.get-in-touch__container {
        padding-top: 80px;
}

.get-in-touch__content h3 {
        font-size: 95px;
        line-height: 95px;
        width: 70%;
        margin-bottom: 15%;
}

.get-in-touch__content p {
        font-size: 17px;
        line-height: 31px;
        width: 80%;
        color: rgba(84, 84, 84, 0.6);
        margin: 0 0 30px 0;
        padding-right: 20px;
        font-family: 'Raleway', sans-serif;
}

.list-contact__item {
        display: flex;
        margin-bottom: 15px;
}

.list-contact__item-icon {
        margin-right: 15px;
        padding-top: 5px;
}

.list-contact__item-icon img {
        width: 70%;
}

#testimonials .section__inner-content p {
        text-align: right;
}

#testimonials .section__inner-content h3 {
        text-align: right;
}

.footer__lists li {
        margin-bottom: 10px;
}

.list-contact__item-text {
        font-family: 'Raleway', sans-serif;
        font-size: 15px;
        padding-bottom: 15px;
        color: #000000;
        font-weight: 600;
}

.list-contact__item-text a {
        color: #000000;
        font-weight: 600;
}

.list-contact__item-text a:hover {
        color: #545454;
        text-decoration: none;
}

.footer {
        padding-top: 100px;
        background: #ECEDEA;
}

.footer__bottom {
        margin-top: 80px;
}

.footer__bottom p {
        text-align: center;
        width: 100%;
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #545454;
}

.footer__logo {
        display: flex;
        align-items: center;
}

.footer__logo img {
        width: 70%;
}

.footer__lists {
        list-style: none;
}

.footer__lists li a {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #545454;
        text-transform: uppercase;
}

.footer__socials {
        display: flex;
        align-items: center;
        justify-content: flex-end;
}

.footer__social-item {
        margin: 0 10px;
        border: 1px solid #000000;
        padding: 0 15px 0;
        font-family: 'Raleway', sans-serif;
        font-size: 12px;
        line-height: 26px;
}

.footer__social-item a {
        color: #000000;
}

.footer__social-item a:hover {
        color: #000000;
        text-decoration: none;
}

.svg-explore  {
        fill: #1F1F1F;
}

.section-key-people__single {
        padding-right: 12%;
}

.section-key-people__single:nth-child(2) {
        padding-right: 0%;
        padding-left: 12%;
}

@media only screen and (max-width: 1024px) {
        .testimonials-slider__content:before {
                display: none;
        }
        .testimonials-slider__nav-content {
                bottom: 10%;
        }
}

@media only screen and (max-width: 576px) {
        .header {
                background-size: auto 100%;
                padding: 50px 10%;
                background-position: top center;
                height: 100vh;
        }
        .header__content h1 {
                font-size: 35px;
                line-height: 40px;
                color: #fff;
        }
        .header__content {
                height: auto;
                justify-content: center;
                width: 80%;
                position: absolute;
                bottom: 15%;
        }
        .header__logo img {
                filter: brightness(0) invert(1);
                width: 70%;
        }
        .testimonials-slider__content {
                margin-top: 10px;
        }
        .testimonials-slider__button-prev {
                right: 0;
        }
        .menu-icon {
                background: rgba(202, 202, 202, 0.8);
        }
        .intro__headline {
                font-size: 20px;
                line-height: 30px;
        }
        .svg-explore {
                fill: #ffffff;
        }
        .header__content a {
                color: #ffffff;
        }
        .testimonials-slider__content-text span {
                top: 0;
        }
        .header:before {
                content: '';
                height: 100vh;
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.5);
        }
        .intro {
                height: auto;
                padding: 80px 10% 80px 3%;
                text-align: center;
        }
        .section__inner-content p {
                font-size: 14px;
                line-height: 38px;
        }
        .section__inner-content h3 {
                font-size: 16px;
                line-height: 22px;
        }
        .section__inner-content {
                padding: 30px 30px 30px 10%;
        }
        .section__inner-content h3 {
                padding: 0 50px 15px 0px;
        }
        .section__inner-content p {
                left: 0;
        }
        .section__inner:before {
                width: 100px;
        }
        .section__inner {
                padding: 0;
        }
        .section {
                padding: 80px 3% 0 3%;
        }
        .section-key-people__single:nth-child(2) {
                padding-right: 3%;
                padding-left: 10%;
        }
        .section-key-people__single {
                padding-left: 10%;
                padding-right: 3%;
        }
        .section-list__content {
                padding-top: 60px;
                padding-left: 5%;
                padding-right: 5%;
        }
        .section__inner_right:before {
                right: auto;
        }
        .section-key-people__single:first-child {
                margin-bottom: 60px;
        }
        .section-list-points {
                padding: 50px 3% 0 3%;
        }
        .section-list-points__text-content {
                font-size: 15px;
                line-height: 25px;
                padding-top: 30px;
        }
        .section-list-points__point-content {
                padding: 20px 15% 50px;
        }
        .testimonials-slider__single h3 {
                font-size: 34px;
                line-height: 48px;
                padding-top: 30px;
        }
        .testimonials-slider__content {
                margin-left: 0%;
        }
        .testimonials-slider__nav-content {
                z-index: 120;
                position: relative;
                margin-top: 15px;
        }
        .testimonials-slider__content p {
                font-size: 12px;
                line-height: 27px;
        }
        .get-in-touch__content h3 {
                font-size: 60px;
                line-height: 70px;
                padding-left: 30px;
        }
        .get-in-touch__section:before {
                width: 120px;
        }
        .get-in-touch__content p {
                margin-top: 100px;
        }
        .list-contact__item-text {
                font-size: 19px;
        }
        .list-contact {
                margin-bottom: 50px;
        }
        .testimonials-slider__button {
                font-size: 32px;
        }
        .testimonials-slider__button-next {
                position: absolute;
                right: 0;
        }
        .section-list__center {
                flex-direction: column-reverse;
        }
        .get-in-touch__image {
                display: none;
        }
        .section-list__content h3 {
                font-size: 28px;
                line-height: 36px;
        }
        .section-list__list ul li {
                font-size: 14px;
                line-height: 22px;
        }
        .section-key-people__container h3 {
                font-size: 28px;
                line-height: 48px;
        }
        #testimonials .section__inner-content h3 {
                text-align: left;
        }
        #testimonials .section__inner-content p {
                margin-bottom: 0;
        }
        .list-contact__item-icon img {
                width: 55%;
        }
        .footer__list-socials {
                display: none;
        }
        .footer .container {
                padding-left: 0;
        }
        .footer__logo {
                text-align: center;
                justify-content: center;
        }
        .footer__socials {
                justify-content: center;
                margin-top: 50px;
        }
        .footer__bottom {
                margin-top: 40px;
        }
        .footer__bottom p {
                width: 100%;
                font-size: 10px;
                line-height: 10px;
        }
        .nav__content {
                top: 40%;
                width: 75%;
                text-align: center;
        }
        li.nav__list-item {
                margin-bottom: 20px;
        }
        .nav__list-item a {
                font-size: 25px;
        }
        .testimonials-section {
                max-height: max-content;
                z-index: 2;
        }
        .slick-list {height: 115% !important;}
        .get-in-touch__section {z-index: 1;}
}
