@import "../font/Montserrat/stylesheet.css";

@import "../font/Intro/stylesheet.css";

@import "../lib/reset.min.css";

@import "../lib/swiper-bundle.min.css";

body {
background-color:#000
}

.footer {
width:100%;
display:flex;
background:#000;
color:#f1e95b;
font-family:"Montserrat"
}

.footer__header {
margin-bottom:56px;
font-size:24px
}

@media(max-width: 860px) {
.footer__header {
margin-bottom:42px;
font-size:19px
}
}

.footer__social-media-link {
margin-bottom:34px
}

@media(max-width: 860px) {
.footer__social-media-link {
margin-bottom:18px;
min-width:255px
}
}

.footer__social-media-link>a {
transition:color .2s ease-in-out;
cursor:pointer
}

.footer__social-media-link>a:hover {
color:#fff
}

.footer__social-media-link:last-child {
margin-bottom:0
}

.footer__card {
margin:auto;
padding:20px 0;
max-width:1050px;
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-end
}

@media(max-width: 860px) {
.footer__card {
flex-direction:column;
align-items:center
}
}

.footer__info {
padding:60px;
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start
}

@media(max-width: 599px) {
.footer__info {
padding:40px 10px 60px
}
}

.footer__social-icon {
margin-right:30px
}

@media(max-width: 650px) {
.footer__social-icon {
margin-right:20px
}

.footer {
flex-direction:column;
align-items:center;
font-size:14px
}

.footer>div {
width:255px
}
}

@media(max-width: 860px) {
.footer__copyright {
margin-top:30px;
min-width:255px
}
}

.header {
height:87px;
line-height:87px;
background:#000;
color:#fff;
font-size:20px;
font-family:"Montserrat"
}

@media(max-width: 860px) {
.header {
height:auto
}
}

.header__wrapper {
position:relative;
z-index:20;
display:flex;
max-height:87px
}

@media(max-width: 860px) {
.header__wrapper {
padding:0 10px;
width:calc(100% - 20px);
background:#000
}
}

.header__menu-mobile-btn {
display:flex;
align-items:center;
width:0;
opacity:0;
visibility:hidden
}

@media(max-width: 860px) {
.header__menu-mobile-btn {
width:auto;
opacity:1;
visibility:visible
}

.header__menu-mobile-btn:after {
margin-left:10px;
display:block;
content:"";
transition:transform .35s ease-in-out;
background:url(../icon/arrow.png) no-repeat;
width:22px;
height:14px
}

.header__menu-mobile-btn.open:after {
transform:rotate(180deg)
}
}

.header.open {
height:auto
}

@media(max-width: 1115px) {
.header {
font-size:14px
}
}

@media(max-width: 860px) {
.header {
font-size:20px
}
}

.header__menu {
padding:0 60px;
display:flex
}

@media(max-width: 860px) {
.header__menu {
flex-direction:column
}
}

@media(max-width: 599px) {
.header__menu {
padding:0
}
}

.header__menu-links {
display:flex;
font-size:14px;
margin-left:-50px
}

@media(max-width: 860px) {
.header__menu-links {
position:absolute;
left:0;
z-index:10;
transform:translate(0,-100%);
width:100%;
background:#000;
line-height:30px;
transition:transform .35s ease-in-out;
flex-direction:column
}

.header__menu-links.open {
transform:translate(0,87px);
margin-left:0
}
}

.header__logo {
margin:auto 65px auto 0
}

@media(max-width: 1115px) {
.header__logo {
margin:auto 55px auto 0;
height:45px
}
}

.header__menu-link {
margin-right:15px;
white-space:nowrap;
font-size:13px;
transition:color .2s ease-in-out
}

@media(max-width: 1115px) {
.header__menu-link {
margin-right:13px
}
}

@media(max-width: 860px) {
.header__menu-link {
margin-right:0;
padding:0 60px;
display:flex;
align-items:center;
line-height:35px
}
}

@media(max-width: 599px) {
.header__menu-link {
padding:0 10px
}
}

.header__menu-link:last-child {
margin-right:0
}

.header__menu-link:hover {
color:#f1e95b
}

