/*!
 * netInteractivePanel
 * :)
 * https://quasiDigi.net
 * @author quasiDigi
 * @version 0.0.1
 * Copyright 2017. MIT licensed.
 */
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans:400,600,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,div,h1,h2,h3,h4,h5,li,p,ul{padding:0;margin:0;display:block}li,ul{list-style:none}a{text-decoration:none}:focus{outline:none}html{font-family:Open Sans,Helvetica Neue,Helvetica,sans-serif;font-style:normal;font-weight:400}body,html{color:#fff}body{font-size:6rem;line-height:1.3}a{color:#fff}p{line-height:1.5}h2{font-size:21.98rem;color:#848484;font-weight:400}h2 strong{font-size:28.74rem;display:block}#lead,h2 strong{font-weight:700;color:#000}#lead{font-size:25rem}#lead,#num{font-style:normal}#num{font-size:27.95rem;color:#f0f;font-weight:700;border-color:#f0f;border-style:solid;border-width:1px 0}#button{font-size:31.91rem;color:#fff;font-weight:600;font-style:normal;background-color:#f0f}#header{padding:50rem}@media screen and (min-width:480px){#header{background-image:url(../img/bg/header.jpg);background-repeat:no-repeat;background-position:100%;background-size:cover}}#header *{width:305rem;margin-bottom:20rem}#header .content{height:700rem;width:550rem;position:relative;top:50%;left:50%;-webkit-transform:perspective(1px) translateX(-50%) translateY(-50%);transform:perspective(1px) translateX(-50%) translateY(-50%)}#header #fr-tel{background-image:url(../img/logo/fr-tel.png);background-image:url(../img/logo/fr-tel.svg);background-size:contain;height:15rem;margin-bottom:20rem}#header #fr-tel,#header #logo{background-repeat:no-repeat;background-position:0 0}#header #logo{background-image:url(../img/logo/logo.png);background-size:100%;height:89rem}#header #button,#header #lead,#header #logo,#header #num{margin-left:80rem}#header #button{padding:25rem 50rem;width:360rem;margin-top:180rem}.notouch #header #button{cursor:pointer;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.notouch #header #button:hover{z-index:999999;-webkit-transform:scale(1.1) translateY(.05%);transform:scale(1.1) translateY(.05%)}body{background-color:#fff}#nav>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}#nav>ul>li{position:relative;height:25%;margin:0 20rem}#nav>ul>li .bg-img{z-index:4;width:140rem;background-position:10rem;background-size:140rem;background-repeat:no-repeat}#nav>ul>li .bg-img,#nav>ul>li .content{height:140rem;position:relative;top:50%;-webkit-transform:perspective(1px) translateY(-50%);transform:perspective(1px) translateY(-50%);float:left}#nav>ul>li .content{margin-left:20rem;width:330rem}#nav>ul>li .content h2{position:relative;z-index:3}#nav>ul>li .line{z-index:1;width:460rem;height:6rem;background-color:#e6e6e6;position:absolute;left:-150rem;bottom:-20rem;transition:all .3s ease-in-out}.notouch #nav>ul>li{cursor:pointer}.notouch #nav>ul>li:hover .line{height:180rem;width:510rem;left:-180rem}#nav>ul>li:nth-of-type(1) .bg-img{background-image:url(../img/btns/1.jpg)}#nav>ul>li:nth-of-type(2) .bg-img{background-image:url(../img/btns/2.jpg)}#nav>ul>li:nth-of-type(3) .bg-img{background-image:url(../img/btns/3.jpg)}#nav>ul>li:nth-of-type(4) .bg-img{background-image:url(../img/btns/4.jpg)}#nav>ul>li:nth-of-type(5) .bg-img{background-image:url(../img/btns/5.jpg)}#nav>ul>li:nth-of-type(6) .bg-img{background-image:url(../img/btns/6.jpg)}#nav>ul>li:nth-of-type(7) .bg-img{background-image:url(../img/btns/7.jpg)}#nav>ul>li:nth-of-type(8) .bg-img{background-image:url(../img/btns/8.jpg)}@media screen and (orientation:landscape){html{font-size:.05vw}#header{width:33%}#header,#nav{height:100%;float:left}#nav{width:67%}#nav>ul{width:1100rem;margin:auto;height:100%;padding:0 20rem}#nav>ul>li{display:block;width:490rem;float:left}}@media screen and (orientation:landscape) and (max-height:39vw){body{overflow:auto}body #header,body #nav{height:39vw}}@media screen and (orientation:portrait){html{font-size:.09vw}body{overflow:auto}#header{height:33%;width:100%}#header .content{width:500rem;height:400rem}#header #button{margin-top:50rem}#nav{width:100%;height:67%;position:relative}#nav>ul{width:1000rem;height:100%;bottom:0;margin:0 25rem}#nav>ul>li{width:490rem}}@media screen and (orientation:portrait) and (max-height:112vw){body{overflow:auto}body #header{height:37vw}body #nav{height:75vw}}@media screen and (orientation:portrait) and (max-width:480px){#header{width:100%;height:auto;padding:0;margin:0;position:fixed;background-color:#fff;z-index:9999;box-shadow:0 1em 1em 0 #b8b8b8}#header .content{width:100%;position:relative;top:auto;left:auto;-webkit-transform:none;transform:none;height:auto;margin-bottom:0}#header #fr-tel{float:left;margin-top:5rem;height:20rem;width:33vw;background-position:50%}#header #logo{margin:20rem auto;width:37vw;height:120rem}#header #lead{margin:0 auto;width:37vw;height:20rem;font-size:40rem}#header #num{/*width:100%;*/margin:50rem auto 20rem;text-align:center}#header #button{width:100%;margin:20rem 0;text-align:center;margin-bottom:0}#nav{margin-top:38vw;width:100%;height:auto;position:relative}#nav>ul{width:1000rem;height:auto;bottom:0;margin:0 25rem}#nav>ul>li{width:100%;height:300rem}#nav>ul>li .bg-img{width:20vw;height:20vw;background-size:100%}#nav>ul>li .content{width:75%}#nav>ul>li .line{width:90vw;bottom:-60rem;left:-21vw}.notouch #nav>ul>li:hover .line{height:24vw;width:94vw;left:-24vw}#nav>ul>li h2{font-size:40rem}#nav>ul>li h2 strong{font-size:45rem}#nav>ul>li h2 strong br{display:none}}#fond{z-index:-1;-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{font-family:sans-serif;z-index:999999;font-size:50rem;padding:.4em .5em;height:1.5em;width:1.5em;line-height:.9em;transition:background .3s ease-in-out;cursor:pointer;text-align:center;color:#fff;color:#000}#close,#close .icon{position:absolute;top:0;right:0}#close .icon{display:block;font-weight:400;width:50rem;height:50rem;margin:auto;left:0;bottom:0}#close:hover{background-color:hsla(0,0%,100%,.4);color:#f0f}@media screen and (max-width:480px){#close{font-size:60rem}#close .icon{width:60rem;height:60rem}}@media screen and (orientation:portrait){#close{color:#0c90b4}}