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

@media (max-width: 768px) {

  section.dimos.little-things,
  section.dimos.result {
    position: unset !important;
    top: unset !important;
    transform: unset !important;
  }
}

@media (max-width: 1024px) {
  section.dimos.first .dimos-logo {
    display: block !important;
  }
}

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

  section.case.grunge-1 h2 {
    padding: 0 20px !important;
  }

  section.case.grunge-6 h2 {
    padding: 0 20px !important;
  }

  section.case.grunge-8 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;
  }
}

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

/* 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%;
  }
}

.case.dimos{background-color:#fff;overflow:hidden;color:#4b4b4e}section.dimos:first-child{background-color:#000}section.dimos:first-child .mymouse{top:auto;bottom:50px}section.dimos:first-child span.case-name{letter-spacing:.44em;padding-left:.44em}section.dimos:first-child .video-wrap{z-index:0}section.dimos:first-child .video-wrap .video-player{left:0;top:0;width:100%;height:100%;transform:none}section.dimos:first-child:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4)}section.dimos.first .text-width{max-width:800px}section.dimos.first .modules-block{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}section.dimos.first .dimos-logo{margin-bottom:30px}section.dimos.first .modules-list{display:flex;justify-content:center}section.dimos.first .module-item{margin:15px 0;max-width:195px;flex:0 0 10vw;display:flex;flex-direction:column;align-items:center}section.dimos.first .module-item .icon{width:79%;height:auto}section.dimos.first .module-item .title{font-size:.7vw;font-family:Lato-Medium}section.dimos.first .w-100{width:0}section.dimos.system .text-width{max-width:680px}section.dimos.system .button.popup{display:inline-block;background-color:#bf1c1c;padding:20px 30px;color:#fff;text-align:center;cursor:pointer;margin-top:30px}section.dimos.system .images{position:absolute;top:0;right:0;max-width:calc(100% - 880px)}section.dimos.system .images img{width:100%}section.dimos.system .images img.img2,section.dimos.system .images img.img3{position:absolute;top:0;left:0}section.dimos.agent{background:#fff url(../img/img/agent_bg.png) 40% 50%/50% no-repeat}section.dimos.agent .text-width{max-width:500px}section.dimos.agent .image{margin-right:-6%;display:flex;justify-content:flex-end;align-items:center;flex:1}section.dimos.agent .image img{max-width:90%;max-height:85vh}section.dimos.project{background:#fff url(../img/img/project_bg.png) 55% -17%/40% no-repeat}section.dimos.project .text-width{max-width:700px}section.dimos.project .images-wrapper{flex:1;display:flex;align-items:center}section.dimos.project .images{position:relative}section.dimos.project .images .main{position:relative;z-index:20;max-width:69vw;max-height:calc(100vh - 300px)}section.dimos.project .images .slide{position:absolute;top:10%;height:80%;opacity:0;transition:all 1s .5s}section.dimos.project .images .slide.active{transform:translateX(0);opacity:1}section.dimos.project .images .slide1{left:-5%;transform:translateX(150%)}section.dimos.project .images .slide2{right:-5%;transform:translateX(-150%)}section.dimos.to-do{background:#fff url(../img/img/todo_bg.png) 10% 0/30% no-repeat}section.dimos.to-do .text-width{max-width:700px}section.dimos.to-do .image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}section.dimos.to-do .image{position:relative}section.dimos.to-do .macbook{position:relative;z-index:10;max-height:calc(100vh - 340px);max-width:80vw}section.dimos.to-do .gif,section.dimos.to-do .video{position:absolute;top:5%;left:12.5%;width:75.4%;height:82%}section.dimos.to-do2{background:#fff url(../img/img/todo_bg.png) 50% 50%/30% no-repeat}section.dimos.to-do2 .text-width{max-width:620px}section.dimos.to-do2 .image{flex:1;display:flex;justify-content:flex-end;align-items:center}section.dimos.to-do2 .image video{max-height:90vh;max-width:90%}section.dimos.person{background:#fff url(../img/img/person_bg.png) 70% 70%/30% no-repeat}section.dimos.person .text-width{max-width:520px}section.dimos.person .images-wrapper{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center}section.dimos.person .images{position:relative}section.dimos.person .images .card{max-height:71vh;max-width:calc(73vw - 720px);position:relative;z-index:10}section.dimos.person .images .calendar{position:absolute;top:18%;left:38%;max-height:78%;max-width:168%}section.dimos.doc{background:#fff url(../img/img/doc_bg.png) 30% 50%/40% no-repeat}section.dimos.doc .text-width{max-width:450px}section.dimos.doc .images-wrapper{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center}section.dimos.doc .images{position:relative}section.dimos.doc .images .main{position:relative;z-index:10;max-height:79vh;max-width:calc(90vw - 605px)}section.dimos.doc .images .folder{position:absolute;right:96%;height:23.529%}section.dimos.doc .images .folder1{top:10.941%}section.dimos.doc .images .folder2{top:40%}section.dimos.doc .images .folder3{top:68.471%}section.dimos.budget{background:#fff url(../img/img/budget_bg.png) 110% -20%/40% no-repeat}section.dimos.budget .image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}section.dimos.budget .image{position:relative}section.dimos.budget .macbook{position:relative;z-index:10;max-height:calc(100vh - 260px);max-width:80vw}section.dimos.budget .video{position:absolute;top:5.8%;left:12.5%;width:75.4%;height:81%}section.dimos.time .text-width{max-width:460px}section.dimos.time .images-wrapper{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center}section.dimos.time .images{position:relative}section.dimos.time .images .time1{position:relative;z-index:20;max-height:100vh;max-width:calc(67vw - 650px)}section.dimos.time .images .time2{position:absolute;z-index:15;top:5%;height:89%;left:-65%}section.dimos.time .images .time3{position:absolute;z-index:10;top:15%;height:71%;left:-132%}section.dimos.little-things .text-width,section.dimos.result .text-width{max-width:600px}section.dimos.little-things .image,section.dimos.result .image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}section.dimos.little-things .image video,section.dimos.result .image video{max-width:90%;max-height:90%}section.dimos.result p{max-width:585px}section.dimos.last .mymouse{border-color:#000}section.dimos.last .mymouse:before{background:#000}@media screen and (min-width:1920px){section.dimos.first .module-item .title{font-size:16px}}@media screen and (max-width:1650px){section.dimos:first-child h1 br{display:none}}@media (max-width:1366px){section.dimos.first .modules-list{flex-wrap:wrap}section.dimos.first .w-100{width:100%}}@media (max-width:1366px) and (max-height:650px),(max-width:1024px){section.dimos.first .dimos-logo{display:none}}@media (max-width:1200px){section.dimos.system .text-width{max-width:460px}section.dimos.system .images{max-width:calc(100% - 660px)}section.dimos.agent .text-width{max-width:420px}section.dimos.to-do2 .text-width{max-width:430px}section.dimos.person .text-width{max-width:410px}section.dimos.person .images .card{max-width:calc(73vw - 610px)}section.dimos.doc .text-width{max-width:360px}section.dimos.doc .images .main{max-width:calc(90vw - 515px)}section.dimos.time .text-width{max-width:360px}section.dimos.time .images .time1{max-width:calc(67vw - 550px)}}@media (max-width:1024px){section.dimos.first .module-item{flex-basis:12vw}section.dimos.first .module-item .title{font-size:1vw}section.dimos.system .content-new-txtLeft{padding-bottom:20px;align-items:flex-end}section.dimos.system .button.popup{margin-top:0}section.dimos.system .images{max-width:100%;height:calc(100% - 350px)}section.dimos.system .images img{max-height:100%;width:auto}section.dimos.agent .text-width{max-width:350px}section.dimos.to-do2 .text-width{max-width:360px}section.dimos.person .text-width{max-width:360px}section.dimos.person .images .card{max-width:calc(73vw - 460px)}section.dimos.time .images .time1{max-width:calc(67vw - 460px)}}@media (max-width:768px){section.dimos.first .module-item{margin:5px 0;flex-basis:17vw}section.dimos.first .module-item .title{font-size:1.5vw}section.dimos.system .images{height:100%;opacity:.2}section.dimos.agent .text-width{max-width:100%}section.dimos.agent .content-new-txtLeft{padding-top:80px;flex-direction:column;align-items:flex-start;justify-content:center}section.dimos.agent .image{justify-content:center;margin-right:0;flex:0}section.dimos.agent .image img{max-height:90%}section.dimos.project .content{justify-content:center}section.dimos.project .content .images-wrapper{flex:0}section.dimos.project .images .main{max-width:90vw}section.dimos.project .images .slide{display:none}section.dimos.to-do .content{justify-content:center}section.dimos.to-do .content .image-wrapper{flex:0}section.dimos.to-do2 .text-width{max-width:100%}section.dimos.to-do2 .content-new-txtLeft{padding-top:80px;flex-direction:column;align-items:flex-start}section.dimos.to-do2 .image{justify-content:center}section.dimos.to-do2 .image video{max-height:90%}section.dimos.person .text-width{max-width:100%}section.dimos.person .content-new-txtRight{padding-top:80px;flex-direction:column;justify-content:flex-start}section.dimos.person .images-wrapper{left:0;right:0;top:auto;opacity:.3}section.dimos.person .images .card{max-width:73vw;max-height:calc(100vh - 300px)}section.dimos.doc .content{justify-content:center}section.dimos.doc .text-width{max-width:100%}section.dimos.doc .content-new-txtLeft{padding-top:80px;flex-direction:column;align-items:flex-start}section.dimos.doc .images-wrapper{top:auto;position:relative;width:100%;justify-content:flex-end}section.dimos.doc .images .main{max-width:75vw;max-height:calc(100vh - 240px)}section.dimos.time .text-width{max-width:100%}section.dimos.time .content-new-txtLeft{padding-top:80px;flex-direction:column}section.dimos.time .images-wrapper{top:auto;opacity:.2}section.dimos.time .images .time1{max-width:40vw;max-height:calc(100vh - 260px)}section.dimos.little-things,section.dimos.result{position:absolute;top:0;transform:translate(-50%)}section.dimos.little-things video,section.dimos.result video{max-width:none;max-height:none;left:50%}}@media (max-height:740px),(max-width:1366px){section.dimos.first p{font-size:16px}section.dimos.first .dimos-logo{margin-bottom:10px}section.dimos.first .dimos-logo img{width:100px}section.dimos.first .module-item{flex-basis:8vw}section.dimos.first .module-item .title{font-size:.7vw}}@media (max-width:450px){section.dimos.first h2{font-size:18px}section.dimos.first p{font-size:14px}section.dimos.first .module-item .title{display:none}}