/*!========================================================================= *\
   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(0.7, 0, 0.3, 1) forwards; -o-animation: animPreloadLoaded 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animPreloadLoaded 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; }

@media (max-width: 767px) { #preloader { display: none; } }
#preloader .spinner-container { position: relative; top: 100px; opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.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(0.7, 0, 0.3, 1) both; -o-animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animLoadedContent 1s cubic-bezier(0.7, 0, 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 0.2s; transition: stroke-dashoffset 0.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); } }