.header__menu-link.active {
color:#f1e95b
}

.header__menu-link.active:hover {
color:#fff
}

.header__menu-link.active:after {
margin-left:10px;
width:20px;
height:14px;
display:block;
content:"";
background:url(/assets/icon/arrow.png)
}

.faculty {
width:100%;
display:flex;
position:relative;
font-family:"Montserrat";
background:#000
}

.faculty:before {
padding-bottom:50%;
width:0;
display:block;
content:""
}

.faculty__background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
filter:grayscale(100%)
}

.faculty__card {
position:relative;
margin:auto;
padding:45px 0 90px;
max-width:1050px;
width:100%;
background:#191919;
color:#fff;
flex-direction:column
}

@media(max-width: 860px) {
.faculty__card {
padding:20px 0 40px;
width:inherit
}
}

.faculty__header {
margin-bottom:30px
}

.faculty__header>span {
padding:20px 60px 12px;
background:#f1e95b;
text-transform:uppercase;
font-size:24px;
line-height:24px;
font-weight:bolder;
font-family:"Intro";
color:#000;
display:inline-block
}

@media(max-width: 860px) {
.faculty__header>span {
padding:0 8px;
display:inline;
line-height:44px
}

.faculty__header {
margin-right:40px;
margin-left:15px;
padding:5px 10px;
flex-direction:column
}
}

.faculty__leaders {
align-self:stretch;
justify-content:center
}

@media(max-width: 860px) {
.faculty__leaders {
display:flex;
flex-wrap:wrap;
flex-direction:row
}
}

.faculty__leader {
padding-right:5%
}

.faculty__leader:last-child {
padding-right:0
}

@media(max-width: 860px) {
.faculty__leader {
padding-right:0;
padding-bottom:36px
}

.faculty__leader:last-child {
padding-bottom:0
}
}

.faculty__info,.faculty__card,.faculty__leader,.faculty__leaders,.faculty__leader-links {
display:flex
}

.faculty__info,.faculty__leader,.faculty__description {
flex-direction:column
}

.faculty__card,.faculty__leader {
align-items:center;
box-sizing:border-box
}

.faculty__description {
justify-content:space-between;
font-size:20px
}

@media(max-width: 1050px) {
.faculty__description {
font-size:17px
}
}

.faculty__info {
margin:0 auto;
padding:60px;
width:100%;
align-items:center;
box-sizing:border-box
}

@media(max-width: 599px) {
.faculty__info {
padding:40px 10px 60px
}
}

.faculty__leader-img {
margin-bottom:10px;
width:228px;
height:228px;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
transform:scale(1);
transition:filter .35s ease-in-out,transform .35s ease-in-out
}

.faculty__leader-img:hover {
-webkit-filter:inherit;
filter:inherit;
transform:scale(1.1);
transition:filter .35s ease-in-out,transform .35s ease-in-out
}

.faculty__leader-label {
margin-top:20px;
font-size:26px;
font-weight:500
}

.faculty__leader-position {
margin:20px 0;
font-size:20px
}

.faculty__social-media-link {
display:block;
margin-right:20px;
transition:all .2s ease-in-out
}

.faculty__social-media-link:last-child {
margin-right:0
}

.faculty__social-media-link:hover {
transform:scale(1.3);
opacity:.85
}

.swiper-container {
background:#000
}

.swiper-image {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
object-fit:cover
}

.swiper-slide {
background:#333;
transform:scale(0.75)!important;
transition:transform .2s ease-in-out;
position:relative
}

@media(max-width: 860px) {
.swiper-slide {
transform:scale(0.5)!important
}
}

.swiper-slide:before {
display:block;
content:"";
padding-bottom:66%
}

.swiper-slide-active {
transform:scale(1)!important
}

@media(max-width: 860px) {
.swiper-slide-active {
transform:scale(0.85)!important
}
}

.swiper-button-next:after,.swiper-button-prev:after {
content:"";
background:url(../icon/arrow.png) no-repeat;
width:30px;
height:22px;
background-size:27px
}

.swiper-button-prev:after {
transform:rotate(90deg)
}

