@import url(https://fonts.googleapis.com/css?family=Audiowide|Raleway);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}.row{padding:20px 0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.col-thin,.col-wide{min-height:100px;box-sizing:border-box}.col-wide{width:70%}.col-thin{width:30%;align-self:stretch}.flexwrapper{display:flex;flex-direction:column}section{padding:64px 32px}.wrapper{max-width:1024px;margin:0 auto}.is-hidden{display:none}.is-visible{display:block}.dark{background-color:#122327}.on-dark{color:#fff}.content{font-family:Raleway,sans-serif;line-height:22px}.content p{text-align:left;padding-bottom:42px}.row-content{padding-bottom:36px}h1,h2{margin:0 0 32px}a{color:#fff;text-decoration:none}a:active,a:focus{outline:0;border:none;-moz-outline-style:none;text-decoration:none}nav{padding:40px 32px;position:fixed;top:0;left:0;right:0;z-index:5}button{border:1px solid #2fbbbc;display:inline-block;padding:16px 24px;border-radius:5px;font-family:Audiowide,cursive;font-size:1em;color:#fff;background:#122327;outline:0;transition:all .2s ease-in-out}.hero-button{padding:20px 38px;margin-top:48px;background:#2fbbbc;font-size:.42em;border:2px solid #2fbbbc;overflow:hidden}.hero-button i{margin-right:20px;transition:all .2s ease-in-out;transform-origin:10% 10%}.hero-button:hover{background:#2fbbbc;border:2px solid #2fbbbc;cursor:pointer}.hero-button:hover i{-webkit-animation:wobble 1.5s ease-in-out alternate;-moz-animation:wobble 1.5s ease-in-out alternate;animation:wobble 1.5s ease-in-out alternate}button.neon-button:hover{-webkit-animation:neon2 1.5s ease-in-out infinite alternate;-moz-animation:neon2 1.5s ease-in-out infinite alternate;animation:neon2 1.5s ease-in-out infinite alternate;color:#fff;cursor:pointer;border-color:#122327;background:#122327}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto}.nav-links{display:flex}.page-title{flex-grow:1}.nav-item a{font-family:Audiowide,cursive;letter-spacing:normal;line-height:normal;font-size:1em;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-item:not(.page-title) a{padding:0 16px}.nav-item:last-of-type a{padding:0 0 0 16px}.hoverable .nav-item a:hover{cursor:pointer;-webkit-animation:neon2 1.5s ease-in-out infinite alternate;-moz-animation:neon2 1.5s ease-in-out infinite alternate;animation:neon2 1.5s ease-in-out infinite alternate;color:#fff}.nav-links .nav-item a:hover{cursor:pointer;-webkit-animation:neon2 1.5s ease-in-out infinite alternate;-moz-animation:neon2 1.5s ease-in-out infinite alternate;animation:neon2 1.5s ease-in-out infinite alternate;color:#fff}.nav-mobile{display:none;width:48px;height:32px;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.hoverable .nav-mobile:hover span{-webkit-animation:neonbox 1.5s ease-in-out infinite alternate;-moz-animation:neonbox 1.5s ease-in-out infinite alternate;animation:neonbox 1.5s ease-in-out infinite alternate;color:#fff}.nav-mobile span{display:block;position:absolute;height:7px;width:100%;background:#fff;border-radius:7px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.nav-mobile span:nth-child(1){top:0}.nav-mobile span:nth-child(2){top:14px}.nav-mobile span:nth-child(3){top:28px}.nav-mobile.icon-open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-2px;left:8px}.nav-mobile.icon-open span:nth-child(2){width:0%;opacity:0}.nav-mobile.icon-open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:32px;left:8px}.nav-item:not(.page-title){display:block}.nav-wrapper.responsive{flex-wrap:wrap}.responsive .nav-mobile{display:block}.responsive .nav-links div.nav-item:nth-of-type(1){padding-top:24px}.responsive .nav-links div.nav-item:nth-of-type(4){padding-bottom:45px}.responsive .nav-item:not(.page-title){width:100%;padding:20px 0;text-align:center}.responsive .nav-links{flex-direction:column;width:0;transition:width .4s ease-in-out;position:absolute;top:112px;left:0;overflow-x:hidden;white-space:nowrap}.open .responsive .nav-item:not(.page-title){display:block}.open .responsive .nav-links{width:100%}.responsive .nav-item:not(.page-title) a{padding:0}#hero{height:calc(100vh - 128px);min-height:480px;background:linear-gradient(rgba(24,53,60,.8),rgba(24,53,60,.7)),url(../images/hero1.jpg);background-size:cover;background-position-x:center}#hero .wrapper{display:flex;justify-content:center}.hero{font-family:Audiowide,cursive;font-size:3em;margin-top:40vh;text-align:center;color:#b3a7a7}.hero h2:nth-child(2){font-size:1em}.hero-button{padding:20px 38px;margin-top:48px;background:#2fbbbc;font-size:16px;border:2px solid #2fbbbc}.hero-button i{margin-right:20px}.hero-button:hover{background:#2fbbbc;border:2px solid #2fbbbc}#services{padding:124px 0 232px;text-align:center}#services h2{margin-bottom:124px}#services .row{align-items:stretch;justify-content:space-between}.services-card{text-align:center;perspective:15px;width:30%}.services-inner{height:264px;padding:24px 12px;box-shadow:2px 2px 50px rgba(0,0,0,.2);transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;background:#18353c;backface-visibility:hidden;will-change:auto;-webkit-font-smoothing:subpixel-antialiased}#services p{text-align:center}.services-icon{font-size:40px;padding:24px}.services-text h3{margin-bottom:16px}#portfolio{padding:64px 0 32px}#portfolio h2{margin-bottom:124px;text-align:center}#portfolio .row{padding:0;align-items:stretch;margin-bottom:32px}#portfolio .col-wide{background-color:#18353c;display:flex;align-items:center;justify-content:center;padding:36px 70px}#portfolio .col-thin h3{margin-bottom:56px}#portfolio .col-thin h3 i{margin-right:20px}#portfolio .col-thin p i{font-size:1.17em;margin-right:20px}#portfolio .col-thin p.portfolio-comment{position:relative;top:-4px}#portfolio .col-thin div i{font-size:1.17em;margin-right:20px}#portfolio .col-thin div{display:flex}#portfolio .col-wide:nth-of-type(even){margin-left:32px}#portfolio .col-wide:nth-of-type(odd){margin-right:32px}#portfolio .col-thin{padding:45px 30px}#portfolio .col-thin.project1{background:#348d8c}#portfolio .col-thin.project2{background:#5786ab}#portfolio .col-thin.project3{background:#403535}#portfolio .col-thin.project4{background:#348d8c}#portfolio h3{margin-bottom:24px}.portfolio-img{max-width:100%;height:auto}#contact{padding:32px 0}#contact .row{align-items:flex-start}#contact .wrapper{padding:0 32px}.form{margin-left:96px;min-width:50%}.formError{padding-left:24px;color:#b10b0b}.formError i{padding-right:8px}.formError.is-visible{display:inline}input{width:60%;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;height:50px;padding:7px 15px 7px 15px;border:1px solid #e0e1e1;font-size:1.2em;margin-bottom:16px;font-family:Raleway,sans-serif;background:#d3d3d3;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}textarea{padding:16px 15px 16px 15px;width:80%;height:200px;background-color:#fbfcfc;border-color:#eaeaea;font-size:1.2em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;font-family:Raleway,sans-serif;margin-bottom:16px;background:#d3d3d3;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}input[type=email]:focus,input[type=range]:hover,input[type=text]:focus,textarea:focus{-webkit-animation:neonbox 1.5s ease-in-out infinite alternate;-moz-animation:neonbox 1.5s ease-in-out infinite alternate;animation:neonbox 1.5s ease-in-out infinite alternate;outline:0}input:focus,input:hover,textarea:focus,textarea:hover{opacity:1}label{display:block;padding:12px 0;font:inherit;font-family:Raleway,sans-serif}.sliderRow{display:flex;align-items:center}.slider{-webkit-appearance:none;appearance:none;height:0;background:#d3d3d3;outline:0}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#2fbbbc;cursor:pointer;border-radius:4px}.slider::-moz-range-thumb{width:25px;height:25px;background:#2fbbbc;cursor:pointer}#sliderValue{font-family:Raleway,sans-serif;margin-bottom:12px;font-weight:600;flex:1;text-align:center;display:flex;max-height:20px;justify-content:center}.sliderImage{align-self:center}.contact-icons{justify-content:center;flex-direction:row}.contact-icons i{font-size:30px}.contact-icons a:not(:first-of-type) i{padding-left:16px}.contact-icons a:hover i{color:#fff;-webkit-animation:neonsmall 1.5s ease-in-out infinite alternate;-moz-animation:neonsmall 1.5s ease-in-out infinite alternate;animation:neonsmall 1.5s ease-in-out infinite alternate}#footer{padding:20px 0;font-size:12px}.modal-window{position:fixed;background-color:rgba(20,3,3,.25);top:0;right:0;bottom:0;left:0;z-index:999;opacity:0;pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-align:center}.modal-window h1{font-size:40px;margin-top:24px;margin-bottom:60px;text-align:center}.modal-isOpen{opacity:1;pointer-events:auto}.modal-window div{width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:4em;background:#fff;color:#333;border-radius:5px}.modal-close{color:#000;line-height:50px;font-size:40px;position:absolute;right:14px;text-align:center;top:14px;width:40px;text-decoration:none}.modal-close:hover{color:#000}@-webkit-keyframes wobble{from{transform:rotate(0)}25%{transform:rotate(70deg)}55%{transform:rotate(30deg)}80%{transform:rotate(58deg)}to{transform:rotate(0)}}@keyframes wobble{from{transform:rotate(0)}25%{transform:rotate(70deg)}55%{transform:rotate(30deg)}80%{transform:rotate(58deg)}to{transform:rotate(0)}}@-webkit-keyframes neon2{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #228dff,0 0 70px #228dff,0 0 80px #228dff,0 0 100px #228dff,0 0 150px #228dff}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228dff,0 0 35px #228dff,0 0 40px #228dff,0 0 50px #228dff,0 0 75px #228dff}}@keyframes neon2{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #228dff,0 0 70px #228dff,0 0 80px #228dff,0 0 100px #228dff,0 0 150px #228dff}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228dff,0 0 35px #228dff,0 0 40px #228dff,0 0 50px #228dff,0 0 75px #228dff}}@keyframes neonboxbig{from{box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228dff,0 0 35px #228dff,0 0 40px #228dff,0 0 50px #228dff,0 0 75px #228dff}to{box-shadow:0 0 2px #fff,0 0 5px #fff,0 0 7px #fff,0 0 10px #228dff,0 0 17px #228dff,0 0 20px #228dff,0 0 25px #228dff,0 0 37px #228dff}}@keyframes neonbox{from{box-shadow:0 0 2px #fff,0 0 4px #fff,0 0 7px #fff,0 0 10px #228dff,0 0 17px #080808,0 0 20px #228dff,0 0 25px #228dff,0 0 37px #228dff}to{box-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff,0 0 5px #228dff,0 0 8px #228dff,0 0 10px #228dff,0 0 12px #228dff,0 0 18px #228dff}}@keyframes neonsmall{from{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 7px #fff,0 0 10px #228dff,0 0 17px #080808,0 0 20px #228dff,0 0 25px #228dff,0 0 37px #228dff}to{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff,0 0 5px #228dff,0 0 8px #228dff,0 0 10px #228dff,0 0 12px #228dff,0 0 18px #228dff}}@media only screen and (max-width:1320px){#portfolio .col-wide{padding:28px 36px}}@media only screen and (max-width:1024px){.flexwrapper{flex-direction:row}.row{flex-direction:column}.col-thin,.col-wide{width:100%}.col-wide{order:1}.row .contact-icons{flex-direction:row}.row-content{flex-direction:row}.form{margin:0 auto}input{width:90%}input[type=range]{width:60%}textarea{width:90%}#footer{text-align:center}.services-card{width:50%;margin-bottom:32px}.services-inner{padding:24px 74px}#services .row{align-items:center}#services{padding:80px 0}#services h2{margin-bottom:32px}#portfolio h2{margin-bottom:52px}#portfolio .row{margin-bottom:0}#portfolio{padding:0}#portfolio .col-wide:nth-of-type(even){margin-left:0}#portfolio .col-wide:nth-of-type(odd){margin-right:0}#contact{padding-top:32px}}@media only screen and (max-width:664px){section{padding:26px 32px}.row-content{flex-direction:column}#hero{height:calc(100vh - 50px)}.hero{font-size:2em}.services-card{width:76%}.image-wrapper{padding:24px 0}#portfolio .col-wide{padding:24px 30px}h2{text-align:center}input[type=range]{width:90%}.sliderRow{flex-direction:column}#sliderValue{margin-top:16px;flex:unset;height:30px}.modal-window div{width:80%;padding:2em}}@media only screen and (max-width:510px){nav{padding:20px 32px}.nav-mobile{width:34px;height:26px}.nav-mobile span{height:5px}.nav-mobile span:nth-child(2){top:10px}.nav-mobile span:nth-child(3){top:20px}.nav-mobile.icon-open span:nth-child(3){top:22px}.responsive .nav-links{top:65px}section{padding:30px 16px}.flexwrapper{flex-direction:column}.row{flex-direction:column;padding:0}.hero{font-size:1.5em}.bigicon{max-width:100px}.content p{font-size:14px;line-height:18px;letter-spacing:1.5px;text-align:center;padding-bottom:0}p.portfolio-comment{text-align:left;padding-bottom:24px}.content h2{font-size:18px}#portfolio .col-wide{padding:24px 4px}input{width:90%}textarea{width:90%}.form{padding:20px 0}.contact-icons{margin-top:36px}.services-card{width:90%;margin-bottom:24px}.services-inner{padding:24px 32px}#services{padding:32px 0}#portfolio h2{margin-bottom:16px}.modal-window div{width:70%;padding:1.5em}}