.ip-header{position:fixed;top:0;z-index:9999;min-height:480px;width:100%;height:100%;background:#fff}.ip-header h1{margin:0}.ip-loader,.ip-logo{position:absolute;width:100%;opacity:0;cursor:default;pointer-events:none}.ip-logo{display:flex;justify-content:center;align-items:center;position:relative;height:35%;width:auto;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}.ip-logo img{max-width:100%;height:auto}.ip-loader{bottom:25%;left:3%;text-align:center}.ip-header .ip-inner{display:block;margin:0 auto}.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{-webkit-transition:stroke-dashoffset .2s;transition:stroke-dashoffset .2s;stroke:#369c8c}.loading .ip-loader,.loading .ip-logo{opacity:1;-webkit-animation:animInitialHeader 1s cubic-bezier(.7,0,.3,1) both;animation:animInitialHeader 1s cubic-bezier(.7,0,.3,1) both}.loading .ip-loader{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0)}}@keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0)}}.loaded .ip-loader,.loaded .ip-logo{opacity:1}.loaded .ip-logo{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:animLoadedLogo 1s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLogo 1s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)}}@keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1);transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)}}.loaded .ip-loader{-webkit-animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1)}}@keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1);transform:translate3d(0,-100%,0) scale3d(.3,.3,1)}}.loaded .ip-logo svg path{-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s;fill:#fff}.loaded .ip-header{-webkit-animation:animLoadedHeader 1s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedHeader 1s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0)}}@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.loaded .codrops-demos,.loaded .ip-main .browser,.loaded .ip-main .browser .box,.loaded .ip-main h2{-webkit-animation:animLoadedContent 1s cubic-bezier(.7,0,.3,1) both;animation:animLoadedContent 1s cubic-bezier(.7,0,.3,1) both}.loaded .ip-main .browser,.loaded .ip-main .browser .box:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.loaded .ip-main .browser .box:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.loaded .ip-main .browser .box:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes animLoadedContent{from{opacity:0;-webkit-transform:translate3d(0,200px,0)}}@keyframes animLoadedContent{from{opacity:0;-webkit-transform:translate3d(0,200px,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;-webkit-transform:none;transform:none}.no-js .ip-header .ip-logo svg path{fill:#fff}.wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text{color:#fbae17;display:inline-block;margin-left:5px}.bounceball{position:relative;display:inline-block;height:37px;width:15px}.bounceball:before{position:absolute;content:'';display:block;top:0;width:15px;height:15px;border-radius:50%;background-color:#fbae17;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:bounce .5s alternate infinite ease;animation:bounce .5s alternate infinite ease}@-webkit-keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}@keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}#loading-wrapper{position:relative}#loading-text{display:block;position:absolute;top:50%;left:50%;color:#999;width:100px;height:30px;margin:-7px 0 0 -45px;text-align:center;font-family:'PT Sans Narrow',sans-serif;font-size:20px}#loading-content{display:block;position:relative;left:50%;top:50%;width:130px;height:130px;margin:-85px 0 0 -85px;border:3px solid red}#loading-content:after{content:"";position:absolute;border:3px solid #0f0;left:15px;right:15px;top:15px;bottom:15px}#loading-content:before{content:"";position:absolute;border:3px solid #00f;left:5px;right:5px;top:5px;bottom:5px}#loading-content{border:3px solid transparent;border-top-color:#0f2758;border-bottom-color:#0f2758;border-radius:50%;-webkit-animation:loader 2s linear infinite;-moz-animation:loader 2s linear infinite;-o-animation:loader 2s linear infinite;animation:loader 2s linear infinite}#loading-content:before{border:3px solid transparent;border-top-color:#1c597f;border-bottom-color:#1c597f;border-radius:50%;-webkit-animation:loader 3s linear infinite;-moz-animation:loader 2s linear infinite;-o-animation:loader 2s linear infinite;animation:loader 3s linear infinite}#loading-content:after{border:3px solid transparent;border-top-color:#1f6794;border-bottom-color:#1f6794;border-radius:50%;-webkit-animation:loader 1.5s linear infinite;animation:loader 1.5s linear infinite;-moz-animation:loader 2s linear infinite;-o-animation:loader 2s linear infinite}@-webkit-keyframes loaders{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#content-wrapper{color:#fff;position:fixed;left:0;top:20px;width:100%;height:100%}#header{width:800px;margin:0 auto;text-align:center;height:100px;background-color:#666}#content{width:800px;height:1000px;margin:0 auto;text-align:center;background-color:#888}.loader{position:absolute;top:calc(50% - 120px);left:calc(50% - 80px);width:100px;height:100px;border-radius:50%;perspective:800px}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #0f2758}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #0f2758}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #0f2758}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@media only screen and (max-width:1366px){.ip-logo img{width:30%}#loading-content{width:110px;height:110px}}@media only screen and (max-width:1280px){.ip-logo img{width:40%}}@media only screen and (max-width:992px){.ip-logo img{width:40%}}@media only screen and (max-width:600px){.ip-logo img{width:65%}.ip-loader{left:9%}.loader{top:calc(50% - 100px);width:75px;height:75px}}