*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html,.smooth-container{scroll-behavior:smooth}body{font-family:'Open Sans Condensed', sans-serif;margin:0;overflow-x:hidden}.full-wrapper{background-color:#fff;width:100%;height:auto;padding:26px}.main-nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#4696ff;padding:4px 20px;border-radius:10px;position:relative}.main-nav .nav-icon{z-index:4;width:25px;cursor:pointer}.main-nav .nav-icon:after,.main-nav .nav-icon:before,.main-nav .nav-icon div{background-color:#fff;border-radius:3px;content:'';display:block;height:2px;margin:9px 0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.main-nav .nav-icon-active:before{-webkit-transform:translateY(11px) rotate(135deg);transform:translateY(11px) rotate(135deg)}.main-nav .nav-icon-active:after{-webkit-transform:translateY(-11px) rotate(-135deg);transform:translateY(-11px) rotate(-135deg)}.main-nav .nav-icon-active div{-webkit-transform:scale(0);transform:scale(0)}.main-nav .mini-logo{width:30px}.main-nav .nav-socials{font-size:1.8em;background-color:#fff;padding:0 16px;border-radius:10px}.main-nav .nav-socials>*:not(:last-child){margin-right:10px}.main-nav .nav-socials .fb-icon{color:#4267B2}.main-nav .nav-socials .ig-icon{color:#C13584}.main-nav .nav-socials .twitter-icon{color:#1DA1F2}.nav-menu{-webkit-box-shadow:10px 10px 14px -4px rgba(0,0,0,0.5);box-shadow:10px 10px 14px -4px rgba(0,0,0,0.5);position:absolute;z-index:3;top:40px;left:0;padding:40px;border-radius:10px;height:auto;background-color:#4696ff;opacity:0;-webkit-transition:opacity .4s, top .3s;transition:opacity .4s, top .3s;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.nav-menu .menu-links>*,.nav-menu .contacts>*{display:block}.nav-menu .menu-links h3,.nav-menu .contacts h3{font-size:1.8em;font-weight:300;text-transform:uppercase;color:#fff;background-color:#c22f34;display:inline-block;padding:4px 10px;margin-top:0;margin-bottom:10px}.nav-menu .menu-links ul,.nav-menu .contacts ul{margin-bottom:0;list-style-type:none;padding:0}.nav-menu .menu-links li,.nav-menu .contacts li{color:#fff}.nav-menu .menu-links a,.nav-menu .contacts a{color:#fff;text-decoration:none;font-size:1.6em}.nav-menu .menu-links b,.nav-menu .contacts b{font-weight:300;font-size:1.6em}.nav-menu .menu-links #tel,.nav-menu .menu-links #telm,.nav-menu .menu-links #email,.nav-menu .contacts #tel,.nav-menu .contacts #telm,.nav-menu .contacts #email{font-size:1.2em}.nav-menu>div:not(:last-child){margin-bottom:40px}.intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;border-radius:10px;background-color:#f2f2f2;padding:20px 30px}.intro h1{margin-top:0;color:#4696ff;font-size:2.2em}.intro p{font-size:1.4em;margin:0}.intro img{max-width:250px}.showcase{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 30px}.showcase .proj-container a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;text-decoration:none}.showcase .proj-container a h4{color:#4267B2;font-size:1.6em;margin:0}.showcase .proj-container a span{font-style:italic;color:#4696ff}.showcase .proj-container a p{color:#000;font-size:1.2em;margin:0;margin-top:10px}.showcase .proj-container hr{margin:20px 0;border-top:1px solid #dedede}.showcase .proj-container img{max-width:300px;margin-right:10px;border-radius:10px}.showcase .proj-container div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:10px}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4em;background-color:#eee;color:#333;border-radius:10px}footer p{margin:0 auto;padding:20px}.floating-nav{position:fixed;bottom:0;right:0;-webkit-box-shadow:0px 10px 14px -5px rgba(0,0,0,0.45);box-shadow:0px 10px 14px -5px rgba(0,0,0,0.45);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;margin:26px;border-radius:10px;padding:20px;-webkit-transition:right .6s, opacity .5s;transition:right .6s, opacity .5s}.floating-nav>a{margin:0 10px;font-size:1.6em;text-decoration:none;color:#4267B2}.floating-nav>a i{font-size:1.4em;vertical-align:middle}.hide-floating{opacity:0;right:-100vw}.show-floating{opacity:1;right:0}.project{width:100%;height:auto;background-color:#fff;margin-top:20px;border-radius:10px;padding:20px}.project .proj-img{height:50vh;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}.project .content-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:75% 25%;grid-template-columns:75% 25%;grid-gap:20px;margin-top:30px}.project .content-wrapper .main-content .proj-title{margin:0;color:#333;font-size:2em}.project .content-wrapper .main-content .proj-category{color:#4267B2;font-style:italic;font-size:1.4em}.project .content-wrapper .main-content .proj-text{font-size:1.5em;color:#000;line-height:1.2}.project .content-wrapper .main-content .proj-gal-img img{max-width:300px;border-radius:10px;cursor:-webkit-zoom-in;cursor:zoom-in}.project .content-wrapper .side-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project .content-wrapper .side-info .client-tag,.project .content-wrapper .side-info .date-tag{font-weight:bold;font-size:1.2em}.project .content-wrapper .side-info .client,.project .content-wrapper .side-info .date{font-size:1.2em}.project .content-wrapper .side-info .proj-link{font-size:1.4em;text-decoration:none;color:#4267B2;margin-top:10px}.project .content-wrapper .side-info #share-btn{margin-top:10px}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px}.navigation a{font-size:1.4em;margin:6px;text-decoration:none;color:#4696ff;font-weight:bold}.navigation .between-projs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal{background-color:rgba(0,0,0,0.8);width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal #close-btn{position:absolute;top:20px;left:20px;font-size:2em;color:#fff;cursor:pointer}.modal img{height:80%;width:auto}@media (max-width: 800px){.showcase .proj-container a p{width:100%}.intro{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;text-align:center}.intro h1{margin:10px 0 20px 0}.intro p{margin:6px 0}.showcase{padding:0}.proj-container a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.proj-container a img{max-width:unset !important;width:100%;margin:20px 0}.floating-nav{left:0;padding:20px 0;margin:0;border-radius:0}footer{margin-bottom:60px}.project{padding:0}.project .proj-img{height:40vh}.project .content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.side-info{border:2px solid #f2f2f2;border-radius:10px;padding:10px;margin-bottom:20px}.project .content-wrapper .main-content .proj-text{text-align:justify}.project .content-wrapper .main-content .proj-gal-img img{max-width:unset;width:100%}.modal img{height:auto;width:100%}}@media (max-width: 600px){.floating-nav>a{font-size:1.4em}.navigation a{font-size:1.1em}footer p{font-size:.8em}}@media (max-width: 600px){.floating-nav>a{font-size:.9em}}