@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-family:fontawesome;src:url(../fonts/fontawesome.eot);src:url(../fonts/fontawesome.eot?#iefix) format('embedded-opentype'),url(../fonts/fontawesome.svg#fontawesome) format('svg'),url(../fonts/fontawesome.woff) format('woff'),url(../fonts/fontawesome.ttf) format('truetype');font-weight:400;font-style:normal}body,html{font-size:100%;padding:0;margin:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}a{color:#f0f0f0;text-decoration:none}a:hover{color:#000}.container>header{padding:2.875em 1.875em 1.875em}.container>header h1{font-size:2.125em;line-height:1.3;margin:0;float:left;font-weight:400}.container>header span{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.5em;padding:0 0 .6em .1em}.container>header nav{float:right}.container>header nav a{display:block;float:left;position:relative;width:2.5em;height:2.5em;background:#fff;border-radius:50%;color:transparent;margin:0 .1em;border:4px solid #47a3da;text-indent:-8000px}.container>header nav a:after{content:attr(data-info);color:#47a3da;position:absolute;width:600%;top:120%;text-align:right;right:0;opacity:0;pointer-events:none}.container>header nav a:hover:after{opacity:1}.container>header nav a:hover{background:#47a3da}.main>section{max-width:260px;width:90%;margin:0 auto}.main>section h2{font-weight:300;color:#ccc}.main>section button{border:none;background:#5771ac;color:#fff;padding:1em .7em 1em .5em;display:block;width:100%;cursor:pointer;margin:0;font-size:.8em;position:absolute;width:50px;right:4px;top:5px;transition:all .3s ease}.main>section button:hover{background:#2d416f}.main>section button.active{background:#001a55;position:absolute!important;width:50px!important;right:170px!important;top:5px}.main>section button.disabled{background:#aaa;pointer-events:none}.icon-arrow-left:before,.icon-drop:before{font-family:fontawesome;position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:400;line-height:2;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased;text-indent:8000px;padding-left:8px}.container>header nav a:hover:before{color:#fff}.icon-drop:before{content:"\e000"}.icon-arrow-left:before{content:"\f060"}