/* A-Development case styles - standalone, paths relative to assets/img/img/ */
/* Override .body padding-right from general.css */
.page-vse-keysy--case-open.body {
  padding-right: 0;
}
/* New layout: sidebar 90px, dyslider and controls shifted right */
.page-vse-keysy--case-open #dyslider {
  margin-left: 90px;
}
.page-vse-keysy--case-open #dyslider section.section {
  width: 100%;
}
.page-vse-keysy--case-open button#next {
  left: 90px;
  width: calc(100% - 90px);
}
.page-vse-keysy--case-open .scrollbar {
  right: 0;
}

@media screen and (max-width: 1024px) {
  section.case.adev h2 {
    padding: 0 !important;
  }
  section.case.adev .withbefore-line {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  section.case.adev .withbefore-lineCenter {
    color: #000;
  }
}

@media screen and (min-width: 1025px) {
  section.case .content-new-txtTopCenter {
    width: calc(100% - 80px);
    height: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 80px 80px 0 !important;
    text-align: center;
    box-sizing: border-box;
  }

  section.case .content-new-txtRight {
    margin-left: 0;
  }

  section.case .withbefore-lineCenter {
    margin-bottom: 50px;
    color: #000 !important;
  }
}

@media screen and (max-width: 1024px) {
  section.case.adev h2 {
    padding: 0 20px !important;
  }


  section.case .withbefore-line {
    padding-left: 20px;
    margin-bottom: 20px;
  }

  section.case .withbefore-lineCenter {
    color: #000;
  }

  section.case .content-new-txtTopCenter .withbefore-lineCenter {
    padding: 0 20px;
    margin-bottom: 20px;
  }

  section.case.grunge-6 .content-new-txtLeft .withbefore-line {
    color: #ffffff;
  }

  section.case.grunge-9 .content-new-txtRight .withbefore-line--right {
    color: #ffffff;
  }

  section.mactak.accompany .wrapper-video {
    height: fit-content !important;
  }
}

/* Mobile: no sidebar, 52px header offset for sections and scroll */
@media (max-width: 768px) {
  .page-vse-keysy--case-open.body {
    margin-top: 52px;
    height: calc(100vh - 52px);
  }
  .page-vse-keysy--case-open #dyslider {
    margin-left: 0;
  }
  .page-vse-keysy--case-open #dyslider section.section {
    height: calc(100vh - 52px) !important;
    padding-bottom: 70px;
  }
  .page-vse-keysy--case-open button#next {
    left: 0;
    width: 100%;
  }
}

