/* Start:/proekty/bani-veypa/style.css?176315303625524*/
.ProjectItem {
    overflow: hidden;
}
.animated {
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.05s;
}

.is-transitioned {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.title.is-transitioned {
    transition-delay: 0.2s;
}

.subtitle.is-transitioned {
    transition-delay: 0.35s;
}

.block.is-transitioned {
    transition-delay: 0.5s;
}

.MainBanner {
    background: url(/proekty/bani-veypa/img/bannerMain.jpg) center no-repeat;
    position: relative;
    background-size: cover;
    height: 768px;
    color: #fff;
    display: flex;
    margin-bottom: 86px;
}

.MainBanner h1 {
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 72px;
    line-height: 110%;
    color: #fff;
    margin: 0;
    width: 100%;
}

.MainBanner .Navigation {
    position: absolute;
    top:70px;
}

.MainBannerYear {
    position: absolute;
    right: 15px;
    top: 100px;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
}

.MaxWidth {
    width: 100%;
    max-width: 1380px;
    margin: auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.MainBanner p {
    font-weight: bold;
    font-size: 26px;
    line-height: 120%;
    margin-top: 16px;
    color: #fff;
}

.MainBanner .MaxWidth {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    margin: 0 auto;
}

.MainBanner .NavigationItem_active_true,
.MainBanner .NavigationItem a {
    color: #fff;
}

.ProjectItemText {
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 50px;
    width: 57%;
}

.ProjectItemName {
    font-weight: 300;
    font-size: 48px;
    line-height: 110%;
    color: #030303;
    margin-bottom: 16px;
    max-width: 60%;
}

.CountSection {
    width: 90px;
    font-weight: 300;
    font-size: 48px;
    line-height: 110%;
    color: #F38A0C;
    transform: none!important;
    opacity: 1!important;
    visibility: visible!important;
    position: unset;
}

.CountSectionEmpty {
    width: 90px;
}

.InfoSection {
    width: calc(100% - 90px);
    padding-left: 30px;
}

.FlexBlock {
    display: flex;
    flex-flow: row wrap;
}

.CountSection:before {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: calc((100vw - 1380px)/2 + 110px);
    height: 2px;
    background: #F38A0C;
}

.CountSection:after {
    content: '';
    position: absolute;
    top: 77px;
    left: calc((100vw - 1380px)/2 + 104px);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #F38A0C;
}

.Client {
    position: relative;
    margin-bottom: 80px;
}

.ClientDesires {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px 115px -20px;
    width: 90%;
}

.ClientDesiresItem {
    width: calc(25% - 40px);
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #BDBDBD;
    padding: 22px 22px 32px 22px;
    height: 300px;
}

.ClientDesiresItemName {
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
}

.ClientDesiresItem img {
    align-self: flex-end;
}
.Photogallery {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -5px 90px -5px;
}

.PhotogalleryLeft2,
.PhotogalleryRight2 {
    width: 50.05vw;
}
.PhotogalleryCenter2 {
    width: 24.9vw;
}
.PhotogalleryLeft,
.PhotogalleryRight {
    width: 24.9%;
}

.PhotogalleryScroll ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.PhotogalleryScroll {
    overflow: auto;
}


.PhotogalleryScroll::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}

.PhotogalleryScroll::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}

.PhotogalleryCenter {
    width: 50.05%;
}

.PhotogalleryItem {
    padding: 5px;
    display: flex;
}

.PhotogalleryItem img {
    max-width: 100%;
    width: 100%;
}

.Analytics {
    position: relative;
}

.Video {
    position: relative;
    margin-bottom: 70px;
}

.Video:before {
    content: '';
    position: absolute;
    background: #030303;
    height: 239px;
    left: 100vw;
    width: calc(100vw - (100vw - 1380px)/2);
    top:50%;
    transform: translateY(-50%);
    transition: 1.5s;
}

.Video.is-transitioned:before {
    left: calc((100vw - 1380px)/2);
}

.VideoPlay {
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, 0.54);
    background-image: url(/proekty/bani-veypa/img/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.VideoItem {
    position: relative;
    width: 67.65vw;
    height: 35.15vw;
    background: url("/proekty/bani-veypa/img/video1.jpg") center no-repeat;
    background-size: cover;
    margin-left: -30px;
    max-width: 924px;
    max-height: 520px;
}

.VideoItem.active {
    background: none;
}

.VideoItem video {
    width: 100%;
    max-height: 100%;
}

.ClientDesiresYellow {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px 90px -20px;
    width: 59%;
}

.ClientDesiresYellowItem {
    margin: 0 20px;
    width: calc(33.33% - 40px);
    border: 1px solid #F38A0C;
    padding: 13px 32px 40px 22px;
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    position: relative;
}

.ClientDesiresYellowItem:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #F38A0C;
    right: 16px;
    bottom: 16px;
}

