@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 100;
    src: local('MuseoSansCyrl'), local('MuseoSansCyrl'),
    url('/fonts/MuseoSansCyrl.otf') format('opentype');
}
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 300;
    src: local('MuseoSansCyrl'), local('MuseoSansCyrl'),
    url('/fonts/MuseoSansCyrl0.otf') format('opentype');
}
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 400;
    src: local('MuseoSansCyrl'), local('MuseoSansCyrl'),
    url('/fonts/MuseoSansCyrl1.otf') format('opentype');
}
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 500;
    src: local('MuseoSansCyrl'), local('MuseoSansCyrl'),
    url('/fonts/MuseoSansCyrl2.otf') format('opentype');
}
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 700;
    src: local('MuseoSansCyrl'), local('MuseoSansCyrl'),
    url('/fonts/MuseoSansCyrl3.otf') format('opentype');
}

*{
    font-family: MuseoSansCyrl;
    font-weight: 300;
}

#partners .partners .swiper-slide img {
    height: 100px;
    object-fit: contain;
    max-width: 70%;
}

#partners .partners .swiper-slide {
    height: auto;
}
.headline h2 {
    font-weight: 600;
}
nav.is-fixed {
    background: #000;
    padding: 5px 30px;
}
#home h1 strong {
    text-transform: uppercase;
	font-family: BebasNeueBold;
}
@media(max-width: 678px){
	
}


.footer {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    background-color: #121212;
    padding: 30px 0;
}

.footer .contacts {
    display: flex;
}

.contacts__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 5px;
}

.contacts__icon {
    display: block;
    width: 18px;
    height: 18px;
}

.contacts__info {
    margin-left: 15px;
}

.social-media {
    display: flex;
}

.social-media__item {
    margin: 0 10px;
}

.social-media__item a {
    width: 24px;
    height: 24px;
}

.slider {
    max-width: 800px;
    margin: 0 auto;
}

.slider__item {
    overflow: hidden;
}

@media (max-width:590px) {
    .contacts {
        flex-direction: column;
    }
}


@media(max-width:1024px){
    #contact {
        position: relative;
        margin: 0;
    }

    section#contact {
        height: auto;
        max-height: min-content;
    }
}

#services ul .icon svg {
    fill: #f82e1d;
}

.project {
    padding: 80px 0 60px;
    position: relative;
}

.project::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0;
    border-color: #fff transparent transparent;
    -ms-transform: translate(-50%,20px);
    transform: translate(-50%,20px);
    position: absolute;
    left: 50%;
    bottom: 0;
}

.project__list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.project__item {
    min-width: 290px;
    min-height: 473px;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 15px;
    transition: all ease 0.3s;        
}

.project__item:hover {
    box-shadow: 
                0px 38px 80px rgba(4, 41, 83, 0.07), 
                0px 15.8755px 33.4221px rgba(4, 41, 83, 0.0411475), 
                0px 8.4878px 17.869px rgba(4, 41, 83, 0.0333803), 
                0px 4.75819px 10.0172px rgba(4, 41, 83, 0.028228), 
                0px 2.52704px 5.32008px rgba(4, 41, 83, 0.0234764), 
                0px 1.05156px 2.21381px rgba(4, 41, 83, 0.0171697),
                0px -3px 9px 4px rgba(0,0,0,.05);
}

.project__img {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 15px;
}

.project__img img {
    width: 100%;
}

.project__title {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.project__subtitle {
    font-weight: 400;
}

.team {
    padding: 80px 0 60px;
    position: relative;
    background-color: #f9f9f9;
}

.team::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0;
    border-color: #f9f9f9 transparent transparent;
    -ms-transform: translate(-50%,20px);
    transform: translate(-50%,20px);
    position: absolute;
    left: 50%;
    bottom: 0;
}

.team__list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.team__item {
    min-width: 300px;
    margin-bottom: 25px;
    padding: 15px 15px 15px 15px;
    display: flex;
    border-radius: 15px;
    transition: all ease 0.3s;        
}

.team__item:hover {
    box-shadow: 
                0px 38px 80px rgba(4, 41, 83, 0.07), 
                0px 15.8755px 33.4221px rgba(4, 41, 83, 0.0411475), 
                0px 8.4878px 17.869px rgba(4, 41, 83, 0.0333803), 
                0px 4.75819px 10.0172px rgba(4, 41, 83, 0.028228), 
                0px 2.52704px 5.32008px rgba(4, 41, 83, 0.0234764), 
                0px 1.05156px 2.21381px rgba(4, 41, 83, 0.0171697),
                0px -3px 9px 4px rgba(0,0,0,.05);
}

.team__img {
    min-width: 150px;
}

.team__img img {
    border-radius: 50%;
}

.team__text {
    min-width: 150px;
    margin-left: 35px;
}

.team__title {
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .team__item {
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .team__text {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 648px) {
    .team__item {
        min-width: 100%;
        font-size: 13px;
    }
    .team__title {
        font-size: 14px;
    }
}




#video {
	 width: 100%;
     height: 100%;
	 position: relative;
}

#myVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.video-control-over {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 1;
	 cursor: pointer;
     background: url(imgs/tetin.jpg) no-repeat center/contain;
}

.video-control-play {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 margin: auto;
	 width: 56px;
	 height: 56px;
	 border-radius: 50%;
	 box-shadow: 0 0 0 4px #fff;
	 z-index: 3;
	 cursor: pointer;
	 transition: .2s ease;
	 transition-property: opacity, visibility;
}

.video-control-play::before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 left: 21px;
	 width: 0;
	 height: 0;
	 border: 20px solid transparent;
	 border-top-width: 12px;
	 border-bottom-width: 12px;
	 border-left-color: #fff;
	 border-right-width: 0;
	 transition: transform .2s ease;
}

.video-control-play:hover::before {
	 transform: scale(1.2);
}

.video-is-playing {
	 opacity: 0;
}

#contact .left-side {
    min-height: 500px;
    padding: 8.33333vw 15px;
}