.clear:after{content:"";display:block;height:0;clear:both}@font-face{font-family:unique;src:url(../font/Heebo-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:unique;src:url(../font/Roboto-Bold.woff2) format("woff2");font-weight:800;font-style:normal;font-stretch:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#181818}.page-white body,html.page-white{background-color:#fff}.oh #root,.oh body,html.oh{height:100%;overflow:hidden}body{font-family:unique,sans-serif;font-weight:400;margin:0;padding:0;font-size:13px;line-height:1.3;color:#1d1d1d}@media only screen and (min-width:412px){body{font-size:13.4px}}@media only screen and (min-width:600px){body{font-size:15px}}@media only screen and (min-width:760px){body{font-size:16px}}@media only screen and (min-width:960px){body{font-size:14px}}@media only screen and (min-width:1200px){body{font-size:16px}}@media only screen and (min-width:1500px){body{font-size:18px}}@media only screen and (min-width:1700px){body{font-size:20px}}@media only screen and (min-width:1900px){body{font-size:22px}}h1,h2,h3,h4,h5,h6{font-weight:800}img{max-width:100%}a{color:inherit}a:active,a:focus{outline:none}.hide{display:none!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}video,video:active,video:focus{outline:none}input[type=number]{-moz-appearance:textfield}input,select{font-family:inherit}button,input,select{font-family:inherit;font-size:inherit}button:active,button:focus,input:active,input:focus,select:active,select:focus{outline:none}#root{perspective:800px}@media only screen and (min-width:960px){.header.open~.main{transition-delay:0s;transform:rotateY(-15deg);pointer-events:none}}.root{color:#fff}.main-title{display:none}.main{overflow:auto;padding:1em;background-color:#1d1d1d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main>div{height:100%}@media only screen and (max-width:959px){.main{position:absolute;left:0;top:0;bottom:4.7em;right:0;margin:auto;overflow:auto;height:auto}}@media only screen and (min-width:960px){.main{height:100%;position:relative;transform:rotateY(0deg);transform-origin:center right;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.46,.51,.5,1.12);transition-delay:.5s;margin-left:3.4em;padding:2em 5em}}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.btn{letter-spacing:1px;display:inline-block;vertical-align:top;position:relative;color:#b5b5b5;text-decoration:none;font-size:14px;padding:.9em 2.2em;line-height:1;transition:color .5s}.btn:hover{color:#ff8919}.btn:hover:after,.btn:hover:before{border-color:#ff8919}.btn:hover:before{transform:translateX(7px)}.btn:hover:after{transform:translateX(-7px)}.btn:after,.btn:before{content:"";border:1px solid #b5b5b5;position:absolute;top:0;width:15px;height:100%;transform:translateX(0);transition:border-color .5s,transform .3s}.btn:before{left:0;border-right:none}.btn:after{right:0;border-left:none}.btn span{z-index:1;position:relative}.btn.black{color:#1d1d1d}.btn.black:after,.btn.black:before{border-color:#1d1d1d}@-webkit-keyframes plate{0%{opacity:0}to{opacity:1}}@keyframes plate{0%{opacity:0}to{opacity:1}}.easeIn{-webkit-animation:plate 1s ease-in-out;animation:plate 1s ease-in-out;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.dealy-1{-webkit-animation-delay:.2s;animation-delay:.2s}.dealy-2{-webkit-animation-delay:.4s;animation-delay:.4s}.dealy-3{-webkit-animation-delay:.6s;animation-delay:.6s}.dealy-4{-webkit-animation-delay:.8s;animation-delay:.8s}.dealy-5{-webkit-animation-delay:1s;animation-delay:1s}.plate{min-height:100%;position:relative;padding:4em 0;-webkit-animation:plate 1s ease-in-out;animation:plate 1s ease-in-out}.plate .content{max-width:600px;margin-left:1em;margin-bottom:3em}.plate p{color:#8d8d8d;font-size:1.1em}.plate p small{font-size:80%}.plate .mb-2{margin-bottom:2em}.plate .title{font-size:2.1em;line-height:1em;margin-bottom:.6em;cursor:default;position:relative;display:table}.plate .title:after,.plate .title:before{content:"";position:absolute;pointer-events:none;background-image:url(../img/_h.svg);background-repeat:no-repeat;background-size:65px auto;opacity:.25;height:15px}.plate .title.h1:before{background-position:0 -67px}.plate .title.h1:after{background-position:0 -84px}.plate .title:before{width:36px;top:-17px;left:0;background-position:0 -67px}.plate .title:after{width:43px;bottom:-8px;left:101%;background-position:0 -84px}.plate .title span{display:inline-block}.plate .title span:hover{-webkit-animation:rubberBand .5s ease-in-out;animation:rubberBand .5s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.plate h2.title:before{background-position:0 -106px}.plate h2.title:after{background-position:0 -122px}.plate h3.title:before{background-position:0 -139px}.plate h3.title:after{background-position:0 -155px}.plate h5.title:before{background-position:0 -206px}.plate h5.title:after{background-position:0 -219px}.plate .raw{position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:44px;height:18px;background:url(../img/_h1.svg) no-repeat 0 0;background-size:65px auto;opacity:.25}.plate .raw.top{top:0}.plate .raw.bottom{bottom:0;width:67px;height:36px;background-position:0 -26px}@media only screen and (min-width:412px){.plate .title{font-size:2.7em}}@media only screen and (min-width:960px){.plate{height:100%;padding:0;display:flex;align-items:center}.plate .title{font-size:3.2em;margin-bottom:.3em}.plate .title:before{left:auto;right:98%}.plate .raw{left:-3em}.plate .content{margin-left:0;margin-bottom:0;max-width:470px}.plate .content p{font-size:1em}}@media only screen and (min-width:1200px){.plate .content{max-width:650px}.plate .content p{font-size:.9em}}.page-container{padding:7% 0;width:90%;max-width:1320px;margin:0 auto}.page-container>p{font-size:15px;margin-bottom:30px;line-height:1.6em}.page-container ._link{padding:3px 0 3px 10px;border-left:4px solid #1d1d1d}.page-container p._mb{margin-bottom:10px}@media only screen and (min-width:960px){.page-container{padding:50px 0}}@font-face{font-family:icomoon;src:url(../font/icomoon.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-profile:before{content:"\e907"}.icon-globe:before{content:"\e906"}.icon-target:before{content:"\e9b3"}.icon-dicson:before{content:"\e902"}.icon-mail:before{content:"\e900"}.icon-home:before{content:"\e901"}.icon-books:before{content:"\e920"}.icon-stack:before{content:"\e92e"}.icon-phone:before{content:"\e942"}.icon-mobile:before{content:"\e958"}.icon-eye:before{content:"\e9ce"}.icon-star-empty:before{content:"\e9d7"}.icon-star-fill:before{content:"\e9d9"}.icon-heart:before{content:"\e9da"}.icon-info:before{content:"\ea0c"}.icon-facebook:before{content:"\ea90"}.icon-instagram:before{content:"\ea92"}.icon-whatsapp:before{content:"\ea93"}.icon-twitter:before{content:"\ea96"}.icon-github:before{content:"\eab0"}.icon-linkedin:before{content:"\eaca"}.icon-pinterest:before{content:"\ead1"}.icon-codepen:before{content:"\eae8"}.icon-phobox:before{content:"\e903"}.icon-unsplash:before{content:"\e904"}.icon-sent:before{content:"\e905"}.navMask{position:absolute;left:0;top:0;width:100%;height:100%;display:none;z-index:1}.header{height:4.7em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header .strap{width:100%;height:inherit}.header .logo{background-color:#141414;width:4.7em;height:100%;display:inline-flex;align-items:center;justify-content:center;position:relative}.header .logo:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.header .logo img{width:53%}.header .menuTrigger{width:26px;height:26px;position:relative;pointer-events:none;margin-right:2.8em}.header .menuTrigger>div{position:relative;width:100%;height:100%;cursor:pointer;pointer-events:auto;background:none;border:none;margin:0;padding:0}.header .menuTrigger svg{position:absolute;top:-33px;left:-33px;transform:scale(.09);transform-origin:0 0;width:1000px;height:1000px}.header .menuTrigger svg path{stroke:#fff;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round;fill:transparent}.ease .header .menuTrigger svg path{transition:all .4s cubic-bezier(.86,.43,.05,1.12)}.header .menuTrigger svg path:first-child{stroke-dashoffset:5803.15;stroke-dasharray:2901.57,2981.57,240}.header .menuTrigger svg path:nth-child(2){stroke-dashoffset:800;stroke-dasharray:400,480,240}.header .menuTrigger svg path:nth-child(3){stroke-dashoffset:6993.11;stroke-dasharray:3496.56,3576.56,240}.header .nav{position:fixed;left:0;bottom:4.6em;display:flex;align-items:center;justify-content:space-between}.header .nav a{text-decoration:none;color:#929292;text-transform:uppercase;position:relative}.header .nav a:before{position:absolute;left:0;top:0;content:"";width:100%;height:100%;z-index:1}.header .nav a.active:after{content:"";position:absolute;left:45%;height:150%;top:-17%;width:1px;background-color:#333;transform:rotate(45deg)}.header .nav a i,.header .nav a span{display:block}.header .nav a i{text-align:center;font-size:2em;color:#383838}@media only screen and (min-width:412px){.header .nav a{width:20%}}.header.open+.navMask{display:block}.header.open .menuTrigger svg path:first-child{stroke-dashoffset:5803.15;stroke-dasharray:2901.57,5258.15,240}.header.open .menuTrigger svg path:nth-child(2){stroke-dashoffset:800;stroke-dasharray:400,600,0}.header.open .menuTrigger svg path:nth-child(3){stroke-dashoffset:6993.11;stroke-dasharray:3496.56,6448.11,240}@media only screen and (max-width:959px){.header .strap{position:fixed;bottom:0;left:0;z-index:9;display:flex;justify-content:space-between;align-items:center}.header .media{display:none}.header .nav{display:none;z-index:9;width:100%;padding:1em;background-color:#181818}.header.open .nav{display:flex}.header.open .nav a{text-align:center;opacity:0;transform:scale(0)}.ease .header.open .nav a{-webkit-animation:scalezoom .5s cubic-bezier(.72,.15,0,1.43);animation:scalezoom .5s cubic-bezier(.72,.15,0,1.43);-webkit-animation-fill-mode:both;animation-fill-mode:both}.header.open .nav a:first-child,.header.open .nav a:nth-child(5){-webkit-animation-delay:.35s;animation-delay:.35s}.header.open .nav a:nth-child(2),.header.open .nav a:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s}.header.open .nav a:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}}@media only screen and (min-width:960px){.header{width:3.4em;height:100%;position:fixed;left:0;top:0;bottom:auto;z-index:9}.header .logo{height:3.4em;width:100%}.header .menuTrigger{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.header .nav{top:0;left:3.4em;height:100%;flex-direction:column;justify-content:center;align-items:center;width:10.5%;pointer-events:none}.header .nav a{width:auto;letter-spacing:1px;margin-bottom:1.9em;font-size:.7em;opacity:0;transform:translateX(-100%)}.header .nav a:last-child{margin-bottom:0}.header .nav a i{margin-bottom:.2em}.header .nav a:hover i{-webkit-animation:rubberBand .8s ease-in-out;animation:rubberBand .8s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ease .header .nav a{transition:transform .3s cubic-bezier(.72,.15,0,1.43),opacity .3s ease-in-out}.ease .header .nav a:first-child{transition-delay:.4s}.ease .header .nav a:nth-child(2){transition-delay:.3s}.ease .header .nav a:nth-child(3){transition-delay:.2s}.ease .header .nav a:nth-child(4){transition-delay:.1s}.ease .header .nav a:nth-child(5){transition-delay:0s}.ease .header.open .nav{pointer-events:auto}.ease .header.open .nav a{opacity:1;transform:translateX(0)}.ease .header.open .nav a:first-child{transition-delay:.15s}.ease .header.open .nav a:nth-child(2){transition-delay:.25s}.ease .header.open .nav a:nth-child(3){transition-delay:.35s}.ease .header.open .nav a:nth-child(4){transition-delay:.45s}.ease .header.open .nav a:nth-child(5){transition-delay:.55s}}@media only screen and (min-width:1200px){.header .nav{width:14%}}@media only screen and (min-width:1500px){.header .nav{width:16.5%}}@-webkit-keyframes scalezoom{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scalezoom{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.media{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:1em;font-size:15px;width:100%}.media a{text-decoration:none;padding:.5em;color:#5a5a5a;transition:color .4s}.media a span{display:none}.media a:hover{color:#fff}.media a.icon-facebook:hover{color:#3b5998}.media a.icon-twitter:hover{color:#00acee}.media a.icon-linkedin:hover{color:#0e76a8}.page-footer{font-size:13px;border-top:1px dotted #d1d1d1;padding-top:20px}.page-footer p{text-align:center;opacity:.8}@media only screen and (min-width:1200px){.page-footer{padding-top:30px}}.f-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;padding-bottom:1em}.f-nav a{padding:.5em;text-decoration:none;transition:opacity .4s}.f-nav a:hover{opacity:.5}@media only screen and (min-width:600px){.f-nav a{padding:1em}}.home p{font-size:13px;letter-spacing:2px;margin-bottom:2em}.home .content{margin-bottom:4em}.home .logoSpin{line-height:1;position:relative;margin:0 auto;font-size:42vw;width:1.06em}.home .logoSpin:after{position:absolute;left:25%;top:105%;content:"";width:50%;height:.1em;background-color:#171717;box-shadow:0 0 20px #171717;border-radius:50%;-webkit-animation:DDDRodate2 2.5s linear;animation:DDDRodate2 2.5s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:.7}.home .logoSpin:after,.home .logoSpin div{-webkit-font-smoothing:antialiased;will-change:transform}.home .logoSpin div{position:relative;perspective:9999px;transform-style:preserve-3d;-webkit-animation:DDDRodate 5s linear;animation:DDDRodate 5s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.home .logoSpin div i{display:block;position:absolute;left:0;top:0;text-shadow:1px 1px 1px rgba(51,51,51,.5)}.home .logoSpin div i:first-child{transform:translateZ(0);position:relative}.home .logoSpin div i:nth-child(2){transform:translateZ(1px)}.home .logoSpin div i:nth-child(3){transform:translateZ(2px)}.home .logoSpin div i:nth-child(4){transform:translateZ(3px)}.home .logoSpin div i:nth-child(5){transform:translateZ(4px)}.home .logoSpin div i:nth-child(6){transform:translateZ(5px)}.home .logoSpin div i:nth-child(7){transform:translateZ(6px)}.home .logoSpin div i:nth-child(8){transform:translateZ(7px)}.home .logoSpin div i:nth-child(9){transform:translateZ(8px)}.home .logoSpin div i:nth-child(10){transform:translateZ(9px)}.home .logoSpin div i:nth-child(11){transform:translateZ(10px)}.home .logoSpin div i:nth-child(12){transform:translateZ(11px)}.home .logoSpin div i:nth-child(13){transform:translateZ(12px)}.home .logoSpin div i:nth-child(14){transform:translateZ(13px)}.home .logoSpin div i:nth-child(15){transform:translateZ(14px)}.home .logoSpin div i:nth-child(16){transform:translateZ(15px)}.home .logoSpin div i:nth-child(17){transform:translateZ(16px)}.home .logoSpin div i:nth-child(18){transform:translateZ(17px)}.home .logoSpin div i:nth-child(19){transform:translateZ(18px)}.home .logoSpin div i:nth-child(20){transform:translateZ(19px)}.home .logoSpin div i:nth-child(21){transform:translateZ(20px)}.home .logoSpin div i:nth-child(22){transform:translateZ(21px)}.home .logoSpin div i:nth-child(23){transform:translateZ(22px)}.home .logoSpin div i:nth-child(24){transform:translateZ(23px)}.home .logoSpin div i:nth-child(25){transform:translateZ(24px)}.home .logoSpin div i:nth-child(26){transform:translateZ(25px)}.home .logoSpin div i:nth-child(27){transform:translateZ(26px)}.home .logoSpin div i:nth-child(28){transform:translateZ(27px)}.home .logoSpin div i:nth-child(29){transform:translateZ(28px)}.home .logoSpin div i:nth-child(30){transform:translateZ(29px)}.home .logoSpin div i:nth-child(31){transform:translateZ(30px)}.home .logoSpin div i:nth-child(32){transform:translateZ(31px)}.home .logoSpin div i:nth-child(33){transform:translateZ(32px)}.home .logoSpin div i:nth-child(34){transform:translateZ(33px)}.home .logoSpin div i:nth-child(35){transform:translateZ(34px)}@media only screen and (min-width:960px){.home .logoSpin{margin:0;width:auto;position:absolute;right:4%;font-size:18vw;top:50%;transform:translateY(-50%)}.home .content{margin-bottom:0}}@media only screen and (min-width:1200px){.home .logoSpin{right:10%}}@media only screen and (min-width:1500px){.home .logoSpin{right:15%}}@media only screen and (min-width:1700px){.home .logoSpin{right:18%}}@media only screen and (min-width:960px){.open+.main>div .home .logoSpin:after,.open+.main>div .home .logoSpin>div{-webkit-animation-play-state:paused;animation-play-state:paused}}@-webkit-keyframes DDDRodate{0%{transform:rotateY(0deg) translateX(0)}50%{transform:rotateY(-180deg) translateX(-6.5%)}to{transform:rotateY(-1turn) translateX(0)}}@keyframes DDDRodate{0%{transform:rotateY(0deg) translateX(0)}50%{transform:rotateY(-180deg) translateX(-6.5%)}to{transform:rotateY(-1turn) translateX(0)}}@-webkit-keyframes DDDRodate2{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1)}}@keyframes DDDRodate2{0%{transform:scale(1)}50%{transform:scale(.7)}to{transform:scale(1)}}.about p{margin-bottom:.7em}.about .figure{position:relative;pointer-events:none}.about .figure img{width:100%;display:block}.about .figure img:nth-child(2){position:absolute;left:0;top:0;-webkit-animation:light 3s ease-in-out;animation:light 3s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media only screen and (min-width:960px){.about .figure{position:absolute;top:50%;transform:translateY(-50%);width:30%;right:1%}}@media only screen and (min-width:1200px){.about .figure{right:5%}}@media only screen and (min-width:1500px){.about .figure{right:10%}}@media only screen and (min-width:960px){.open+.main>div .about .figure img:nth-child(2){-webkit-animation-play-state:paused;animation-play-state:paused}}@-webkit-keyframes light{0%,11%,20%,26%,45%,50%,80%,96%{opacity:1}3%,10%,21%,32%,40%,51%,75%,86%,90%,to{opacity:0}}@keyframes light{0%,11%,20%,26%,45%,50%,80%,96%{opacity:1}3%,10%,21%,32%,40%,51%,75%,86%,90%,to{opacity:0}}.skills p{margin-bottom:.7em}.skills .Skills3D{width:180px;height:130px;position:relative;margin:0 auto;perspective:600px;transform:scale(.7)}.skills .Skills3D .roll{height:100%;width:100%;position:absolute;transform-style:preserve-3d;transition:transform 1s;-webkit-animation:Skills3D 20s linear;animation:Skills3D 20s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.skills .Skills3D .roll>div{position:absolute;background-color:rgba(50,50,50,.6);width:100%;height:100%;border-left:1px solid rgba(74,74,74,.5);border-right:1px solid rgba(74,74,74,.5);display:flex;justify-content:center;align-items:center}.skills .Skills3D .roll>div img{width:auto;max-width:70%;height:60%}.skills .Skills3D .roll>div:first-child{transform:rotateY(0deg) translateZ(156px)}.skills .Skills3D .roll>div:nth-child(2){transform:rotateY(60deg) translateZ(156px)}.skills .Skills3D .roll>div:nth-child(3){transform:rotateY(120deg) translateZ(156px)}.skills .Skills3D .roll>div:nth-child(4){transform:rotateY(180deg) translateZ(156px)}.skills .Skills3D .roll>div:nth-child(5){transform:rotateY(240deg) translateZ(156px)}.skills .Skills3D .roll>div:nth-child(6){transform:rotateY(300deg) translateZ(156px)}@media only screen and (min-width:412px){.skills .Skills3D{transform:scale(.8)}}@media only screen and (min-width:600px){.skills .Skills3D{transform:scale(1)}}@media only screen and (min-width:960px){.skills .Skills3D{position:absolute;right:4%;top:50%;transform:translateY(-50%)}}@media only screen and (min-width:1200px){.skills .Skills3D{right:9%}}@media only screen and (min-width:1500px){.skills .Skills3D{right:15%}}@media only screen and (min-width:960px){.open+.main>div .skills .Skills3D .roll{-webkit-animation-play-state:paused;animation-play-state:paused}}@-webkit-keyframes Skills3D{0%{transform:rotateY(0deg)}to{transform:rotateY(-1turn)}}@keyframes Skills3D{0%{transform:rotateY(0deg)}to{transform:rotateY(-1turn)}}.extra{display:block;padding:0}.extra .cards{padding-bottom:1em}.extra .cards .card{margin-bottom:1em;position:relative}.extra .cards .card:last-child{margin-bottom:0}.extra .cards .action{display:flex;justify-content:center}.extra .cards .box{height:100%;position:relative;overflow:hidden}.extra .cards .box .gray figure img{-webkit-filter:grayscale(.85) brightness(.3);filter:grayscale(.85) brightness(.3)}.extra .cards .box .box-1-2{position:relative}.extra .cards .box .box-1-2:first-child{margin-bottom:1em}.extra .cards .box .link{width:100%;height:100%;position:absolute;left:0;bottom:0}.extra .cards .box .link span{display:none}.extra .cards .box .captcha{width:100%;position:absolute;left:0;bottom:0;padding:2em;background:linear-gradient(180deg,transparent 0,#000)}.extra .cards .box .captcha .ct{display:table}.extra .cards .box .captcha h5{text-align:right;color:#02d142;text-transform:uppercase;font-size:.8em}.extra .cards .box .captcha h4{font-size:2.2em;line-height:1;margin-bottom:.2em}.extra .cards .box .captcha h4 small{display:block;color:#e32323;padding-top:10px}.extra .cards .box .captcha p small{font-size:80%;color:#ab3030}.extra .cards .box .phobox{position:absolute;width:2.7em;left:1.5em;top:1.5em}.extra .cards .box .github{position:absolute;width:2.8em;left:1.5em;top:1.5em}.extra .cards .box figure{width:100%;display:block}.extra .cards .box figure.video{padding-bottom:100%;position:relative;overflow:hidden;-webkit-filter:grayscale(.4);filter:grayscale(.4);opacity:.5}.extra .cards .box figure video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.extra .cards .box figure img{width:100%;display:block}@media only screen and (min-width:960px){.extra .cards{padding-bottom:0;display:flex;justify-content:space-between;position:absolute;left:-4.5em;right:-4.5em;bottom:-1em;top:-1em}.extra .cards .action{display:none}.extra .cards .card{height:100%;width:50%;margin-bottom:0}.extra .cards .card .captcha{padding:1.5em}.extra .cards .card .captcha h4{font-size:1.8em;margin-bottom:.4em}.extra .cards .card .captcha p{line-height:1.45em;font-size:14px}.extra .cards .box{margin:0 .5em}.extra .cards .box.box-2{display:flex;flex-direction:column;justify-content:space-between}.extra .cards .box .box-1-2{position:relative;flex-grow:1}.extra .cards .box .box-1-2:first-child{margin-bottom:.5em}.extra .cards .box .box-1-2:nth-child(2){margin-top:.5em}.extra .cards .box figure{height:100%;position:absolute;left:0;top:0}.extra .cards .box figure.video{padding-bottom:0}.extra .cards .box figure img{height:100%;-o-object-fit:cover;object-fit:cover}}.contact{padding-bottom:4em}.contact .form,.contact p{margin-bottom:1em}.contact .form{display:block;max-width:295px;border:1px solid hsla(0,0%,100%,.4);border-radius:8px}.contact .form .row{display:flex;align-items:center;position:relative}.contact .form textarea{background:none;border:none;color:#ccc;padding:8px 10px;resize:none;flex-grow:1}.contact .form textarea:focus{border:none;outline:none}.contact .form button{display:block;background-color:#323232;border:none;color:#fff;font-size:1.4em;padding:.5em;border-radius:0 7px 7px 0;margin:0;cursor:pointer}.contact .form button:active,.contact .form button:focus{border:none;outline:none}.contact .form button span{display:none}.contact .cards .card{display:flex;border:1px solid #6f6f6f;border-radius:8px;margin-bottom:15px;font-size:16px;color:#e07272;align-items:center;max-width:295px;white-space:nowrap;position:relative}.contact .cards .card>div{flex-grow:1}.contact .cards .card i{border-right:1px solid #6f6f6f;border-radius:7px 0 0 7px;color:#6f6f6f}.contact .cards .card .wa,.contact .cards .card i{padding:13px 17px;background-color:rgba(97,97,97,.25)}.contact .cards .card .wa{border-left:1px solid #6f6f6f;border-radius:0 7px 7px 0;color:#25d366}.contact .cards .card .pi{padding:10px 17px}.contact .cards .card a{display:block;text-decoration:none;color:inherit}.contact .fallowHere{margin:0 auto;display:flex;flex-wrap:wrap;width:11.1em;font-size:1.4em}.contact .fallowHere a span{display:none}.contact .fallowHere a,.contact .fallowHere div{width:3.5em;height:3.5em;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:1px solid hsla(0,0%,100%,.4);margin:.1em;border-radius:15px;transition:background-color .4s}.contact .fallowHere a:hover{background-color:rgba(97,97,97,.25)}.contact .fallowHere div{text-transform:uppercase}.contact .fallowHere div span{font-size:.6em;display:block;text-align:center}@media only screen and (min-width:960px){.contact{padding-bottom:0}.contact p br{display:none}.contact .fallowHere{position:absolute;top:50%;transform:translateY(-50%);right:4%}}@media only screen and (min-width:1200px){.contact .fallowHere{right:10%}}@media only screen and (min-width:1500px){.contact .fallowHere{right:15%}}@media only screen and (min-width:1700px){.contact .fallowHere{right:18%}}.profile-wrap{border-bottom:1px dotted #d1d1d1;margin-bottom:20px;padding-bottom:20px}@media only screen and (min-width:600px){.profile-wrap{margin-bottom:30px;padding-bottom:30px}}@media only screen and (min-width:960px){.profile-wrap{padding-bottom:50px}}.profile{display:flex;align-items:flex-start;color:#181818}.profile figure{position:relative;max-width:8em;min-width:8em;border-radius:50%;overflow:hidden;font-size:10px}.profile figure .link{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity 1s}.profile figure .link:hover{opacity:1}.profile figure .link img{width:50%}.profile figure img{display:block}.profile .content{padding-left:15px;flex-grow:1;font-size:15px}.profile .content a{text-decoration:none}.profile .content .name{font-weight:700;text-transform:uppercase;font-size:1.25em;line-height:1;margin-bottom:.35em}.profile .content .loaction{font-size:.8em;margin-bottom:.5em;color:#767676;display:flex;align-items:center}.profile .content .loaction i{margin-right:.5em}.profile .content .loaction a,.profile .content .loaction span{display:inline-flex;align-items:center}.profile .content .loaction span{margin-right:2em}.profile .content .loaction a{transition:color .4s}.profile .content .loaction a:hover{color:#181818}.profile .content p{font-size:.8em;margin-bottom:.5em}.profile .content .call{font-size:.8em;display:flex}.profile .content .call a{display:block;background-color:#eee;color:#767676;padding:.5em .6em .3em;margin-right:1em;line-height:1}@media only screen and (min-width:600px){.profile figure{font-size:17px}.profile .content{font-size:17px;line-height:1.6;padding-left:50px}.profile .content .name{font-size:1.65em;margin-bottom:.45em}.profile .content .name a{color:inherit;text-decoration:none}.profile .content p{margin-bottom:1em}}@media only screen and (min-width:960px){.profile{width:670px;margin:0 auto}.profile figure{font-size:18px}.profile .content{font-size:15px}.profile .content .call,.profile .content .loaction,.profile .content p{font-size:1em}.profile .content .name{font-size:3em;margin-bottom:.3em}}.page-title{font-size:20px;margin-bottom:.4em;text-transform:uppercase}.page-title.color{color:#5a5a5a}@media only screen and (min-width:960px){.page-title{font-size:22px}}.box-span{padding-bottom:10px}.box-span .box{position:relative;border:1px solid #d1d1d1;border-radius:6px;color:#181818;line-height:1.6;margin-bottom:16px}.box-span .box ._qwer{padding:20px 16px;display:flex;justify-content:space-between}.box-span .box ._qwer>div{width:50%}.box-span .box ._qwer>div label{display:block;font-weight:400;color:#767676;font-size:12px}.box-span .box ._qwer>div a,.box-span .box ._qwer>div p{font-size:15px;color:inherit;text-decoration:none;display:table}.box-span .box figure{display:block;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;position:relative}.box-span .box figure .f-logo{position:absolute;left:8%;top:8%;height:15%}.box-span .box figure a,.box-span .box figure img{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box-span .box ._qwe{padding:16px;font-size:15px}.box-span .box ._qwe ._qwe1{color:inherit}.box-span .box ._qwe h3{font-weight:400;color:#767676;font-size:1em}@media only screen and (min-width:600px){.box-span{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:15px}.box-span .box{width:48.8%;margin-bottom:2.6%}}@media only screen and (min-width:1200px){.box-span{justify-content:flex-start;padding-bottom:30px}.box-span .box{width:24%;margin-right:1.33%;margin-bottom:1.33%}.box-span .box:nth-child(4n){margin-right:0}}.box-span.project-box .box figure a{padding-bottom:65%;overflow:hidden;position:relative}.box-span.project-box .box figure a ._pm{position:absolute;left:0;top:50%;transform:translateY(-50%)}.mh{height:20px}@media only screen and (min-width:600px){.mh{height:30px}}@media only screen and (min-width:1200px){.mh{height:40px}}.skill-set{display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:30px}.skill-set figure{width:48%;text-align:center;padding:15px 10px 19px;background-color:#f7f7f7;margin-right:4%;margin-bottom:4%;position:relative}.skill-set figure i{position:absolute;left:0;bottom:0;width:100%;height:4px}.skill-set figure:nth-child(2n){margin-right:0}.skill-set figure img{width:auto;height:4em}.skill-set figure figcaption{padding-top:5px;font-size:13px;display:block}@media only screen and (min-width:600px){.skill-set figure{width:31.33336%;margin-right:3%;margin-bottom:3%}.skill-set figure:nth-child(2n){margin-right:3%}.skill-set figure:nth-child(3n){margin-right:0}}@media only screen and (min-width:960px){.skill-set figure{width:23.5%;margin-right:2%;margin-bottom:2%}.skill-set figure:nth-child(2n),.skill-set figure:nth-child(3n){margin-right:2%}.skill-set figure:nth-child(4n){margin-right:0}}@media only screen and (min-width:1200px){.skill-set figure{width:18.8%;margin-right:1.5%;margin-bottom:1.5%}.skill-set figure:nth-child(2n),.skill-set figure:nth-child(3n),.skill-set figure:nth-child(4n){margin-right:1.5%}.skill-set figure:nth-child(5n){margin-right:0}}.dishan{background-color:#d97a27}.dishan,.dishan body{height:100%}.dishan .frame{background:url(../img/bg-mask.jpg) no-repeat top;background-size:100% auto;position:relative;height:100%}.dishan .frame .canvas{width:100%;height:100%;overflow:hidden}.dishan .frame .canvas,.dishan .frame canvas{position:absolute;left:0;top:0;pointer-events:none}.dishan .frame .footer{background:url(../img/footer.png) no-repeat top;background-size:100% auto;position:absolute;bottom:0;left:0;width:100%}.dishan .frame .footer:before{content:"";display:block;padding-bottom:22%}.dishan .frame .content{position:relative;background-position:top;background-size:100% auto;background-repeat:no-repeat;min-height:100%}@media only screen and (min-width:961px){.dishan .frame .content{background-image:url(../img/bg.jpg)}}@media only screen and (max-width:960px){.dishan .frame .content{background-image:url(../img/bg-m.jpg)}}.dishan .frame .content:before{content:"";display:block;padding-bottom:163%}.dishan .frame .content .wrap{position:absolute;left:0;top:0;width:100%}.dishan .frame .content .wrap:before{content:"";display:block;padding-bottom:163%}.dishan .frame .content i{background-color:#ed3e3e;overflow:hidden;border-radius:50%;position:absolute;width:1.3%;left:47.2%;top:64.6%;-webkit-animation:live .5s cubic-bezier(.94,-.29,0,1.43);animation:live .5s cubic-bezier(.94,-.29,0,1.43);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dishan .frame .content i:before{content:"";display:block;padding-bottom:100%}.dishan .frame .content .spider{position:absolute;left:0;top:0;overflow:hidden;width:100%;padding-bottom:2%}.dishan .frame .content .spider span{display:block;position:relative;left:1%;top:0;width:23%;-webkit-animation:spider 10s linear;animation:spider 10s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:80% 0;background:url(../img/spider.png) no-repeat top;background-size:100% auto}.dishan .frame .content .spider span:before{content:"";display:block;padding-bottom:292%}.dishan .frame .content .map{position:absolute;left:31%;width:41%;top:52%}.dishan .frame .content .map:before{content:"";display:block;padding-bottom:40%}.dishan .frame .content .youtube{position:absolute;left:36%;width:28%;top:63.3%}.dishan .frame .content .youtube:before{content:"";display:block;padding-bottom:56%}.dishan .frame .content .phone{position:absolute;left:36%;width:30%;top:78%}.dishan .frame .content .phone:before{content:"";display:block;padding-bottom:31%}@-webkit-keyframes spider{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}@keyframes spider{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}@-webkit-keyframes live{0%{opacity:0}to{opacity:1}}@keyframes live{0%{opacity:0}to{opacity:1}}.krds-page{color:#fff;position:absolute;left:0;top:0;min-height:100%;width:100%;font-size:2.7vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.krds-page .bg{background:url(../img/krds-desk.jpg) no-repeat 50%;background-size:cover}.krds-page .bg,.krds-page .bg:after{position:absolute;left:0;top:0;height:100%;width:100%}.krds-page .bg:after{background-color:rgba(0,0,0,.43);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);content:""}.krds-page .flex-wrap{position:relative;padding:3em 0}.krds-page .right{text-align:center;padding:0 30px}.krds-page .right p{margin-bottom:.8em;font-size:15px}.krds-page .right h1{text-transform:uppercase;margin-bottom:.5em}.krds-page .right h1 img{height:1.75em}.krds-page .right h1 span{font-size:1.3em}.krds-page .right figure{padding-top:2em;max-width:500px}.krds-page .right figure img{width:85%}.krds-page .action{padding-top:20px}.krds-page .clock{box-shadow:.2em .5em 1em 0 rgba(0,0,0,.2);overflow:hidden;font-size:3.6em;margin:0 auto 1em;width:8em;height:8em;border-radius:50%;background:#9b9c8c url(../img/clock-bg.jpg) no-repeat 50%;background-size:120% auto;position:relative}.krds-page .clock>div,.krds-page .clock>div>div{position:absolute;left:0;top:0;width:100%;height:100%;background-size:120% auto;background-repeat:no-repeat;background-position:50%}.krds-page .clock .hours-container{transition:transform .2s cubic-bezier(.4,2.08,.55,.44)}.krds-page .clock .hours-container>div{background-image:url(../img/hour.png)}.krds-page .clock .minutes-container{transition:transform .3s cubic-bezier(.4,2.08,.55,.44)}.krds-page .clock .minutes-container>div{background-image:url(../img/minutes.png)}.krds-page .clock .seconds-container{transition:transform .2s cubic-bezier(.4,2.08,.55,.44)}.krds-page .clock .seconds-container>div{background-image:url(../img/second.png)}@media only screen and (min-width:960px){.krds-page{font-size:1vw;display:flex;align-items:center}.krds-page .clock{font-size:3.8em;margin-bottom:0}.krds-page .flex-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.krds-page .flex-wrap>div{display:inline-flex;align-items:center;justify-content:center;width:50%;flex-direction:column}}@-webkit-keyframes hours{to{transform:rotate(1turn)}}@keyframes hours{to{transform:rotate(1turn)}}.bgMove{right:0;display:none;overflow:hidden;background:url(../img/dicson-logo.svg) no-repeat 50%;background-size:auto 70%;z-index:0}.bgMove,.bgMove:before{position:absolute;left:0;top:0;width:100%;height:100%}.bgMove:before{content:""}.bgMove i{position:absolute;left:0;top:0;width:25%}.bgMove i:before{transform:translate(-50%,-50%);content:"";border:none;outline:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;padding-bottom:100%;box-shadow:0 0 0 100vw #1d1d1d;background:radial-gradient(ellipse at center,rgba(29,29,29,.8) 0,#1d1d1d 55%,#1d1d1d 100%)}@media only screen and (min-width:1200px){.bgMove{display:block}}