@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700");@import url(libs/font-awesome.min.css);.parallax-container{width:100vw;height:150vh;background-color:black}.bg-parallax{width:100vw;height:100vh;-webkit-animation:zoom-out 2.5s ease-in-out;animation:zoom-out 2.5s ease-in-out;-webkit-transition:all 2.5s cubic-bezier(0.61, -0.01, 0.02, 1.07);transition:all 2.5s cubic-bezier(0.61, -0.01, 0.02, 1.07);position:fixed}.bg-parallax .bg{background:radial-gradient(at center, rgba(0,0,0,0.3) 0%, #000 85%, #000 100%),url(../img/bg.jpg) center center;background-size:cover !important;width:100%;height:100%;z-index:1}@media only screen and (min-width: 1170px){.bg-parallax .bg{background:radial-gradient(at center, rgba(0,0,0,0.5) 0%, #000 85%, #000 100%),url(../img/bg.jpg) center center}}.bg-parallax .bg .logo-container{position:absolute;top:35%;left:50%;-webkit-transform:translate(-50%, -35%);transform:translate(-50%, -35%);width:80vw;height:80vh;max-height:150px;max-width:300px;-webkit-transition:all 1.5s cubic-bezier(0.61, -0.01, 0.02, 1.07);transition:all 1.5s cubic-bezier(0.61, -0.01, 0.02, 1.07);-webkit-transform-origin:center;transform-origin:center}@media only screen and (max-height: 414px){.bg-parallax .bg .logo-container{top:25%;left:50%;-webkit-transform:translate(-50%, -25%);transform:translate(-50%, -25%);max-height:125px !important;max-width:225px !important}}@media only screen and (min-width: 480px){.bg-parallax .bg .logo-container{max-height:350px;max-width:500px}}.bg-parallax .bg .logo-container #logo{width:40%;height:100%;display:inline-block;-webkit-animation:reveal-q 1s cubic-bezier(0.34, 0, 0.3, 1.25);animation:reveal-q 1s cubic-bezier(0.34, 0, 0.3, 1.25)}.bg-parallax .bg .logo-container #logo svg{width:100%;height:100%}.bg-parallax .bg .logo-container #logo svg path{fill:#f2f2f2}.bg-parallax .bg .logo-container #evo{right:7%;display:inline-block;width:58%;height:100%;-webkit-animation:reveal-evo 1s cubic-bezier(0.34, 0, 0.3, 1.25);animation:reveal-evo 1s cubic-bezier(0.34, 0, 0.3, 1.25)}.bg-parallax .bg .logo-container #evo svg{width:100%;height:100%}.bg-parallax .bg .logo-container #evo svg path{fill:#f2f2f2}.bg-parallax .bg .scale #logo{-webkit-animation:hide-q 1s cubic-bezier(0.34, 0, 0.3, 1.25);animation:hide-q 1s cubic-bezier(0.34, 0, 0.3, 1.25)}.bg-parallax .bg .scale #evo{-webkit-animation:hide-evo 1s cubic-bezier(0.34, 0, 0.3, 1.25);animation:hide-evo 1s cubic-bezier(0.34, 0, 0.3, 1.25)}.bg-parallax .bg .intro-container{position:absolute;top:70%;left:50%;width:90%;text-align:center;-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%);font-weight:200;font-size:calc(25px + 1.2vw);-webkit-animation:reveal-intro 1.7s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-intro 1.7s cubic-bezier(0.65, 0.05, 0.36, 1)}.bg-parallax .bg .intro-container #intro{width:100%;height:100%}.bg-parallax .bg .icon-container{position:absolute;top:85%;left:50%;-webkit-transform:translate(-50%, -85%);transform:translate(-50%, -85%);-webkit-animation:reveal-scroll 2.5s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-scroll 2.5s cubic-bezier(0.65, 0.05, 0.36, 1)}.bg-parallax .bg .icon-container #icon{width:100%;height:100%}.bg-parallax .bg .icon-container #icon .scroll-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2em;width:1.2em;font-size:22px;color:rgba(255,255,255,0.6);border-radius:5px;border:solid 2px;-webkit-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);position:relative}@media only screen and (max-height: 414px){.bg-parallax .bg .icon-container #icon .scroll-icon{height:1.2em;width:2em !important}}@media only screen and (min-width: 480px){.bg-parallax .bg .icon-container #icon .scroll-icon{width:1.8em}}@media only screen and (min-width: 1170px){.bg-parallax .bg .icon-container #icon .scroll-icon{width:1.2em;border-radius:2em}}.bg-parallax .bg .icon-container #icon .scroll-icon:after{content:'';width:5px;height:5px;background-color:rgba(255,255,255,0.7);border-radius:50%;-webkit-animation:scroll-mobile 3s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation:scroll-mobile 3s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@media only screen and (min-width: 1170px){.bg-parallax .bg .icon-container #icon .scroll-icon:after{-webkit-animation:scroll-icon 3s infinite cubic-bezier(0.65, 0.05, 0.36, 1);animation:scroll-icon 3s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}}.bg-parallax .bg .icon-container #icon .scroll-icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0}20%{opacity:1}70%{opacity:1;-webkit-transform:translateY(-12px);transform:translateY(-12px)}100%{-webkit-transform:translateY(12px);transform:translateY(12px);opacity:0}}@keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0}20%{opacity:1}70%{opacity:1;-webkit-transform:translateY(-12px);transform:translateY(-12px)}100%{-webkit-transform:translateY(12px);transform:translateY(12px);opacity:0}}@-webkit-keyframes scroll-mobile{0%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0}20%{opacity:1}70%{opacity:1;-webkit-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0}}@keyframes scroll-mobile{0%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0}20%{opacity:1}70%{opacity:1;-webkit-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0}}@-webkit-keyframes zoom-out{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-out{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes reveal-intro{0%{opacity:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}70%{opacity:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}100%{-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%);opacity:1}}@keyframes reveal-intro{0%{opacity:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}70%{opacity:0;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}100%{-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%);opacity:1}}@-webkit-keyframes reveal-scroll{0%{opacity:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}70%{opacity:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}100%{-webkit-transform:translate(-50%, -85%);transform:translate(-50%, -85%);opacity:1}}@keyframes reveal-scroll{0%{opacity:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}70%{opacity:0;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}100%{-webkit-transform:translate(-50%, -85%);transform:translate(-50%, -85%);opacity:1}}@-webkit-keyframes reveal-evo{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}60%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}75%{opacity:1}100%{-webkit-transform:translateX(0%);transform:translateX(0%);right:7%}}@keyframes reveal-evo{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}60%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}75%{opacity:1}100%{-webkit-transform:translateX(0%);transform:translateX(0%);right:7%}}@-webkit-keyframes hide-evo{0%{-webkit-transform:translateX(0%);transform:translateX(0%);right:7%;opacity:1}40%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}100%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}}@keyframes hide-evo{0%{-webkit-transform:translateX(0%);transform:translateX(0%);right:7%;opacity:1}40%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}100%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}}@-webkit-keyframes hide-q{0%{-webkit-transform:translate(0%);transform:translate(0%)}45%{-webkit-transform:translate(50%, 0%);transform:translate(50%, 0%)}65%{opacity:1}100%{-webkit-transform:translate(50%, 0%) scale(18);transform:translate(50%, 0%) scale(18);opacity:0}}@keyframes hide-q{0%{-webkit-transform:translate(0%);transform:translate(0%)}45%{-webkit-transform:translate(50%, 0%);transform:translate(50%, 0%)}65%{opacity:1}100%{-webkit-transform:translate(50%, 0%) scale(18);transform:translate(50%, 0%) scale(18);opacity:0}}@-webkit-keyframes reveal-q{0%{-webkit-transform:translate(50%, -150%);transform:translate(50%, -150%);opacity:0}35%{opacity:1}55%{-webkit-transform:translate(50%, 0%);transform:translate(50%, 0%)}100%{-webkit-transform:translate(0%);transform:translate(0%)}}@keyframes reveal-q{0%{-webkit-transform:translate(50%, -150%);transform:translate(50%, -150%);opacity:0}35%{opacity:1}55%{-webkit-transform:translate(50%, 0%);transform:translate(50%, 0%)}100%{-webkit-transform:translate(0%);transform:translate(0%)}}.nav-container{position:fixed;top:0;right:0;width:70px;height:100vh;z-index:1;-webkit-animation:reveal-right 3s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-right 3s cubic-bezier(0.65, 0.05, 0.36, 1);display:none}@media only screen and (min-width: 480px){.nav-container{display:block}}.nav-container ul{list-style:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2;width:100%;height:auto;margin:0;padding:0}.nav-container ul li{display:block;width:10px;height:10px;margin:20px auto;background-color:rgba(255,255,255,0.8);border-radius:50%;-webkit-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);position:relative}.nav-container ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-container ul li i{vertical-align:sub;width:100%;text-align:center;-webkit-transform:scale(0);transform:scale(0);color:rgba(0,0,0,0.85);-webkit-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);font-size:.8rem}.nav-container ul li p{opacity:0;display:block;position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;-webkit-transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);font-size:0.9rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}.nav-container ul .active{background-color:orange}.nav-container ul .active i{color:black}.nav-container:hover li{width:30px;height:30px;margin:50px auto;cursor:pointer}.nav-container:hover li i{-webkit-transform:scale(1.3);transform:scale(1.3)}.nav-container:hover li p{opacity:1;top:35px}.nav-container:hover .nav-bg{right:0}.nav-container .nav-bg{z-index:1;background-color:rgba(0,0,0,0.5);position:absolute;top:0;right:-100%;width:100%;height:100%;-webkit-transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1)}.mobile{-webkit-animation:reveal-right 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-right 0.6s cubic-bezier(0.65, 0.05, 0.36, 1)}.mobile ul li{width:30px;height:30px;margin:50px auto;cursor:pointer}.mobile ul li i{-webkit-transform:scale(1.3);transform:scale(1.3)}.mobile ul li p{opacity:1;top:35px}.mobile .nav-bg{right:0;background-color:rgba(0,0,0,0.8)}#nav-mobile{position:fixed;bottom:30px;right:20px;display:block;z-index:2;width:30px;height:30px;-webkit-animation:reveal-right 3s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-right 3s cubic-bezier(0.65, 0.05, 0.36, 1);cursor:pointer}#nav-mobile svg{width:100%;height:100%}#nav-mobile svg circle{stroke:black;stroke-width:30px;fill:orange}@media only screen and (min-width: 480px){#nav-mobile{display:none}}@-webkit-keyframes reveal-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}70%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes reveal-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}70%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.panel{width:100vw;height:100vh;position:fixed;top:0;display:none}.panel h1{font-weight:200;font-size:3rem;position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);width:100%;text-align:center}#slider{width:calc(100% - 1rem);margin:1rem auto}#slider #slider-container{height:80vh;margin-left:-10%}#slider #slider-container div{padding:0;margin:0;width:110%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#000), color-stop(30%, rgba(0,0,0,0.2)), color-stop(70%, rgba(0,0,0,0.2)), to(#000)),url(../img/slide1.jpg) center center;background:linear-gradient(top, #000 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.2) 70%, #000 100%),url(../img/slide1.jpg) center center;background-size:cover !important;-webkit-animation:zoom-out 2.5s ease-in-out;animation:zoom-out 2.5s ease-in-out}#slider .nav{height:calc(18vh - 1rem);list-style:none;width:49.28vh;margin:1vh auto;padding:0;-webkit-animation:reveal-menu-bottom 3s cubic-bezier(0.65, 0.05, 0.36, 1);animation:reveal-menu-bottom 3s cubic-bezier(0.65, 0.05, 0.36, 1)}#slider .nav li{padding:2% 0;margin:3vh 0;display:inline-block;width:12vh;height:7vh;text-align:center;text-transform:uppercase;font-size:0.9rem;color:rgba(255,255,255,0.8);vertical-align:middle;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;cursor:pointer}#slider .nav li i{margin-top:5px;width:100%;font-size:25px;margin-bottom:5px}#slider .nav .selected{color:white;font-weight:bold;border-bottom:1px solid orange}@-webkit-keyframes reveal-menu-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transform:scale(0.5);transform:scale(0.5)}70%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes reveal-menu-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transform:scale(0.5);transform:scale(0.5)}70%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}}body{background-color:black;color:white;position:relative;width:100vw;height:100vh;overflow-x:hidden;font-family:'Source Sans Pro', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body::-webkit-scrollbar{width:0.0rem}
