body{font-family:monospace;font-size:15px;line-height:1.8em;color:#3d3d50;font-weight:300;background:#fff}h1,h2,h3,h4,h5,h6{margin:0 0 15px;color:#2b2b3d}h1{font-size:26px;line-height:1.8em;font-weight:700}h2{font-size:18px;line-height:1.8em;font-weight:700}h3{font-size:16px;line-height:1.8em;font-weight:500}h4{font-size:15px;line-height:1.8em;font-weight:500}h5{font-size:15px;line-height:1.5em;font-weight:500}h6{font-size:15px;line-height:1.5em}a{transition:.3s}a,a:active,a:focus{text-decoration:none;outline:0;color:salmon}a:focus,a:hover{text-decoration:none;color:#2a54f5}p{margin-bottom:20px}ul{margin:0;padding:0;list-style:none}.btn{padding:14px 30px 11px;margin-bottom:0;font-size:14px;font-weight:500;border-radius:0;border:0;text-transform:uppercase}.btn-lg{font-weight:700;font-size:24px;padding:15px 30px}.btn-primary{background-color:#2a54f5}.btn-primary:active:focus,.btn-primary:focus,.btn-primary:hover{background:#1e3eb5}.btn-default{color:#2a54f5;background-color:transparent;border:2px solid #2a54f5}.btn-default:active:focus,.btn-default:focus,.btn-default:hover{background:#2a54f5;color:#fff;border-color:#2a54f5}.btn:active:focus,.btn:focus,button:focus{outline:0}.columns-block{flex-wrap:wrap;display:flex;justify-content:space-around}.blocks{box-sizing:border-box}.left-col-block{width:50%;text-align:center;overflow:hidden;position:fixed;left:0}.right-col-block{width:50%;position:absolute;right:0;box-shadow:-10px -10px 30px rgba(0,0,0,.23)}.gray-bg{background-color:#f9f9f9}#main-wrapper{background:#fff;overflow:hidden}.section-wrapper{padding:12px 50px}@media (max-width:480px){.section-wrapper{padding:30px 20px}}.section-title{margin-bottom:15px}.section-title h2{margin-bottom:5px;color:#bebece}.header{padding:0;margin:0;height:100vh;vertical-align:middle;position:relative}.header .profile-img{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(pic.6bc83dcdca77a47e2112.jpg);background-size:cover;background-position:center top}.header .profile-img:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(-30deg,rgba(64,69,103,.5) 0,rgba(64,69,103,.5) 40%,transparent 60%,transparent 100%)}.header .content{position:absolute;bottom:0;left:0;right:0;width:100%;margin:0 auto;padding:10%}.header .content h1{font-size:36px;color:#fff;line-height:1;margin:0}.header .content p{font-size:18px;color:#fff}@media (max-width:600px){.left-col-block{width:100%;position:relative}.right-col-block{width:100%;position:relative;box-shadow:none}.header .profile-img{z-index:1}.header .content{z-index:2}}.header .btn{margin-top:40px}.header .content .social-icon,.links{margin:0;padding:0;display:block}.header .content .social-icon li,.links li{display:inline-block;margin:0 2px}.header .content .social-icon li a,.links li a{display:block;font-size:14px;color:#00ced1;text-align:center;font-weight:700}.header .content .social-icon li a{width:44px;height:44px;line-height:43px;border-radius:100%;border:4px solid rgba(255,255,255,.2)}.header .content .links li a:hover{color:#fff}.header .content .social-icon li a:hover{border-color:#fff}.project-link{margin:0;padding:0;display:block}.project-link li{display:inline-block;margin:0 2px}.project-link li a{display:block;font-size:20px;color:#00008b;text-align:center;font-weight:700;width:45px;height:45px;line-height:44px;border-radius:100%;border:2px solid green}.project-link li a:hover{color:#00f;border-color:#00f}.expertise-item{margin-bottom:20px}.expertise-item h3{margin-bottom:5px;font-weight:700}.progress-item{position:relative}.progress-item .progress-title{font-size:15px;font-weight:400;display:inline-block;margin-bottom:5px}.progress-item .progress{height:4px;box-shadow:none;border-radius:5px}.progress-item .progress-bar{background-color:#2a54f5;box-shadow:none;text-align:right}.progress-item .progress-percent{font-size:10px;background-color:#313131;position:absolute;top:5px;padding:0 8px;border-radius:3px}.progress-item .progress-percent::before{content:"";position:absolute;left:0;bottom:-4px;border-top:6px solid #313131;border-right:8px solid transparent}.portfolio-item{position:relative;display:block;margin-bottom:30px}.portfolio-item .portfolio-thumb img{height:230px;display:block;max-width:100%}@media (min-width:768px){.portfolio-item .portfolio-thumb img{height:260px;display:block;max-width:100%}}.portfolio-item .portfolio-info{position:absolute;bottom:0;padding:30px 15px 5px;width:100%;background:#00008b}.portfolio-item .portfolio-info h3{margin:0;line-height:1;color:#fff;font-weight:700}.portfolio-item .portfolio-info small{color:#fff}.portfolio-item:hover .portfolio-info{background:-webkit-linear-gradient(top,transparent 0,rgba(42,84,245,.5) 100%)}.content-item{margin-bottom:20px}.content-item h3{margin:0 0 10px;line-height:1;font-weight:700;text-transform:uppercase}.content-item h4{margin:0;line-height:1}.content-item small{color:#888}.feedback-form{margin-top:50px}.form-control{height:50px;padding:0 20px;font-size:13px;line-height:50px;color:#969595;border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box}.form-control:active,.form-control:focus{box-shadow:none}.footer{bottom:0;padding:30px 50px}.footer .copyright-section{font-size:13px;color:#888}.footer .copyright-section .copytext{font-weight:400;display:block}@media (max-width:480px){.footer{padding:10px 20px}}#preloader{background:#2a54f5;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#status,.status-mes{background-image:url("data:image/svg+xml,%3C!-- By Sam Herbert (%40sherb)%2C for everyone. More %40 http%3A%2F%2Fgoo.gl%2F7AJzbL --%3E%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-width%3D%222%22%3E        %3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%221%22%3E            %3Canimate attributeName%3D%22r%22                begin%3D%220s%22 dur%3D%221.8s%22                values%3D%221%3B 20%22                calcMode%3D%22spline%22                keyTimes%3D%220%3B 1%22                keySplines%3D%220.165%2C 0.84%2C 0.44%2C 1%22                repeatCount%3D%22indefinite%22 %2F%3E            %3Canimate attributeName%3D%22stroke-opacity%22                begin%3D%220s%22 dur%3D%221.8s%22                values%3D%221%3B 0%22                calcMode%3D%22spline%22                keyTimes%3D%220%3B 1%22                keySplines%3D%220.3%2C 0.61%2C 0.355%2C 1%22                repeatCount%3D%22indefinite%22 %2F%3E        %3C%2Fcircle%3E        %3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%221%22%3E            %3Canimate attributeName%3D%22r%22                begin%3D%22-0.9s%22 dur%3D%221.8s%22                values%3D%221%3B 20%22                calcMode%3D%22spline%22                keyTimes%3D%220%3B 1%22                keySplines%3D%220.165%2C 0.84%2C 0.44%2C 1%22                repeatCount%3D%22indefinite%22 %2F%3E            %3Canimate attributeName%3D%22stroke-opacity%22                begin%3D%22-0.9s%22 dur%3D%221.8s%22                values%3D%221%3B 0%22                calcMode%3D%22spline%22                keyTimes%3D%220%3B 1%22                keySplines%3D%220.3%2C 0.61%2C 0.355%2C 1%22                repeatCount%3D%22indefinite%22 %2F%3E        %3C%2Fcircle%3E    %3C%2Fg%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;height:200px;left:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;width:200px}.status-mes{background:0 0;left:0;margin:0;text-align:center;top:65%}