@font-face{font-family:Grotesk;font-weight:700;src:url(../fonts/HKGrotesk-Bold.eot);src:url(../fonts/HKGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HKGrotesk-Bold.woff2) format("woff2"),url(../fonts/HKGrotesk-Bold.woff) format("woff"),url(../fonts/HKGrotesk-Bold.ttf) format("truetype")}@font-face{font-family:Grotesk;font-weight:500;src:url(../fonts/HKGrotesk-Medium.eot);src:url(../fonts/HKGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/HKGrotesk-Medium.woff2) format("woff2"),url(../fonts/HKGrotesk-Medium.woff) format("woff"),url(../fonts/HKGrotesk-Medium.ttf) format("truetype")}@font-face{font-family:Grotesk;font-weight:400;src:url(../fonts/HKGrotesk-Regular.eot);src:url(../fonts/HKGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/HKGrotesk-Regular.woff2) format("woff2"),url(../fonts/HKGrotesk-Regular.woff) format("woff"),url(../fonts/HKGrotesk-Regular.ttf) format("truetype")}.navbar-light .navbar-brand{color:#000}.navbar-dark .navbar-brand,.navbar-dark .navbar-nav .nav-link{color:#fff}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-light .navbar-nav .nav-link{color:#000}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#000}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#000}html,body,#body{background:#000}#body{font-family:Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.container-parent{position:relative;z-index:2;background:#fff}.container{max-width:none;padding:0 1rem}.container-title{position:relative;display:block;width:100%;margin:0!important;padding:5rem 0 4rem;font-size:1.2rem;line-height:2rem;font-weight:400;letter-spacing:.2rem;text-align:center;text-transform:uppercase}.container-title>strong{position:relative;display:inline-block;border-bottom:1px solid #66f0e5;padding:0 1rem;font-weight:inherit}#loader{position:fixed;left:0;top:0;width:100%;height:100%;background:transparent;color:#000;z-index:100}#loader:before{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:block;background:#fff;opacity:1;content:""}#bowlG{position:relative;width:25px;height:25px;display:inline-block}#bowl_ringG{position:absolute;width:25px;height:25px;border:2px solid #000;border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px}.ball_holderG{position:absolute;width:7px;height:25px;left:9px;top:0;animation-name:ball_moveG;-o-animation-name:ball_moveG;-ms-animation-name:ball_moveG;-webkit-animation-name:ball_moveG;-moz-animation-name:ball_moveG;animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}.ballG{position:absolute;left:0;top:-6px;width:10px;height:10px;background:rgb(102,240,229);border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}@keyframes ball_moveG{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes ball_moveG{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes ball_moveG{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes ball_moveG{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes ball_moveG{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}#loader>#bowlG{position:absolute;z-index:1;left:50%;top:50%;margin:-12.5px 0 0 -12.5px}#header{position:fixed;left:0;top:0;width:100%;height:auto;z-index:10;margin:0!important;padding:0;background-color:transparent!important;text-transform:uppercase;font-size:1.2rem;line-height:2rem}#header:before{position:absolute;z-index:0;display:block;left:0;top:0;width:100%;height:100%;background:transparent;opacity:0;content:"";-webkit-transition:background-color .2s ease,opacity .2s ease;-moz-transition:background-color .2s ease,opacity .2s ease;-o-transition:background-color .2s ease,opacity .2s ease;transition:background-color .2s ease,opacity .2s ease}#header.navbar-light:before{background:#fff;opacity:.9}#header>.container{z-index:1;padding-top:.5rem;padding-bottom:.5rem}#header .navbar-brand{padding-left:.5rem;font-size:1.6rem;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}#header.navbar-light+#body>#welcome>.container,#header.navbar-light+#body>#welcome>.image{visibility:hidden}@media (max-width:575.98px){#header>.container{padding-left:1rem;padding-right:1rem}#header .navbar-brand{font-weight:700;display:block;width:100%;text-align:center;margin:0;padding-left:0;padding-right:0}}@media (max-width: 991.98px){#header{font-size:1rem}#header .navbar-brand{font-size:1.4rem}}#welcome{position:relative;display:block;width:100%;height:100vh;overflow:hidden;z-index:1;background-color:#69929b;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}#welcome.full{background-color:#000}#welcome>.image{position:fixed;left:0;bottom:0;width:100%;height:100%;background-color:#69929b;background-size:cover;background-repeat:no-repeat;background-position:bottom center}#welcome>.container{position:fixed;display:block;left:0;top:0;width:100%;height:100%;overflow:hidden;padding-top:0;padding-bottom:0}#welcome>.container>.text{position:relative;display:block;top:50%;margin:-3vw 0 0;padding:0;width:100%;height:auto;text-align:center;font-size:6vw;line-height:6vw;color:#fff;font-weight:700;text-transform:capitalize}#welcome>.container>img{position:absolute;display:block;left:0;bottom:0;width:auto;height:100%}#welcome>.container>.mouse-icon{position:absolute;width:20px;height:34px;margin:0 0 0 -10px;text-align:center;left:50%;bottom:2rem;display:block;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}#welcome>.container>.mouse-icon{animation:animate-top-down .3s infinite;animation-timing-function:linear;animation-direction:alternate}@media (min-width: 576px){#welcome.anim>.container>.text{animation:imageTitle 1s ease 1}}#welcome.anim>.image{animation:imageImage .5s ease 1}@keyframes imageTitle{0%{top:60%;opacity:0}50%{top:45%;opacity:.75}}@keyframes imageImage{0%{transform:scale(1.5)}}@keyframes animate-top-down{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}@media (max-width: 575.98px){#welcome>.container>.text{margin:-4vw 0 0;font-size:8vw;line-height:8vw}#welcome>.container>.mouse-icon{display:none}}@media (min-width: 576px) and (max-width: 991.98px){#welcome>.container>.text{margin:-4.5vw 0 0;font-size:9vw;line-height:9vw}#welcome>.container>.mouse-icon{display:none}}#description__canvas{position:absolute;left:0;bottom:0;height:82%;overflow:hidden}#about{position:relative;z-index:3;overflow-x:hidden}#about>.container>.jumbotron{background:transparent;padding:0;margin:0;border-radius:0;text-align:center}#about>.container h1{font-size:5vw;line-height:5vw;font-weight:700;margin-bottom:2rem;letter-spacing:.5rem}#about>.container h1+p{margin:0 auto;font-size:1.2vw;line-height:1.7vw;line-height:normal;font-weight:400}@media (max-width: 575.98px){#description__canvas{display:none}#about>.container h1{font-size:8vw;line-height:8vw;margin-bottom:.5rem}#about>.container h1+p{width:100%;font-size:1rem;line-height:normal}}@media (min-width: 576px) and (max-width: 991.98px){#description__canvas{display:none}#about>.container h1{font-size:10vw;line-height:10vw}#about>.container h1+p{width:82%;font-size:2.4vw;line-height:3.4vw}}@media (min-width: 992px){#about{height:100vh}#about>.container>.jumbotron{position:absolute;left:0;width:100%;top:50%;margin-top:-4.25rem}#about>.container h1+p{width:600px}}#portfolio>.container{padding-bottom:1rem}#portfolio .row>*{margin-top:1rem}#portfolio .row>*>.card{position:relative;margin:0!important;padding:0;display:block;width:100%;border:0;border-radius:0;background:#000;overflow:hidden}#portfolio .row>*>.card>.card-img{border-radius:0;z-index:1;-webkit-transition:transform .8s ease;-moz-transition:transform .8s ease;-o-transition:transform .8s ease;transition:transform .8s ease}#portfolio .row>*>.card>.card-img-overlay{padding:0;z-index:2}#portfolio .row>*>.card>.card-img-overlay:before{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:0;background:#000;background:linear-gradient(to bottom,rgba(0,0,0,.5),#000);opacity:0;content:"";-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}#portfolio .row>*>.card>.card-img-overlay>.card-title{position:relative;display:block;width:100%;z-index:1;color:#fff;padding:1.25rem;font-weight:700;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}#portfolio .row>*>.card>.card-img-overlay>.card-text{position:absolute;display:block;width:100%;z-index:3;color:#fff;padding:0;left:1.25rem;bottom:1.25rem;margin:0;-webkit-transition:color .2s ease,opacity .2s ease;-moz-transition:color .2s ease,opacity .2s ease;-o-transition:color .2s ease,opacity .2s ease;transition:color .2s ease,opacity .2s ease}#portfolio .row>*>.card>.card-img-overlay>.card-text>span{margin:0 1rem 0 0;display:inline-block;position:relative;cursor:pointer}#portfolio .row>*>.card>.card-img-overlay>.card-text>span:first-child:before{position:relative;display:inline-block;width:20px;height:20px;vertical-align:top;margin:0 .5rem 0 0;background:transparent url(../../image/content/button-play.png) no-repeat 0 0;background-size:cover;content:""}#portfolio .row>*>.card>.card-img-overlay>.card-text.text-dark>span:first-child:before{background-position:0 -20px}#portfolio .row>*>.card>.card-img-overlay>.card-text>span>span{position:relative;display:inline-block}#portfolio .row>*>.card>.card-img-overlay>.card-text>span>span:before{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;opacity:0;content:"";-webkit-transition:opacity .2s ease,background-color .2s ease;-moz-transition:opacity .2s ease,background-color .2s ease;-o-transition:opacity .2s ease,background-color .2s ease;transition:opacity .2s ease,background-color .2s ease}#portfolio .row>*>.card>.card-img-overlay>.card-text.text-dark>span>span:before{background:#343a40}#portfolio .row>*>.card>.card-img-overlay>.js-modal-btn{position:absolute;display:block;z-index:2;left:0;top:0;width:100%;height:100%;font-size:0;background:transparent;border:0;outline:0;margin:0;padding:0;cursor:pointer;-webkit-transition:height .2s ease,color .2s ease,font-size .2s ease;-moz-transition:height .2s ease,color .2s ease,font-size .2s ease;-o-transition:height .2s ease,color .2s ease,font-size .2s ease;transition:height .2s ease,color .2s ease,font-size .2s ease}@media (min-width: 768px){#portfolio .row{margin-top:-1rem;margin-left:-.5rem;margin-right:-.5rem}#portfolio .row>*{margin-top:1rem;padding-left:.5rem;padding-right:.5rem}#portfolio .row>*>.card{height:auto}#portfolio .row>.col-md-5>.card{height:100%}#portfolio .row>.col-md-5>.card>.card-img{position:absolute;display:block;width:auto;height:100%;left:-20%}#portfolio .row>*>.card>.card-img-overlay>.card-title{font-size:1.5rem}#portfolio .row>*>.card>.card-img-overlay>.card-text{opacity:0}#portfolio .row>*>.card:hover>.card-img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}#portfolio .row>*>.card:hover>.card-img-overlay:before{opacity:.75}#portfolio .row>*>.card:hover>.card-img-overlay>.card-title{color:#66f0e5!important}#portfolio .row>*>.card:hover>.card-img-overlay>.card-text{color:#fff!important}#portfolio .row>*>.card:hover>.card-img-overlay>.card-text>span:first-child:before{background-position:0 0!important}#portfolio .row>*>.card:hover>.card-img-overlay>.card-text{opacity:1}#portfolio .row>*>.card>.card-img-overlay>.card-text>span:hover{color:#66f0e5!important}#portfolio .row>*>.card>.card-img-overlay>.card-text>span:hover>span:before{background:#66f0e5;opacity:.75;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}}#contacts{position:relative;display:block;width:100%;background:#000;color:#fff}#contacts>.container{padding-bottom:1rem}#contacts>.container>.socs{position:relative;display:block;width:100%;text-align:center;margin:0;text-transform:uppercase;font-size:1rem}#contacts>.container>.socs>a{display:inline-block;margin:1rem 1rem 0;text-decoration:none;color:#fff}@media (max-width: 575.98px){#contacts>.container>.socs{font-size:.8rem}#contacts>.container>.socs>a{margin:.5rem .5rem 0}}@media (max-width: 767.98px){#contacts>.container>.container-title{padding:1rem 0}}@media (min-width: 768px){#contacts>.container{padding-bottom:5rem}#contacts>.container>.socs{margin:3rem 0 6rem;font-size:1.2rem}#contacts>.container>.socs>a{border-bottom:1px solid #000;-webkit-transition:color .2s ease,border-color .2s ease;-moz-transition:color .2s ease,border-color .2s ease;-o-transition:color .2s ease,border-color .2s ease;transition:color .2s ease,border-color .2s ease}#contacts>.container>.socs>a:hover{color:#66f0e5;border-color:#66f0e5}}@media (min-width: 576px){.blur1{-webkit-filter:blur(1px);filter:blur(1px)}.blur2{-webkit-filter:blur(2px);filter:blur(2px)}.blur3{-webkit-filter:blur(3px);filter:blur(3px)}.blur4{-webkit-filter:blur(4px);filter:blur(4px)}.blur5{-webkit-filter:blur(5px);filter:blur(5px)}.blur6{-webkit-filter:blur(6px);filter:blur(6px)}.blur7{-webkit-filter:blur(7px);filter:blur(7px)}.blur8{-webkit-filter:blur(8px);filter:blur(8px)}.blur9{-webkit-filter:blur(9px);filter:blur(9px)}.blur10{-webkit-filter:blur(10px);filter:blur(10px)}}
