.navigation-example,.parallax{background-size:cover;background-position:center center}.tim-row{margin-bottom:20px;padding-top:50px}.presentation-page{overflow-x:hidden}.navbar-brand>img{margin-top:-18px}.tim-white-buttons{background-color:#777}.title{margin-top:30px;min-height:32px}.title.text-center{margin-bottom:50px}.tim-typo{padding-left:25%;margin-bottom:40px;position:relative;width:100%}.tim-typo .tim-note{bottom:5px;color:#c0c1c2;display:block;font-weight:400;font-size:13px;line-height:15px;left:0;margin-left:20px;position:absolute;width:260px}#notifications,.parallax,.space-100{width:100%;display:block}.tim-row h3{margin-top:0}#typography h1,#typography h2,#typography h3,#typography h4,#typography h5,#typography h6{margin-bottom:0}.switch{margin-right:20px}#navbar-full .navbar{border-radius:0!important;margin-bottom:15px;z-index:2}.space{height:130px;display:block}.space-110{height:110px;display:block}.space-50{height:50px;display:block}.space-70{height:70px;display:block}.navigation-example .img-src{background-attachment:scroll}.tim-container .noUi-horizontal{margin:30px 0}.navigation-example{margin-top:0;min-height:740px}#notifications{background-color:#FFF;position:relative}.separator-line,.separator.separator-gray{background-color:#EEE}#notifications .alert-danger{margin-bottom:0}.tim-note{text-transform:capitalize}#buttons .btn{margin:0 0 15px}.space-100{height:100px}.be-social{padding-bottom:20px;margin:0 auto 40px}.txt-white{color:#FFF}.txt-gray{color:#ddd!important}.parallax{height:570px;background-attachment:fixed;background-repeat:no-repeat}.logo-container .logo{overflow:hidden;border-radius:50%;border:1px solid #333;width:50px;float:left}.logo-container .brand{font-size:16px;line-height:18px;float:left;margin-left:10px;margin-top:7px;color:#fff;width:70px;height:40px;text-align:left}.navbar-default .logo-container .brand{color:#999}.navbar-transparent .logo-container .brand{color:#FFF}.logo-container .brand-material{font-size:18px;margin-top:15px;height:25px;width:auto}.logo-container .logo img{width:100%}.navbar-small .logo-container .brand{color:#333}.fixed-section{top:90px;max-height:71vh;overflow:scroll;border-bottom:1px solid rgba(220,220,220,.8)}.img-container,.lightbox .modal-content{overflow:hidden}.fixed-section ul li{list-style:none}.fixed-section li a{font-size:14px;padding:2px;display:block;color:#666}.fixed-section li a.active{color:#0bf}.navbar-transparent.navbar-small .logo-container .brand,.separator{color:#FFF}.fixed-section.float{position:fixed;top:100px;width:200px;margin-top:0}.parallax .parallax-image{width:100%;overflow:hidden;position:absolute}.parallax .parallax-image img{width:100%}@media (max-width:768px){.parallax .parallax-image{width:100%;height:640px;overflow:hidden}.parallax .parallax-image img{height:100%;width:auto}}.separator{content:"Separator";display:block;width:100%;padding:20px}.lightbox .modal-body,.section-notifications,.section-thin{padding:0}#javascriptComponents,.section-pagination{padding-bottom:0}.separator-line{height:1px;width:100%;display:block}.social-buttons-demo .btn{margin:10px 5px 7px 1px}.img-container,.img-container img,.lightbox img{width:100%}@media screen and (min-width:991px){.lightbox .modal-dialog{width:960px}}@media (max-width:991px){.fixed-section.affix{position:relative;margin-bottom:100px}}@media (max-width:768px){.btn,.btn-morphing{margin-bottom:10px}.parallax .motto{top:170px;margin-top:0;font-size:60px;width:270px}}.logo-container .brand,.logo-container .logo,.presentation .front,.presentation .front .btn,.presentation .front:after{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}#images h4{margin-bottom:30px}#javascriptComponents .btn-raised{margin:10px 0}.layers-container{display:block;margin-top:50px;position:relative}.layers-container img{position:absolute;width:100%;height:auto;top:0;left:0;text-align:center}.section-black{background-color:#333}.animate{transition:1.5s ease-in-out;-moz-transition:1.5s ease-in-out;-webkit-transition:1.5s ease-in-out}.navbar-default.navbar-small .logo-container .brand{color:#333}.sharing-area{margin-top:80px}.sharing-area .btn{margin:15px 4px 0;color:#FFF}.sharing-area .btn i{font-size:18px;position:relative;top:2px;margin-right:5px}#navbar{margin-bottom:-20px}.sharing-area .btn-twitter,.sharing-area .btn-twitter:active:focus{background-color:#55acee}.sharing-area .btn-facebook,.sharing-area .btn-facebook:active:focus{background-color:#3b5998}.sharing-area .btn-google-plus,.sharing-area .btn-google-plus:active:focus{background-color:#dd4b39}.sharing-area .btn-github,.sharing-area .btn-github:active:focus{background-color:#333}.section-navbars{padding-top:0}#navbar .navbar{border-radius:0}.section-tabs{background:#EEE}.section-download h4{margin-bottom:50px}.section-examples a{text-decoration:none}.section-examples h5{margin-top:30px}.components-page .wrapper>.header,.tutorial-page .wrapper>.header{height:400px;padding-top:100px;background-size:cover;background-position:center center}.components-page .title,.tutorial-page .title{color:#FFF}@media (max-width:830px){.main-raised{margin-left:10px;margin-right:10px}}.components-page .footer{position:absolute;bottom:0;left:0;right:0}.components-page .page-header:after{background:rgba(5,58,116,.88);background:linear-gradient(45deg,rgba(5,89,158,.88) 0,rgba(5,58,116,.31) 100%);background:-moz-linear-gradient(135deg,rgba(5,89,158,.88) 0,rgba(5,58,116,.31) 100%);background:-webkit-linear-gradient(135deg,rgba(5,89,158,.88) 0,rgba(5,58,116,.31) 100%)}.components-page .page-header.header-filter:before{display:none}.components-page .page-header .title-container{position:relative;z-index:10}.components-page .footer .container{padding-top:0}.components-page .footer .btn i{color:#fff}.components-page .page-header{height:100vh!important;min-height:auto!important}.section-components .title{margin-top:60px;margin-bottom:5px}.section-components .description{margin-top:35px}.section-components .image-container{height:560px;position:relative}.section-components .components-macbook{width:auto;left:-100px;top:0;height:100%;position:absolute}.section-components .coloured-card-btn-img,.section-components .coloured-card-img,.section-components .pin-btn-img,.section-components .share-btn-img,.section-components .social-img,.section-components .table-img{position:absolute;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.section-components .coloured-card-img{left:90%;top:11%;height:90px;border-radius:2px}.section-components .social-img{left:70%;top:67%;height:40px}.section-components .coloured-card-btn-img{left:35%;top:2%;height:125px;border-radius:6px}.section-components .table-img{left:-13%;top:27%;height:175px;border-radius:2px}.section-components .pin-btn-img{left:0;top:68%;height:25px;border-radius:3px}.section-components .share-btn-img{left:3%;top:-3%;height:25px}.section-content .section-description{margin-top:100px}.section-content .title{margin-bottom:5px}.section-content .section-description .title+.description{margin-top:0}.section-content .description{margin-top:35px}.section-content .image-container{max-width:900px;position:relative}.section-content .image-container .ipad-img{width:100%;transition:transform .6s .9s;z-index:2}.section-content .image-container .area-img,.section-content .image-container .info-img{position:absolute;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);opacity:0;transform:translate3D(0,100px,0);-webkit-transform:translate3D(0,100px,0)}.section-content .image-container .area-img{top:10%;left:60%;height:300px;width:250px;z-index:2;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}.section-content .image-container .info-img{top:50%;left:0;height:200px;width:300px;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}.animated{transform:translate3D(0,0,0)!important;-webkit-transform:translate3D(0,0,0)!important;opacity:1!important}@-webkit-keyframes Floatingy{from,to{-webkit-transform:translate(0,0)}65%{-webkit-transform:translate(50px,0)}}@-moz-keyframes Floatingy{from,to{-moz-transform:translate(0,0)}65%{-moz-transform:translate(50px,0)}}@-webkit-keyframes Floatingx{from,to{-webkit-transform:translate(50px,0)}65%{-webkit-transform:translate(0,0)}}@-moz-keyframes Floatingx{from,to{-moz-transform:translate(50px,0)}65%{-moz-transform:translate(0,0)}}.coloured-card-btn-img,.coloured-card-img,.pin-btn-img,.share-btn-img,.social-img,.table-img{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-name:Floatingy;-moz-animation-name:Floatingy;float:left}.coloured-card-img,.social-img,.table-img{-webkit-animation-name:Floatingx;-moz-animation-name:Floatingx}.table-img{-webkit-animation-duration:14s;-moz-animation-duration:14s}.coloured-card-img{-webkit-animation-duration:10s;-moz-animation-duration:10s}.coloured-card-btn-img{-webkit-animation-duration:18s;-moz-animation-duration:18s}.pin-btn-img{-webkit-animation-duration:15s;-moz-animation-duration:15s}.share-btn-img{-webkit-animation-duration:11s;-moz-animation-duration:11s}.social-img{-webkit-animation-duration:16s;-moz-animation-duration:16s}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}