@-webkit-keyframes fadein{from{top:0;opacity:0}to{top:4rem;opacity:1}}@keyframes fadein{from{top:0;opacity:0}to{top:4rem;opacity:1}}@-webkit-keyframes fadeout{from{top:4rem;opacity:1}to{top:0;opacity:0}}@keyframes fadeout{from{top:4rem;opacity:1}to{top:0;opacity:0}}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media(max-width: 75em){html{font-size:56.25%}}@media(max-width: 56.25em){html{font-size:50%}}@media(max-width: 37.5em){html{font-size:31.25%}}@media(min-width: 112.5em){html{font-size:75%}}@media screen and (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{box-sizing:border-box}main{min-height:100vh}.bckt-top{opacity:0;bottom:4rem;right:2.4rem;line-height:0;padding:.8rem;position:fixed;font-size:4rem;visibility:hidden;text-decoration:none;border-radius:.6rem;display:inline-block;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1);color:#f32900;background-color:#fecdb9;transition:all ease-in .2s;transform:translateY(50%)}.bckt-top--active{opacity:1;visibility:visible;transform:translateY(0%)}body{font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:"Quicksand",sans-serif;color:#181715;font-weight:400;line-height:1.2}.heading-1{font-size:3.5rem;font-weight:500}.heading-2{font-size:3rem;font-weight:500}.heading-3{font-size:2.5rem;font-weight:500}.paragraph{font-size:1.6rem}.ki{font-style:normal;display:inline-block}.ki::before{width:1em;height:1em;content:"";display:block;color:inherit;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentColor}.ki.ki-behance::before{-webkit-mask-image:url("images/social/behance.svg");mask-image:url("images/social/behance.svg")}.ki.ki-dribbble::before{-webkit-mask-image:url("images/social/dribbble.svg");mask-image:url("images/social/dribbble.svg")}.ki.ki-github::before{-webkit-mask-image:url("images/social/github.svg");mask-image:url("images/social/github.svg")}.ki.ki-linkedin::before{-webkit-mask-image:url("images/social/linkedin.svg");mask-image:url("images/social/linkedin.svg")}.ki.ki-skype::before{-webkit-mask-image:url("images/social/skype.svg");mask-image:url("images/social/skype.svg")}.ki.ki-ninja-kick::before{-webkit-mask-image:url("images/ninja/kick.svg");mask-image:url("images/ninja/kick.svg")}.ki.ki-ninja-slice::before{-webkit-mask-image:url("images/ninja/slice.svg");mask-image:url("images/ninja/slice.svg")}.ki.ki-ninja-stick::before{-webkit-mask-image:url("images/ninja/stick.svg");mask-image:url("images/ninja/stick.svg")}.ki.ki-ninja-stand::before{-webkit-mask-image:url("images/ninja/stand.svg");mask-image:url("images/ninja/stand.svg")}.ki.ki-ninja-stance::before{-webkit-mask-image:url("images/ninja/stance.svg");mask-image:url("images/ninja/stance.svg")}.ki.ki-ninja-run::before{-webkit-mask-image:url("images/ninja/run.svg");mask-image:url("images/ninja/run.svg")}.ki.ki-ninja-smoke-bomb::before{-webkit-mask-image:url("images/ninja/smoke-bomb.svg");mask-image:url("images/ninja/smoke-bomb.svg")}.ki.ki-ninja-nunchaku::before{-webkit-mask-image:url("images/ninja/nunchaku.svg");mask-image:url("images/ninja/nunchaku.svg")}.ki.ki-ninja-katana::before{-webkit-mask-image:url("images/ninja/katana.svg");mask-image:url("images/ninja/katana.svg")}.ki.ki-ninja-bow-and-arrow::before{-webkit-mask-image:url("images/ninja/bow-and-arrow.svg");mask-image:url("images/ninja/bow-and-arrow.svg")}.ki.ki-ninja-hand::before{-webkit-mask-image:url("images/ninja/hand.svg");mask-image:url("images/ninja/hand.svg")}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-uppercase{text-transform:uppercase !important}.text-primary{color:#ff6040 !important}.padding-top-sm{padding-top:1.5rem !important}.padding-top-md{padding-top:4rem !important}.padding-top-lg{padding-top:8rem !important}.padding-top-xl{padding-top:10rem !important}.padding-bottom-sm{padding-bottom:1.5rem !important}.padding-bottom-md{padding-bottom:4rem !important}.padding-bottom-lg{padding-bottom:8rem !important}.padding-bottom-xl{padding-bottom:10rem !important}.footer{font-size:1.6rem;background-color:#faf7f6;height:4rem}.footer__box{height:100%;text-align:center}.footer__box-text{line-height:4rem}.container{height:100%;margin:0 auto;max-width:114rem}@media(max-width: 75em){.container{max-width:100%;padding:0 4rem}}.row{display:grid;grid-template-rows:minmax(-webkit-min-content, 1fr);grid-template-rows:minmax(min-content, 1fr);grid-template-columns:[container-start] repeat(12, [col-start] 1fr [col-end]) [container-end]}.row--gutter-md{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}@media(max-width: 37.5em){.row--gutter-md{grid-row-gap:2rem;row-gap:2rem}}.row .col-1{grid-column:span 1}@media(max-width: 37.5em){.row .col-1{grid-column:span 12}}.row .col-2{grid-column:span 2}@media(max-width: 37.5em){.row .col-2{grid-column:span 12}}.row .col-3{grid-column:span 3}@media(max-width: 37.5em){.row .col-3{grid-column:span 12}}.row .col-4{grid-column:span 4}@media(max-width: 37.5em){.row .col-4{grid-column:span 12}}.row .col-5{grid-column:span 5}@media(max-width: 37.5em){.row .col-5{grid-column:span 12}}.row .col-6{grid-column:span 6}@media(max-width: 37.5em){.row .col-6{grid-column:span 12}}.row .col-7{grid-column:span 7}@media(max-width: 37.5em){.row .col-7{grid-column:span 12}}.row .col-8{grid-column:span 8}@media(max-width: 37.5em){.row .col-8{grid-column:span 12}}.row .col-9{grid-column:span 9}@media(max-width: 37.5em){.row .col-9{grid-column:span 12}}.row .col-10{grid-column:span 10}@media(max-width: 37.5em){.row .col-10{grid-column:span 12}}.row .col-11{grid-column:span 11}@media(max-width: 37.5em){.row .col-11{grid-column:span 12}}.row .col-12{grid-column:span 12}@media(max-width: 37.5em){.row .col-12{grid-column:span 12}}.header{width:100%;height:6rem}.header__nav{height:100%;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1)}.header__nav .container{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}.header__nav-logo{position:relative;text-decoration:none}.header__nav-logo-img{top:50%;height:4rem;position:absolute;display:inline-block;transform:translateY(-50%)}.header__nav-list{list-style:none}.header__nav-list-item{height:100%;display:inline-block;vertical-align:middle}.header__nav-list-item:not(:last-child){margin-right:4rem}.header__nav-link:link,.header__nav-link:visited{text-decoration:none;color:#181715;font-size:1.6rem}.header__nav-link:hover,.header__nav-link:active{color:#ff6040;-webkit-text-decoration:underline #ff6040 double;text-decoration:underline #ff6040 double}.button,.button:link,.button:visited{line-height:1;position:relative;padding:.8rem 4rem;border-radius:.6rem;transition:all .2s;text-decoration:none;display:inline-block;text-transform:uppercase;font-size:1.6rem;cursor:pointer}.button:hover{transform:translateY(-3px)}.button:hover::after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.button::after{top:0;left:0;content:"";z-index:-1;width:100%;height:100%;position:absolute;border-radius:.6rem;display:inline-block;transition:all .4s}.button--link{padding-left:0 !important;padding-right:0 !important;color:#333;-webkit-text-decoration:underline currentColor double !important;text-decoration:underline currentColor double !important}.button--link:hover,.button--link:active{color:#ff6040 !important;-webkit-text-decoration:underline #ff6040 double !important;text-decoration:underline #ff6040 double !important}.button--default{border:none;color:#181715;background-color:#faf7f6}.button--default:hover{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1)}.button--default::after{background-color:#181715}.button--default-outline{color:#181715;border:1px solid #bfbfbf;background-color:#fff}.button--default-outline:hover{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1)}.button--default-outline::after{background-color:#181715}.button--primary{border:none;color:#ff6040;background-color:#fecdb9}.button--primary:hover{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1)}.button--primary::after{background-color:#fecdb9}.button--primary-outline{color:#ff6040;border:1px solid #fecdb9;background-color:#fff}.button--primary-outline:hover{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1)}.button--primary-outline::after{background-color:#fecdb9}.card{position:relative;padding:1.4rem 2rem;border-radius:.6rem;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1);background-color:#fff}.card__side{top:0;left:0;width:100%;height:inherit;overflow:hidden;position:absolute;padding:1.4rem 2rem;border-radius:.6rem;transition:all .8s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__side--front{background-color:inherit;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1)}.card__side--back{transform:rotateY(180deg);box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1);background-color:#fecdb9}.card--active .card__side--front{transform:rotateY(-180deg)}.card--active .card__side--back{transform:rotateY(0)}.card__header{padding:1rem 1.4rem}.card__image{width:100%;height:30rem;-o-object-fit:cover;object-fit:cover;border-radius:.6rem;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1)}.card__body{padding:1rem 1.4rem}.card__body .paragraph{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.card__footer{padding:1rem 1.4rem}.card__footer--fixed{left:50%;bottom:2%;width:100%;position:absolute;transform:translateX(-50%)}.card--white{background-color:#faf7f6}.card--shadow-primary{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1)}.card--flippable{box-shadow:none;perspective:150rem}.form__group:not(:last-child){margin-bottom:1rem}.form__label{display:block;margin-left:2rem;margin-top:.7rem;transition:all .3s;font-size:1.6rem}.form__input{width:100%;border:none;display:block;color:inherit;padding:1rem 2rem;font-family:inherit;border-radius:.6rem;font-size:1.6rem;background-color:#fff;transition:all .3s}.form__input:focus{outline:none;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(51,51,51,.1)}.form__input:focus:invalid{box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1)}.form__input::-webkit-input-placeholder{color:gray}.form__input:-moz-placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form__input:-ms-input-placeholder+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.list-group{list-style:none}.list-group__item{width:100%;padding:.6rem 1rem;display:inline-block;vertical-align:middle;font-size:1.6rem}.list-group__item:not(:last-child){border-bottom:.6px solid #bfbfbf}.progress__text{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;font-size:1.6rem}.progress__text-title{font-family:"Quicksand",sans-serif;font-weight:500}.progress__text-indicator{font-family:"Quicksand",sans-serif;font-weight:500}.progress__track{height:.8rem;line-height:1;position:relative}.progress__track::before{top:50%;z-index:2;content:"";height:inherit;position:absolute;border-radius:.4rem;display:inline-block;width:var(--progress);transform:translateY(-50%);background-color:#bfbfbf}.progress__track::after{content:"";width:100%;height:inherit;border-radius:.4rem;display:inline-block;background-color:#e6e6e6}.snackbar{left:50%;top:4rem;z-index:1;line-height:1;position:fixed;min-width:25rem;font-size:1.6rem;text-align:center;visibility:hidden;padding:1rem 2rem;border-radius:.6rem;transform:translateX(-50%)}.snackbar__body{margin-left:.6rem}.snackbar--primary{color:#ff6040;box-shadow:-0.8rem .8rem 1.8rem 0 rgba(255,96,64,.1);background-color:#fecdb9}.snackbar--active{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 5s;animation:fadein .5s,fadeout .5s 5s}.error{height:100vh}.error__image{width:100%;height:60rem;margin-top:12rem;background-image:url("images/error-illustration.svg");background-position:center;background-size:80% 60rem}.error__content{height:100vh;padding:24rem 5rem;background-color:#fecdb9}.error__content .heading-3{color:#ff6040}.hero{width:100%;overflow:hidden}.hero__intro{z-index:2;position:relative;padding:12rem 0}@media(max-width: 37.5em){.hero__intro{text-align:center;padding:8rem 0 0}}.hero__intro-header{text-align:center}.hero__intro-header .heading-1{text-transform:uppercase;color:#ff6040}.hero__intro-header .heading-2 span{display:block}.hero__intro-body{padding:1rem 2rem;font-size:2rem}@media(max-width: 37.5em){.hero__intro-body{text-align:center}}.hero__intro-footer{padding:1rem 2rem}@media(max-width: 37.5em){.hero__intro-footer{text-align:center}}.hero__intro-footer span{font-size:2rem;margin-bottom:2rem}.hero__intro-footer-links{line-height:0;list-style:none;padding:2rem 0}.hero__intro-footer-links li{display:inline-block}.hero__intro-footer-links li:not(:last-child){margin-right:4rem}.hero__intro-footer-link{font-size:4.8rem;display:inline-block;color:#181715}.hero__intro-footer-link:visited,.hero__intro-footer-link:active{text-decoration:none}.hero__intro-footer-link:hover,.hero__intro-footer-link:active{color:#ff6040}.hero__clip{position:relative}.hero__clip-background{width:60rem;height:60rem;-webkit-clip-path:ellipse(50% 50% at center);clip-path:ellipse(50% 50% at center);background-color:#fecdb9;transform:scale(1.1) translate(-8%, 5%)}@media(max-width: 37.5em){.hero__clip-background{margin:0 auto;transform:scale(1.2) translate(0%, 20%)}}.hero__clip-image{top:52%;left:46%;z-index:2;width:auto;height:68rem;display:block;position:absolute;transform:translate(-50%, -50%)}@media(max-width: 37.5em){.hero__clip-image{left:50%;transform:translate(-50%, -20%)}}.about{background-color:#faf7f6}.about__image{width:100%;height:72rem;border-radius:.6rem;background-image:url("images/kitonga-background.jpg");background-position:center -3rem;background-repeat:no-repeat;background-size:cover}.about .card{height:72rem;background-color:#faf7f6}.services .card{height:35rem}.services .card__header{line-height:0;font-size:4.8rem}.portfolio{background-color:#333}.portfolio .card{height:52rem}.contact .card__body{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.contact__text{width:24%;display:inline-block}.contact__text-heading{padding-bottom:1rem}.contact__text-heading>*{display:inline-block;vertical-align:middle}.contact__text-heading .heading-3 span{display:block}.contact__text-heading i{font-size:5rem;margin-left:.8rem}.contact__form{width:70%}