.ClientDesiresYellowItem p {
    font-weight: 300;
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 6px;
    margin-top: 0;
}

.NoteDeveloper {
    position: relative;
    border-top: 1px solid #E0E0E0;
    padding: 40px 0 20px 0;
}

.ProjectItemLittleName {
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
}

.NoteDeveloper img {
    position: absolute;
    right: 0;
    top:0;
    transform: translateY(-65%);
    max-width: 33.33%;
}

.Design {
    position: relative;
    color: #fff;
    padding: 118px 0;
    background-color: #030303;
}

.FullscreenBgVideo {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
}

.Design:before {
    content: '';
    background: rgba(0,0,0,0.3);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.DesignInfo {
    position: relative;
    z-index: 2;
}

.DesignTask .ProjectItemName {
    margin-bottom: 49px;
}
.Design .ProjectItemName {
    color: #fff;
    max-width: 100%;
}

.DesignTask {
    border: 1px solid #F38A0C;
    padding: 165px 100px 40px 115px;
    margin-top: -10vw;
    margin-left: -30px;
    margin-right: 85px;
}

.DesignTaskList {
    display: flex;
    flex-flow: row wrap;
}

.DesignTaskItem {
    width: 50%;
    padding-right: 12%;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    padding-bottom: 40px;
}

.DesignTaskItemName{
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    color: #F38A0C;
    margin-bottom: 11px;
}

.Lux {
    margin-top: 90px;
    margin-left: -30px;
}

.LuxInfoName {
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    padding-right: 33px;
}

.LuxInfoName:before {
    content: '';
    position: absolute;
    width: 33vw;
    right: -33vw;
    height: 1px;
    top:50%;
    transform: translateY(-50%);
    background: #F38A0C;
}

.LuxInfoText {
    width: 90%;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
}

.LuxInfo {
    width: 30%;
}

.LuxVideo {
    width: 70%;
    position: relative;
}

.LuxVideo video {
    width: 100%;
}

.Lux .FlexBlock {
    align-items: center;
}

.LuxVideo img {
    max-width: 100%;
}

.Adaptive {
    padding: 125px 0;
    background: #F2F2F2;
    margin-bottom: 109px;
}

.AdaptiveInfo {
    width: 36%;
}

.AdaptiveImages {
    width: 64%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: 0 17px;
}

.AdaptiveImages:before {
    content: '';
    position: absolute;
    height:130px;
    border: 1px solid #F38A0C;
    right: 0;
    bottom: -33px;
    width: 100%;
}

.AdaptiveImg {
    width: 16.666%;
    padding: 0 9px;
}

.AdaptiveImg img {
    filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.1));
    max-width: 100%;
}

.AdaptiveInfoText {
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    max-width: 75%;
}

.Results {
    position: relative;
}

.ResultsSite {
    display: flex;
    flex-flow: row wrap;
}

.ResultsSiteOld,
.ResultsSiteNew {
    width: 33.33%;
    text-align: center;
}

.ResultsSiteStatictic {
    width: 33.33%;
    padding-left: 66px;
}

.ResultsSiteOldName,
.ResultsSiteNewName {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 9px;
    width: auto;
    display: inline-block;
}

.ResultsSiteText {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 23px;
}

.ResultsSiteStaticticName {
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    position: relative;
    margin-bottom: 25px;
    margin-top: 100px;
}

.ResultsSiteStaticticText {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    max-width: 80%;
}

.ResultsSiteStaticticItem {
    font-weight: bold;
    font-size: 14px;
    line-height: 150%;
    margin-top: 62px;
    width: 50%;
}

.ResultsSiteStaticticItem img {
    margin-bottom: 7px;
}

.ResultsSiteStaticticList {
    margin-bottom: 84px;
}
.ResultsSiteNewImg {
    position: relative;
}
.ResultsSiteNewImg img {
    position: absolute;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    z-index: 2;
}

.ResultsSiteNewImg img,
.ResultsSiteOldImg img {
    filter: drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.1));
    max-width: 100%;
}

.ResultsSiteOldImg {
    padding-right: 20px;
}

.ResultsSiteStaticticName:before {
    content: '';
    position: absolute;
    left:calc(-10vw - 10px);
    top:50%;
    width: 10vw;
    height: 1px;
    background: #F38A0C;
}