.swiper-button-next:after {
transform:rotate(270deg)
}

.swiper-button-next {
right:30%
}

@media(max-width: 860px) {
.swiper-button-next {
right:10px
}
}

.swiper-button-prev {
left:30%
}

@media(max-width: 860px) {
.swiper-button-prev {
left:10px
}
}

.card {
justify-content:center;
background:#000
}

.card.project:before {
content:inherit
}

.card .project__social-media {
margin-top:20px
}

.card:before {
padding-bottom:inherit;
display:inherit;
content:""
}

.project {
width:100%;
display:flex;
position:relative;
font-family:"Montserrat"
}

.project--right {
justify-content:flex-end
}

.project--right .project__info {
align-items:flex-end
}

.project--right .project__header {
text-align:right
}

.project--left {
justify-content:flex-start
}

.project--left .project__info {
align-items:flex-start
}

.project:before {
padding-bottom:50%;
width:0;
display:block;
content:""
}

.project__background {
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
object-fit:cover;
filter:grayscale(100%)
}

.project__card {
position:relative;
padding:30px;
max-width:1050px;
display:flex;
background:#f1e95b;
box-sizing:border-box
}

@media(max-width: 860px) {
.project__card {
padding:10px;
flex-direction:column
}
}

.project__header {
margin-bottom:15px
}

.project__header>span {
padding:20px 30px 12px;
background:#f1e95b;
text-transform:uppercase;
font-size:24px;
line-height:24px;
font-weight:bolder;
font-family:"Intro";
display:inline-block
}

@media(max-width: 860px) {
.project__header>span {
padding:0 8px;
display:inline;
line-height:44px
}
}

.project__description {
display:flex;
justify-content:space-between;
flex-direction:column;
font-size:20px
}

@media(max-width: 1050px) {
.project__description {
font-size:17px
}
}

.project__list,.project__paragraph {
line-height:25px
}

@media(max-width: 1050px) {
.project__list,.project__paragraph {
line-height:22px
}
}

.project__list {
margin-bottom:45px
}

@media(max-width: 860px) {
.project__list {
margin-bottom:0
}
}

.project__leader-label {
font-size:18px
}

.project__leader {
margin:0 60px 0 30px;
text-align:center
}

@media(max-width: 860px) {
.project__leader {
margin:0 50px 0 0
}
}

.project__position {
writing-mode:tb-rl;
transform:rotate(180deg);
display:flex;
justify-content:center;
text-transform:uppercase;
font-size:24px;
font-weight:bolder;
font-family:"Intro"
}

.project__info {
padding:60px;
display:flex;
flex-direction:column;
align-items:flex-start
}

@media(max-width: 599px) {
.project__info {
padding:40px 10px 60px
}
}

.project__leader-img {
margin-bottom:10px;
width:185px;
height:185px;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
transform:scale(1);
transition:filter .35s ease-in-out,transform .35s ease-in-out
}

.project__leader-img:hover {
-webkit-filter:inherit;
filter:inherit;
transform:scale(1.1);
transition:filter .35s ease-in-out,transform .35s ease-in-out
}

.project__social-media {
margin-right:10px;
display:flex;
align-items:center
}

@media(max-width: 860px) {
.project__social-media {
margin:20px 0
}
}

.project__social-media-link {
margin-left:10px;
transition:all .2s ease-in-out
}

.project__social-media-link:hover {
transform:scale(1.3);
opacity:.85
}

.project__social-media>span {
font-size:24px;
font-weight:bolder;
font-family:"Intro"
}

@media(max-width: 599px) {
.project__social-media>span {
font-size:17px
}
}

.name-block {
padding:60px 60px 0;
font-family:"Intro";
text-transform:uppercase;
background-color:#000;
color:#000;
display:flex;
justify-content:flex-end;
text-align:right
}

@media(max-width: 599px) {
.name-block {
padding:60px 10px 0
}
}

.name-block--left {
justify-content:flex-start;
text-align:left
}

.name-block--left .name-block__sub-header {
left:inherit;
right:0
}

.name-block__wrapper {
position:relative
}

