*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}body{background:url(../img/nen.jpg);color:#fff;font-weight:400;font-size:1em;font-family:serif}a{color:#f0f0f0;text-decoration:none;outline:0}pre{display:block;padding:1.5px;margin:0;color:#383838;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;box-shadow:8px 7px 20px #2b1111}.header-background{height:18vw;max-height:180px;width:100%;background:#a01f2f}.footer{position:fixed;text-align:center;padding:10px;right:0;bottom:0;width:100%;height:auto;color:#fff;background:rgba(160,31,47,.77);font-size:20px;z-index:99}.footer p{margin:0}.map{margin-bottom:40px}a:focus,a:hover{color:#fff}.ip-header{position:fixed;top:0;z-index:100;min-height:480px;width:100%;height:100%;background:#f1f1f1}.ip-header h1{margin:0}.ip-loader,.ip-logo{position:absolute;left:0;width:100%;opacity:0;cursor:default;pointer-events:none}.ip-logo{top:0;height:97%;-webkit-transform:translate3d(0,25%,0);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:1000px}.ip-header .ip-logo svg path{fill:#a01f2f}.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:#a01f2f}.ip-main{overflow:hidden;margin:0 auto;max-width:1100px;width:90%}.ip-main h2{margin:0;padding:.9em 0;text-shadow:8px 7px 20px #2b1111;text-align:left;font-size:2em;line-height:1}.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}@media screen and (max-width:768px){.ip-logo{height:97%}}@media screen and (max-width:420px){.ip-logo{height:95%}}@media screen and (max-width:360px){.ip-logo{height:94%}}@media screen and (max-width:320px){.ip-logo{height:92%}}.grid{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:250px;grid-auto-flow:row dense}.item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;grid-column-start:auto;grid-row-start:auto;box-shadow:-2px 2px 10px 0 rgba(68,68,68,.4);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;cursor:pointer;font-size:20px}.item:after{content:'';position:absolute;width:100%;height:100%}.item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.item:hover:after{opacity:0}@media screen and (min-width:768px){.item--full{grid-column:1/-1;grid-row-end:span 2}}.item__details{position:relative;z-index:1;padding:15px;background:#a01f2f;color:#fff;text-align:center}.item__details:before{font-weight:700;font-size:1.1rem;padding-right:.5em;color:#444}