@-webkit-keyframes animInitialHeader{0%{opacity:0;-webkit-transform:translate3d(0,800px,0)}}@keyframes animInitialHeader{0%{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0)}}@-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)}}@-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)}}@-webkit-keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0)}}@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes animLoadedContent{0%{opacity:0;-webkit-transform:translate3d(0,200px,0)}}@keyframes animLoadedContent{0%{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}}@-webkit-keyframes radomir{0%{opacity:1;-webkit-transform:scale3d(.4,.4,1);transform:scale3d(.4,.4,1)}80%{box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);opacity:.1}to{box-shadow:inset 0 0 0 2px rgba(250,255,255,.8);opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@keyframes radomir{0%{opacity:1;-webkit-transform:scale3d(.4,.4,1);transform:scale3d(.4,.4,1)}80%{box-shadow:inset 0 0 0 2px rgba(111,148,182,.8);opacity:.1}to{box-shadow:inset 0 0 0 2px rgba(111,148,182,.8);opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}}@-webkit-keyframes marin{0%{opacity:1}to{box-shadow:inset 0 0 0 3px rgba(232,234,0,.8);opacity:0;-webkit-transform:scale3d(.75,.75,1);transform:scale3d(.75,.75,1)}}@keyframes marin{0%{opacity:1}to{box-shadow:inset 0 0 0 3px rgba(232,234,0,.8);opacity:0;-webkit-transform:scale3d(.75,.75,1);transform:scale3d(.75,.75,1)}}@-webkit-keyframes ilinka{0%{opacity:1}to{-webkit-transform:scale3d(.75,.75,1);transform:scale3d(.75,.75,1)}}@keyframes ilinka{0%{opacity:1}to{-webkit-transform:scale3d(.75,.75,1);transform:scale3d(.75,.75,1)}}.ip-header h1,body{margin:0}.graphics-area svg{font-family:Arial,sans-serif}.graphics-area svg #Lots [id$=secondarysymbol]{display:none}#clearCacheBtn{position:fixed;left:300px;top:5px;z-index:10;padding:20px;background-color:orange;color:#fff;border-radius:10px;cursor:pointer;font-size:12px;opacity:.8}.ip-header{position:fixed;top:0;z-index:100;min-height:480px;width:100%;height:100%;background:#f1f1f1}.ip-loader,.ip-logo{position:absolute;left:0;width:100%;opacity:0;cursor:default;pointer-events:none;text-align:center;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:1vw;color:#273d74}.ip-logo{top:0;height:100%;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}.ip-loader{bottom:50%}.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:#273d74}.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:#273d74}.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}.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}.loaded .ip-loader{-webkit-animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards}.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}.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}.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}@media screen and (max-width:45em){.ip-main h2{font-size:2.25em;font-size:10vw}.box{width:100%}}.touch-indicator{position:fixed;top:0;left:0;border:0;background:0 0;z-index:15}.touch-indicator::after{content:"";position:absolute;top:50%;left:50%;margin:-17.5px 0 0 -17.5px;width:35px;height:35px;border-radius:50%;opacity:0;pointer-events:none}.touch-indicator.active.moving::after{margin:-35px 0 0 -35px;width:70px;height:70px}.radomir::after{box-shadow:inset 0 0 0 35px transparent}.radomir.active::after{-webkit-animation:radomir .5s ease-out forwards;animation:radomir .5s ease-out forwards}.marin::after{box-shadow:inset 0 0 0 3px rgba(232,234,0,.05)}.marin.active::after{-webkit-animation:marin .5s ease-out forwards;animation:marin .5s ease-out forwards}.ilinka::after{background:rgba(255,255,255,.25);border:3px solid rgba(122,122,122,.25)}.ilinka.active::after{-webkit-animation:ilinka 1s ease-out forwards;animation:ilinka 1s ease-out forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ilinka.active.moving::after{-webkit-animation-duration:1s;animation-duration:1s}