/*!
 * netInteractivePanel
 * :)
 * https://quasiDigi.net
 * @author quasiDigi
 * @version 0.1.0
 * Copyright 2017. MIT licensed.
 */
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700';html{position:fixed;top:0;bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch;overflow:auto;box-sizing:border-box}body,html{padding:0;margin:0}body{height:100%;width:auto}*,:after,:before{box-sizing:border-box}#nav{width:100%;height:100%}#fond,#nav,dd,div,dl,dt,h1,h2,h3,h4,h5,li,p,ul{padding:0;margin:0;display:block}dd,dl,dt,li,ul{list-style:none}a{text-decoration:none}:focus{outline:none}.notouch .link-notouch{cursor:pointer}html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:Roboto,Helvetica Neue,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.2em}body,html{color:#fff}body{font-size:6rem;line-height:1.3}a{color:#fff}h1{font-size:3rem;color:#000;line-height:1.33333333;font-weight:400}h1 .strong{font-weight:700}p{line-height:1.5}p.botton{font-size:5rem;color:#fff}h2{font-size:45rem;font-size:37.5rem;font-weight:700;line-height:1.28571429}h2,h3{text-transform:uppercase}h3{font-size:30rem;font-size:25rem;font-weight:400;line-height:1.16666667}#lead{font-size:25rem;color:#000}#button,#lead{font-weight:700;font-style:normal}#button{font-size:31.91rem;color:#fff;background-color:#f0f}html{font-size:.05vw}@media screen and (max-aspect-ratio:40/40){html{font-size:.09vw}}body #main-content{width:100%;height:100%;display:block;position:relative}body #main-content #nav{width:100%;height:100%;float:left;position:relative}@media screen and (min-aspect-ratio:10/3){body{overflow:auto}body #main-content{height:600rem}}#nav{height:100%;width:100%;position:relative;z-index:1;overflow:hidden}.main-menu>li:nth-of-type(1){background-color:#0bbbba}.main-menu>li:nth-of-type(1) .bg-img{background-image:url(../img/btns/1.jpg)}.main-menu>li:nth-of-type(1) .content,.main-menu>li:nth-of-type(1) .content:before{background-color:#0bbbba}.main-menu>li:nth-of-type(2){background-color:#f5842e}.main-menu>li:nth-of-type(2) .bg-img{background-image:url(../img/btns/2.jpg)}.main-menu>li:nth-of-type(2) .content,.main-menu>li:nth-of-type(2) .content:before{background-color:#f5842e}.main-menu>li:nth-of-type(3){background-color:#c196c4}.main-menu>li:nth-of-type(3) .bg-img{background-image:url(../img/btns/3.jpg)}.main-menu>li:nth-of-type(3) .content,.main-menu>li:nth-of-type(3) .content:before{background-color:#c196c4}.main-menu>li:nth-of-type(4){background-color:#73c7a9}.main-menu>li:nth-of-type(4) .bg-img{background-image:url(../img/btns/4.jpg)}.main-menu>li:nth-of-type(4) .content,.main-menu>li:nth-of-type(4) .content:before{background-color:#73c7a9}.main-menu>li:nth-of-type(5){background-color:#f0689f}.main-menu>li:nth-of-type(5) .bg-img{background-image:url(../img/btns/5.jpg)}.main-menu>li:nth-of-type(5) .content,.main-menu>li:nth-of-type(5) .content:before{background-color:#f0689f}.main-menu>li:nth-of-type(6){background-color:#6799ce}.main-menu>li:nth-of-type(6) .bg-img{background-image:url(../img/btns/6.jpg)}.main-menu>li:nth-of-type(6) .content,.main-menu>li:nth-of-type(6) .content:before{background-color:#6799ce}.main-menu>li:nth-of-type(7){background-color:#5ac7f0}.main-menu>li:nth-of-type(7) .bg-img{background-image:url(../img/btns/7.jpg)}.main-menu>li:nth-of-type(7) .content,.main-menu>li:nth-of-type(7) .content:before{background-color:#5ac7f0}.main-menu>li:nth-of-type(8){background-color:#bfd73c}.main-menu>li:nth-of-type(8) .bg-img{background-image:url(../img/btns/8.jpg)}.main-menu>li:nth-of-type(8) .content,.main-menu>li:nth-of-type(8) .content:before{background-color:#bfd73c}.notouch li .bg-img,.notouch li .content,.notouch li .content:before,.notouch li .content>h2{transition:all .3s ease-in-out}.notouch li:hover .content{height:100%;background-position:95% 95%;background-position:calc(100% - 20rem) calc(100% - 40rem)}.notouch li:hover .content:before{top:50rem}.notouch li:hover .content>h2{margin-top:12.5vh}@media screen and (max-aspect-ratio:1/1){.notouch li:hover .content>h2{margin-top:1vh}}.touch li.subber .content>h2{margin-top:-1.2em}.touch li.subber .content .sub-menu{top:0}.main-menu{width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-menu>li{float:left;position:relative;height:50%;width:25%}@media screen and (max-aspect-ratio:1/1){.main-menu>li{height:25%;width:50%}}.main-menu>li .bg-img{position:relative;height:50%;width:100%;margin:auto;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:1}.main-menu>li .content:before{width:100rem;position:absolute;content:'';height:80rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-20rem;left:60%;z-index:3}.main-menu>li .content{z-index:2;width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:3;padding:60rem 0 0 40rem;background-image:url(../img/ui/arrow-circle-white.png);background-repeat:no-repeat;background-position:90% 90%;background-position:calc(100% - 40rem) calc(100% - 40rem);background-size:80rem}@media screen and (max-aspect-ratio:1/1) and (min-aspect-ratio:4/9){.main-menu>li .content{padding-top:30rem}}@media screen and (max-aspect-ratio:1/1) and (min-aspect-ratio:4/5){.main-menu>li .content{padding-top:10rem}}.main-menu>li .content>h2{margin-top:1vh;height:1.2em;z-index:4;position:relative}.main-menu>li .content>h3{margin-top:1vh;height:20vh;z-index:4;position:relative}@media screen and (min-aspect-ratio:4/7){.main-menu>li .content>h3{width:55%}:lang(en) .main-menu>li .content>h3{width:40%}}#fond{-webkit-backface-visibility:hidden;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;height:100%;width:100%;position:fixed}@media screen and (orientation:portrait){#fond{background-image:url(../img/bg/fond-ver.jpg)}}@media screen and (orientation:landscape){#fond{background-image:url(../img/bg/fond-hor.jpg)}}#close{position:absolute;top:20rem;right:20rem;height:40rem;width:40rem;z-index:5;background-image:url(../img/ui/close.png);background-image:url(../img/ui/close.svg);background-repeat:no-repeat;background-position:50%;background-size:80%;transition:all .3s ease-in-out;cursor:pointer}.notouch #close:hover{background-size:100%}#close .icon{display:none}