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

@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.summit h2 {
    padding: 0 20px !important;
  }


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

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

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

section.summit.map p {
  color: #ffffff !important;
}

section.summit.result p {
  color: #ffffff !important;
}

@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.summit{background-color:#fff;color:#4b4b4e}section.summit h2{text-transform:uppercase}section.summit:first-child{background-image:url(../img/img/mainimg.jpg)}section.summit:first-child .mymouse{bottom:50px;top:auto}section.summit:first-child .content{height:100%}section.summit:first-child span.case-name{letter-spacing:.3em;padding-left:.3em}section.summit:first-child .links{display:flex;flex-direction:column;align-items:flex-end}section.summit:first-child .links .link_to_site{margin-bottom:25px}section.summit:first-child .video-wrap{z-index:0}section.summit:first-child .video-wrap .video-player{left:0;top:0;transform:none}section.summit:first-child:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}section.case.summit.fir-tree .tree{max-height:95%;margin-left:10%}section.summit.map{background-image:url(../img/img/back_map.jpg)}section.summit.map .map-picture{position:absolute;top:9vmin;height:87vmin;z-index:5;right:23vw;margin-right:calc(-45vmin + 140px)}section.summit.map #map .wrap{width:460px;height:460px;position:absolute;bottom:calc(100vh - 800px);right:calc(53vw - 620px);transform:translateY(-50px);transition:transform .5s;z-index:5}section.summit.map #map .wrap:before{background:url(../img/img/map-border.png) no-repeat;width:1205px;height:1080px;position:absolute;top:-300px;left:-370px;display:inline-block;content:'';z-index:15;pointer-events:none}section.summit.map #map .wrap .wrap-inner{width:460px;height:460px;position:absolute;overflow:hidden;top:0;left:0;border-radius:50%;transform:translateZ(0)}section.summit.map #map #map-container{width:480px;height:480px;position:absolute;top:0;left:0}section.summit.video{background-image:url(../img/img/holiday_video.jpg);background-size:cover;background-position:center}section.summit.video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}section.summit.video .play_btn{position:absolute;width:450px;height:450px;overflow:hidden;top:calc(50% - 225px);right:calc(53vw - 590px);border-radius:50%;border:1px dashed #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000}section.summit.video .play_btn .white-round{width:113px;height:113px;background:#fff;border-radius:50%;position:relative;z-index:1}section.summit.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.summit.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.summit.video .play_btn .back-im{position:absolute;width:100vw;height:100vh;background-image:url(../img/img/holiday_video2.jpg);background-size:cover;background-position:center;top:calc((100vh - 480px)/ (-2));left:calc((47vw + 140px)/ (-1))}section.summit.video .play_btn--hide{opacity:0}section.summit.video .play_btn:hover svg.icon-play{fill:#941515}section.summit.video .video-inner{transform:translateX(calc(50vw - 53vw + 590px - 225px))}section.summit.presents .present-picture{cursor:pointer;animation:shake 5s infinite}section.summit.presents .present-picture:hover{animation:rubberBand 1s}section.summit.presents .withbefore-lineCenter:before{content:none}section.summit.presents #RopeDrawingArea{position:absolute;top:0;left:0;z-index:30}section.summit.presents #flake-container{position:absolute;top:145px;left:0}section.summit.presents .flip #flake-container{transform:translateY(-250px);pointer-events:none;transition:transform .3s ease-in-out}section.summit.presents #snowflake{position:absolute;top:0;left:0;cursor:grab;z-index:40}section.summit.presents #snowflake:active{cursor:grabbing}section.summit.presents #snowflake .flake{background:url(../img/img/snowflake.png) no-repeat;position:absolute;left:300px;top:0;width:80px;height:80px;margin-left:-40px;margin-top:-40px;z-index:10}section.summit.presents .wrapper-present{flex-grow:1;width:100%;display:flex;align-items:center;justify-content:center}section.summit.presents .wrapper-present img{width:240px;height:240px;position:relative}section.summit.presents .wrapper-present div{position:relative}section.summit.presents .wrapper-present div:before{content:"";position:absolute;top:calc(50% - 51vh);left:calc(50% - 47vh);height:94vh;width:94vh;background-image:url(../img/img/present2.png);background-size:100%;background-position:center;animation:back-size .7s infinite linear}section.summit.presents .content:before{content:"";position:absolute;width:100%;height:1px;background:#d5d5d5;left:0;top:145px}section.summit.presents .content:after{content:"";position:absolute;width:99px;height:1px;background:#941515;left:calc(50% - 48.5px);top:145px}section.summit.evolution .text-width{max-width:750px}section.summit.evolution .wrapper-summits-screens{position:relative;width:100%;max-width:1600px;display:flex;justify-content:center;flex-grow:1;margin-top:20px}section.summit.evolution .wrapper-summits-screens .wrapper-screen{width:42%;position:relative;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}section.summit.evolution .wrapper-summits-screens .wrapper-screen.left{transform-origin:right}section.summit.evolution .wrapper-summits-screens .wrapper-screen.center{height:auto}section.summit.evolution .wrapper-summits-screens .wrapper-screen span{display:inline-block;line-height:.8em;color:#bf1c1c;font-size:6vmin;font-family:Lato-Black}section.summit.evolution .wrapper-summits-screens .wrapper-screen img{max-width:100%;max-height:calc(100% - 6vmin)}section.summit.evolution .wrapper-summits-screens .wrapper-screen:first-child{position:absolute;left:0;transform:scale(.8)}section.summit.evolution .wrapper-summits-screens .wrapper-screen:last-child{position:absolute;right:0;transform:scale(1.2)}section.summit.priceless{background-image:url(../img/img/new-bg_priceless.jpg);background-repeat:no-repeat;background-position:center}section.summit.priceless .text-width{max-width:730px}section.summit.priceless .wrapper-imgs{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 260px)}section.summit.priceless .wrapper-imgs img{max-width:30%;max-height:calc(100% - 9% - 4%);margin:0 2%}section.summit.result{background-image:url(../img/img/new-result1.jpg);background-repeat:no-repeat;background-position:center;color:#fff}section.summit.result h2{margin-bottom:0}section.summit.result p.withbefore-lineCenter{margin-bottom:0}section.summit.result .link_to_site--new{position:relative;margin-top:35px;z-index:5}section.summit.last{background-image:url(../img/img/new-bg_last.jpg);background-repeat:no-repeat;background-position:center top}section.summit.last h2{margin-bottom:60px}section.summit.last .btn-order-project{padding:20px 45px}section.summit.last .black-round .mymouse{border:2px solid rgba(125,125,125,.7)}section.summit.last .black-round .mymouse:before{background:rgba(125,125,125,.7)}@media screen and (min-width:25em){section.summit.video .video-inner{width:450px;height:450px}section.summit.video .video-wrap--hide .video-inner{animation:hideVideo 1.25s forwards}section.summit.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.summit.video .video-wrap--hide .video-player,section.summit.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.summit.video .video-inner{width:450px;height:450px}section.summit.video .video-wrap--show .video-inner{animation:showVideo-2 1.25s ease forwards}section.summit.video .video-player{width:100vw;height:auto}}@media screen and (max-width:1245px),(max-height:780px){section.summit.map #map .wrap{width:330px;height:330px;bottom:calc(100vh - 600px);right:20px}section.summit.map #map .wrap:before{width:785px;height:640px;top:-215px;left:-265px;background-size:cover}section.summit.map #map .wrap .wrap-inner{width:330px;height:330px}section.summit.map #map #map-container{width:330px;height:330px}}@media screen and (max-width:1200px){section.summit.presents #flake-container{left:-180px}}@media screen and (max-width:1150px),(max-height:510px){section.summit.video .play_btn{width:250px;height:250px;top:calc(50% - 125px);right:15px}section.summit.video .play_btn .white-round{width:50px;height:50px}section.summit.video .play_btn .white-round:before{width:56px;height:56px;top:-4px;left:-4px}section.summit.video .play_btn .back-im{top:calc((100vh - 250px)/ (-2));left:calc((100vw - 265px)/ (-1))}section.summit.video .video-inner{transform:translateX(calc(100vw + 125px - 15px - 250px))}}@media screen and (max-width:1090px){section.summit.map .content-new-txtLeft{align-items:flex-end}section.summit.map #map .wrap{right:30px;bottom:auto;top:130px}}@media screen and (max-width:1070px),(max-height:737px){section.summit.presents .present-picture{pointer-events:none}}@media screen and (max-width:1024px){section.summit.fir-tree .tree{max-width:30%}}@media screen and (max-width:880px){section.summit.video .play_btn{width:80px;height:80px;top:auto;bottom:30px;right:15vw}section.summit.video .play_btn .white-round{width:20px;height:20px}section.summit.video .play_btn .white-round:before{width:26px;height:26px;top:-4px;left:-4px}section.summit.video .play_btn .back-im{top:calc(110px - 100vh);left:calc(80px + 15vw - 100vw)}section.summit.video .video-inner{width:80px;height:80px;transform:translateX(calc(50vw + 40px - 15vw - 80px)) translateY(calc(50vh - 70px))}}@media screen and (max-width:840px){section.summit.presents #flake-container{display:none}}@media (max-width:768px){section.summit:first-child span.case-name{letter-spacing:2px;padding-left:0}}@media screen and (max-width:768px),screen and (max-height:480px){section.summit.presents .wrapper-present img{width:20vh;height:20vh}}@media screen and (max-width:768px){section.summit.fir-tree .content{padding-top:80px;align-items:flex-start}section.summit:first-child .content{height:100%}section.summit:first-child .video-wrap{display:none}section.case.summit.fir-tree .tree{position:absolute;bottom:0;right:0;max-height:calc(65% - 80px);max-width:100%}section.summit.map #map .wrap{width:260px;height:260px;left:calc(50% - 130px)}section.summit.map #map .wrap:before{width:625px;height:490px;top:-170px;left:-212px}section.summit.map #map #map-container,section.summit.map #map .wrap .wrap-inner{width:100%;height:100%}section.summit.video .content{align-items:flex-start;padding-top:80px}section.summit.video .play_btn{width:200px;height:200px}section.summit.video .play_btn .white-round{width:70px;height:70px}section.summit.video .play_btn .white-round:before{width:76px;height:76px}section.summit.video .play_btn .back-im{top:calc(220px - 100vh);left:calc(200px + 15vw - 100vw)}section.summit.presents .content:after,section.summit.presents .content:before{display:none}section.summit.presents .withbefore-lineCenter:before{content:""}section.summit.evolution .content{justify-content:center}section.summit.evolution .content .wrapper-summits-screens{flex-grow:0}section.summit.priceless .wrapper-imgs{flex-grow:1;flex-direction:column;align-items:center;justify-content:center;width:100%}section.summit.priceless .wrapper-imgs img{max-width:90%;max-height:45%;margin:2% 0}section.summit.result .wrapper-table-mac{width:100%;background-position:bottom center;background-size:contain}}@media screen and (max-height:860px){section.summit:first-child .links .link_to_site:first-child,section.summit:first-child .links .link_to_site:nth-child(2){display:none}}@media screen and (max-height:680px){section.summit:first-child .mymouse{bottom:20px}}@media (max-height:650px){section.summit.priceless .wrapper-imgs{flex-grow:1}section.summit.priceless .wrapper-imgs img{max-height:90%}section.summit.priceless .wrapper-imgs img.book{display:none}}@media screen and (max-height:535px){section.summit.map .content-new-txtLeft{align-items:flex-end}section.summit.map #map .wrap{width:180px;height:180px;left:calc(50% - 90px);bottom:auto;top:120px}section.summit.map #map .wrap:before{width:435px;height:340px;top:-118px;left:-150px}section.summit.map #map #map-container,section.summit.map #map .wrap .wrap-inner{width:100%;height:100%}section.summit.video .content{align-items:flex-start;padding-top:80px}section.summit.video .play_btn{width:150px;height:150px}section.summit.video .play_btn .white-round{width:70px;height:70px}section.summit.video .play_btn .white-round:before{width:76px;height:76px}section.summit.video .play_btn .back-im{top:calc(170px - 100vh);left:calc(150px + 15vw - 100vw)}}@keyframes back-size{0%{background-size:100%}100%{background-size:120%}}@keyframes shake{0%,20%{transform:translate3d(0,0,0)}10%,14%,18%,2%,6%{transform:translate3d(-6px,0,0)}12%,16%,4%,8%{transform:translate3d(6px,0,0)}}@keyframes rubberBand{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}@keyframes showVideo-2{0%{opacity:1}40%{transform:translateX(0);width:50vh;height:50vh;border-radius:100%;transform:scale3d(1,1,1) rotate3d(0,0,1,-5deg)}60%{border-radius:95%}70%{border-radius:90%}80%{border-radius:83%}90%{border-radius:60%;width:50vw;height:50vw}99%{width:100vw;height:100vh}100%{border-radius:0;width:100vw;height:100vh;opacity:1;transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);margin:0 auto}}@keyframes hideVideo{0%{border-radius:0;width:100vw;height:100vh;margin:0 auto;opacity:1;transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}100%{border-radius:0;width:100vw;height:100vh;margin:0 auto;opacity:0;transform:scale3d(1,1,1) rotate3d(0,0,1,0deg)}}