.ResultsSiteOldName:before {
    content: '';
    position: absolute;
    right:calc(-19vw - 30px);
    top:50%;
    width: 19vw;
    height: 7px;
    background: url("/proekty/bani-veypa/img/arrow.svg") center no-repeat;
    transform: translateY(-50%);

    max-width: 253px;
}

.DarkResults {
    padding: 52px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 110px;
    position: relative;
    color: #fff;
}

.DarkResultsItem {
    width: 33.33%;
    padding-right: 20px;
}

.DarkResults:before {
    content: '';
    position: absolute;
    background: #030303;
    height: 100%;
    left: 100vw;
    width: calc(100vw - (100vw - 1380px)/2);
    top: 0;
    bottom: 0;
    transition: 1.5s;
}

.DarkResults.is-transitioned:before {
    left: calc((100vw - 1380px)/2);
}

.DarkResults > div {
    position: relative;
    z-index: 2;
}
.DarkResultsItem:last-child {
    padding-left: 66px;
}
.DevelopersItem {
    width: 33.33%;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 44px;
}
.DevelopersItemPost {
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
   margin-bottom: 8px;
    color: #828282;
}

.DevelopersList {
    width: 65%;
}

.ShowSite {
    width: 35%;
}

.DevelopersList > div {
    display: flex;
    flex-flow: row wrap;
}
.ShowSite {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}
.ShowSite a {
    background: #F38A0C;
    border-radius: 30px;
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
    width: 300px;
    height: 60px;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 40px;
    transition: transform 0.3s;
}

.ShowSite a svg {
    margin-left: 13px;
    transition: transform 0.3s;
}

.ShowSite a:hover  {
    background: #F5A23E;
    box-shadow: 0px 4px 10px rgba(243, 138, 12, 0.25);

}

.DevelopersLine {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #E0E0E0;
    width: 0;
    transition: 1.5s;
}

.DevelopersLine.is-transitioned {
    width: calc((100vw - 1380px)/2 + 1350px*0.65 + 300px);
}

.Developers {
    position: relative;
    margin-bottom: 42px;
}

.Priziv {
    background: #9BC3F6;
    width: 100%;
    height: 380px;
}

.PrizivLeft {
    width: 50%;
}

.PrizivRight {
    width: 50%;
}

.PrizivRight img {
    max-width: 100%;
}

.PrizivName {
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 48px;
    line-height: 130%;
}

.Priziv .FlexBlock {
    align-items: center;
}

.PrizivText {
    font-family: Circe, Arial;
    font-weight: 300;
    font-size: 24px;
    line-height: 130%;
    margin-top: 19px;
    margin-bottom: 40px;
}

.PrizivText b {
    text-decoration: underline;
    color: #2000E7;
}

.PrizivBtn {
    display: inline-block;
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    padding: 17px 43px;
    background: #FFFFFF;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

.Works {
    padding: 70px 0;
}

.WorksHeader {
    text-align: center;
    font-weight: bold;
    font-size: 48px;
    line-height: 130%;
    margin-bottom: 70px;
}
.ResultsSiteMobileTab {
    display: none;
}


.ResultsSite {
    margin: 93px 0;
}
.ResultsSiteImg {
    text-align: center;
}
.ResultsSiteImg img {
    filter: drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.1));
    max-width: 100%;
}

.ResultsSiteTop {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 54px;
}

.ResultsSiteTop a {
    font-family: Gilroy, Arial;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    text-decoration: underline;
    color: #F38A0C;
}

.ResultsSiteTop a svg {
    margin-left: 14px;
}

.card {
    position: relative;
    transform: rotateX(0) rotateY(0);
    transform-style: preserve-3d;
    transition-duration: 0.1s;
    transition-timing-function: ease !important;
    backface-visibility: hidden;
    will-change: tranform;
}

.card.is-out {
    transform: rotateX(0) rotateY(0) !important;
    transition-duration: 1s;
}


