.col-1{width:100%;float:none;display:block}@media (min-width: 768px){.col-1{float:left;width:8.33333%}}.offset-1{margin-left:0}@media (min-width: 768px){.offset-1{margin-left:8.33333%}}.col-2{width:100%;float:none;display:block}@media (min-width: 768px){.col-2{float:left;width:16.66667%}}.offset-2{margin-left:0}@media (min-width: 768px){.offset-2{margin-left:16.66667%}}.col-3{width:100%;float:none;display:block}@media (min-width: 768px){.col-3{float:left;width:25%}}.offset-3{margin-left:0}@media (min-width: 768px){.offset-3{margin-left:25%}}.col-4{width:100%;float:none;display:block}@media (min-width: 768px){.col-4{float:left;width:33.33333%}}.offset-4{margin-left:0}@media (min-width: 768px){.offset-4{margin-left:33.33333%}}.col-5{width:100%;float:none;display:block}@media (min-width: 768px){.col-5{float:left;width:41.66667%}}.offset-5{margin-left:0}@media (min-width: 768px){.offset-5{margin-left:41.66667%}}.col-6{width:100%;float:none;display:block}@media (min-width: 768px){.col-6{float:left;width:50%}}.offset-6{margin-left:0}@media (min-width: 768px){.offset-6{margin-left:50%}}.col-7{width:100%;float:none;display:block}@media (min-width: 768px){.col-7{float:left;width:58.33333%}}.offset-7{margin-left:0}@media (min-width: 768px){.offset-7{margin-left:58.33333%}}.col-8{width:100%;float:none;display:block}@media (min-width: 768px){.col-8{float:left;width:66.66667%}}.offset-8{margin-left:0}@media (min-width: 768px){.offset-8{margin-left:66.66667%}}.col-9{width:100%;float:none;display:block}@media (min-width: 768px){.col-9{float:left;width:75%}}.offset-9{margin-left:0}@media (min-width: 768px){.offset-9{margin-left:75%}}.col-10{width:100%;float:none;display:block}@media (min-width: 768px){.col-10{float:left;width:83.33333%}}.offset-10{margin-left:0}@media (min-width: 768px){.offset-10{margin-left:83.33333%}}.col-11{width:100%;float:none;display:block}@media (min-width: 768px){.col-11{float:left;width:91.66667%}}.offset-11{margin-left:0}@media (min-width: 768px){.offset-11{margin-left:91.66667%}}.col-12{width:100%;float:none;display:block}@media (min-width: 768px){.col-12{float:left;width:100%}}.offset-12{margin-left:0}@media (min-width: 768px){.offset-12{margin-left:100%}}.slideUp-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.slideUp-enter.slideUp-enter-active{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.slideUp-leave{-webkit-transform:translateY(0);transform:translateY(0)}.slideUp-leave.slideUp-leave-active{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;transition:.5s ease-out}.slideUp-appear{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.slideUp-appear-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s ease-in}*{box-sizing:border-box}.hidden,.invisible{display:none !important;visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.bold,h1,h2,h3{font-weight:700}.reg,h4,h5,bold,strong{font-weight:400}.light,body{font-weight:300}body{font-family:"Lato";font-size:16px;margin:0 auto;line-height:130%}h1{font-size:3rem;line-height:130%}h2{font-size:2.4rem;line-height:130%}h3{font-size:2.1rem;line-height:130%}h4{font-size:1.6rem;line-height:130%}h5{font-size:1.5rem;line-height:130%}p{margin:0 0 10px}a{color:#1CC0F9;text-decoration:none}a:hover{color:#035a79}img{max-width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-blue{color:#1CC0F9}.underline:after{content:" ";display:block;width:calc(100% - 85%);background-color:#1CC0F9;margin:10px auto;height:3px}section{padding:6rem 20px;min-height:90vh;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}section.contact,section.about{-webkit-box-pack:center;justify-content:center}section .container{max-width:1200px;display:block;margin:0 auto}header{position:fixed;top:0;width:100%;left:0;z-index:100}header .header_wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0;transition:all cubic-bezier(0.74, 0.22, 0.13, 0.8) 0.3s}@media (min-width: 768px){header .header_wrapper{min-height:89px;padding:0 20px}}header .header_wrapper .logo_wrapper{float:left;width:150px}header .header_wrapper .logo_wrapper img{-webkit-transform:scale(0.7);transform:scale(0.7);transition:all cubic-bezier(0.74, 0.22, 0.13, 0.8) 0.3s}@media (min-width: 768px){header .header_wrapper .logo_wrapper img{-webkit-transform:scale(0.7);transform:scale(0.7)}}.internal header{background-color:#343434;box-shadow:0 0 5px #333}.main_nav{float:none;display:block;position:fixed;top:0;right:-270px;width:270px;height:100%;background-color:#343434;padding-top:20px;transition:all cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s}@media (min-width: 768px){.main_nav{float:right;position:static;width:auto;height:auto;background-color:transparent;padding-top:0}}.main_nav .nav{list-style:none;padding:0;margin:30px 0}.main_nav .nav li{display:block}@media (min-width: 768px){.main_nav .nav li{display:inline-block}}.main_nav .nav li a{font-weight:400;color:#fff;display:block;padding:5px 15px}.main_nav .nav li a:hover{color:#1CC0F9}.hamburger_nav{display:block;width:30px;height:30px;cursor:pointer;position:fixed;top:20px;right:20px}@media (min-width: 768px){.hamburger_nav{display:none}}.hamburger_nav .bars{display:block;width:100%;height:3px;border-radius:3px;margin:20px 0;background-color:#fff;position:relative;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition:all .1s ease-in .34s}.hamburger_nav .bars::before,.hamburger_nav .bars::after{content:" ";display:block;width:100%;height:3px;border-radius:3px;position:absolute;background-color:#fff;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.hamburger_nav .bars::before{top:-10px;transition:top 0.1s ease-in 0.34s,-webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:top 0.1s ease-in 0.34s,transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:top 0.1s ease-in 0.34s,transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger_nav .bars::after{bottom:-10px;transition:bottom 0.1s ease-in 0.34s,-webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s ease-in 0.34s,transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom 0.1s ease-in 0.34s,transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.nav_open .hamburger_nav .bars{background-color:transparent;transition-delay:.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.nav_open .hamburger_nav .bars::before{top:0;transition:top .1s ease-out, -webkit-transform .1s ease-out .14s;transition:top .1s ease-out, transform .1s ease-out .14s;transition:top .1s ease-out, transform .1s ease-out .14s, -webkit-transform .1s ease-out .14s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav_open .hamburger_nav .bars::after{bottom:0;transition:bottom 0.1s ease-out,-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;transition:bottom 0.1s ease-out,transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;transition:bottom 0.1s ease-out,transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s,-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav_open .main_nav{right:0;box-shadow:0 0 5px #333}footer{position:fixed;width:100%;bottom:0}footer .footer_wrapper{color:#fff;font-size:12px;max-width:1200px;margin:0 auto;padding:15px 25px}footer .footer_wrapper p{margin:0}.internal footer{position:static}.internal footer .footer_wrapper{color:#4D4D4D}.home{color:#fff;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;align-content:center;position:relative;width:100%;min-height:100vh;background-image:url(../img/top-banner.jpg);cursor:pointer;background-size:initial;background-repeat:no-repeat;background-position:-50px -50px;padding:0 20px}@media (min-width: 1500px){.home{background-size:140%}}.home::after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.55)}.home .content{position:relative;z-index:10}.home .content h2{font-size:3.5rem}.home .blink{width:3px;height:2.6rem;display:inline-block;background-color:#fff;margin-bottom:-3px;-webkit-animation:blink .5s linear infinite alternate;animation:blink .5s linear infinite alternate}@-webkit-keyframes blink{from{opacity:0}to{opacity:1}}@keyframes blink{from{opacity:0}to{opacity:1}}.about h2{text-align:center}.about h3{font-size:2rem}.about h4{font-size:1.1rem;margin-bottom:15px}.group{display:-webkit-box;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}.group .skillset{width:33.333333%;display:block;padding:0 5%}.progress-bar{display:block;clear:both;position:relative;background-color:#ccc;width:100%;height:6px}.progress-bar:before{content:' ';position:absolute;bottom:0;width:0;height:6px;display:block;background-color:#1CC0F9}@-webkit-keyframes fillin1{0%{width:0}100%{width:5%}}@keyframes fillin1{0%{width:0}100%{width:5%}}.progress-bar[data-percent="1"]:before{-webkit-animation:5s fillin1 ease forwards;animation:5s fillin1 ease forwards}@-webkit-keyframes fillin2{0%{width:0}100%{width:10%}}@keyframes fillin2{0%{width:0}100%{width:10%}}.progress-bar[data-percent="2"]:before{-webkit-animation:5s fillin2 ease forwards;animation:5s fillin2 ease forwards}@-webkit-keyframes fillin3{0%{width:0}100%{width:15%}}@keyframes fillin3{0%{width:0}100%{width:15%}}.progress-bar[data-percent="3"]:before{-webkit-animation:5s fillin3 ease forwards;animation:5s fillin3 ease forwards}@-webkit-keyframes fillin4{0%{width:0}100%{width:20%}}@keyframes fillin4{0%{width:0}100%{width:20%}}.progress-bar[data-percent="4"]:before{-webkit-animation:5s fillin4 ease forwards;animation:5s fillin4 ease forwards}@-webkit-keyframes fillin5{0%{width:0}100%{width:25%}}@keyframes fillin5{0%{width:0}100%{width:25%}}.progress-bar[data-percent="5"]:before{-webkit-animation:5s fillin5 ease forwards;animation:5s fillin5 ease forwards}@-webkit-keyframes fillin6{0%{width:0}100%{width:30%}}@keyframes fillin6{0%{width:0}100%{width:30%}}.progress-bar[data-percent="6"]:before{-webkit-animation:5s fillin6 ease forwards;animation:5s fillin6 ease forwards}@-webkit-keyframes fillin7{0%{width:0}100%{width:35%}}@keyframes fillin7{0%{width:0}100%{width:35%}}.progress-bar[data-percent="7"]:before{-webkit-animation:5s fillin7 ease forwards;animation:5s fillin7 ease forwards}@-webkit-keyframes fillin8{0%{width:0}100%{width:40%}}@keyframes fillin8{0%{width:0}100%{width:40%}}.progress-bar[data-percent="8"]:before{-webkit-animation:5s fillin8 ease forwards;animation:5s fillin8 ease forwards}@-webkit-keyframes fillin9{0%{width:0}100%{width:45%}}@keyframes fillin9{0%{width:0}100%{width:45%}}.progress-bar[data-percent="9"]:before{-webkit-animation:5s fillin9 ease forwards;animation:5s fillin9 ease forwards}@-webkit-keyframes fillin10{0%{width:0}100%{width:50%}}@keyframes fillin10{0%{width:0}100%{width:50%}}.progress-bar[data-percent="10"]:before{-webkit-animation:5s fillin10 ease forwards;animation:5s fillin10 ease forwards}@-webkit-keyframes fillin11{0%{width:0}100%{width:55%}}@keyframes fillin11{0%{width:0}100%{width:55%}}.progress-bar[data-percent="11"]:before{-webkit-animation:5s fillin11 ease forwards;animation:5s fillin11 ease forwards}@-webkit-keyframes fillin12{0%{width:0}100%{width:60%}}@keyframes fillin12{0%{width:0}100%{width:60%}}.progress-bar[data-percent="12"]:before{-webkit-animation:5s fillin12 ease forwards;animation:5s fillin12 ease forwards}@-webkit-keyframes fillin13{0%{width:0}100%{width:65%}}@keyframes fillin13{0%{width:0}100%{width:65%}}.progress-bar[data-percent="13"]:before{-webkit-animation:5s fillin13 ease forwards;animation:5s fillin13 ease forwards}@-webkit-keyframes fillin14{0%{width:0}100%{width:70%}}@keyframes fillin14{0%{width:0}100%{width:70%}}.progress-bar[data-percent="14"]:before{-webkit-animation:5s fillin14 ease forwards;animation:5s fillin14 ease forwards}@-webkit-keyframes fillin15{0%{width:0}100%{width:75%}}@keyframes fillin15{0%{width:0}100%{width:75%}}.progress-bar[data-percent="15"]:before{-webkit-animation:5s fillin15 ease forwards;animation:5s fillin15 ease forwards}@-webkit-keyframes fillin16{0%{width:0}100%{width:80%}}@keyframes fillin16{0%{width:0}100%{width:80%}}.progress-bar[data-percent="16"]:before{-webkit-animation:5s fillin16 ease forwards;animation:5s fillin16 ease forwards}@-webkit-keyframes fillin17{0%{width:0}100%{width:85%}}@keyframes fillin17{0%{width:0}100%{width:85%}}.progress-bar[data-percent="17"]:before{-webkit-animation:5s fillin17 ease forwards;animation:5s fillin17 ease forwards}@-webkit-keyframes fillin18{0%{width:0}100%{width:90%}}@keyframes fillin18{0%{width:0}100%{width:90%}}.progress-bar[data-percent="18"]:before{-webkit-animation:5s fillin18 ease forwards;animation:5s fillin18 ease forwards}@-webkit-keyframes fillin19{0%{width:0}100%{width:95%}}@keyframes fillin19{0%{width:0}100%{width:95%}}.progress-bar[data-percent="19"]:before{-webkit-animation:5s fillin19 ease forwards;animation:5s fillin19 ease forwards}@-webkit-keyframes fillin20{0%{width:0}100%{width:100%}}@keyframes fillin20{0%{width:0}100%{width:100%}}.progress-bar[data-percent="20"]:before{-webkit-animation:5s fillin20 ease forwards;animation:5s fillin20 ease forwards}.download_link{margin-top:30px;display:inline-block}.download_link i{font-size:4rem;display:inline-block}.download_link span{display:inline-block;vertical-align:bottom;text-align:left;margin-left:10px}.download_link span::before{content:" ";width:40px;background-color:#1CC0F9;height:2px;display:block;margin-bottom:10px}.download_link:hover span::before{background-color:#0580aa}.project_container{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-align:center;align-items:center;align-content:center}.project_container .project{width:100%;box-shadow:0 0 3px #e6e6e6;margin:10px 1%}@media (min-width: 768px){.project_container .project{width:48%}}@media (min-width: 992px){.project_container .project{width:30.333%}}.project_container .project .project_thumb{position:relative;cursor:pointer;transition:all cubic-bezier(0.91, -0.05, 0.21, 0.94) 0.3s}.project_container .project .project_thumb:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.project_container .project .project_thumb:hover img{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-filter:grayscale(1);filter:grayscale(1)}.project_container .project .project_thumb:hover .content_short_info{background-color:rgba(0,0,0,0.75);top:-1px;width:101%;left:-2px;height:100%;-webkit-box-pack:center;justify-content:center}.project_container .project .project_thumb:hover .content_short_info p{-webkit-transform:translateY(0);transform:translateY(0);color:#67d5fb;opacity:1;visibility:visible}.project_container .project .project_thumb:hover h4:after{width:40px;opacity:1}.project_container .project img{transition:all cubic-bezier(0.57, 0.08, 0, 0.79) 0.3s}.project_container .project h4{font-size:1.2rem;margin:10px 0}.project_container .project h4:after{transition:opacity ease 0.3s,width cubic-bezier(0.96, -0.05, 0.31, 1.34) 0.7s;width:0;content:" ";margin:4px auto;height:3px;background-color:#1CC0F9;display:block;opacity:0}.project_container .project .content_short_info{transition:all cubic-bezier(0.4, -0.29, 0.12, 1.24) 0.3s;background-color:rgba(0,0,0,0.5);color:#fff;padding:10px 20px;position:absolute;width:100%;height:59px;left:0;z-index:10;top:calc(100% - 62px);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;align-content:center}.project_container .project .content_short_info p{font-size:14px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,-webkit-transform ease-in 0.3s;transition:opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,transform ease-in 0.3s;transition:opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,transform ease-in 0.3s,-webkit-transform ease-in 0.3s;opacity:0;visibility:hidden;transition-delay:.3s;margin:0 0 5px}.project_container .project.open{transition:all ease-in 1s}.project_container .project.open .project_info{-webkit-transform:translate(0, 0);transform:translate(0, 0);display:block;top:0;left:0;width:100%;z-index:10000;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;opacity:1;visibility:visible;background-color:rgba(0,0,0,0.6)}@media (min-width: 768px){.project_container .project.open .project_info{display:-webkit-box;display:flex}}.project_container .project.open .project_info .content{background-color:#fff;opacity:1;min-height:inherit;overflow:auto}@media (min-width: 768px){.project_container .project.open .project_info .content{height:100vh;max-height:650px}}.project_container .project_info{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%);visibility:hidden;position:fixed;opacity:0;margin:0 auto;overflow:auto;transition:top cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.1s,opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,height ease-in 2s,width ease-in 2s,-webkit-transform cubic-bezier(0.08, 1.16, 0.43, 0.28) 0.1s;transition:top cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.1s,opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,transform cubic-bezier(0.08, 1.16, 0.43, 0.28) 0.1s,height ease-in 2s,width ease-in 2s;transition:top cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.1s,opacity cubic-bezier(0.91, -0.05, 0.18, 0.49) 0.3s,transform cubic-bezier(0.08, 1.16, 0.43, 0.28) 0.1s,height ease-in 2s,width ease-in 2s,-webkit-transform cubic-bezier(0.08, 1.16, 0.43, 0.28) 0.1s}.project_container .project_info .content{padding:20px;transition:opacity cubic-bezier(0.08, 1.16, 0.43, 0.28) 0.3s,background-color ease-in 0.1s;max-width:600px;width:100%;margin:0 auto;opacity:0;box-shadow:0 0 5px #000}.project_container .project_info .content .text-blue{font-weight:400;color:#0592c3;margin-top:-10px}.project_container .project_info .content .close{text-align:right;cursor:pointer;float:right;position:relative;height:24px;width:24px;padding:6px;margin-bottom:0}.project_container .project_info .content .close:after,.project_container .project_info .content .close:before{content:" ";display:block;width:25px;height:2px;border-radius:3px;background-color:#000;position:absolute;top:11px;left:-1px;transition:all cubic-bezier(0.4, -0.29, 0.12, 1.24) 0.1s}.project_container .project_info .content .close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.project_container .project_info .content .close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.project_container .project_info .content .close:hover:after{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.project_container .project_info .content .close:hover:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.project_container .project_info .content h4{clear:both;margin-bottom:0}.project_container .project_info .content img{display:block;margin:0 auto;max-width:500px;width:100%}.project_container .project_info .content .btn{font-size:14px;border-radius:5px;display:inline-block;padding:5px 10px;background-color:#1CC0F9;color:#fff;transition:all cubic-bezier(0.4, -0.29, 0.12, 1.24) 0.3s}.project_container .project_info .content .btn:hover{background-color:#0592c3}