/*!========================================================================= *\
   Page preloader
\* ========================================================================= */
#preloader{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;visibility:visible;background-color:#1a1a1a;text-align:center;-webkit-transition:all 3s ease;-o-transition:all 3s ease;transition:all 3s ease}#preloader i{font-size:45px;color:#76d898}#preloader.loaded{visibility:hidden;-webkit-animation:animPreloadLoaded 1s cubic-bezier(.7,0,.3,1) forwards;-o-animation:animPreloadLoaded 1s cubic-bezier(.7,0,.3,1) forwards;animation:animPreloadLoaded 1s cubic-bezier(.7,0,.3,1) forwards}@media (max-width:767px){#preloader{display:none}}#preloader .spinner-container{position:relative;top:100px;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#preloader.loading .spinner-container{top:0;opacity:1}#preloader.loaded .spinner-container{top:-100px;opacity:0}.preloader #wrapper{visibility:hidden;opacity:0;padding-top:200px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.preloader.loaded #wrapper{visibility:visible;opacity:1;padding-top:0;-webkit-animation:animLoadedContent 1s cubic-bezier(.7,0,.3,1) both;-o-animation:animLoadedContent 1s cubic-bezier(.7,0,.3,1) both;animation:animLoadedContent 1s cubic-bezier(.7,0,.3,1) both}.ip-loader svg path.ip-loader-circlebg{stroke:#aaa}.ip-loader svg path{fill:none;stroke-width:6}.ip-loader svg path.ip-loader-circle{stroke:#76d898;-webkit-transition:stroke-dashoffset .2s;transition:stroke-dashoffset .2s}@-webkit-keyframes animPreloadLoaded{to{-webkit-transform:translate3d(0,-100%,0)}}@keyframes animPreloadLoaded{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes animLoadedWrapper{from{opacity:0;-webkit-transform:translate3d(0,200px,0)}}@keyframes animLoadedWrapper{from{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}}