@media (min-width: 1921px) {
    .DesignTask {
        margin-top: -5vw;
    }

    .ResultsSiteOldName:before {
        right: calc(-13vw );
        width: 13vw;
        max-width: none;
    }

    .NoteDeveloper img {
        right: calc((100vw - 1340px) / 2 - 300px);
    }
}
@media (min-width: 1600px) and (max-width: 1920px){
    .DesignTask {
        margin-top: -7vw;
    }

    .ResultsSiteOldName:before {
        right: calc(-18vw );
        width: 18vw;
        max-width: none;
    }
}
@media (max-width: 1200px) and (min-width: 993px) {
    .AdaptiveImages:before {
        height: 80px;
        bottom: -3px;
    }

    .ResultsSiteStaticticItem {
        width: 60%;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .ClientDesiresItemName {
        font-size: 14px;
    }

    .ClientDesires {
        margin: 0 -10px 115px -10px;
    }

    .ClientDesiresYellowItem {
        margin: 0 10px;
        width: calc(33.33% - 20px);
        padding: 13px 12px 40px 12px;
        font-size: 16px;

    }

    .ResultsSiteOldName:before {
        display: none;
    }

    .ResultsSiteStatictic {
        width: 100%;
    }

    .ResultsSiteOld, .ResultsSiteNew {
        width: 50%;
    }

    .ResultsSiteNewImg img {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }

    .ResultsSiteStaticticName:before {
        display: none;
    }

    .DarkResultsItem:nth-child(2) {
        display: none;
    }
    .DarkResultsItem {
        width: 50%;

    }

    .DarkResultsItem:last-child {
        padding-left: 0;
    }

    .DesignTask {
        padding: 90px 30px 40px 35px;
    }

    .ClientDesiresYellow {
        width: 100%;
    }

    .NoteDeveloper img {
        transform: translateY(-40%);
    }

    .ProjectItemText {
        width: 90%;
    }

    .ProjectItemName {
        max-width: 100%;
    }

    .Video:before {
        height: 139px;
    }

    .ClientDesiresItem {
        width: calc(50% - 20px);
        padding: 22px 12px 32px 12px;
        height: 190px;
        margin: 10px;
    }

    .MainBanner {
        height: 568px;
    }

    .AdaptiveImages {
        width: 100%;
        margin-top: 40px;
    }

    .AdaptiveInfo {
        width: 100%;
    }

    .ResultsSiteStaticticItem {
        margin-top: 22px;
    }
}


@media (max-width: 767px) {

    .MainBanner h1 {
        font-size: 24px;
        line-height: 110%;
    }

    .MainBanner p {
        font-size: 18px;
        line-height: 120%;
    }

    .MainBanner .MaxWidth {
        justify-content: center;
        text-align: center;
    }

    .MainBanner {
        height: 480px;
    }

    .CountSection {
        width: 40px;
        font-size: 24px;
    }

    .CountSection:before {
        top: 40px;
        width: 40px;
        left: -15px;
    }

    .CountSection:after {
        top: 37px;
        left: 25px;
    }

    .InfoSection {
        width: calc(100% - 40px);
        padding-left: 20px;
    }

    .ProjectItemName {
        max-width: 100%;
        font-size: 24px;
        line-height: 110%;
    }

    .ProjectItemText {
        width: 100%;
        font-size: 14px;
        line-height: 120%;
    }

    .ClientDesiresItem {
        width: calc(50% - 9px);
        margin: 5px 4px 5px 5px;
        height: auto;
    }

    .ClientDesires {
        margin: 0 -20px 65px -70px;
        width: calc(100% + 79px);
    }

    .ClientDesiresItemName {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .PhotogalleryLeft {
        width: 33%;
    }

    .PhotogalleryCenter {
        width: 67%;
    }

    .PhotogalleryRight {
        width: 100%;
    }

    .PhotogalleryRight {
        display: flex;
    }

    .PhotogalleryRight .PhotogalleryItem {
        width: 50%;
    }

    .Photogallery {
        margin-bottom: 40px;
    }

    .PhotogalleryItem {
        padding: 2px;
        display: flex;
    }

    .Video:before {
        display: none;
    }

    .CountSectionEmpty {
         width: 40px;
     }
    .VideoPlay {
        width: 50px;
        height: 50px;
        background-size: 35%;
    }

    .CountSectionEmpty {
        width: 0;
    }

    .CountSectionEmpty  ~ .InfoSection {
        width: 100%;
        padding-left: 0;
    }

    .VideoItem {
        width: 100%;
        height: 43.15vw;
        margin-left: 0;
    }

    .ClientDesiresYellowItem {
        width: 100%;
        margin: 7px 0;
        font-size: 14px;
        padding: 13px 22px 22px 22px;
    }

    .ProjectItemText {
        margin-bottom: 30px;
    }

    .AdaptiveImg {
        width: 33.33%;
        padding: 9px;
    }

    .ClientDesiresYellow {
        margin: 0 0 40px 0;
        width: 100%;
    }

    .NoteDeveloper {
        display: flex;
        flex-flow: row wrap;
    }

    .NoteDeveloper img {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        max-width: 100%;
        order: 2;
        width: calc(100% - 30px);
        left: 15px;
    }

    .Design {
        padding: 50px 0;
    }
    .Design .VideoItem {
        margin-left: -60px;
        width: calc(100% + 60px);
        height: 48vw;
    }
    .DesignTask {
        margin-top: 40px;
        margin-left: -60px;
        margin-right: 0;
        padding: 45px 20px 20px 20px;
    }

    .DesignTaskItem {
        width: 100%;
        padding-right: 0;
    }
    .LuxInfo {
        width: 100%;
        order: 2;
    }

    .LuxVideo {
        width: 100%
    }

    .LuxInfoName:before {
        display: none;
    }
    .Lux {
        margin-top: 50px;
        margin-left: -60px;
    }

    .LuxVideo img {
        max-width: none;
        width: calc(100% + 20px);
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .Adaptive {
        padding: 40px 0;
    }
    .AdaptiveInfoText {
        max-width: none;
        font-size: 14px;
        line-height: 120%;
    }
    .AdaptiveInfo,
    .AdaptiveImages {
        width: 100%;
    }

    .AdaptiveImages {
        margin-top: 25px;
    }

    .AdaptiveImages:before {
        bottom: -15px;
        height: 80%;
    }

    .ResultsSiteStatictic {
        width: 100%;
        padding-left: 0;
    }

    .ResultsSiteNewImg img {
        position: relative;
    }

    .ResultsSite {
        margin-left: -60px;
    }
    .ResultsSite2 {
        margin-left: 0;
    }
    .ResultsSiteOld, .ResultsSiteNew {
        width: 100%;
        display: none;
    }
    .ResultsSiteStaticticName:before {

        display: none;

    }
    .PrizivRight {
        width: 100%;
    }
    .PrizivLeft {
        width: 100%;
        order: 2;
        padding: 15px 15px 0;
    }
    .PrizivName {
        font-size: 24px;
        line-height: 130%;
    }
    .Priziv {
        height: auto;
        padding: 19px 0 39px;
    }
    .PrizivText {
        font-size: 18px;
        margin-top: 12px;
        margin-bottom: 25px;
    }
    .PrizivBtn {
        width: 100%;
        text-align: center;
    }
    .ResultsSiteTop a {
        font-size: 14px;
    }
    .ResultsSiteOld.active, .ResultsSiteNew.active {
        display: block;
        text-align: center;
    }

    .ResultsSiteMobileTab {
        display: flex;
        margin-bottom: 28px;
    }

    .ResultsSiteOldName,
    .ResultsSiteNewName,
    .ResultsSiteText {
        display: none;
    }

    .ResultsSiteTab {
        width: 50%;
        border: 1px solid #000000;
        text-align: center;
        padding: 20px 10px;
        font-size: 12px;
        line-height: 120%;

    }
    .ResultsSiteTab b {
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
    }
    .ResultsSiteTab.active {
        color: #F38A0C;
        background: #030303;
    }

    .ResultsSiteStaticticName {
        margin-top: 40px;
        font-size: 18px;
        line-height: 120%;
    }

    .ResultsSiteStaticticText {
        max-width: 100%;
    }
    .ResultsSiteStaticticItem {
        margin-top: 32px;
    }

    .ResultsSiteStaticticList {
        margin-bottom: 40px;
        display: flex;
        flex-flow: row wrap;
    }

    .DarkResults:before {
        left: 15px;
    }

    .DarkResultsItem {
        width: 100%;
        padding-right: 0;
        padding-left: 20px;
        font-size: 14px;
        line-height: 150%;
    }

    .DarkResultsItem:last-child {
        padding-left: 20px;
        padding-top: 15px;
    }

    .DevelopersList {
        width: 100%;
    }

    .DevelopersItem {
        width: 50%;
        font-size: 14px;
        padding-bottom: 30px;
    }

    .DevelopersItemPost {
        font-size: 12px;
    }

    .DarkResults {
        margin-bottom: 50px;
    }

    .ShowSite {
        width: 100%;
    }

    .ShowSite a {
        width: 100%;
    }

    .Works .MaxWidth {
        padding: 0;
    }

    .WorksHeader {
        font-size: 24px;
        line-height: 130%;
        padding: 0 15px;
        text-align: left;
        margin-bottom: 20px;
    }
    .Works {
        padding: 40px 0;
    }

    .Client {
        margin-bottom: 40px;
    }
    .PhotogalleryScroll ul img {
        width: 50vw;
    }

    .MainBanner {
        margin-bottom: 45px;
    }

    .CountSection.animated {
        transform: translateX(20px)!important;
        opacity: 0!important;
        visibility: hidden!important;
    }

    .CountSection.animated.is-transitioned {
        transform: translateX(0)!important;
        opacity: 1!important;
        visibility: visible!important;
    }

    .title.is-transitioned {
        transition-delay: 0.1s;
    }

    .subtitle.is-transitioned {
        transition-delay: 0.15s;
    }

    .ClientDesiresYellow {
        transform: none!important;
        opacity: 1!important;
        visibility: visible!important;
    }
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/news/portfolio/bitrix/news.list/.default/style.css?167708124011151*/
.Portfolio {
	width: calc( 100% + 30px);
	clear: both;
	margin: 120px -15px 70px -15px;
	float: left;
}

.Portfolio h1 {
	padding: 0 15px;
	font-family: Gilroy, Arial;
	font-size: 48px;
	line-height: 130%;
	font-weight: bold;
	color: #212121;
	margin: 0 0 25px 0;
}


.PortfolioList {
	display: flex;
	flex-flow: row wrap;
	clear: both;
}

.Portfolio__item {
	display: block;
	width: 100%;
}

.PortfolioItem__img {
	width: 55%;
	float: left;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	min-height: 300px;

}

.PortfolioItem__img img {
	min-height: auto;
	width: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
	max-height: 100%;
}

.PortfolioItem__img video {
	height: 100%;
	width: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
}

.PortfolioItem__imgLeft {
	z-index: 2;
}

.PortfolioItem__imgRightZindex .PortfolioItem__imgRight {
	z-index: 3;
}

.PortfolioItem__twooImg .PortfolioItem__imgLeft {
	left: 40%;
	bottom: 45%;
	transform: translate(-50%, 50%);
}

.PortfolioItem__twooImg .PortfolioItem__imgRight {
	left: 60%;
	bottom: 40%;
	transform: translate(-50%, 50%);
}

.PortfolioItem__img .PortfolioItem__imgLogo {
	position: absolute;
	top: -100%;
	transform: translate(-50%, -50%);
}

.PortfolioItem:hover .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
	left: 3%!important;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
	left: 95%!important;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgLogo {
	top: 50%;
	transition: all 0.3s;
}


.PortfolioItem:hover .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
	bottom: -50%;
	transition: all 0.3s;
}

.PortfolioItem:hover .PortfolioItem__imgAnimationTOP .PortfolioItem__imgRight {
	bottom: -50%;
	transition: all 0.3s;
}

.PortfolioItem__info {
	width: 45%;
	float: left;
	padding: 0 15px 0 30px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
}

.PortfolioItem {
	color: #151515;
	display: flex;
	flex-flow: wrap;
	text-decoration: none;
	margin-bottom: 70px;
	padding: 0 15px;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}

.PortfolioItem__type {
	font-family: Circe, Arial;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.PortfolioItem__name,
.PortfolioItem__name h2 {
	font-family: Gilroy, Arial;
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.PortfolioItem__tags {
	color: #6600cc;
	font-family: Circe, Arial;
	font-size: 14px;
	line-height: 140%;
}

.PortfolioItem__tags ul {
	list-style: none;
	padding: 15px 0;
	margin: 0;
}

.PortfolioItem__tags ul li {
	display: inline-block;
	padding-right: 15px;
}

.PortfolioItem__more {
	align-self: flex-end;
	font-family: Gilroy, Arial;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: 600;
	padding-right: 35px;
	position: relative;
	margin-top: 15px;
}

.PortfolioItem__more .arrow {
	width: 29px;
	height: 10px;
	fill: #151515;
	stroke: #151515;
}

.PortfolioItem:hover .PortfolioItem__more {
	color: #6600cc;
	transition: .3s cubic-bezier(.29,.18,.26,.83);
}

.PortfolioItem:hover .PortfolioItem__more .arrow {
	transition: .3s cubic-bezier(.29,.18,.26,.83);
	fill: #6600cc;
	stroke: #6600cc;
	width: 44px;
	height: 10px;
}

.PortfolioItem__description {
	font-family: Circe, Arial;
	font-size: 18px;
	line-height: 150%;
}


.PortfolioItem .PortfolioItem__name,
.PortfolioItem .PortfolioItem__type{
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
	background-image: -webkit-gradient(linear,right top,left top,from(#000),color-stop(49.99%,#000),color-stop(50%,#6600CC),to(#6600CC));
	background-image: -webkit-linear-gradient(right,#000 0%,#000 49.99%,#6600CC 50%,#6600CC 100%);
	/*background-image: linear-gradient(-90deg,#000 0%,#000 49.99%,#6600CC 50%,#6600CC 100%);*/
	background-size: 200%;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: 100%;
}

.PortfolioItem:hover .PortfolioItem__name,
.PortfolioItem:hover .PortfolioItem__type{
	background-position: 0;
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
}

.PortfolioItem__img2,
.PortfolioItem__img1,
.PortfolioItem__img3 {
	position: absolute;
	max-width: 30%;
}

.PortfolioItem__img1 {
	left: 15%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
}

.PortfolioItem__img3 {
	left: 85%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
}

.PortfolioItem__img2 {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 333ms cubic-bezier(.47,0,.745,.715);
	transition: all 333ms cubic-bezier(.47,0,.745,.715);
}

.PortfolioItem__img[data-event="video"] {
	max-height: 300px;
}

.Portfolio__sections {
	border-bottom: 2px solid #E0E0E0;
	clear: both;
	display: block;
	width: calc( 100% - 30px );
	float: left;
	box-sizing: border-box;
	margin: 15px 15px 70px 15px;
}

.Portfolio__section {
	font-family: Circe, Arial;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: #151515;
	padding: 10px 0 10px 0;
	display: block;
	float: left;
	cursor: pointer;
	position: relative;
	margin-right: 60px;
}

.PortfolioItem_visible_hidden {
	height: 0;
	opacity: 0;
	margin: 0!important;
	-webkit-transition: height .3s cubic-bezier(.47,0,.745,.715);
	transition: height .3s cubic-bezier(.47,0,.745,.715);
	overflow: hidden;
}

 .Portfolio__section:after {
	content: "";
	position: absolute;
	width: 0;
	 bottom: -2px;
	left: 0;
	height: 2px;
	background: #6600CC;
	 right: 0;
	 -webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
	 transition: width .3s cubic-bezier(.47,0,.745,.715);
}

.Portfolio__section:hover:after {
	width: 100%;
	-webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
	transition: width .3s cubic-bezier(.29,.18,.26,.83);
	left: 0;
}

.Portfolio__section.Portfolio__section_active_true:after {
	width: 100%;
	-webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
	transition: width .3s cubic-bezier(.29,.18,.26,.83);
}

.Portfolio__section_active_true {
	font-weight: bold;
	color: #6600CC;
}

.inline-svg-icon.arrow-bottom {
	width: 22px;
	height: 10px;
	transform: rotate(90deg);
	fill: #151515;
	stroke: #151515;
	margin-right: 25px;
}

.PortfolioShowMore a {
	background: #F9F9F9;
	display: block;
	cursor: pointer;
	font-size: 20px;
	line-height: 150%;
	font-weight: 500;
	text-align: center;
	padding: 28px 0;
	margin: 0 15px;
}

main.white .PortfolioShowMore a {
	color: #151515!important;
}

.Pagination {
	display: none;
}

@media (max-width: 992px) {

	.PortfolioItem_code_stk .PortfolioItem__img svg:not(.background) {
		max-width: 20%;
	}

	.Portfolio__section {
		margin-right: 30px;
		font-size: 16px;
	}

	.PortfolioItem {
		float: left;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	.Portfolio h1 {
		font-size: 32px;
	}

	.PortfolioItem__description {
		font-size: 14px;
	}

	.PortfolioItem__name,
	.PortfolioItem__name h2{
		font-size: 24px;
	}

	.PortfolioItem__more {
		font-size: 14px;
		padding-right: 30px;
	}

	.PortfolioItem__more:before {
		width: 22px;
		background-size: 100%;
	}

	.PortfolioItem_code_sout .PortfolioItem__img:before {
		display: none;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width: 100%;

	}

	.PortfolioItem_code_marker .PortfolioItem__img, .PortfolioItem_code_sout .PortfolioItem__img, .PortfolioItem_code_szr .PortfolioItem__img {
		display: block;
	}

}

@media (max-width: 767px) {


	.Portfolio h1 {
		font-size: 22px;
	}

	.PortfolioItem__tags ul {
		padding: 8px 0;
	}

	.PortfolioItem__img,
	.PortfolioItem__info {
		width: 100%;
	}

	.PortfolioItem__img img {
		min-height: auto;
		width: auto;
	}

	.PortfolioItem__info {
		padding: 15px 0;
	}

	.PortfolioItem {
		margin: 30px 0;
	}

	.PortfolioItem__tags {
		font-size: 13px;
	}

	.PortfolioItem__tags ul li {
		padding-right: 10px;
	}

	.PortfolioItem__name,
	.PortfolioItem__name h2 {
		font-size: 20px;
	}

	.PortfolioItem__description {
		font-size: 14px;
	}

	.PortfolioItem__more {
		font-size: 13px;
	}

	.Portfolio {
		margin: 50px -15px 50px -15px;
	}


	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 3%!important;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 95%!important;
		transition: all 0.3s;
		max-width: 100%;
	}

	.PortfolioItem .PortfolioItem__imgLogo {
		top: 50%;
		z-index: 4;
		transition: all 0.3s;
		max-width: 50%;
	}


	.PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
		bottom: -50%;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationTOP .PortfolioItem__imgRight {
		bottom: -50%;
		transition: all 0.3s;
	}


	.PortfolioItem__twooImg .PortfolioItem__imgLeft {
		z-index: 2;
	}

	.PortfolioItem__imgRightZindex .PortfolioItem__imgRight {
		z-index: 4;
	}

	.PortfolioItem.PortfolioItem_code_marker .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 28%!important;
	}

	.PortfolioItem.PortfolioItem_code_szr .PortfolioItem__imgAnimationTOP .PortfolioItem__imgLeft {
		bottom: -40%;
		max-width: 100%;
	}

	.PortfolioItem.PortfolioItem_code_sout .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 6%!important;
		max-width: 77%;
		bottom: 20%;
	}

	.PortfolioItem.PortfolioItem_code_sout .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 93%!important;
		max-width: 50%;
		bottom: 24%;
	}


	.PortfolioItem.PortfolioItem_code_bnv .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 100%!important;
		max-width: 75%;
		bottom: 25%;
	}

	.PortfolioItem.PortfolioItem_code_bnv .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 7%!important;
		bottom: 35%;
	}


	.PortfolioItem.PortfolioItem_code_prim .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 90%!important;
		max-width: 45%;
		bottom: 18%;
	}

	.PortfolioItem.PortfolioItem_code_prim .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 15%!important;
		bottom: 20%;
		max-width: 70%;
	}

	.PortfolioItem.PortfolioItem_code_stk .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: 6%!important;
		max-width: 80%;
		bottom: 20%;
	}

	.PortfolioItem.PortfolioItem_code_stk .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 85%!important;
		max-width: 65%;
		bottom: 20%;
	}

}

