/* Minified CSS - ANIMATIONS TWICE AS FAST */
@import url("../../assets/css/responsive.css");
.ip-header{position:fixed;top:0;z-index:999999999999999999999999999991000;min-height:480px;width:100%;height:100%;background:linear-gradient(to right,#ff6347,#ffd700)}.ip-header h1{margin:0}.ip-logo,.ip-loader{position:absolute;left:0;width:100%;opacity:0;cursor:default;pointer-events:none;z-index:999999999999999999999999999991001}.ip-logo{top:0;height:100%;transform:translate3d(0,25%,0)}.ip-loader{bottom:20%}.ip-header .ip-inner{display:block;margin:0 auto}.ip-header .ip-logo svg{min-width:320px;max-width:480px;width:25%}.ip-header .ip-logo svg path{fill:#ef6e7e}.ip-header .ip-loader svg path{fill:none;stroke-width:6}.ip-header .ip-loader svg path.ip-loader-circlebg{stroke:#ddd}.ip-header .ip-loader svg path.ip-loader-circle{transition:stroke-dashoffset .1s;stroke:#ef6e7e}.ip-main{overflow:hidden;margin:0 auto;padding:160px 0 10em 0;max-width:1100px;width:90%}.ip-main h2{margin:0;padding:.5em 0 1em;color:#be4856;text-align:center;font-size:4.25em;line-height:1}.box{float:left;padding:3.5em;width:33.3%;font-size:.7em;line-height:1.5}.box p{font-family:'Blokk',Arial,sans-serif}[class^="icon-"]::before,[class*=" icon-"]::before{display:block;margin-bottom:.5em;padding:.5em;border-radius:5px;background:#dfdfdf;color:#fff;text-align:center;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-size:5em;font-family:'feather';line-height:1}.icon-bell:before{content:"\e006"}.icon-cog:before{content:"\e023"}.icon-heart:before{content:"\e024"}.loading .ip-logo,.loading .ip-loader{opacity:1;animation:animInitialHeader .5s cubic-bezier(0.7,0,0.3,1) both}.loading .ip-loader{animation-delay:.1s}@keyframes animInitialHeader{from{opacity:0;transform:translate3d(0,800px,0)}}.loaded .ip-logo,.loaded .ip-loader{opacity:1}.loaded .ip-logo{transform-origin:50% 0;animation:animLoadedLogo .5s cubic-bezier(0.7,0,0.3,1) forwards}@keyframes animLoadedLogo{to{transform:translate3d(0,0,0) scale3d(0.65,0.65,1)}}.loaded .ip-loader{animation:animLoadedLoader .25s cubic-bezier(0.7,0,0.3,1) forwards}@keyframes animLoadedLoader{to{opacity:0;transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1)}}.loaded .ip-logo svg path{transition:all .25s ease .15s;fill:#fff}.loaded .ip-header{opacity:0;transform:translate3d(0,-5%,0);transition:opacity 2.75s ease,transform 2.75s ease}@keyframes animLoadedHeader{to{transform:translate3d(0,-100%,0)}}.loaded .ip-main h2,.loaded .ip-main .browser,.loaded .ip-main .browser .box,.loaded .codrops-demos{animation:animLoadedContent .5s cubic-bezier(0.7,0,0.3,1) both}.loaded .ip-main .browser,.loaded .ip-main .browser .box:first-child{animation-delay:.05s}.loaded .ip-main .browser .box:nth-child(2){animation-delay:.075s}.loaded .ip-main .browser .box:nth-child(3){animation-delay:.1s}@keyframes animLoadedContent{from{opacity:0;transform:translate3d(0,200px,0)}}.layout-switch .ip-header{position:absolute}.no-js .ip-header{position:relative;min-height:0}.no-js .ip-header .ip-logo{margin-top:20px;height:180px;opacity:1;transform:none}.no-js .ip-header .ip-logo svg path{fill:#fff}@media screen and (max-width:45em){.ip-main h2{font-size:2.25em;font-size:10vw}.box{width:100%}}