@font-face{font-family:"Roboto";src:local(Roboto Thin),url("../../font/roboto/Roboto-Thin.woff2") format("woff2"),url("../../font/roboto/Roboto-Thin.woff") format("woff"),url("../../font/roboto/Roboto-Thin.ttf") format("truetype");font-weight:200}@font-face{font-family:"Roboto";src:local(Roboto Regular),url("../../font/roboto/Roboto-Regular.woff2") format("woff2"),url("../../font/roboto/Roboto-Regular.woff") format("woff"),url("../../font/roboto/Roboto-Regular.ttf") format("truetype");font-weight:400}html,body{height:100%}body{background-color:#F1f1f1;font-family:'Roboto', sans-serif;font-weight:400}h1{margin:0}[locale]{display:none !important}#container{position:relative;width:337px;height:663px;top:50%;margin:-341px auto;background-repeat:no-repeat;background-image:url(../../img/phone.png)}#content_container{position:absolute;top:57px;left:18px;width:300px;height:530px;overflow:hidden}#content{color:#ffffff;width:100%;height:100%}#content header{z-index:10;text-align:center;height:50px;position:absolute;width:100%;background-color:rgba(0,0,0,0.25);display:table}#content header h1{font-weight:400;display:table-cell;vertical-align:middle;font-size:24px;line-height:100%}#content main{position:absolute;height:100%;width:100%}#content main .page{position:absolute;width:100%;top:0;bottom:0;padding-top:50px;padding-bottom:40px}#content main .page .page_content{overflow:scroll;height:100%;width:100%}#content footer{background-color:#333333;color:#ffffff;position:absolute;width:100%;bottom:0;height:40px;margin-bottom:0;z-index:10;text-align:center}#content footer a{display:inline-block;color:inherit;text-decoration:none;height:40px;width:33%;background-repeat:no-repeat;background-position:center}#content footer a.info{background-image:url(../../img/ico_info_24.png)}#content footer a.wifi{background-image:url(../../img/ico_wifi_24.png)}.page.loading{background-color:#F44336;z-index:100;display:none}.page.intro{background-color:#F44336}.page.intro .page_content{display:table}.page.intro .page_content h2{font-weight:200;text-align:center;vertical-align:middle;display:table-cell}.page.info{background-color:#009688}.page.info p,.page.info h2{padding:0 16px}.page.info p{font-weight:200}.page.wifi{background-color:#2196F3}.page.wifi .info{width:100%}.page.wifi .info .spinner{margin:15px auto;width:40px;height:10px;text-align:center;font-size:10px}.page.wifi .info .spinner>div{background-color:rgba(255,255,255,0.33);height:10px;width:4px;margin:0 2px;display:inline-block;-webkit-transform:scaleY(0.4);-moz-transform:scaleY(0.4);-ms-transform:scaleY(0.4);-o-transform:scaleY(0.4);transform:scaleY(0.4)}.page.wifi .info .scanner.scanning .spinner>div{-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;-moz-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.page.wifi .info .scanner.scanning .spinner>div:nth-child(2){-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;animation-delay:-1.1s}.page.wifi .info .scanner.scanning .spinner>div:nth-child(3){-webkit-animation-delay:-1s;-moz-animation-delay:-1s;animation-delay:-1s}.page.wifi .info .scanner.scanning .spinner>div:nth-child(4){-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;animation-delay:-0.9s}.page.wifi .info .scanner.scanning .spinner>div:nth-child(5){-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;animation-delay:-0.8s}.page.wifi ul{padding:0;margin:0}.page.wifi li{list-style-type:none;line-height:40px;border-bottom:1px black;padding-left:40px;background-image:url(../../img/ico_wifi_18.png);background-repeat:no-repeat;background-position:11px center}.page.wifi li.show{opacity:1}.page.wifi li:nth-child(odd){background-color:rgba(255,255,255,0.13)}.page.wifi li:nth-child(even){background-color:rgba(255,255,255,0.26)}.page.photos{background-color:#CDDC39}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@-moz-keyframes sk-stretchdelay{0%,40%,100%{-moz-transform:scaleY(0.4)}20%{-moz-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);-moz-transform:scaleY(0.4);-ms-transform:scaleY(0.4);-o-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}}#content header{-webkit-transition:height 0.5s ease-out,background-color 0.3s ease-out 0.4s;-moz-transition:height 0.5s ease-out,background-color 0.3s ease-out 0.4s;transition:height 0.5s ease-out,background-color 0.3s ease-out 0.4s}#content header h1{-webkit-transition:font-size 0.5s ease-out;-moz-transition:font-size 0.5s ease-out;transition:font-size 0.5s ease-out}#content footer{-webkit-transition:margin-bottom 0.5s ease-out;-moz-transition:margin-bottom 0.5s ease-out;transition:margin-bottom 0.5s ease-out}#content .page{-webkit-transition:left 0.5s ease-out;-moz-transition:left 0.5s ease-out;transition:left 0.5s ease-out}#content .page.intro .page_content{-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}#content.init header{height:100%;background-color:rgba(255,255,255,0)}#content.init header h1{font-size:38px}#content.init footer{margin-bottom:-40px}#content.init .page.intro .page_content{opacity:0}#content .page{left:0%}#content.intro .page.wifi{left:-100%}#content.intro .page.info{left:100%}#content.intro .page.photos{left:-100%}#content.info .page.intro{left:-100%}#content.info .page.wifi{left:-100%}#content.info .page.photos{left:-100%}#content.wifi .page.intro{left:100%}#content.wifi .page.info{left:100%}#content.wifi .page.photos{left:-100%}#content.photos .page.wifi{left:100%}#content.photos .page.info{left:100%}body.loading .page.loading{display:initial}.page.loading .spinner{margin:100px auto 0;width:70px;text-align:center}.page.loading .spinner>div{width:18px;height:18px;background-color:rgba(255,255,255,0.9);border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;-moz-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.page.loading .spinner .bounce1{-webkit-animation-delay:-0.32s;-moz-animation-delay:-0.32s;animation-delay:-0.32s}.page.loading .spinner .bounce2{-webkit-animation-delay:-0.16s;-moz-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@-moz-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@media only screen and (max-device-width: 480px){#container{background:initial;width:100%;height:100%;margin:auto;top:initial}#content_container{width:100%;height:100%;top:0;left:0;right:0;bottom:0}}@media only screen and (max-height: 580px){#container{height:100%;margin:auto;top:initial;background-position:center}#content_container{height:100%;top:0}}