html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;box-sizing:border-box}body{line-height:1;box-sizing:border-box}ol,ul{list-style:none;box-sizing:border-box}blockquote,q{quotes:none;box-sizing:border-box}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}body{font-family:'Lato', sans-serif}.bg{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a2036;background:-moz-radial-gradient(center, ellipse cover, #1a2036 0%, #0a0c16 100%);background:-webkit-radial-gradient(center, ellipse cover, #1a2036 0%, #0a0c16 100%);background:radial-gradient(ellipse at center, #1a2036 0%, #0a0c16 100%);z-index:0}.main{display:block;position:relative;min-height:100vh;z-index:1}@keyframes width{from{width:0%;opacity:0}to{width:100%;opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes logoMove{from{top:50%;right:50%;max-width:600px;transform:translate3d(50%, -50%, 0)}to{top:20%;right:8%;max-width:300px;transform:translate3d(0%, -50%, 0)}}.logo{position:fixed;top:50%;right:50%;max-width:600px;transform:translate3d(50%, -50%, 0);animation-name:logoMove;animation-delay:1s;animation-duration:1.5s;animation-fill-mode:forwards;z-index:10}.logo__line{display:block;animation:1s width;height:2px;background:#FFF;margin:3% auto}.logo__text{display:block;width:95%;margin:0 auto;animation:2s opacity;animation-fill-mode:forwards}@media (max-width: 768px){@keyframes logoMove{from{top:50%;right:50%;max-width:400px;transform:translate3d(50%, -50%, 0)}to{top:20%;right:8%;max-width:200px;transform:translate3d(0%, -50%, 0)}}}@media (max-width: 500px){@keyframes logoMove{from{top:50%;right:50%;max-width:300px;transform:translate3d(50%, -50%, 0)}to{top:20px;right:8%;max-width:100px;transform:translate3d(0%, 0%, 0)}}}.menu{position:fixed;top:50%;right:8%;transform:translate3d(0%, -50%, 0);text-align:right;opacity:0;z-index:10;animation:1s opacity;animation-delay:2.5s;animation-fill-mode:forwards}.menu__item{margin:30px 0}.menu__link{color:#FFF;font-size:36px;line-height:36px;font-weight:300;text-decoration:none;letter-spacing:7.2px;text-transform:uppercase;position:relative;cursor:pointer}.menu__link:after{content:'';width:0;left:50%;height:1px;bottom:-2px;position:absolute;background:#FFF;transition:.3s}.menu__link:hover:after{width:100%;left:0}@media (max-width: 768px){.menu__link{font-size:20px;line-height:20px}}@media (max-width: 500px){.menu__bg{position:fixed;top:0;left:0;width:100%;height:90px;background:#101322;z-index:5}.menu{top:45px;left:8%;right:auto;text-align:left}.menu__item{margin:10px 0}.menu__link{font-size:14px;line-height:14px}}.portfolio{font-size:0;position:relative;width:calc(60%);height:100vh;opacity:0;animation:1s opacity;animation-delay:2.5s;animation-fill-mode:forwards;perspective:1000px;transform-style:preserve-3d;transform-origin:50% 50% 0;display:flex;justify-content:center;align-items:center;padding:0 15px}.portfolio__wrap{display:block;text-align:center;padding-left:50px;transform:rotateX(2deg) rotateY(5deg) rotateZ(-2deg)}.portfolio__col{display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:15px;position:relative;z-index:0}.portfolio__col:hover{z-index:1}.portfolio__image{display:block;width:100%;height:auto;margin:30px 0;transition:.3s;perspective:1920px;transform-style:preserve-3d;position:relative}.portfolio__image:before,.portfolio__image:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transition:.1s;transform:translate3d(0, 0, 0px);opacity:0.3}.portfolio__image:before{background:turquoise}.portfolio__image:after{background:tomato}.portfolio__image img{width:100%;height:auto;transition:.1s;transform:translate3d(0, 0, 1px)}.portfolio__image:hover:before{transform:translate3d(0px, 0, 0px)}.portfolio__image:hover:after{transform:translate3d(20px, 0, 100px)}.portfolio__image:hover img{transform:translate3d(40px, 0, 200px)}@media (max-width: 1024px){.portfolio{height:auto;min-height:100vh;align-items:flex-start}.portfolio__col{width:80%}.portfolio__col:first-of-type{margin-bottom:-40px}}@media (max-width: 500px){.portfolio{width:100%;padding-top:80px}.portfolio__wrap{padding-left:0}}.social{position:fixed;bottom:8%;right:8%;transform:translate3d(0, 50%, 0);opacity:0;animation:1s opacity;animation-delay:2.5s;animation-fill-mode:forwards;z-index:10}.social__item{display:inline-block;vertical-align:middle;opacity:0.6;transition:opacity .1s}.social__item:hover{opacity:1}.social__link{display:block}.social__image{width:32px;height:auto;margin:6px}@media (max-width: 768px){.social__image{width:26px}}.contact__image{display:block;width:100%;height:auto;margin-bottom:30px}.contact__info{width:300px;padding-top:30px}.contact__text{font-weight:300;color:#FFF;font-size:16px;line-height:16px;display:block;margin:10px 0;margin-left:27px}.contact{display:flex;flex-direction:row;position:relative;z-index:1;padding-right:30%;padding-left:10%;padding-top:10%;min-height:100vh;opacity:0;animation:1s opacity;animation-delay:2.5s;animation-fill-mode:forwards}.contact__form{width:calc(100% - 300px);padding:0 10%}.contact__input{position:relative;font-size:16px;line-height:30px;font-weight:300;height:auto;width:100%;margin:20px 0;color:#FFF}.contact__input:after{content:'';position:absolute;left:0;right:0;margin:0 auto;bottom:0;height:0;width:0%;transition:.3s;background:#FFF}.contact__input.focus:after{height:2px;width:100%}.contact__input input,.contact__input textarea{color:inherit;width:100%;position:relative;z-index:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;height:30px;display:block;margin:0;padding:0;border:0;outline:none;background:none;border-bottom:2px solid rgba(255,255,255,0.3)}.contact__input input.invalid,.contact__input textarea.invalid{border-bottom:2px solid #aa0114}.contact__input input.invalid+.contact__placeholder,.contact__input textarea.invalid+.contact__placeholder{color:#aa0114}.contact__input input:focus+.contact__placeholder,.contact__input input.touched+.contact__placeholder,.contact__input textarea:focus+.contact__placeholder,.contact__input textarea.touched+.contact__placeholder{font-size:10px;line-height:8px;height:8px;transform:translate3d(0, -7px, 0)}.contact__input input.required+.contact__placeholder:after,.contact__input textarea.required+.contact__placeholder:after{content:" *";color:#aa0114}.contact__input textarea{height:200px;resize:none}.contact__placeholder{position:absolute;z-index:1;top:0;line-height:inherit;height:inherit;font-size:inherit;font-weight:inherit;color:inherit;pointer-events:none;transition:.3s;transform:translate3d(0, 0px, 0)}.contact__button{display:block;margin:30px auto;font-size:20px;line-height:40px;text-transform:uppercase;background:none;border:none;color:#FFF;font-weight:300;cursor:pointer;font-family:inherit;position:relative;opacity:0.5;transition:.3s;text-align:center;max-width:200px}.contact__button:hover{opacity:1}.contact__button:hover .contact__button-border--bottom,.contact__button:hover .contact__button-border--top{width:100%;left:0}.contact__button:hover .contact__button-border--left,.contact__button:hover .contact__button-border--right{height:100%;bottom:0%}.contact__button-border{position:absolute;background:#FFF;transition:.3s}.contact__button-border--top{top:0;left:50%;height:2px;width:0%}.contact__button-border--left,.contact__button-border--right{width:2px;height:0%;bottom:50%;transition-delay:.3s}.contact__button-border--left{left:0}.contact__button-border--right{right:0}.contact__button-border--bottom{bottom:0;left:50%;height:2px;width:0%}.contact__form-status{text-align:center;color:#FFF;font-size:24px;margin-top:20px}@media (max-width: 1024px){.contact{padding-right:450px;flex-direction:column-reverse;justify-content:flex-end}.contact__info,.contact__form{width:100%;padding:0;padding-top:100px}.contact__image{max-width:200px}}@media (max-width: 768px){.contact{padding-right:300px}.contact__info,.contact__form{padding-top:50px}}@media (max-width: 500px){.contact{padding:8%}}