/* Alatau 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;
}
.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.alatau h2 {
    padding: 0 20px !important;
  }
  section.case.alatau .withbefore-line {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  section.case.alatau .withbefore-lineCenter {
    color: #000;
  }
}

@media screen and (min-width: 1025px) {
  section.case.alatau .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.alatau .content-new-txtRight {
    margin-left: 0;
  }
  section.case.alatau .withbefore-lineCenter {
    margin-bottom: 50px;
    color: #000 !important;
  }
}

@media screen and (max-width: 1024px) {
  section.case.alatau .withbefore-line {
    padding-left: 20px;
    margin-bottom: 20px;
    padding-right: 20px;
  }
  section.case.alatau .withbefore-lineCenter {
    color: #000;
  }
  section.case.alatau .content-new-txtTopCenter .withbefore-lineCenter {
    padding: 0 20px;
    margin-bottom: 20px;
  }
}

@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%;
  }
}

/* Alatau-specific styles from original alatau.css */
section.alatau{background-color:#fff;overflow:hidden;color:#4b4b4e}
section.alatau h2{text-transform:uppercase}
section.alatau:first-child{background-image:url(../img/img/mainimg.jpg)}
section.alatau:first-child .mymouse{top:auto;bottom:50px}
section.alatau:first-child span.case-name{letter-spacing:.34em;padding-left:.34em}
section.alatau.full-slider{color:#fff}
section.alatau.full-slider h2{font-family:Lato-Black}
section.alatau.full-slider .wrapper-yacht-and-wave{position:absolute;left:calc(60px + 80px);bottom:55px}
section.alatau.full-slider .wrapper-yacht-and-wave .wrapper-wave{width:525px;height:5px;overflow:hidden}
section.alatau.full-slider .wrapper-yacht-and-wave .wrapper-wave svg{position:absolute;bottom:0;left:0}
section.alatau.full-slider .wrapper-yacht-and-wave .wrapper-wave path{fill:none;stroke:#fff;stroke-dasharray:525 0}
section.alatau.full-slider .wrapper-yacht-and-wave .wrapper-wave svg:first-child{z-index:1}
section.alatau.full-slider .wrapper-yacht-and-wave .wrapper-wave svg:first-child path{stroke:red;stroke-dasharray:0 600;animation:dasharray-wave 16s infinite linear}
section.alatau.full-slider .wrapper-yacht-and-wave img.yacht{position:absolute;left:0;bottom:0;transform:translateX(0);animation:yacht-wave 16s infinite linear}
section.alatau.full-slider span.not-simple{position:absolute;left:calc(60px + 80px);top:115px;font-size:36px;color:#fff;z-index:1}
section.alatau.full-slider span.not-simple--black{color:#4b4b4e}
section.alatau.full-slider .task-slider{width:100%;height:100%}
section.alatau.full-slider .task-slider .slick-list,section.alatau.full-slider .task-slider .slick-track{height:100%;display:flex}
section.alatau.full-slider .task-slider .slide{position:relative;height:100%;padding-left:80px;background-size:cover;background-position:center;background-repeat:no-repeat}
section.alatau.full-slider .task-slider .slide h2{position:absolute;font-size:48px}
section.alatau.full-slider .task-slider .slide.maneuverability{background-image:url(../img/img/new-slider-maneuverability.jpg)}
section.alatau.full-slider .task-slider .slide.maneuverability h2{right:275px;top:calc(50% + 60px)}
section.alatau.full-slider .task-slider .slide.maneuverability h2:after{content:"";position:absolute;top:calc(100% + 10px);left:5px;background:url(../img/img/new-shadow-maneuverability.png) center no-repeat;background-size:contain;width:439px;height:58px}
section.alatau.full-slider .task-slider .slide.speed{background-image:url(../img/img/new-slider-speed.jpg)}
section.alatau.full-slider .task-slider .slide.speed h2{left:210px;top:calc(50% + 60px)}
section.alatau.full-slider .task-slider .slide.speed h2:after{content:"";position:absolute;top:calc(100% + 35px);left:5px;background:url(../img/img/new-shadow-speed.png) center no-repeat;background-size:contain;width:264px;height:58px}
section.alatau.full-slider .task-slider .slide.passability{background-image:url(../img/img/new-slider-passability.jpg)}
section.alatau.full-slider .task-slider .slide.passability h2{left:50%;transform:translateX(-60%);top:calc(50% + 70px)}
section.alatau.full-slider .task-slider .slide.passability h2:after{content:"";position:absolute;top:calc(100% + 60px);left:5px;background:url(../img/img/new-shadow-passability.png) center no-repeat;background-size:contain;width:428px;height:58px}
section.alatau.full-slider .task-slider .slide.pleasure{background-image:url(../img/img/new-slider-pleasure.jpg)}
section.alatau.full-slider .task-slider .slide.pleasure h2{right:115px;bottom:318px}
section.alatau.video{background-image:url(../img/img/new-video-bg.jpg);background-size:cover;background-position:center}
section.alatau.video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}
section.alatau.video .text-width{max-width:670px}
section.alatau.video .action{color:#000}
section.alatau.video .action--close:after,section.alatau.video .action--close:before{background-color:#000}
section.alatau.video .wrapper--play_btn{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
section.alatau.video .play_btn{position:relative;width:450px;height:450px;overflow:hidden;border-radius:50%;border:1px dashed #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000}
section.alatau.video .play_btn .white-round{width:113px;height:113px;background:#fff;border-radius:50%;position:relative;z-index:1}
section.alatau.video .play_btn .white-round:before{content:"";position:absolute;top:0;left:0;width:132px;height:132px;border:1px solid #fff;border-radius:50%;top:-10px;left:-10px}
section.alatau.video .play_btn svg.icon-play{z-index:1;fill:#de1616;width:35%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);transition:.2s}
section.alatau.video .play_btn .back-im{position:absolute;width:100vw;height:100vh;background-image:url(../img/img/new-video-bg.jpg);background-size:cover;background-position:center;top:calc(225px - 50vh);left:calc(225px - 50vw)}
section.alatau.video .play_btn--hide{opacity:0}
section.alatau.video .play_btn:hover svg.icon-play{fill:#941515}
section.alatau.video .video-inner{transform:translateX(0)}
section.alatau.emotion .text-width{max-width:410px}
section.alatau.emotion .wrapper-boat-img{position:absolute;right:100px;top:0;width:calc(100% - 80px - 410px - 100px);max-width:1000px;height:100%;background:url(../img/img/new-boat.png) center no-repeat;background-size:contain}
section.alatau.product .wrapper-bg,section.alatau.product .wrapper-mac{position:absolute;left:0;top:0;height:100%}
section.alatau.product .wrapper-bg{max-width:calc(100% - 160px - 420px - 20px);overflow:hidden}
section.alatau.product .wrapper-bg img{height:100%}
section.alatau.product .wrapper-mac{width:100%;display:flex;justify-content:flex-start;align-items:center}
section.alatau.product .wrapper-mac img{max-width:calc(115% - 160px - 420px - 20px);max-height:70%;transform:translateX(-15%)}
section.alatau.product .text-width{max-width:420px;text-align:left}
section.alatau.develop{background:#fff url(../img/img/new-develop-bg.jpg) top center no-repeat}
section.alatau.develop .text-width{max-width:590px}
section.alatau.develop .wrapper-images{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 280px);padding:0 80px 0;box-sizing:border-box}
section.alatau.develop .wrapper-images img{max-height:100%}
section.alatau.develop .wrapper-images .ipad,section.alatau.develop .wrapper-images .mackbook{bottom:4%}
section.alatau.develop .wrapper-images .ipad{position:absolute;max-width:27%;left:6%;bottom:50%;transform:translateY(73%)}
section.alatau.develop .wrapper-images .mac{position:relative;max-width:44%;z-index:1}
section.alatau.develop .wrapper-images .mackbook{position:absolute;max-width:38%;right:2%;bottom:50%;transform:translateY(64%)}
section.alatau.advantages h2{margin-bottom:0}
section.alatau.advantages p{max-width:795px;margin-bottom:0}
section.alatau.advantages .wrapper-years-block{margin-top:60px}
section.alatau.advantages .wrapper-years-block img{margin:0 40px}
section.alatau.advantages .parallax{position:relative;width:100%;flex-grow:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
section.alatau.advantages .parallax .layer{top:0;display:flex;align-items:center;justify-content:center;height:100%}
section.alatau.advantages .parallax .layer img{max-width:100%}
section.alatau.result{background-image:url(../img/img/new-result.jpg);background-position:center;background-repeat:no-repeat}
section.alatau.result h2{margin:25px 0 0}
section.alatau.result p{max-width:550px;margin-bottom:0}
section.alatau.result .link_to_site--new{margin-top:45px}
section.alatau.last{background-image:url(../img/img/new-last-bg.jpg);background-position:center;background-repeat:no-repeat;color:#fff}
section.alatau.last h2{margin-bottom:50px}
section.alatau.last .black-round{background:#0b0b25}
section.alatau.last .mymouse{border:2px solid rgba(125,125,125,.7)}
section.alatau.last .mymouse:before{background:rgba(125,125,125,.7)}

@media screen and (min-width:25em){section.alatau.video .video-inner{width:450px;height:450px}section.alatau.video .video-wrap--hide .video-inner{animation:hideVideo 1.25s forwards}section.alatau.video .video-player{left:50%;width:auto;height:100vh;transition:transform 1s;transform:translate3d(-50%,-50%,0) scale3d(.7,.7,1) rotate3d(0,0,1,5deg)}section.alatau.video .video-wrap--hide .video-player,section.alatau.video .video-wrap--show .video-player{transform:translate3d(-50%,-50%,0) scale3d(1,1,1)}}
@media screen and (min-width:25em) and (min-aspect-ratio:1280/720){section.alatau.video .video-inner{width:450px;height:450px}section.alatau.video .video-wrap--show .video-inner{animation:showVideo-2 1.25s ease forwards}section.alatau.video .video-player{width:100vw;height:auto}}
@media (min-width:769px){section.alatau.video .play_btn{margin-left:40px}}
@media screen and (max-width:1024px){section.alatau.full-slider span.not-simple{top:90px;font-size:28px}section.alatau.full-slider span.not-simple--black{color:#4b4b4e}section.alatau.full-slider .task-slider .slide h2{font-size:30px}section.alatau.full-slider .task-slider .slide.maneuverability h2{right:80px}section.alatau.full-slider .task-slider .slide.maneuverability h2:after{top:calc(100% + 10px);width:274px;height:36px}section.alatau.full-slider .task-slider .slide.speed h2{left:calc(60px + 80px)}section.alatau.full-slider .task-slider .slide.speed h2:after{top:calc(100% + 15px);width:165px;height:36px}section.alatau.full-slider .task-slider .slide.passability h2{transform:translateX(-50%)}section.alatau.full-slider .task-slider .slide.passability h2:after{top:calc(100% + 15px);width:267px;height:36px}section.alatau.full-slider .task-slider .slide.pleasure h2{right:80px;bottom:100px}section.alatau.emotion .wrapper-boat-img{right:20px;width:calc(100% - 80px - 410px - 20px)}}
@media (max-width:768px){section.alatau:first-child span.case-name{letter-spacing:2px;padding-left:0}}
@media screen and (max-width:768px){section.alatau.full-slider .wrapper-yacht-and-wave{display:none}section.alatau.full-slider span.not-simple{left:50%;top:155px;font-size:25px;transform:translateX(-50%);width:100%;text-align:center}section.alatau.full-slider h2:after{display:none}section.alatau.full-slider .task-slider .slide{padding-left:0}section.alatau.full-slider .task-slider .slide h2,section.alatau.full-slider .task-slider .slide.maneuverability h2,section.alatau.full-slider .task-slider .slide.passability h2,section.alatau.full-slider .task-slider .slide.pleasure h2,section.alatau.full-slider .task-slider .slide.speed h2{font-size:26px;left:auto;right:auto;top:auto;bottom:auto;margin:0;position:relative;text-align:center;transform:translateX(0);margin-top:95px}section.alatau.emotion .content-new-txtLeft{padding-top:80px;align-items:flex-start}section.alatau.emotion .wrapper-boat-img{top:auto;bottom:0;right:3%;width:94%;height:calc(100% - 280px)}section.alatau.product .content-new-txtRight{align-items:flex-end;justify-content:flex-start}section.alatau.product .wrapper-bg,section.alatau.product .wrapper-mac{position:absolute;left:0;top:0;height:calc(100% - 240px)}section.alatau.product .wrapper-bg{width:0}section.alatau.product .wrapper-mac{padding-top:80px;width:100%;justify-content:center}section.alatau.product .wrapper-mac img{max-width:90%;max-height:100%;transform:translateX(0)}section.alatau.develop .wrapper-images{padding:0}section.alatau.develop .wrapper-images .ipad,section.alatau.develop .wrapper-images .mackbook{display:none}section.alatau.develop .wrapper-images .mac{max-width:85%}section.alatau.result .content{padding-top:80px}section.alatau.result h2{margin:0}section.alatau.develop{background:#fff url(../img/img/new-develop-bg.jpg) top center no-repeat}section.alatau.develop .content{padding-top:80px}section.alatau.develop .text-width{max-width:590px}section.alatau.develop .wrapper-images{height:35%}section.alatau.advantages .content{justify-content:center}section.alatau.advantages .parallax{height:20%;flex-grow:initial}}
@media screen and (max-height:650px),(max-width:550px){section.alatau.video .video-inner{width:150px;height:150px}}
@media screen and (max-height:650px),screen and (max-width:460px){section.alatau.video .play_btn{width:200px;height:200px}section.alatau.video .play_btn .back-im{top:calc(100px - 120px - 50vh);left:calc(100px - 50vw)}section.alatau.video .play_btn .white-round{width:100px;height:100px}section.alatau.video .play_btn .white-round:before{width:110px;height:110px;top:-6px;left:-6px}section.alatau.video .action{color:#fff}section.alatau.video .action--close:after,section.alatau.video .action--close:before{background-color:#fff}section.alatau.video .video-inner{width:80px;height:80px}}
@media screen and (max-height:920px){section.alatau.video .wrapper--play_btn{padding-top:240px}section.alatau.video .play_btn{width:400px;height:400px}section.alatau.video .play_btn .back-im{top:calc(200px - 120px - 50vh);left:calc(200px - 50vw)}section.alatau.video .video-wrap{padding-top:240px;box-sizing:border-box}section.alatau.video .video-wrap--show{padding-top:0}section.alatau.video .video-inner{width:400px;height:400px}}
@media screen and (max-height:855px){section.alatau.advantages .wrapper-years-block{margin-top:30px}section.alatau.advantages .wrapper-years-block img{width:90px}section.alatau.advantages .parallax .layer img{max-height:200px}}
@media screen and (max-height:680px){section.alatau:first-child .mymouse{bottom:20px}}
@media screen and (max-height:600px){section.alatau.advantages .wrapper-years-block{display:none}}
@media screen and (max-height:580px){section.alatau.video .play_btn{width:200px;height:200px}section.alatau.video .play_btn .back-im{top:calc(100px - 120px - 50vh);left:calc(100px - 50vw)}}
@media screen and (max-height:500px){section.alatau.advantages .parallax .layer img{max-height:150px}}
@keyframes dasharray-wave{100%{stroke-dasharray:513 600}}
@keyframes yacht-wave{100%{transform:translateX(477px)}}