#omada-app { background:#b7bac3; padding-bottom:60px; }
#omada-app .omada-wrap { margin:0 auto; position:relative; width:1200px; }
#omada-app .text { color:#000; margin:0 auto; padding:60px 0 0; text-align:center; width:960px; }
#omada-app .text h2 { color:inherit; font-size:50px; line-height:1.2; }
#omada-app .text .desc { color:inherit; font-size:18px; line-height:1.5; padding-top:25px; }
#omada-app .text .link { color:#0771b3; font-size:18px; line-height:1.5; padding-top:20px; }
#omada-app .text .link a { color:inherit; text-decoration:underline; }
#omada-app .icons { background:url(omada-icons.png) 50% no-repeat; height:70px; margin:40px auto; position:relative; width:267px; }
#omada-app .icons a { display:block; font-size:0; height:33px; opacity:0; position:absolute; right:0; width:104px; }
#omada-app .icons .apple { top:0; }
#omada-app .icons .google { bottom:0; }
#omada-app input[type="radio"] { position:fixed; top:-9999px; }
#omada-app .imgs { height:0; padding-bottom:46.5%; position:relative; }
#omada-app .imgs ul { margin:0; padding:0; }
#omada-app .imgs li { box-shadow:0 0 30px rgba(0,0,0,0.4); display:block; left:39.762%; position:absolute; top:11%; transform-origin:50% 50%; transition:all .5s linear; width:20.417%; will-change:transform; }
#omada-app .imgs li label { background-position:50%; background-repeat:no-repeat; background-size:contain; cursor:pointer; display:block; height:0; padding-bottom:177.778%; width:100%; }
#omada-app .imgs .li1 label { background-image:url(omada-app-screen-1.png) }
#omada-app .imgs .li2 label { background-image:url(omada-app-screen-2.png) }
#omada-app .imgs .li3 label { background-image:url(omada-app-screen-3.png) }
#omada-app .imgs .li4 label { background-image:url(omada-app-screen-4.png) }
#omada-app .imgs .li5 label { background-image:url(omada-app-screen-5.png) }
#omada-app .imgs .li6 label { background-image:url(omada-app-screen-6.png) }
#omada-app .imgs .li7 label { background-image:url(omada-app-screen-7.png) }
#omada-app .imgs .iphone { background:url(omada-app-iphone.png) 50% no-repeat; background-size:contain; height:0; left:38.5%; padding-bottom:46.5%; position:absolute; top:0; width:23%; z-index:5; }
#omada-app .imgs .iphone-bg { background-image:url(omada-app-iphone-bg.png); z-index:1; }
#omada-app-screen-1:checked ~ .imgs .li1,
#omada-app-screen-2:checked ~ .imgs .li2,
#omada-app-screen-3:checked ~ .imgs .li3,
#omada-app-screen-4:checked ~ .imgs .li4,
#omada-app-screen-5:checked ~ .imgs .li5,
#omada-app-screen-6:checked ~ .imgs .li6,
#omada-app-screen-7:checked ~ .imgs .li7 { left:39.762%; transform:scale(1); z-index:4 }
#omada-app-screen-1:checked ~ .imgs .li2,
#omada-app-screen-2:checked ~ .imgs .li3,
#omada-app-screen-3:checked ~ .imgs .li4,
#omada-app-screen-4:checked ~ .imgs .li5,
#omada-app-screen-5:checked ~ .imgs .li6,
#omada-app-screen-6:checked ~ .imgs .li7,
#omada-app-screen-7:checked ~ .imgs .li1 { transform:scale(0.93) translate(100%, 0); z-index:3; }
#omada-app-screen-1:checked ~ .imgs .li3,
#omada-app-screen-2:checked ~ .imgs .li4,
#omada-app-screen-3:checked ~ .imgs .li5,
#omada-app-screen-4:checked ~ .imgs .li6,
#omada-app-screen-5:checked ~ .imgs .li7,
#omada-app-screen-6:checked ~ .imgs .li1,
#omada-app-screen-7:checked ~ .imgs .li2 { transform:scale(0.85) translate(200%, 0); z-index:2; }
#omada-app-screen-1:checked ~ .imgs .li4,
#omada-app-screen-2:checked ~ .imgs .li5,
#omada-app-screen-3:checked ~ .imgs .li6,
#omada-app-screen-4:checked ~ .imgs .li7,
#omada-app-screen-5:checked ~ .imgs .li1,
#omada-app-screen-6:checked ~ .imgs .li2,
#omada-app-screen-7:checked ~ .imgs .li3 { transform:scale(0.77) translate(300%, 0); z-index:1; }
#omada-app-screen-1:checked ~ .imgs .li5,
#omada-app-screen-2:checked ~ .imgs .li6,
#omada-app-screen-3:checked ~ .imgs .li7,
#omada-app-screen-4:checked ~ .imgs .li1,
#omada-app-screen-5:checked ~ .imgs .li2,
#omada-app-screen-6:checked ~ .imgs .li3,
#omada-app-screen-7:checked ~ .imgs .li4 { transform:scale(0.77) translate(-300%, 0); z-index:1; }
#omada-app-screen-1:checked ~ .imgs .li6,
#omada-app-screen-2:checked ~ .imgs .li7,
#omada-app-screen-3:checked ~ .imgs .li1,
#omada-app-screen-4:checked ~ .imgs .li2,
#omada-app-screen-5:checked ~ .imgs .li3,
#omada-app-screen-6:checked ~ .imgs .li4,
#omada-app-screen-7:checked ~ .imgs .li5 { transform:scale(0.85) translate(-200%, 0); z-index:2; }
#omada-app-screen-1:checked ~ .imgs .li7,
#omada-app-screen-2:checked ~ .imgs .li1,
#omada-app-screen-3:checked ~ .imgs .li2,
#omada-app-screen-4:checked ~ .imgs .li3,
#omada-app-screen-5:checked ~ .imgs .li4,
#omada-app-screen-6:checked ~ .imgs .li5,
#omada-app-screen-7:checked ~ .imgs .li6 { transform:scale(0.93) translate(-100%, 0); z-index:3; }
@media screen and (max-width:736px){
  * { -webkit-tap-highlight-color:transparent; }
  #omada-app .omada-wrap { overflow:hidden; width:auto; }
  #omada-app .text { padding:0; text-align:left; width:auto; }
  #omada-app .text h2 { font-size:30px; padding:40px 6% 20px; }
  #omada-app .text .desc { font-size:18px; padding:0 6%; }
  #omada-app .text .link { font-size:18px; padding:0 6%; }
  #omada-app .icons { margin:30px 6%; }
  #omada-app .imgs { height:83.7vw; left:-40vw; padding-bottom:0; width:180vw; }
}