.component,.demo-nav{text-align:center}.demo-nav{margin-bottom:24px}.demo-nav ul{list-style:none;margin:0;padding:0}.demo-nav li{display:inline-block;margin:0 2px 4px}.demo-nav a{display:block;padding:8px 24px;color:#28aadc;border:2px solid #28aadc}.demo-nav a:hover,.demo-nav li.active a{color:#fff;background-color:#28aadc}.component__title{margin-bottom:12px;color:#fff;font-size:22px;font-weight:700}.icon{display:inline-block;overflow:hidden;margin:16px 1px 0;width:39px;height:39px;font-size:0;text-indent:-9999px}.icon-mono{background:url(../img/icons1.png) #595959;background-image:url(../img/icons1.svg),none;-webkit-transition:background .3s;transition:background .3s}.icon-mono.facebook{background-position:0 0}.icon-mono.facebook:hover{background-color:#3b5998;background-position:0 -96px}.icon-mono.twitter{background-position:-96px 0}.icon-mono.twitter:hover{background-color:#4099ff;background-position:-96px -96px}.icon-mono.googleplus{background-position:-192px 0}.icon-mono.googleplus:hover{background-color:#d34836;background-position:-192px -96px}.icon-mono.github{background-position:-288px 0}.icon-mono.github:hover{background-color:#333;background-position:-288px -96px}.icon-mono.rss{background-position:-384px 0}.icon-mono.rss:hover{background-color:#ee802f;background-position:-384px -96px}.icon-nudge{position:relative;background:url(../img/icons2.png);background-image:url(../img/icons2.svg),none;-webkit-transition:background .2s;transition:background .2s}.icon-nudge::after{display:block;position:absolute;bottom:0;left:0;width:100%;height:0;content:"";-webkit-transition:height .2s;transition:height .2s}.icon-nudge:hover::after{height:8px}.icon-border::after,.icon-border::before,.icon-cube::after,.icon-cube::before,.icon-slide::after,.icon-slide::before{display:block;top:0;width:100%;height:100%;content:""}.icon-nudge.facebook{background-color:#3b5998;background-position:0 0}.icon-nudge.facebook:hover{background-position:0 -8px}.icon-nudge.facebook::after{background-color:#1e2e4f}.icon-nudge.twitter{background-color:#4099ff;background-position:-96px 0}.icon-nudge.twitter:hover{background-position:-96px -8px}.icon-nudge.twitter::after{background-color:#0065d9}.icon-nudge.googleplus{background-color:#d34836;background-position:-192px 0}.icon-nudge.googleplus:hover{background-position:-192px -8px}.icon-nudge.googleplus::after{background-color:#86291d}.icon-nudge.github{background-color:#333;background-position:-288px 0}.icon-nudge.github:hover{background-position:-288px -8px}.icon-nudge.github::after{background-color:#4d4d4d}.icon-nudge.rss{background-color:#ee802f;background-position:-384px 0}.icon-nudge.rss:hover{background-position:-384px -8px}.icon-nudge.rss::after{background-color:#a9500e}.icon-slide{position:relative}.icon-slide::after,.icon-slide::before{position:absolute;background:url(../img/icons3.png);background-image:url(../img/icons3.svg),none;-webkit-transition:left .3s;transition:left .3s}.icon-slide::before{left:0;background-color:#595959}.icon-slide::after{left:-100%}.icon-slide:hover::before{left:100%}.icon-slide:hover::after{left:0}.icon-slide.facebook::after,.icon-slide.facebook::before{background-position:0 0}.icon-slide.facebook::after{background-color:#3b5998}.icon-slide.twitter::after,.icon-slide.twitter::before{background-position:-96px 0}.icon-slide.twitter::after{background-color:#4099ff}.icon-slide.googleplus::after,.icon-slide.googleplus::before{background-position:-192px 0}.icon-slide.googleplus::after{background-color:#d34836}.icon-slide.github::after,.icon-slide.github::before{background-position:-288px 0}.icon-slide.github::after{background-color:#333}.icon-slide.rss::after,.icon-slide.rss::before{background-position:-384px 0}.icon-slide.rss::after{background-color:#ee802f}.icon-border{position:relative}.icon-border::after,.icon-border::before{position:absolute;left:0}.icon-border::before{z-index:1;-webkit-transition:box-shadow .3s;transition:box-shadow .3s}.icon-border::after{z-index:2;background:url(../img/icons4.png);background-image:url(../img/icons4.svg),none}.icon-border.facebook::before{box-shadow:inset 0 0 0 48px #3b5998}.icon-border.facebook:hover::before{box-shadow:inset 0 0 0 4px #3b5998}.icon-border.facebook::after{background-position:0 0}.icon-border.twitter::before{box-shadow:inset 0 0 0 48px #4099ff}.icon-border.twitter:hover::before{box-shadow:inset 0 0 0 4px #4099ff}.icon-border.twitter::after{background-position:-96px 0}.icon-border.googleplus::before{box-shadow:inset 0 0 0 48px #d34836}.icon-border.googleplus:hover::before{box-shadow:inset 0 0 0 4px #d34836}.icon-border.googleplus::after{background-position:-192px 0}.icon-border.github::before{box-shadow:inset 0 0 0 48px #333}.icon-border.github:hover::before{box-shadow:inset 0 0 0 4px #333}.icon-border.github::after{background-position:-288px 0}.icon-border.rss::before{box-shadow:inset 0 0 0 48px #ee802f}.icon-border.rss:hover::before{box-shadow:inset 0 0 0 4px #ee802f}.icon-border.rss::after{background-position:-384px 0}.icon-cube{position:relative;-webkit-perspective:800px;perspective:800px;overflow:visible}.icon-cube::after,.icon-cube::before{position:absolute;left:0;background:url(../img/icons5.png);-webkit-transition:all .3s;transition:all .3s;background-size:auto 39px}.icon-cube::before{z-index:2;background-color:#595959}.icon-cube::after{z-index:1;opacity:0;-webkit-transform:translateY(20px) rotateX(-90deg);transform:translateY(20px) rotateX(-90deg)}.icon-cube:hover::before{opacity:0;-webkit-transform:translateY(-20px) rotateX(90deg);transform:translateY(-20px) rotateX(90deg)}.icon-cube:hover::after{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}.icon-cube.facebook::after,.icon-cube.facebook::before{background-position:0 0}.icon-cube.facebook::after{background-color:#3774c1}.icon-cube.twitter::after,.icon-cube.twitter::before{background-position:-38px 0}.icon-cube.twitter::after{background-color:#48c9f0}.icon-cube.googleplus::after,.icon-cube.googleplus::before{background-position:-312px 0}.icon-cube.googleplus::after{background-color:#f14e4b}.icon-cube.github::after,.icon-cube.github::before{background-position:-288px 0}.icon-cube.github::after{background-color:#333}.icon-cube.rss::after,.icon-cube.rss::before{background-position:38px 0}.icon-cube.rss::after{background-color:#7ac7dd}