@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Raleway:800|Roboto:400,400i,700,700i";a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,main,nav,section,summary{display:block}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:separate;border-spacing:0;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input[type=button]{width:auto;overflow:visible}.clearfix:after{content:" ";display:block;clear:both}html,body{height:100%}body{font-family:'Roboto',Arial,sans-serif;font-size:18px;line-height:125%;background:#fff;color:#000;margin:0;padding:0}h1,h2,h3,h4{font-family:'Raleway',sans-serif;letter-spacing:1px;font-weight:800;text-transform:uppercase}h1{font-size:32px;line-height:32px;margin-bottom:10px}#page h4{letter-spacing:0;font-size:12px;color:#87b0d2;margin:10px 0 0}#page__data h4{margin-bottom:5px}.filter h4{font-size:16px;color:#87b0d2;margin:20px 0 10px}img.icon{height:25px;width:auto;display:inline-block}img.iconsmall{height:14px;width:auto;display:inline-block}button:focus{outline:0}a.calltoaction{border:2px solid #FF1D25;background:#FF1D25;line-height:40px;text-align:center;padding:0 20px;color:#fff;text-decoration:none;display:inline-block;text-transform:uppercase;font-weight:700;transition:all 250ms;margin:0 20px 0 0;position:relative;z-index:2}a.calltoaction::before{position:absolute;top:0;bottom:0;left:0;right:100%;background:#fff;transition:all 250ms;content:'';z-index:-1}a.calltoaction:hover{color:#FF1D25;border:2px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.5)}a.calltoaction:hover::before{right:0}#logo{position:fixed;top:20px;left:50%;margin-left:-103px;width:200px;height:61px;z-index:102;transition:all 500ms;transition-delay:250ms}#logo.opened{left:200px}#logo img{width:auto;height:61px;transition:all 500ms;transition-delay:750ms}#logo.opened img.fadeOut{opacity:0}#menu{position:fixed;top:46px;left:40px;width:30px;height:30px;z-index:102;cursor:pointer}#menu::before{position:fixed;margin-left:15px;margin-top:-4px;width:10px;height:10px;content:'';border-radius:50%;background:rgba(255,255,255,0);z-index:-1;transition:all 750ms}#menu:hover::before,#menu.opened::before{margin-left:-15px;margin-top:-29px;width:60px;height:60px;background:rgba(255,255,255,.2)}#menu span{height:4px;width:24px;background:#fff;display:block;transition:all 500ms}#menu:hover span{width:30px}#menu span::before{position:absolute;content:'';height:4px;width:30px;background:#fff;top:10px;transition:all 250ms}#menu span::after{position:absolute;content:'';height:4px;width:30px;background:#fff;top:-10px;transition:all 250ms}#menu.opened span{width:0;height:0}#menu.opened span::before{transform:rotate(45deg);top:0}#menu.opened span::after{transform:rotate(-45deg);top:0}#menu-wrapper{z-index:101;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,53,89,.9);box-shadow:0 10px 20px rgba(0,0,0,.4);display:none}#menu-wrapper nav{position:absolute;top:0;left:0;right:0;padding:120px 20px;height:100vh;overflow:hidden;overflow-y:scroll;text-align:center;font-size:24px;line-height:36px;text-transform:uppercase;letter-spacing:2px}#menu-wrapper li.active,#menu-wrapper li a:hover{color:#FF1D25}#menu-wrapper li a{text-decoration:none;color:#fff;transition:all 250ms}#lang a{position:fixed;top:29px;right:40px;width:36px;height:36px;line-height:32px;text-align:center;z-index:102;cursor:pointer;border:3px solid #fff;font-family:'Raleway';font-weight:800;font-size:16px;color:#fff;text-decoration:none;text-transform:uppercase;display:block;transition:all 125ms}#lang a:hover{color:#0e61a6}#lang a::before{top:0;left:0;width:0;height:30px;background:#fff;content:'';display:block;transition:all 125ms;position:absolute;z-index:-1}#lang a:hover::before{width:30px}.divider{position:absolute;top:0;width:1px;height:0;background:rgba(255,255,255,.05);z-index:2;transition:all 5s}.divider.stretch{height:100vh;min-height:550px}.divider1{left:16.66%}.divider2{left:33.33%}.divider3{left:50%}.divider4{left:66.66%}.divider5{left:83.33%}header{position:fixed;top:0;right:0;left:0;height:100px;z-index:100;transition:all 500ms}header.background{background:rgba(14,97,166,.9)}#home__intro{height:100vh;min-height:550px;background:rgba(14,97,166,.75);position:relative}#home__video{position:absolute;height:100vh;min-height:550px;width:100%;top:0;overflow:hidden;z-index:-1}#home__video video{position:absolute;left:-10%;bottom:-10%;top:-10%;right:-10%;width:120%;height:120%;background-size:120% 120%;background-color:#000;background-position:center center;background-size:contain;object-fit:cover;overflow:hidden}#home__video video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}#home__video video::-webkit-media-controls{display:none!important}#home__slogan{position:absolute;right:51%;top:50%;transform:translateY(-50%);color:#fff;width:300px}#home__mappa{position:absolute;left:51%;top:50%;transform:translateY(-50%);width:51.6vh;height:60vh;overflow:hidden}#share-panel{margin:25px 0 0}#share-panel a{width:40px;border:2px solid #87b0d2;border-radius:4px;background:#87b0d2;height:40px;padding:6px;position:relative;margin-right:3px;display:inline-block;text-align:center;transition:all 125ms;position:relative;z-index:2}#share-panel a img{height:30px;width:30px;position:relative}#share-panel a::before{position:absolute;top:0;left:0;bottom:0;right:100%;content:'';background:#3b5998;transition:all 125ms;z-index:0}#share-panel a:nth-of-type(2)::before{background:#0084b4}#share-panel a:nth-of-type(3)::before{background:#d34836}#share-panel a:nth-of-type(4)::before{background:#0e76a8}#share-panel a:hover::before{right:0}#share-panel a:hover{border-color:#3b5998;box-shadow:2px 2px 4px rgba(0,0,0,.5)}#share-panel a:nth-of-type(2):hover{border-color:#0084b4}#share-panel a:nth-of-type(3):hover{border-color:#d34836}#share-panel a:nth-of-type(4):hover{border-color:#0e76a8}#page-wrapper{color:#fff;background:#0e61a6;position:relative;text-align:center}#page{max-width:1200px;margin:0 auto -40px;padding-top:160px}#page__intro{width:300px;float:left;margin-left:calc(50% - 300px);text-align:left}#bkg-text--big{position:absolute;z-index:0;top:200px;left:50%;transform:translateX(-50%);min-width:100%;font-size:24vw;line-height:24vw;letter-spacing:-2vw;color:#fff;overflow:hidden;opacity:0;text-transform:uppercase;font-weight:700;white-space:nowrap;transition:all 3s;text-align:center;filter:blur(10px)}body.home #bkg-text--big{top:50%;transform:translate(-50%,-50%)}#bkg-text--big.animated{opacity:.05;filter:blur(0px)}#page__data{margin-left:40px;float:left;text-align:left;width:260px;overflow:hidden}#circle{width:50px;height:50px;margin-left:25px;margin-right:35px;float:left}.circle{width:40px;height:40px;margin:6px 2px 0 10px;float:left}body.is-ie .circle{width:35px;height:35px;margin-right:7px}#footer{background:#ff1d25;color:#fff;padding:60px 0;margin-top:40px}#footer a{color:#fff}#footer__container{max-width:1200px;margin:0 auto;text-align:center}#footer__container img{margin:20px 10px 0}#sponsor{background:#efefef;padding:40px 0 30px}#sponsor__container{max-width:800px;margin:0 auto}#sponsor img{width:100%;height:auto}#copy{font-size:12px;padding:30px;color:#fff;background:#0e61a6}#copy__container{margin:0 auto;max-width:1140px}.madeby{float:right;margin-left:25px}.madeby a{color:#87b0d2;text-decoration:none}.point__container{position:relative;background:url(../images/mappa.png) left center no-repeat;background-size:contain;width:100%;height:100%}.point{position:absolute;width:20px;height:20px;border-radius:50%;background:#FF1D25;margin:-10px 0 0 -10px;transition:all 250ms;opacity:0}.point.animated{opacity:1}.point:first-of-type{left:49.16%;top:51.73%}.point:nth-of-type(2){left:22.97%;top:18.26%}.point:nth-of-type(3){left:63.28%;top:61.18%}.point:nth-of-type(4){left:41.12%;top:28.48%}.point:nth-of-type(5){left:19.12%;top:26.26%}.point:nth-of-type(6){left:34.44%;top:19.28%}.point:nth-of-type(7){left:37.16%;top:35.25%}.point:nth-of-type(8){left:11.18%;top:16.89%}.point:nth-of-type(9){left:30.1%;top:23.57%}.point:nth-of-type(10){left:57.59%;top:14.3%}.point:nth-of-type(11){left:37.9%;top:26.06%}.point:nth-of-type(12){left:39.85%;top:8.26%}.point:nth-of-type(13){left:43.34%;top:21.17%}.point:nth-of-type(14){left:56.09%;top:86.17%}.point:nth-of-type(15){left:34.04%;top:25.75%}#home__mouse{position:absolute;bottom:30px;left:50%;z-index:99;margin-left:-15px;display:inline-block;height:44px;width:30px;border-radius:16px;border:4px solid #fff;text-align:center;cursor:pointer}#home__mouse:after{display:inline-block;height:8px;width:8px;background-color:#FF1D25;border-radius:50%;content:'';-webkit-animation:scroll 1.3s ease-out infinite forwards;-moz-animation:scroll 1.3s ease-out infinite forwards;animation:scroll 1.3s ease-out infinite forwards}#home__grid{max-width:1200px;margin:20px auto;text-align:center}.scheda{width:280px;padding:0;text-align:left;margin:0 10px 20px;float:left;cursor:pointer;box-shadow:5px 5px 10px rgba(0,0,0,.4);transition:all 250ms}.scheda:hover{transform:scale(1.1);z-index:99;box-shadow:7px 7px 15px rgba(0,0,0,.8)}.scheda .citta{color:#0e61a6;font-size:22px;line-height:30px;font-family:'Raleway';text-transform:uppercase;font-weight:800;text-align:center;padding:5px 10px;position:relative;margin-bottom:-40px;transition:all 125ms;background:rgba(255,255,255,.75)}.scheda:hover .citta{background:rgba(255,255,255,1);color:#FF1D25;padding-right:40px}.scheda .citta::after{position:absolute;width:0;height:40px;top:0;right:0;background:#FF1D25 url(../images/goto.png) center center no-repeat;background-size:20px;z-index:91;content:'';transition:all 125ms}.scheda:hover .citta::after{width:40px}.scheda .mappa{position:relative;z-index:-1}.scheda .mappa img.isomap{width:100%;height:auto;display:block;position:relative}.scheda .data{padding:4px 5px;margin-top:-48px;transition:all 125ms;background:rgba(14,97,166,.75)}.scheda .valore{font-weight:700;font-size:32px;line-height:40px;letter-spacing:-2px;color:#fff;display:inline-block}#page__data .valore{font-weight:700;font-size:64px;line-height:100px;letter-spacing:-4px;color:#fff;display:inline-block}.scheda .smalldata{float:right;margin:-5px 0;padding-top:2px;height:46px;width:50%}.scheda .kmrating,.scheda .copertura{line-height:28px;font-size:12px;color:#c3d7e9}#page .kmrating,#page .copertura{line-height:25px;font-size:14px;color:#87b0d2}.scheda .kmrating{margin-top:-10px}.kmrating{margin-top:-5px}.kmrating .number,.copertura .number{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px}.scheda .kmrating .number,.scheda .copertura .number{font-size:14px;letter-spacing:0}.scheda .copertura .number{font-size:16px}#page .copertura .number{font-size:22px}.scheda svg{float:left;margin-right:5px}#page__data svg{float:left;margin-right:10px}.scheda .valore{display:inline-block}.filter{text-align:center;margin:40px auto}.filter__intro{font-size:18px;line-height:20px;font-style:italic;max-width:1200px;margin:0 auto 20px}.filter button{border:2px solid #0e61a6;background-color:#0e61a6;line-height:25px;font-size:14px;text-align:center;padding:10px 20px 10px 10px;color:#fff;text-decoration:none;display:inline-block;text-transform:uppercase;font-weight:700;transition:all 250ms;margin:0 10px;position:relative;z-index:0;cursor:pointer}.filter button img.icon{margin-bottom:-7px;margin-right:7px}.filter button::before{position:absolute;top:0;bottom:0;left:0;right:100%;background:#FF1D25;transition:all 250ms;content:'';z-index:-1}.filter button.selected,.filter button:hover{border:2px solid #FF1D25}.filter button.selected::before,.filter button:hover::before{right:0}iframe#mapframe{clear:both;max-width:1200px;margin:0 auto;width:100%;height:600px;margin:40px 0 -40px;box-shadow:10px 10px 20px rgba(0,0,0,.4);z-index:10;position:relative}.clear{clear:both}.wow{visibility:visible!important}@media only screen and (max-width: 1240px){#page,#footer__container,#footer .copy,iframe#mapframe,.filter__intro{margin:0 20px;width:calc(100% - 40px)}#page,iframe#mapframe{margin-bottom:-40px}iframe#mapframe,#footer,#footer .copy{margin-top:40px}}@media only screen and (max-width: 1199px){#home__grid{width:900px}}@media only screen and (max-width: 960px){#footer a.calltoaction{margin-bottom:10px}}@media only screen and (max-width: 899px){#home__grid{width:600px}.filter button{width:calc(25% - 10px);line-height:14px;height:100px;margin:0 5px;float:left}.filter button img.icon{display:block;margin:0 auto 5px}#logo{top:28px;margin-left:-84px;width:164px;height:50px}#logo img{height:50px}}@media only screen and (max-width: 767px){.divider,#bkg-text--big{display:none}}@media only screen and (max-width: 640px){#home__mappa{display:none}#home__slogan{right:40px;width:auto;left:40px}.filter button{width:calc(50% - 10px);margin:5px}#page__intro{width:calc(100% - 240px);margin-left:20px}#page__data{text-align:center;margin-left:0;float:right;width:200px}#page__data .bigdata svg{margin-right:0;float:none}#page__data .valore{font-size:48px;line-height:48px;letter-spacing:0;display:block}}@media only screen and (max-width: 599px){#home__grid{width:300px}.scheda .mappa{height:120px;overflow:hidden}}@media only screen and (max-width: 480px){#menu{top:36px;left:30px}#lang a{top:19px;right:30px}#logo{top:20px;margin-left:-68px;width:132px;height:40px}#logo img{height:40px}#logo.opened{left:150px}#page h4{font-size:10px;line-height:12px}#page__data .bigdata svg{width:25%;height:25%;float:left}#page__data{width:calc(100% - 40px);margin:20px 20px 0}#page__data .bigdata,#page__data .smalldata{width:50%;float:left}#page__intro{width:calc(100% - 40px)}#circle{margin-right:0;margin-left:15px}#page__data .valore{font-size:36px;line-height:36px}}@media only screen and (max-width: 419px){#circle{display:none}#page .kmrating,#page .copertura{line-height:22px;text-align:center}}@media only screen and (max-height: 550px){#home__mouse{display:none}}@media only screen and (orientation: portrait){#home__mappa{left:51%;width:48vw;height:55.81vw}}@-webkit-keyframes scroll{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes scroll{0%{-moz-transform:translateY(0)}50%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@keyframes scroll{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:100}.animsition-loading{content:'';background:url(../images/logo-small.png) center center no-repeat;background-size:50px 37px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}.animsition-loading::before{content:'Bike safe';color:#0e61a6;position:absolute;top:50%;left:50%;width:100px;text-align:center;margin:20px 0 0 -50px;font-family:'Raleway',sans-serif;font-weight:800;text-transform:uppercase;font-size:12px}@keyframes animsition-loading{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes zoom-in-sm{0%{transform:scale(.95);opacity:0}100%{opacity:1}}.zoom-in-sm{animation-name:zoom-in-sm}@keyframes zoom-out-sm{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:0}100%{opacity:0}}.zoom-out-sm{animation-name:zoom-out-sm}