.name-block__sub-header {
position:absolute;
left:0;
top:50%;
z-index:0;
transform:translate(0,-50%)
}

.name-block__sub-header>span {
padding:8px 8px 0;
font-size:48px;
font-weight:800;
background:#f1e95b
}

@media(max-width: 860px) {
.name-block__sub-header>span {
padding:0 8px;
font-size:30px;
line-height:50px
}

.name-block__sub-header {
position:inherit;
left:inherit;
top:inherit;
transform:inherit
}
}

.name-block__header {
position:relative;
z-index:1;
max-width:520px;
font-size:100px;
line-height:120px;
font-weight:800;
-webkit-text-stroke:1px #f1e95b
}

@media(max-width: 860px) {
.name-block__header {
display:none
}
}

.preview-block {
width:100%;
display:flex;
position:relative;
font-family:"Intro";
background:#000;
overflow:hidden
}

.preview-block:before {
padding-bottom:50%;
width:0;
display:block;
content:""
}

.preview-block__card {
position:relative;
z-index:1;
padding:30px;
max-width:1050px;
background:#f1e95b;
box-sizing:border-box;
font-family:"Montserrat"
}

@media(max-width: 599px) {
.preview-block__card {
padding:8px
}
}

.preview-block__card .preview-block__card-header {
margin-bottom:10px;
padding:0;
font-size:25px;
font-weight:800;
text-transform:uppercase
}

.preview-block__card .preview-block__card-header:last-child {
margin-top:15px;
margin-bottom:0;
font-size:18px;
font-weight:400;
font-family:"Montserrat";
text-transform:unset
}

.preview-block__card-header {
margin-bottom:20px
}

.preview-block__card-header>span {
position:relative;
z-index:1;
padding:8px 8px 0;
font-size:48px;
line-height:48px;
font-weight:800;
background:#f1e95b;
text-transform:uppercase;
display:inline-block
}

@media(max-width: 860px) {
.preview-block__card-header>span {
padding:0 8px;
display:inline;
line-height:68px
}
}

@media(max-width: 599px) {
.preview-block__card-header>span {
font-size:24px;
line-height:32px
}
}

.preview-block__header {
position:absolute;
top:50%;
left:50%;
z-index:0;
transform:translate(-50%,-50%);
font-size:360px;
font-weight:800;
font-family:"Intro";
-webkit-text-stroke:1px #f1e95b;
text-transform:uppercase;
text-align:center;
line-height:initial
}

.preview-block__wrapper {
margin:auto;
padding:60px 60px 145px;
font-size:24px;
line-height:44px
}

@media(max-width: 599px) {
.preview-block__wrapper {
padding:40px 10px 60px
}
}

.preview-block__card-paragraph {
margin-bottom:0;
text-indent:50px
}

@media(max-width: 599px) {
.preview-block__card-paragraph {
margin-bottom:10px;
font-size:16px;
line-height:24px;
text-indent:30px
}
}

.preview-block__list {
font-size:18px;
padding-left:30px;
list-style:square
}

.leader-organization.faculty:before {
content:inherit
}

.leader-organization .faculty__card {
padding:0;
background:inherit
}

.leader-organization .faculty__header {
margin-bottom:60px;
align-self:flex-start
}

.leader-organization .faculty__header>span {
padding:8px 8px 0;
font-size:48px;
line-height:48px;
font-weight:800;
display:inline-block
}

@media(max-width: 860px) {
.leader-organization .faculty__header>span {
padding:0 8px;
display:inline;
font-size:30px;
line-height:50px
}
}

@media(max-width: 599px) {
.leader-organization .faculty__header {
margin:0 0 60px;
padding:0;
align-self:flex-start
}
}

.faculty-cards {
width:100%;
display:flex;
position:relative;
font-family:"Montserrat";
background:#000
}

.faculty-cards__header {
margin-bottom:60px
}

.faculty-cards__header>span {
padding:8px 8px 0;
font-size:48px;
line-height:48px;
font-weight:800;
background:#f1e95b;
text-transform:uppercase;
font-family:"Intro";
color:#000;
display:inline-block
}