section.adev{background-color:#fff;overflow:hidden}section.adev .text-width{width:610px}section.adev h2{color:#4b4b4e;text-transform:uppercase}section.adev:first-child{background-image:url(../img/img/mainimg.jpg);background-position:center;background-repeat:no-repeat}section.adev:first-child .mymouse{top:auto;bottom:50px}section.adev:first-child span.case-name{font-size:4.7vw;letter-spacing:.24em;padding-left:.24em}section.adev:first-child .video-wrap{z-index:0}section.adev:first-child .video-wrap .video-player{left:0;top:0;transform:none}section.adev.about .wrapper-build{display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;bottom:0;right:0;max-width:calc(100% - 610px - 80px);max-height:calc(100% - 30px)}section.adev.about .build-img{max-width:100%;max-height:calc(95vh - 30px)}section.adev.about .cloudTop{position:absolute;top:-5%;right:100%;max-width:100%;max-height:30vh;animation:adevCloudAnimation 12s infinite}section.adev.about .cloudBtm{position:absolute;top:23%;right:100%;max-width:100%;max-height:18vh;animation:adevCloudAnimation 10s infinite}section.adev.investments .wrapper-build{position:absolute;bottom:0;right:0;height:100%;max-width:calc(100% - 610px);overflow:hidden}section.adev.investments .build-img{height:100%}section.adev.investments .cloudTop{position:absolute;top:2%;right:40vh;max-height:30%;animation:adevCloudAnimation 12s infinite}section.adev.investments .cloudBtm{position:absolute;bottom:2%;right:40vh;max-height:18%;animation:adevCloudAnimation 8s infinite}section.adev.investments .wrapper-mocup{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center}section.adev.investments .mocup{max-width:calc(100% - 610px - 80px);max-height:70%;transform:translateX(12%)}section.adev.ideology h2{color:#e3000f}section.adev.ideology .wrapper-floor{position:absolute;right:0;top:0;max-width:calc(100% - 610px - 90px);height:100%;flex-direction:column;align-items:flex-end;justify-content:space-between;overflow:hidden}section.adev.ideology .wrapper-floor .txt{margin-right:65px;font-family:Lato-Light;font-size:23px;text-transform:uppercase;text-align:right;cursor:pointer;width:152px;flex:0 0 auto}section.adev.ideology .wrapper-floor .one-floor{display:flex;align-items:center;justify-content:flex-start;transform:translateX(7%);transition:transform .4s}section.adev.ideology .wrapper-floor .one-floor .wrapper-img{height:100%;position:relative;cursor:pointer}section.adev.ideology .wrapper-floor .one-floor img{flex:0 0 auto;width:auto;height:100%}section.adev.ideology .wrapper-floor .one-floor.not-active .wrapper-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}section.adev.ideology .wrapper-floor .one-floor.active{transform:translateX(0)}section.adev.ideology .wrapper-floor .one-floor.active .txt{color:#e3000f}section.adev.ideology .wrapper-floor .one-floor:first-child{height:37%}section.adev.ideology .wrapper-floor .one-floor:nth-child(2){height:36%}section.adev.ideology .wrapper-floor .one-floor:last-child{height:27%}section.adev.moneyBlock .build-img{position:absolute;bottom:0;right:0;max-width:calc(100% - 610px - 80px);max-height:100%}section.adev.notStandart .wrapper-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}section.adev.notStandart .screen{max-width:calc(85% - 160px);max-height:calc(100% - 350px)}section.adev.honesty .buildWithMenu{position:absolute;bottom:0;right:0;max-width:calc(100% - 610px - 80px);max-height:100%}section.adev.visualization .text-width{width:620px}section.adev.visualization .wrapper-build{position:absolute;bottom:0;right:0;height:100%;max-width:calc(100% - 610px);overflow:hidden}section.adev.visualization .build{height:100%}section.adev.visualization .rhomb{position:absolute;right:2%;top:9.5%;max-height:85%;max-width:calc(100% - 620px - 80px);transform:translateX(100%);transition:transform 1s ease}section.adev.visualization .rhomb--active{transform:translateX(0)}section.adev.result{background:url(../img/img/background_result.jpg) center no-repeat;background-size:cover}section.adev.result p{margin-bottom:0}section.adev.last{background:url(../img/img/background_last.jpg) center no-repeat;background-size:cover}section.adev.last h2{margin-bottom:50px;color:#fff;letter-spacing:.05em}@media (min-width:769px){section.adev.result{background-position-x:calc(50%)}}@media screen and (max-width:1370px){section.adev.moneyBlock .build-img,section.adev.moneyBlock .text-width{max-width:50%}section.adev.honesty .buildWithMenu,section.adev.honesty .text-width{max-width:50%}}@media screen and (max-width:1290px){section.adev.investments .content-new-txtLeft{align-items:flex-start;padding-top:80px}section.adev.investments .wrapper-mocup{justify-content:center;align-items:flex-end}section.adev.investments .wrapper-mocup .mocup{transform:translateX(0);max-width:80%;max-height:calc(100% - 300px - 42px);margin-bottom:42px}}@media screen and (max-width:1260px){section.adev.ideology .wrapper-floor .txt{width:135px;margin-right:15px;font-size:20px}}@media screen and (max-width:1140px){section.adev.about .text-width,section.adev.about .wrapper-build{max-width:50%}section.adev.about p.withbefore-line br{display:none}}@media screen and (max-aspect-ratio:1035/1285),(max-width:1024px){section.adev.ideology .content-new-txtLeft{padding-top:80px;align-items:flex-start}section.adev.ideology .wrapper-floor{display:flex;max-width:100%;justify-content:flex-end}section.adev.ideology .wrapper-floor .one-floor{max-width:100%;max-height:calc(100% - 300px);transform:translateX(0)}section.adev.ideology .wrapper-floor .one-floor .txt,section.adev.ideology .wrapper-floor .one-floor:first-child,section.adev.ideology .wrapper-floor .one-floor:nth-child(2){display:none}}@media screen and (max-aspect-ratio:955/750),(max-width:1024px){section.adev.visualization .content-new-txtLeft{padding-top:80px;align-items:flex-start}section.adev.visualization .rhomb{max-height:calc(100% - 300px);max-width:85%;bottom:20px;top:auto;right:7.5%}}@media screen and (max-width:768px){section.adev:first-child .video-wrap{display:none}section.adev.about .text-width,section.adev.about .wrapper-build{max-width:100%}section.adev.about .content-new-txtLeft{padding-top:80px;align-items:flex-start}section.adev.about .wrapper-build{max-height:calc(100% - 300px)}section.adev.about .build-img{max-height:calc(100vh - 320px)}section.adev.investments .content{flex-direction:column;justify-content:center}section.adev.investments .content .text-width{max-width:100%}section.adev.investments .wrapper-mocup{position:relative;height:auto;margin-top:15px}section.adev.investments .wrapper-mocup .mocup{max-width:90%;max-height:100%;margin-bottom:20px}section.adev.moneyBlock .content-new-txtLeft{align-items:flex-start;padding-top:80px}section.adev.moneyBlock .text-width{max-width:100%}section.adev.moneyBlock .build-img{max-width:90%;max-height:calc(100% - 250px)}section.adev.notStandart .content{justify-content:center}section.adev.notStandart .content .wrapper-screen{height:auto;position:relative}section.adev.notStandart .screen{max-width:90%}section.adev.honesty .content-new-txtLeft{align-items:flex-start;padding-top:80px}section.adev.honesty .text-width{max-width:100%}section.adev.honesty .buildWithMenu{max-width:90%;max-height:calc(100% - 220px)}section.adev.ideology .wrapper-floor .one-floor:last-child{height:50%}}@keyframes adevCloudAnimation{0%{transform:translateX(0)}100%{transform:translateX(75vw)}}