@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap";body{font-family:Source Sans Pro,sans-serif;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;height:auto}a[href]{color:#000}.container{max-width:980px;margin-left:auto;margin-right:auto}.navbar .container{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.navbar .logo{font-size:28px;text-transform:uppercase;letter-spacing:3px;font-weight:600;text-decoration:none}.navbar .btn{border:2px solid #1a1a1a;display:inline-block;padding:3px;margin:5px;position:relative;text-align:center;-webkit-transition:background .6s ease,color .6s ease;-moz-transition:background .6s ease,color .6s ease;transition:background .6s ease,color .6s ease}.navbar input[type=radio].toggle{display:none}.navbar input[type=radio].toggle+label{cursor:pointer;min-width:40px}.navbar input[type=radio].toggle+label:hover{background:none;color:#1a1a1a}.navbar input[type=radio].toggle+label:after{background:#1a1a1a;content:"";height:100%;position:absolute;top:0;-webkit-transition:left .2s cubic-bezier(.77,0,.175,1);-moz-transition:left .2s cubic-bezier(.77,0,.175,1);transition:left .2s cubic-bezier(.77,0,.175,1);width:100%;z-index:-1}.navbar input[type=radio].toggle.toggle-left+label{border-right:0}.navbar input[type=radio].toggle.toggle-left+label:after{left:100%}.navbar input[type=radio].toggle.toggle-right+label{margin-left:-5px}.navbar input[type=radio].toggle.toggle-right+label:after{left:-100%}.navbar input[type=radio].toggle:checked+label{cursor:default;color:#fff;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s}.navbar input[type=radio].toggle:checked+label:after{left:0}.navbar .nav-links{display:-moz-box;display:flex;margin-left:auto;list-style:none}.navbar .nav-links .nav-item{position:relative;display:inline-block;margin-left:20px;margin-right:20px;text-decoration:none;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.navbar .nav-links .nav-item.active{font-weight:700}.navbar .nav-links .nav-item.active:after{content:"";position:absolute;bottom:-10px;left:0;width:25px;height:2px;background-color:#000}.navbar .nav-links .nav-item:hover{opacity:.5}.hero{padding-top:50px;padding-bottom:50px}.hero .container{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.hero .text-wrapper{width:50%;text-align:justify}.hero .text-wrapper.w-full{width:100%}.hero .text-wrapper .title{font-size:48px;margin-top:0;margin-bottom:10px}.hero .text-wrapper .description{font-size:22px;line-height:40px}.hero .text-wrapper .cta{display:inline-block;padding:15px 45px;margin-top:20px;background-color:#000;color:#fff;text-decoration:none;border-radius:5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.hero .text-wrapper .cta:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.hero .image-wrapper{width:50%;text-align:right}.portfolio-wrapper{display:-moz-box;display:flex;margin-left:-10px;margin-right:-10px}.portfolio-wrapper .portfolio-item{width:50%;padding-left:10px;padding-right:10px;text-align:center}.portfolio-wrapper .portfolio-item .portfolio-image{max-width:100%}.portfolio-wrapper .portfolio-item .portfolio-name{font-size:24px;margin-top:10px;margin-bottom:10px;text-transform:capitalize}.portfolio-wrapper .portfolio-item .portfolio-category{color:#999}.contact-links{padding:0 0 0 15px;margin-top:-10px;list-style:square}.contact-links .contact-item{padding-top:10px;padding-bottom:10px}.toggle{--size:1.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;width:var(--size);height:var(--size);-webkit-box-shadow:inset calc(var(--size)*.33) calc(var(--size)*-.25) 0;box-shadow:inset -moz-calc(var(--size)*.33) -moz-calc(var(--size)*-0.25) 0;box-shadow:inset calc(var(--size)*.33) calc(var(--size)*-.25) 0;border-radius:999px;color:#e6e6ff;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.toggle:checked{--ray-size:-moz-calc(var(--size) * -0.4);--ray-size:calc(var(--size) * -0.4);--offset-orthogonal:-moz-calc(var(--size) * 0.65);--offset-orthogonal:calc(var(--size) * 0.65);--offset-diagonal:-moz-calc(var(--size) * 0.45);--offset-diagonal:calc(var(--size) * 0.45);-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);color:#fa0;-webkit-box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal)*-1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal)*-1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) calc(var(--offset-diagonal)*-1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal)*-1) 0 var(--ray-size);box-shadow:inset 0 0 0 var(--size),-moz-calc(var(--offset-orthogonal)*-1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 -moz-calc(var(--offset-orthogonal)*-1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),-moz-calc(var(--offset-diagonal)*-1) -moz-calc(var(--offset-diagonal)*-1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),-moz-calc(var(--offset-diagonal)*-1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) -moz-calc(var(--offset-diagonal)*-1) 0 var(--ray-size);box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal)*-1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal)*-1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) calc(var(--offset-diagonal)*-1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal)*-1) 0 var(--ray-size)}#drop-down-cbox{display:none}#drop-down-cbox+label{position:relative;display:none;width:60px;height:60px;overflow:hidden;background-color:transparent;-webkit-transition:all 10ms ease-in-out;-moz-transition:all 10ms ease-in-out;transition:all 10ms ease-in-out}#drop-down-cbox+label span{position:absolute;display:block;background-color:#666;width:34px;height:4px;border-radius:2px;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#drop-down-cbox+label span:first-child{top:35%}#drop-down-cbox+label span:nth-child(2){top:50%}#drop-down-cbox+label span:nth-child(3){top:65%}#drop-down-cbox:checked+label{background-color:#666}#drop-down-cbox:checked+label span{background-color:#fff}#drop-down-cbox:checked+label span:first-child{top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}#drop-down-cbox:checked+label span:nth-child(2){left:-150%}#drop-down-cbox:checked+label span:nth-child(3){top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.main-nav{-moz-box-flex:1;flex-grow:1;display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.main-nav li{display:block;width:100%;height:60px;line-height:60px;text-align:center}.main-nav li a,.main-nav li span{display:block;width:100%;height:100%}.main-nav li>ul{max-height:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden}.main-nav li:hover>ul{max-height:180px;height:auto}.main-nav li>ul li a,.main-nav li>ul li span{background-color:#fff}.main-nav li>ul li a:hover,.main-nav li>ul li span:hover{background-color:#666;color:#fff;border-bottom:none}@media(max-width:768px){.site-logo{font-size:2.5rem;-moz-box-flex:1;flex-grow:1;text-align:center}#drop-down-cbox+label{display:block}.main-nav{max-height:0;height:-moz-calc(100vh - 60px);height:calc(100vh - 60px);overflow:hidden;position:absolute;top:60px;line-height:auto;left:0;width:100%;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;background-color:#fff}#drop-down-cbox:checked~.main-nav,.main-nav{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#drop-down-cbox:checked~.main-nav{max-height:-moz-calc(100vh - 60px);max-height:calc(100vh - 60px)}.main-nav li span{position:relative}.main-nav li span:after{content:"";width:6px;height:6px;position:absolute;top:50%;margin-top:-2px;margin-left:8px;-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);border-left:2px solid #666;border-bottom:2px solid #666}.main-nav li a:hover,.main-nav li span:hover{background-color:#666;color:#fff;border-bottom:none}.main-nav li>ul li{position:relative}.main-nav li>ul li a,.main-nav li>ul li span{background-color:#eee}}