@media(max-width: 860px) {
.faculty-cards__header>span {
padding:0 8px;
display:inline;
font-size:30px;
line-height:50px
}
}

.faculty-cards__info {
margin:0 auto;
padding:60px;
width:100%;
align-items:center;
box-sizing:border-box
}

@media(max-width: 599px) {
.faculty-cards__info {
padding:40px 10px 60px
}
}

.faculty-cards__icon {
margin:-50px 0;
box-sizing:border-box;
align-self:center;
width:100%
}

.faculty-cards__card {
margin:auto;
padding:20px 0;
max-width:1050px;
width:100%
}

.faculty-cards__card-block {
padding:15px 5px;
text-align:center;
background:#f1e95b;
display:flex;
flex-direction:column;
justify-content:space-around;
font-weight:700
}

@media(max-width: 660px) {
.faculty-cards__card-header {
font-size:14px
}
}

.faculty-cards__wrapper {
display:grid;
grid-auto-rows:1fr;
grid-auto-columns:1fr;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
gap:30px 20px
}

@media(max-width: 1050px) {
.faculty-cards__wrapper {
grid-template-columns:1fr 1fr 1fr 1fr 1fr
}
}

@media(max-width: 860px) {
.faculty-cards__wrapper {
grid-template-columns:1fr 1fr 1fr 1fr
}
}

@media(max-width: 760px) {
.faculty-cards__wrapper {
grid-template-columns:1fr 1fr 1fr;
gap:15px 10px
}
}

@media(max-width: 660px) {
.faculty-cards__wrapper {
grid-template-columns:1fr 1fr
}
}

.border-cards {
width:100%;
display:flex;
position:relative;
font-family:"Montserrat";
background:#000;
overflow:hidden
}

.border-cards:before {
padding-bottom:50%;
width:0;
display:block;
content:""
}

.border-cards__info {
z-index:2;
margin:auto;
padding:60px;
width:100%;
align-items:center;
box-sizing:border-box
}

@media(max-width: 599px) {
.border-cards__info {
padding:30px 0 50px
}
}

.border-cards__card {
margin:auto;
padding:20px 0;
max-width:1050px;
width:100%
}

@media(max-width: 599px) {
.border-cards__card {
padding:0
}
}

.border-cards__card-block {
margin:10px;
padding:20px;
width:calc(33.33333333% - 20px);
min-height:250px;
box-sizing:border-box;
text-align:left;
border:solid 10px #f1e95b;
background-color:#000;
color:#f1e95b;
display:flex;
flex-direction:column;
justify-content:space-around;
font-size:20px;
font-weight:500
}

@media(max-width: 1050px) {
.border-cards__card-block {
width:calc(50% - 20px)
}
}

@media(max-width: 599px) {
.border-cards__card-block {
width:100%
}
}

.border-cards__wrapper {
display:flex;
flex-wrap:wrap;
text-align:center;
justify-content:center;
margin:-15px
}

@media(max-width: 599px) {
.border-cards__wrapper {
margin:0
}
}

.partners {
width:100%;
display:flex;
position:relative;
font-family:"Montserrat";
background:#000
}

.partners__header {
margin-bottom:60px
}

.partners__header>span {
padding:8px 8px 0;
font-size:48px;
line-height:48px;
font-weight:800;
background:#f1e95b;
text-transform:uppercase;
font-family:"Intro";
color:#000;
display:inline-block
}

@media(max-width: 860px) {
.partners__header>span {
padding:0 8px;
display:inline;
font-size:30px;
line-height:50px
}
}

.partners__info {
margin:0 auto;
padding:60px;
width:100%;
align-items:center;
box-sizing:border-box
}

@media(max-width: 599px) {
.partners__info {
padding:40px 10px 60px
}
}

.partners__logo {
width:100%;
max-width:100%
}

.partners__card {
margin:auto;
padding:20px 0;
max-width:1050px;
width:100%
}

.partners__link {
padding:15px 50px;
width:50%;
text-align:center;
box-sizing:border-box
}

@media(max-width: 860px) {
.partners__link {
padding:15px 30px 0;
width:100%
}

.partners__link:first-child {
padding:0 30px
}
}

