body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}a{text-decoration:none}table{border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}strong{font-weight:bold}ol,ul{list-style:none;margin:0;padding:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6,p,img{font-weight:normal;font-size:100%;margin:0;padding:0;line-height:1.3em}q:before,q:after{content:''}abbr,acronym{border:0}a{-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}body,html{height:100%}body{font-family:sofia-pro,sans-serif;color:#364042;font-weight:400;font-size:19px}h1,h2,h3{font-weight:700}h3{font-size:2.5em;line-height:1.2em}a.arrow-down{width:30px;display:inline-block;position:absolute;z-index:1000;left:0;right:0;bottom:25px;margin:auto}a.arrow-down svg polyline{-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a.arrow-down:hover{bottom:20px}a.arrow-down:hover svg polyline{stroke:#5b6d92}.col{width:calc(50% - 1.2em);float:left;padding:.6em}header#main-header{overflow:hidden;position:fixed;z-index:999;right:40px;top:20px;text-transform:uppercase}header#main-header a:not(.menu-btn){float:left;display:block;color:#364042;text-align:center;padding:14px 16px;text-decoration:none;font-size:1em;font-weight:800;position:relative}header#main-header a:not(.menu-btn):after{content:'';display:block;height:3px;position:relative;background-color:#364042;top:3px;width:100%;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}header#main-header a:not(.menu-btn):hover:after{top:0;opacity:1}header#main-header a:not(.menu-btn):hover{color:inherit}header#main-header .menu-btn{display:none}@media screen and (max-width:768px){header#main-header{right:20px}header#main-header a.menu-btn{display:block;width:35px;margin-top:5px}header#main-header a:not(.mobile-menu-btn){display:none}header#main-header.open{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.8);left:0;top:0}header#main-header.open a.mobile-menu-btn{display:none}header#main-header.open a.mobile-close-menu-btn{display:block;position:absolute;top:19px;right:23px;width:28px}header#main-header.responsive div a{float:none;display:block;color:#5b6d92;text-align:center;font-size:2.7em;padding:.4em}header#main-header.responsive div a:hover{color:#fff}}.sticky-tab{position:fixed;z-index:99999;top:20px;width:110px;height:auto;background:#5b6d92;animation-name:slideInStickyTab;left:0;border-top-right-radius:8px;border-bottom-right-radius:8px;box-shadow:0 0 15px 5px rgba(0,0,0,.1);transition:margin-left .3s}.sticky-tab:hover{margin-left:5px}.sticky-tab:before{content:"";background:#5b6d92;height:100%;width:30px;position:absolute;top:0;left:-30px}.sticky-tab .sticky-tab-container{padding:10px 9px;text-align:center;color:#fff;line-height:1.2em;font-size:11px;font-weight:700;display:block;width:auto;height:100%}.sticky-tab .sticky-tab-container a,.sticky-tab .sticky-tab-container img{display:block;width:100%;height:100%}.sticky-tab .sticky-tab-container a{color:inherit}.sticky-tab .sticky-tab-container a span{display:block;margin-top:5px}.sticky-tab .sticky-tab-container a:hover{color:inherit}.sticky-tab .sticky-tab-container img{width:100%;height:auto;margin:0 auto}@keyframes slideInStickyTab{from{left:-100px}to{left:0}}section:not(#home) .content{width:100%;max-width:1200px;margin:0 auto}.content h3{margin-bottom:20px}.content p{font-size:2.1em}.content p:first-child{padding-top:0}.content a{color:inherit;text-decoration:underline}.content a:hover{color:#5b6d92}.divider-above:before{content:'';width:130px;margin:0 auto;display:block;height:5px;background-color:#5b6d92;position:relative;top:calc(-0.75em + 2.5px)}section .divider-above{margin:0 auto;margin-top:1.5em}.content header h2{font-size:4em;color:#5b6d92;margin-bottom:.3em}a.click-btn{display:inline-block;text-transform:uppercase;font-weight:700;text-align:center;padding:.5em 1em;background-color:#5b6d92;text-decoration:none;font-size:1.2em;margin-top:2em;color:#f0e2d2;border-radius:10px}a.click-btn:hover{color:#5b6d92;background-color:#f0e2d2}section#how p,.content header p{font-size:1.6em;max-width:1010px;margin:0 auto}section#how h3{color:#f0e2d2}section#how p{margin-top:.2em;color:#fff}section:not(#home){padding:5em 40px;text-align:center}section#home{background-image:url('../imgs/home-image.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;padding-left:100px;display:flex;align-items:center}section#home::before{content:'';background-color:rgba(0,0,0,0.2);display:block;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0}section#home .content{position:relative;z-index:2}section#home h1{text-transform:uppercase;font-weight:700;font-size:7em;line-height:.9em;color:#5b6d92;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}section#home h1 span.space{display:block}section#home h1 span{color:#5b6d92}section#home p{width:21em;margin-top:1em;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,0.5)}section#home a.click-btn{box-shadow:1px 1px 5px rgba(0,0,0,0.5);font-size:1.7em;border-radius:10px}section#what{background-color:#efefef}section#what p br{display:none}section#what p{max-width:28em;font-size:1.6em}section#what p:first-child{margin:0 auto}section#work .projects:after{content:'';display:block;clear:both}section#work .project_item img{box-sizing:border-box;width:100%;position:relative;display:block}section#work .project_item{margin-top:2em;max-height:355px;min-height:340px}@media screen and (max-width:767px){section#work .project_item{min-height:190px}}section#work .project_item .holder{position:relative;cursor:pointer;padding:0 40px}section#work .project_item .holder a{display:block;max-height:280px;overflow:hidden;border:1px solid #d8d8d8;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;border-radius:10px}section#work .project_item:hover .holder a{border-color:#5b6d92}section#work .project_item .holder .visit-site{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.7);color:#5b6d92;text-shadow:1px 1px 1px rgba(0,0,0,0.5);border:1px solid transparent;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;font-weight:800;font-size:1.6em;pointer-events:none}section#work .project_item:hover .holder .visit-site{opacity:1}section#work .project_item h4{margin-top:.6em}section#work .project_item h4 a{text-decoration:none}section#how{background-color:#5b6d92}section#how .content>div.divider-above{margin-top:4.5em}section#how .content>div.divider-above:before{top:calc(-2.25em + 2.5px);background-color:#fff}section#who p{font-size:1.1em;max-width:42em;margin:0 auto 1em;line-height:1.4em}section#who img{margin-top:3em}section#talk{background-color:#efefef}section#talk input,section#talk textarea{padding:.5em .7em .7em;font-size:1em;background-color:#fbfbfb;border:1px solid #95989a;font-family:sofia-pro,sans-serif;font-weight:400;width:100%;box-sizing:border-box;border-radius:10px}section#talk textarea{height:10.2em}section#talk input:not(:first-of-type){margin-top:1em}form#contact_form{font-size:1em;max-width:770px;margin:2em auto 0}form#contact_form:after{content:'';display:block;clear:both}form#contact_form .btn-holder{text-align:right;padding:.6em}.contactStatusMsg{font-size:.8em;text-align:left;margin-top:.2em}.contactStatusMsg.showIt,.contactStatusMsg.errorMsg{color:red}.contactStatusMsg.successMsg{color:green}.contactStatusMsg.general{padding:.6em;font-size:1em}a#submitIt{text-decoration:none;font-weight:800;cursor:pointer;border-radius:10px}input::-webkit-input-placeholder{color:#989090}input:-moz-placeholder{color:#989090}input::-moz-placeholder{color:#989090}input:-ms-input-placeholder{color:#989090}textarea::-webkit-input-placeholder{color:#989090}textarea:-moz-placeholder{color:#989090}textarea::-moz-placeholder{color:#989090}textarea:-ms-input-placeholder{color:#989090}footer{background-color:#364042;text-align:center;padding:1.6em;font-size:.7em;line-height:1.4em;color:#8c8a8a}footer a{color:#8c8a8a}footer a:hover{color:#efefef;text-decoration:underline}footer .social{margin:13px 0 10px}footer .social a{opacity:.4;display:inline-block;margin:0 12px;vertical-align:middle}footer .social a img{height:20px}footer .social a:hover{opacity:.8}.signup{background-color:#30373b;padding:50px 0}.signup a{display:block;margin:0 auto;color:#fff;width:270px;text-align:center}.signup a img{width:150px;margin-bottom:15px}@media screen and (max-width:1440px){body{font-size:16px}section#home{padding-left:50px}section#home h1{font-size:5.5em}.content p{font-size:2em}section#home a.click-btn{margin-top:1.5em}}@media screen and (max-width:767px){body{font-size:14px}section#home{padding:20px;display:block;background-image:url('../imgs/home-image-mobile.jpg');background-position:top center;display:flex;align-items:flex-start}section:not(#home){padding:5em 20px}section#home p{width:100%;margin-top:.2em;font-size:1.6em}section#home h1{font-size:3.5em;margin-top:1.55em;margin-bottom:32vh}section#home a.click-btn{margin-top:.5em;font-size:1.5em}span.space{display:block}.content header h2{line-height:1.1em;font-size:3.7em}section#who p,section#how p,.content header p{font-size:1.7em}.col{width:100%;float:none;box-sizing:border-box}form#contact_form{font-size:1.2em}form#contact_form .btn-holder{text-align:center}a#submitIt{width:100%;background-color:#5b6d92;display:block;padding:.6em;box-sizing:border-box;font-size:1.3em}footer{font-size:.9em}a.arrow-down{bottom:15px}}@media screen and (max-width:767px) and (orientation:landscape){section#home p{width:56%}section#home h1 span.space:nth-of-type(1){display:inline}section#home{padding:20px;display:block;background-image:url('../imgs/home-image-mobile-landscape.jpg');background-position:bottom center}header#main-header.responsive div a{font-size:2.3em;padding:.2em}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){section#home p{width:15em}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){section#home{padding:20px;display:flex;align-items:flex-end;background-image:url('../imgs/home-image-mobile.jpg');background-position:bottom center}section#home .content{top:-80px;position:relative}section#home h1 span.space:nth-of-type(1){display:inline}section#home h1{font-size:5em}}