@media (max-width: 586px) {
	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgLeft {
		left: -15%!important;
		transition: all 0.3s;
	}

	.PortfolioItem .PortfolioItem__imgAnimationLEFT .PortfolioItem__imgRight {
		left: 105%!important;
		transition: all 0.3s;
	}
}
/* End */


/* Start:/bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?16770812411478*/
.NavigationList {
	margin: 20px 0 0 0;
	display: inline-block;
}

.NavigationItem {
	white-space: nowrap;
	line-height: 140%;
	vertical-align: middle;
	margin: 7px 8px 0 0;
	display: inline-block;
}
.NavigationItem span {
	font-family: Circe, Arial;
	font-size: 14px;
	line-height: 120%;
	white-space: normal;
}
.NavigationItem a {
	border-bottom: none;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	position: relative;
	display: inline-block;
}
.NavigationItem a:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	right: -5px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #E0E0E0;
}

.NavigationItem a:before {
	background: #151515;
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	right: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width .3s cubic-bezier(.47,0,.745,.715);
	transition: width .3s cubic-bezier(.47,0,.745,.715);
}

.NavigationItem a:hover {}

.NavigationItem a:hover:before {
	width: calc(100% - 10px);
	-webkit-transition: width .3s cubic-bezier(.29,.18,.26,.83);
	transition: width .3s cubic-bezier(.29,.18,.26,.83);
	left: 0;
}

.NavigationItem_active_true {
	color: #6600CC;
}


@media (max-width: 767px) {
	.NavigationItem span {
		font-size: 12px;
		line-height: 140%;
	}

	.NavigationList {
		margin: 5px 0 0 0;
		float: left;
	}

	.NavigationItem svg {
		width: 16px;
		height: 7px;
		margin-top: 7px;
		margin-right: 5px;
	}

	.Navigation {
		display: flex;
	}
}
/* End */
/* /proekty/bani-veypa/style.css?176315303625524 */
/* /bitrix/templates/mkws/components/bitrix/news/portfolio/bitrix/news.list/.default/style.css?167708124011151 */
/* /bitrix/templates/mkws/components/bitrix/breadcrumb/mkws/style.css?16770812411478 */