.partners__wrapper {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center
}

.main-start {
position:relative;
font-family:"Intro";
text-transform:uppercase;
background-color:#000;
color:#fff
}

@media(max-width: 825px) {
.main-start {
padding:10px;
display:flex;
justify-content:center
}
}

.main-start:before {
padding-bottom:50%;
width:0;
display:block;
content:""
}

@media(max-width: 825px) {
.main-start:before {
display:inherit;
content:inherit
}
}

.main-start__header {
font-size:48px;
line-height:48px;
font-weight:800;
display:inline-block;
text-transform:uppercase
}

@media(max-width: 1575px) {
.main-start__header {
font-size:38px;
line-height:38px
}
}

@media(max-width: 1225px) {
.main-start__header {
font-size:35px;
line-height:35px
}
}

@media(max-width: 1075px) {
.main-start__header {
font-size:26px;
line-height:32px
}
}

@media(max-width: 825px) {
.main-start__header {
width:275px;
line-height:38px
}
}

.main-start__header-revert {
line-height:42px;
display:inline-block;
background:#f1e95b;
color:#000
}

@media(max-width: 1225px) {
.main-start__header-revert {
line-height:32px
}
}

@media(max-width: 825px) {
.main-start__header-revert {
display:initial
}
}

.main-start__paragraph {
padding-top:50px;
font-size:24px;
line-height:34px;
text-transform:initial;
font-family:"Montserrat"
}

@media(max-width: 1575px) {
.main-start__paragraph {
font-size:18px;
line-height:28px
}
}

@media(max-width: 1225px) {
.main-start__paragraph {
padding-top:30px;
font-size:16px;
line-height:26px
}
}

@media(max-width: 1075px) {
.main-start__paragraph {
padding-top:16px;
font-size:14px;
line-height:24px
}
}

.main-start__wrapper {
z-index:2;
position:absolute;
top:13%;
left:13%;
width:750px
}

@media(max-width: 1575px) {
.main-start__wrapper {
width:580px
}
}

@media(max-width: 1225px) {
.main-start__wrapper {
width:500px
}
}

@media(max-width: 825px) {
.main-start__wrapper {
position:relative;
top:inherit;
left:inherit;
width:290px;
min-width:290px
}
}

.main-start .main-start__sub-header {
position:absolute;
bottom:13%;
right:13%;
font-size:100px;
line-height:120px;
font-weight:800;
-webkit-text-stroke:1px #f1e95b;
color:#000;
text-align:right
}

@media(max-width: 1575px) {
.main-start .main-start__sub-header {
font-size:75px;
line-height:80px
}
}

@media(max-width: 1225px) {
.main-start .main-start__sub-header {
font-size:70px;
line-height:75px
}
}

@media(max-width: 1075px) {
.main-start .main-start__sub-header {
font-size:50px;
line-height:52px
}
}

@media(max-width: 825px) {
.main-start .main-start__sub-header {
display:none
}
}

.direction {
position:relative;
padding:0 60px;
font-family:"Intro";
text-transform:uppercase;
background-color:#000;
color:#fff;
display:flex;
flex-direction:column
}

@media(max-width: 825px) {
.direction {
display:flex;
justify-content:center
}
}

@media(max-width: 599px) {
.direction {
padding:0 10px
}
}

.direction__img {
width:700px;
height:465px;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
transition:filter .35s ease-in-out
}

.direction__img:hover {
transition:filter .35s ease-in-out;
-webkit-filter:inherit;
filter:inherit
}

@media(max-width: 860px) {
.direction__img {
display:none
}
}

.direction__label {
width:322px;
height:48px;
font-size:24px;
font-weight:800;
transform:rotate(90deg) translate(-102%,-1185%);
align-self:flex-start;
display:flex;
align-items:flex-end
}

@media(max-width: 860px) {
.direction__label {
width:210px;
transform:inherit;
font-size:16px;
align-items:center
}
}

.direction__block {
position:relative;
padding-right:48px;
display:inline-block;
align-self:flex-start
}

.direction__block--right {
align-self:flex-end
}

