body{font-family:Overpass,sans-serif;font-size:16px;color:#1c1c1c}.content{width:550px;padding-top:50px;margin:auto;text-align:center}h1{margin:0;font-weight:400;font-size:35px}h1 span{font-family:"The Girl Next Door",cursive;font-weight:700;color:#4caf50}.submenu{display:flex;justify-content:center;margin:10px auto 0}.submenu__item{display:flex;align-items:center;justify-content:center}.submenu__item:not(:last-child){margin-right:30px}.submenu__item a{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;display:inline-flex;align-items:center;font-size:17px;color:inherit;text-decoration:none}.submenu__item a:hover{color:#4caf50}.submenu__item a i{color:#4caf50;margin-right:5px}h2{margin-top:40px}.demo-btns{display:flex;justify-content:space-between}.demo-btn{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;padding:8px 15px;background-color:transparent;outline:0;border:2px solid currentColor;border-radius:5px;cursor:pointer}.demo-btn:nth-child(1){color:#00bd9d}.demo-btn:nth-child(2){color:#832161}.demo-btn:nth-child(3){color:#fe9000}.demo-btn:nth-child(4){color:#d72638}.demo-btn:nth-child(5){color:#fc448d}.demo-btn.js-active,.demo-btn:hover{color:#fff}.demo-btn.js-active:nth-child(1),.demo-btn:hover:nth-child(1){background-color:#00bd9d;border-color:#00bd9d}.demo-btn.js-active:nth-child(2),.demo-btn:hover:nth-child(2){background-color:#832161;border-color:#832161}.demo-btn.js-active:nth-child(3),.demo-btn:hover:nth-child(3){background-color:#fe9000;border-color:#fe9000}.demo-btn.js-active:nth-child(4),.demo-btn:hover:nth-child(4){background-color:#d72638;border-color:#d72638}.demo-btn.js-active:nth-child(5),.demo-btn:hover:nth-child(5){background-color:#fc448d;border-color:#fc448d}body,html{margin:0;padding:0;overflow-x:hidden}.page,.page__content{position:relative}.nav{position:fixed;top:0;bottom:0;width:300px;padding:30px;box-sizing:border-box;background-color:#1c1c1c;box-shadow:4px 0 5px 0 rgba(0,0,0,.14),1px 0 10px 0 rgba(0,0,0,.12),2px 0 4px -1px rgba(0,0,0,.3);opacity:0;visibility:hidden;z-index:500}.nav__list{position:fixed;padding:0;margin:45px 0 0 0;list-style-type:none}.nav__item:not(:last-child){margin-bottom:20px}.nav__link{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;display:inline-flex;align-items:center;color:#fff;text-decoration:none}.nav__link:hover{color:#4caf50}.nav__link-icon{top:-3px;margin-right:10px;color:currentColor}.nav__close{position:absolute;top:30px;right:30px;width:40px;height:25px;cursor:pointer}.nav__close:after,.nav__close:before{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;display:block;width:4px;height:28px;border-radius:10px;content:"";transform-origin:center center;background-color:#fff}.nav__close:before{position:absolute;top:0;left:18px;transform:rotate(-45deg)}.nav__close:after{position:absolute;top:0;right:18px;transform:rotate(45deg)}.nav__close:hover:after,.nav__close:hover:before{background-color:#fff}.nav-open-btn{position:fixed;top:30px;left:30px;transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;width:35px;height:25px;overflow:hidden;cursor:pointer;z-index:105}.nav-open-btn.js-hidden{transition-property:all;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;opacity:0;visibility:hidden}.nav-open-btn__bar{width:100%;height:5px;background-color:#fafafa;border-radius:20px}.nav-open-btn__bar:nth-child(1){position:absolute;top:0;left:0}.nav-open-btn__bar:nth-child(2){position:absolute;top:10px;left:0}.nav-open-btn__bar:nth-child(3){position:absolute;top:20px;left:0}.nav--offcanvas-1{transition-property:all;transition-duration:.15s;transition-timing-function:linear;transition-delay:0s;left:-300px}.nav--offcanvas-1.js-opened{transition-property:left;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0;opacity:1;visibility:visible}.page__content--offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0}.page__content--offcanvas-1.js-opened{transition-property:all;transition-duration:.3s;transition-timing-function:linear;transition-delay:0s;left:300px}.nav--offcanvas-2{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:-300px}.nav--offcanvas-2.js-opened{transition-property:left;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0;opacity:1;visibility:visible}.page__content--offcanvas-2{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;transform:scale(1) translateX(0)}.page__content--offcanvas-2.js-opened{transform:scale(.8) translateX(150px)}.nav--offcanvas-3{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:-300px}.nav--offcanvas-3.js-opened{transition-property:left;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0;opacity:1;visibility:visible}.page__content--offcanvas-3{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;transform:rotateY(0) translateX(0)}.page__content--offcanvas-3.js-opened{transform:translate3d(100px,0,-600px) rotateY(-20deg)}.nav--offcanvas-4{transition-property:all;transition-duration:0s;transition-timing-function:linear;transition-delay:0s;max-height:80%;transform:rotateY(-75deg) translateX(-50px);transform-origin:left center}.nav--offcanvas-4.js-opened{max-height:100%;transition:transform .22s linear 0s,opacity .22s linear 0s,visibility .22s linear 0s;transform:rotateY(0) translateX(0);transform-origin:left center;opacity:1;visibility:visible}.page__content--offcanvas-4{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0}.page__content--offcanvas-4.js-opened{left:300px}.nav--offcanvas-5{width:50%}.nav--offcanvas-5.js-opened{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;width:300px;opacity:1;visibility:visible}.page__content--offcanvas-5{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0s;left:0}.page__content--offcanvas-5.js-opened{left:300px}.scrollable_ul.nav__list{margin:50px auto 0;padding:0;list-style:none;display:block;width:300px;text-align:center;margin-left:-30px;height:calc(100% - 140px);overflow:auto}.nav__list span{position:relative;padding:15px 0;display:block}.nav__list a{color:#fff;text-transform:uppercase;text-decoration:none!important;letter-spacing:.15em;display:inline-block;padding:15px 20px;position:relative}.nav__list a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.nav__list a,.nav__list a:active,.nav__list a:focus,.nav__list a:hover,.nav__list a:visited{text-decoration:none;color:#fafafa;font-family:'Ubuntu Mono',monospace}.nav__list a:hover{color:#fef347;cursor:pointer}.nav__list a:hover:after{width:100%;left:0;color:#fff000;background-color:#fff000}@media screen and (max-height:300px){.scrollable_ul.nav__list{margin-top:40px}}#updateGallery{color:#fafafa;cursor:pointer;position:absolute;bottom:30px;display:flex;align-items:center;width:300px;justify-content:space-evenly;margin-left:-30px}#updateGallery .loader2{margin-right:-30px}