.ip-header{position:fixed;display:flex;top:0;z-index:3000;width:100%;height:100%;background:#1d1d1d;flex-direction:column;justify-content:center;align-items:center}.ip-header h1{margin:0}.ip-loader,.ip-logo{width:auto;height:280px;opacity:0;cursor:default;pointer-events:none}.ip-logo{-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}.blockquote{position:relative;font-family:'Barlow Condensed',sans-serif;min-width:700px;margin:0 auto 140px;align-self:center}.blockquote h1{position:absolute;color:#fdda6c;bottom:0;width:100%;font-size:2.8rem;font-weight:400;line-height:1;margin:0;border:2px solid #fff;border:solid 2px #fdda6c;border-radius:20px;padding:25px 25px 50px;background:#fdda6c;background:linear-gradient(180deg,rgba(253,218,108,0.16572566526610644) 4%,rgba(0,0,0,0) 47%)}.twocolume .blockquote h1{padding:25px 25px 30px;}.blockquote p{font-size:1.5rem;font-weight:100;color:#E7E3E3;margin:10px 0;letter-spacing:0}.blockquote h1:after{content:"";position:absolute;background:#1d1d1d;width:168px;height:60px;bottom:-57px;left:50%;margin-left:-84px;border-bottom:none;border-left:none;z-index:3;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.blockquote h1:before{position:absolute;border:2px solid #fdda6c;border-radius:0 50px 0 0;width:60px;height:60px;bottom:-60px;left:154px;border-bottom:none;border-left:none;z-index:3}.ip-loader{top:50%;margin-top:110px;position:absolute}.ip-header .ip-inner{display:block;margin:0 auto;transform:scale(1.5)}.ip-header .ip-logo svg path{fill:#046674}.ip-header .ip-loader svg path{fill:none;stroke-width:6}.ip-header .ip-loader svg path.ip-loader-circlebg{stroke:#525252}.ip-logo h1,.ip-logo h2{font-size:1.7rem;font-weight:bolder;color:#fff}.ip-logo h1 b{margin:0 1%;}.ip-logo h2{position:relative;font-size:1.2em;text-align:center;letter-spacing:0;background:#000}.ip-header .ip-loader svg path.ip-loader-circle{-webkit-transition:stroke-dashoffset .1s;transition:stroke-dashoffset .1s;stroke:#faad00}.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;-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s}.loading .ip-loader{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-transition:all .5s ease .3s;transition:all .5s ease .3s}@-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-logo{opacity:1}.loaded .ip-loader{opacity:1}.loaded .ip-logo{-webkit-animation:animLoadedLoader 1s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLoader 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 .5s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedHeader .5s 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 .5s cubic-bezier(.7,0,.3,1) both;animation:animLoadedContent .5s 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;display:none}.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:#046674}
@media (min-width:2049px) and (max-width:2880px){.twocolume .ip-logo{margin:0px auto 6%;height:21%;}}
@media (min-width:2049px) and (max-width:2560px){.twocolume .ip-logo{height:25%;}}
@media (min-width:1681px) and (max-width:1920px){.twocolume .ip-logo{height:32%;}}
@media (min-width:1601px) and (max-width:1680px){.twocolume .ip-logo{margin:0px auto 11%;height:36%;}}
@media (min-width:1537px) and (max-width:1600px){.twocolume .ip-logo{height:41%;}}
@media (min-width:1513px) and (max-width:1536px){.twocolume .ip-logo{height:39%;}}
@media (min-width:1441px) and (max-width:1512px){.twocolume .ip-logo{height:33%;}}
@media (min-width:1401px) and (max-width:1440px){.twocolume .ip-logo{margin:0px auto 12%;height:40%;}}
@media (min-width:1367px) and (max-width:1400px){.twocolume .ip-logo{height:39%;}}
@media (min-width:1352px) and (max-width:1366px){.twocolume .ip-logo{margin:0px auto 16%;height:47%;}}
@media (min-width:1281px) and (max-width:1352px){.twocolume .ip-logo{margin:0px auto 10%;height:38%;}}
/*@media (min-width:940px) and (max-width:1280px) and (orientation:landscape){.landscape .blockquote h1{padding:20px}.landscape .ip-loader{margin:5% auto;height:57%}.landscape .ip-logo{margin:0 auto 15%;height:26%}}*/