@media(max-width: 860px) {
.direction__block {
display:flex;
align-items:center;
align-self:center;
padding:0
}
}

.direction__marker {
margin-bottom:16px;
font-size:30px;
font-weight:800;
color:#f1e95b
}

@media(max-width: 860px) {
.direction__marker {
margin-bottom:0;
margin-right:16px
}
}

.direction__block-wrapper {
display:flex;
flex-direction:column;
align-items:flex-end
}

@media(max-width: 860px) {
.direction__block-wrapper {
align-items:flex-start
}

.direction-title {
justify-content:center
}

.direction-title .name-block__wrapper {
width:260px
}
}

.direction-cards {
margin-bottom:50px;
font-family:"Montserrat";
color:#fff
}

.direction-cards--right .project__card {
margin-left:auto
}

.direction-cards .project__card {
align-items:center;
background-color:#191919;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around
}

.direction-cards .project__label {
max-width:525px;
padding:4px 8px;
margin:0;
text-transform:uppercase;
background-color:#f1e95b;
align-self:flex-start;
color:#000;
font-size:18px;
font-weight:800;
font-family:"Intro"
}

@media(max-width: 860px) {
.direction-cards .project__label {
margin-bottom:20px;
max-width:100%
}
}

.direction-cards .project__leader {
margin:0 60px 0 30px
}

@media(max-width: 860px) {
.direction-cards .project__leader {
margin:0
}
}

.direction-cards .project__header {
padding:8px;
margin:0;
text-transform:uppercase;
background-color:#f1e95b;
align-self:flex-start;
color:#000;
font-size:24px;
font-weight:800;
font-family:"Intro"
}

.direction-cards .project__paragraph {
margin:30px 0;
max-width:370px
}

.direction-cards .project__description {
flex:1 0 auto
}

@media(max-width: 860px) {
.direction-cards .project__description {
flex:inherit
}
}

.direction-cards .project__position {
align-self:stretch;
color:#f1e95b
}

.direction-cards .project__leader-label {
margin-bottom:15px;
font-size:22px;
white-space:nowrap
}

.direction-cards .project__social-media {
justify-content:center
}

.photo-block {
display:flex;
padding:60px;
justify-content:space-around;
align-items:center;
flex-wrap:wrap
}

.photo-block__wrapper {
margin:0 0 75px 75px;
position:relative
}

.photo-block__wrapper:before {
position:absolute;
z-index:1;
top:35px;
right:35px;
width:100%;
height:100%;
background:#f1e95b;
content:"";
display:block
}

.photo-block__wrapper--top {
align-self:flex-start
}

.photo-block__wrapper--bottom {
align-self:flex-end
}

.photo-block__img {
position:relative;
z-index:2;
max-width:100%
}

.gide {
background:#fff;
font-size:20px;
line-height:25px;
font-family:"Montserrat";
display:flex
}

.gide hr {
margin:0
}

.gide__header {
position:fixed;
top:0;
left:0;
width:300px;
height:100vh;
background:#000;
display:flex;
flex-direction:column;
font-size:18px;
line-height:20px
}

.gide__link {
padding:25px;
color:#fff
}

.gide__link:hover {
color:#f1e95b
}

.gide__link.active {
background:#333;
color:#f1e95b
}

.gide__content {
margin-left:300px;
min-height:calc(100vh - 50px);
padding:25px;
width:100%
}

.gide__header-page {
font-size:50px;
line-height:55px;
text-align:center
}

.gide hr,.gide pre,.gide__example,.gide__paragraph,.gide__header-page {
margin-bottom:25px
}

.gide__paragraph {
text-indent:50px;
text-align:justify
}

.gide__paragraph--witout-ident {
text-indent:0
}

.gide__reverse {
background:#000;
color:#fff
}

.gide__danger {
background:#9d0d00;
color:#fff
}

.gide__title {
padding:25px 0;
background:#f1e95b;
color:#000;
text-align:center;
font-weight:600
}

.gide__paragraph-link {
font-weight:700;
color:#9d0d00;
text-decoration:underline
}

.gide__paragraph-link:hover {
color:#ff1300
}