*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Raleway",sans-serif}.bg{background:url(/portfolio/assets/images/bg.webp);background-size:100% 100%;background-repeat:no-repeat;position:fixed;width:100%;height:500px;top:0;z-index:1;z-index--webkit-transition:all 5s ease-out;-moz-transition:all 5s ease-out;-o-transition:all 5s ease-out;transition:all 5s ease-out}.bg:hover,.bg .bg:focus{background:url(/portfolio/assets/images/bg.webp);background-size:105% 105%;background-position:center}.bg::after{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.pos{top:inherit;bottom:0}.container{max-width:1140px;margin-right:auto;margin-left:auto}.container-fluid{width:100%}.row{display:flex;flex-wrap:wrap}.header{display:block;background:#f2f3f4;position:relative;-webkit-transition:all 5s ease-out;-moz-transition:all 5s ease-out;-o-transition:all 5s ease-out;transition:all 5s ease-out}.header__content{height:500px}.header__content #home:hover{background-size:100%}.header__content-inner{display:flex;flex-direction:column;justify-content:space-around;height:500px}.logo{height:60px}.logo-link{position:absolute;z-index:1;background:rgba(3,3,3,.7);top:0;left:0;padding:20px}.title{font-size:36px;font-weight:200;letter-spacing:.5625em;color:#fffaf0;text-align:center}.title span{position:relative;z-index:1}.menu{display:flex;justify-content:center;position:static;z-index:inherit}.menu-right{width:100%}.menu-right__list{display:flex;justify-content:space-around}.menu-right__list-item{position:relative;z-index:1}.menu-right__list-item:last-child{display:none}.menu-right__link{font-size:22px;font-weight:600;letter-spacing:.5625em;color:ivory;text-decoration:none;position:relative}.menu-right__link::after{content:" ";border-bottom:2px solid #c4c4c4;display:block;position:absolute;right:12px;bottom:-10px;left:0;opacity:0;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.menu-right__link--active::after{content:" ";border-bottom:2px solid #c4c4c4;display:block;position:absolute;right:12px;bottom:-10px;left:0;opacity:1}.menu-right__link:hover::after{content:" ";border-bottom:2px solid #c4c4c4;display:block;position:absolute;right:12px;bottom:-10px;left:0;opacity:1}.portfolio{background-color:#f2f3f4;position:relative;z-index:2}.portfolio .menu{width:100%}.portfolio .menu__list{display:flex;justify-content:center;overflow:hidden}.portfolio .menu__list-item{display:flex;align-items:center}.portfolio .menu__list .pad{padding:2px 25px}.portfolio .menu__link{display:block;font-size:12px;font-weight:600;letter-spacing:.5625em;color:#333;padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:10px;text-decoration:none;outline:2px solid rgba(0,0,0,0);-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio .menu__link--active{outline:2px solid #333}.portfolio .menu__link:hover{color:#333;outline:2px solid #333}.portfolio__items{padding-top:50px;padding-bottom:50px}.portfolio__item{height:380px;position:relative}.portfolio__item-1{background:url(/portfolio/assets/images/portfolio/screenshots/dermaviduals.webp);background-size:cover;background-position-x:center}.portfolio__item-2{background:url(/portfolio/assets/images/portfolio/screenshots/bear_logo.webp);background-size:cover;background-position-x:center}.portfolio__item-3{background:url(/portfolio/assets/images/portfolio/screenshots/inst_retro_promo.webp);background-size:cover}.portfolio__item-4{background:url(/portfolio/assets/images/portfolio/screenshots/video-clip-1.webp);background-size:cover}.portfolio__item-5{background:url(/portfolio/assets/images/portfolio/screenshots/wedding-ceremony.webp);background-size:cover}.portfolio__item-6{background:url(/portfolio/assets/images/portfolio/screenshots/bg_icons.webp);background-size:contain;background-position-y:center}.portfolio__item .overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;height:100%;width:100%;background:rgba(0,0,0,0);-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio__item .overlay__icons{display:flex;justify-content:center;align-items:center;height:100%;opacity:0;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio__item .overlay__icons-link{margin:10px}.portfolio__item .overlay__icons a{cursor:pointer}.portfolio__item .overlay__icons i{color:#333;background:#f2f3f4;border-radius:50%;padding:15px;opacity:.95}.portfolio__item .overlay__icons i:hover{padding:18px;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio__item .overlay__text{opacity:0;color:#fff;position:absolute;bottom:0;width:100%;margin-left:30px;margin-bottom:20px}.portfolio__item .overlay__title{font-size:16px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px}.portfolio__item .overlay__description{display:none;font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px}.portfolio__item .overlay__skill{display:flex}.portfolio__item .overlay__skill-title{font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px}.portfolio__item .overlay__skill-list{display:flex;font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px;position:relative}.portfolio__item .overlay__skill-list:first-child .overlay__skill-item:last-child:after{content:","}.portfolio__item .overlay__skill-list:last-child .overlay__skill-item:last-child:after{content:"."}.portfolio__item .overlay__skill-item{margin-left:5px}.portfolio__item .overlay__skill-item:not(:last-child):after{content:","}.portfolio__item .overlay:hover{background:rgba(0,0,0,.7)}.portfolio__item .overlay:hover .overlay__icons{opacity:1;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio__item .overlay:hover .overlay__text{opacity:1;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio__item-img{height:100%;width:100%}.portfolio__button{display:flex;justify-content:center}.portfolio__button-link{display:block;font-size:12px;font-weight:600;letter-spacing:.5625em;background-color:#333;color:#fff;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:20px;border:2px solid #333;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-animation:pulse 1.5s infinite;-moz-animation:pulse 1.5s infinite;-ms-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}.portfolio__button-link:hover{background-color:#f2f3f4;color:#333;-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}@-webkit-keyframes pulse{0%{transform:scale(0.95)}50%{transform:scale(1)}100%{transform:scale(0.95)}}@-moz-keyframes pulse{0%{transform:scale(0.95)}50%{transform:scale(1)}100%{transform:scale(0.95)}}@-ms-keyframes pulse{0%{transform:scale(0.95)}50%{transform:scale(1)}100%{transform:scale(0.95)}}@keyframes pulse{0%{transform:scale(0.98)}50%{transform:scale(1)}100%{transform:scale(0.98)}}.about{background-color:#f2f3f4;padding-top:50px;padding-bottom:50px;position:relative;z-index:2}.about__bg{width:100%}.about__detail{margin:0 20px;background-color:#f2f3f4}.about__title{font-size:34px;font-weight:700;letter-spacing:.1125em;color:#000}.about__description{font-size:16px;font-weight:600;margin-top:25px;line-height:1.5;color:#333}.about__description-left{display:none}.about__description-1{font-size:22px;font-weight:600;letter-spacing:1px;margin-bottom:20px}.about__description-2{font-size:20px;font-weight:400;letter-spacing:1px}.about__description-3{font-size:22px;font-weight:600;letter-spacing:1px;margin-top:20px}.about__description-list{display:flex;flex-direction:column}.about__description-item{display:flex;align-items:center;margin-bottom:10px}.about__description-item i{font-size:26px;color:#3ca736}.about__description-item p{margin-left:10px}.about__description-item:last-child{margin-bottom:0}.about__skill-title{font-size:34px;font-weight:700;letter-spacing:.1125em;margin-top:25px;color:#000}.about__skill-bar{margin-top:30px}@keyframes load{from{width:0%}}@-webkit-keyframes load{from{width:0%}}@-moz-keyframes load{from{width:0%}}@-o-keyframes load{from{width:0%}}.bar__text{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bar__name{font-size:16px;font-weight:700}.bar .percent{font-size:16px;font-weight:400}.bar__line{background-color:#ebebeb;margin-bottom:30px;font-size:0}.bar__line::before{content:attr(data-skill);background-color:#333;display:inline-block;padding:10px 0 10px 10px;animation:load 2s 0s;-webkit-animation:load 2s 0s;-moz-animation:load 2s 0s;-o-animation:load 2s 0s}.bar__line.premiere-pro::before{width:90%}.bar__line.after-effects::before{width:80%}.bar__line.illustrator::before{width:90%}.bar__line.photoshop::before{width:80%}.bar__line.audition::before{width:70%}.about__skill-bar .skill:last-child .bar__line{margin-bottom:0}.line{width:100%;border-top:1px solid #333}.footer{background-color:#022c38;padding:50px 0}.footer-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}.footer__title{font-size:14px;font-weight:700;letter-spacing:.25em;position:relative;z-index:1}.footer__title a{color:#fffaf0;text-decoration:none}.footer__socials{display:flex;background:#fffaf0;padding:5px;border-radius:5px;position:relative;z-index:1}.footer__socials .icon{margin:0 5px}.footer__socials .icon:last-child{display:none}.fab{font-size:18px}.fa-youtube{color:red}.fa-instagram{color:rgba(0,0,0,0);background:-webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background:-o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background-clip:text;-webkit-background-clip:text}#lz-close{height:25px;width:25px}#portfoliopage .header::after{visibility:hidden}#portfoliopage .video-background{background:#000;position:absolute;top:0;right:0;bottom:0;left:0}#portfoliopage .video-foreground{padding-bottom:56.25%}#portfoliopage .video-foreground,#portfoliopage .video-background iframe{position:absolute;top:-30px;left:0;width:100%;height:100%;pointer-events:none;opacity:.5}#portfoliopage .video-foreground,#portfoliopage .video-background .player{position:absolute;top:-30px;left:0;width:100%;height:100%;pointer-events:none;opacity:.5}#portfoliopage #content{position:relative;z-index:1}#portfoliopage .sub-title{font-size:54px;font-weight:700;letter-spacing:.5625em;bottom:50px;color:#fffaf0;text-align:center;position:relative;z-index:200}#portfoliopage .portfolio .menu{position:static}#portfoliopage .portfolio__item-1{background:url(/portfolio/assets/images/portfolio/screenshots/video-clip-1.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-2{background:url(/portfolio/assets/images/portfolio/gif/egypt_warrior.gif);background-size:cover}#portfoliopage .portfolio__item-3{background:url(/portfolio/assets/images/portfolio/screenshots/inst_retro_promo.webp);background-size:cover}#portfoliopage .portfolio__item-4{background:url(/portfolio/assets/images/portfolio/photos/ps-retouch-1.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-5{background:url(/portfolio/assets/images/portfolio/screenshots/icons.webp);background-size:cover;background-position-x:center;background-position-y:center}#portfoliopage .portfolio__item-6{background:url(/portfolio/assets/images/portfolio/screenshots/dermaviduals.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-7{background:url(/portfolio/assets/images/portfolio/screenshots/bear_logo.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-8{background:url(/portfolio/assets/images/portfolio/screenshots/test_explainer_video_voiceover.webp);background-size:cover;background-position-y:center}#portfoliopage .portfolio__item-9{background:url(/portfolio/assets/images/portfolio/screenshots/christmas.webp);background-size:cover;background-position-x:center;background-position-y:center}#portfoliopage .portfolio__item-10{background:url(/portfolio/assets/images/portfolio/photos/ps-bg-remove-white.webp);background-size:cover;background-position-x:center;background-position-y:center}#portfoliopage .portfolio__item-11{background:url(/portfolio/assets/images/portfolio/screenshots/book_preview.webp);background-size:cover;background-position-y:center}#portfoliopage .portfolio__item-12{background:url(/portfolio/assets/images/portfolio/gif/2d_landscape_animate.gif);background-size:cover;background-position-x:center;background-position-y:center}#portfoliopage .portfolio__item-13{background:url(/portfolio/assets/images/portfolio/screenshots/wedding-ceremony.webp);background-size:cover;background-position-y:center}#portfoliopage .portfolio__item-14{background:url(/portfolio/assets/images/portfolio/screenshots/fox.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-15{background:url(/portfolio/assets/images/portfolio/screenshots/yetta-1.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-16{background:url(/portfolio/assets/images/portfolio/screenshots/bg_icons.webp);background-size:contain;background-position-x:center}#portfoliopage .portfolio__item-17{background:url(/portfolio/assets/images/portfolio/screenshots/space.webp);background-size:cover;background-position-x:center}#portfoliopage .portfolio__item-18{background:url(/portfolio/assets/images/portfolio/screenshots/instagram_video.webp);background-size:cover;background-position-x:center}#portfoliopage .footer{background-color:#000}#portfoliopage .footer-wrapper{position:inherit}#portfoliopage .footer__title{position:inherit;z-index:inherit}#portfoliopage .footer__title a{color:#fffaf0}#portfoliopage .footer__socials{display:flex;background:#fffaf0;border-radius:5px;padding:5px 5px;position:inherit;z-index:inherit}#portfoliopage .footer__socials .icon{margin:0 5px}#portfoliopage .fa-youtube::after{font-size:11px}@media(min-aspect-ratio: 16/9){#portfolio .video-foreground{height:300%;top:-100%}}@media(min-width: 1200px){.col-lg-4{width:33.33333333%}.col-lg-6{width:50%}.col-lg-12{width:100%}}@media(min-width: 1500px){.col-xl-3{width:25%}.overlay__skill-list .overlay__skill-item:nth-child(3n){position:absolute;top:15px}}@media(min-width: 2000px){.col-xxl-2{width:16.66666667%}.about__bg{max-height:750px}}@media(min-width: 1200px){.portfolio__item .overlay__skill-list .overlay__skill-item:nth-child(3n){position:absolute;top:22px}}@media(max-width: 1199.98px){.container{max-width:960px}.col-lg-4{width:33.33333333%}.col-lg-6{width:50%}.col-lg-12{width:100%}.menu .logo{height:0}.menu-right__link{font-size:20px}.portfolio__item .overlay__text{margin-left:20px}.about__description .about__description-3{display:none}.about__description-left{display:block;margin:20px;line-height:1.5}.footer-wrapper{margin:0 25px}}@media(max-width: 1199.98px)and (min-width: 992px){.portfolio__item .overlay__skill-list .overlay__skill-item:nth-child(3n){position:absolute;top:22px}}@media(max-width: 991.98px)and (min-width: 768px){.logo{height:45px}.logo-link{padding:15px}.title{margin:0 100px;line-height:1.5}.header__content{height:400px}.header__content-inner{height:400px}.header .menu-right__link{font-size:16px}.header .menu .logo{height:0}.bg{height:400px}.portfolio{padding-top:30px}.portfolio__item{height:300px}.portfolio__items{padding-top:30px;padding-bottom:30px}.portfolio__item .overlay__title{text-align:center;margin-right:40px;margin-bottom:50px}.portfolio__item .overlay__text{margin-left:15px;margin-bottom:50px}.portfolio__item .overlay__icons i:hover{padding:15px}.portfolio__item .overlay__skill-lists{width:100%}.portfolio__item .overlay__icons,.portfolio__item .overlay:hover .overlay__icons{align-items:baseline;margin-top:20px}.overlay__skill-list .overlay__skill-item:nth-child(2){position:absolute;top:20px}.overlay__skill-list .overlay__skill-item:nth-child(3){position:absolute;top:40px}.overlay__skill-list .overlay__skill-item:nth-child(4){position:absolute;top:60px}.about__description .about__description-3{display:none}.about__description-left{display:block;margin:20px;line-height:1.5}.about__skill{margin:0 20px}.bar__text{margin-bottom:5px}.bar__name{font-size:14px;letter-spacing:1px}.bar .percent{font-size:14px}.bar__line{margin-bottom:20px}.bar__line::before{padding:8px 0 8px 10px}.footer{padding:30px 0}.footer__title{font-size:12px}.footer .fab{font-size:18px}#portfoliopage .video-foreground,#portfoliopage .video-background .player{top:0;width:auto}#portfoliopage .sub-title{font-size:42px;bottom:20px}}@media(max-width: 767.98px)and (min-width: 500px){.col-lg-4{width:33.3333% !important}.about .col-sm-12{width:100%}#portfoliopage .video-foreground,#portfoliopage .video-background .player{top:0;width:auto}.logo{height:40px}.logo-link{padding:15px}.header__content{height:300px}.header__content-inner{height:300px}.header .menu{display:none}.bg{height:300px}.title{font-size:36px;line-height:1.5}#portfoliopage .sub-title{font-size:36px;bottom:20px}.portfolio{padding-top:20px}.portfolio .menu__list .pad{padding:0 5px}.portfolio .menu__link{font-size:10px;outline:none;border:2px solid rgba(0,0,0,0)}.portfolio .menu__link--active{outline:none;border:2px solid #333}.portfolio .menu__link:hover{outline:none;border:2px solid #333}.portfolio__item{height:220px !important}.portfolio__items{padding-top:20px;padding-bottom:20px}.portfolio__item .overlay__title{font-size:14px}.portfolio__item .overlay__skill-title{font-size:10px}.portfolio__item .overlay__skill-list{font-size:10px}.portfolio__item .overlay__skill-lists{width:100%}.portfolio .overlay__title{font-size:16px;text-align:center;margin-right:40px;margin-bottom:30px}.portfolio .overlay__text{margin-bottom:40px}.portfolio__button-link{font-size:10px !important;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:15px}.portfolio__item .overlay__icons,.portfolio__item .overlay:hover .overlay__icons{align-items:baseline;margin-top:20px}.overlay__skill-list .overlay__skill-item:nth-child(2){position:absolute;top:15px}.overlay__skill-list .overlay__skill-item:nth-child(3){position:absolute;top:30px}.overlay__skill-list .overlay__skill-item:nth-child(4){position:absolute;top:45px}.about{padding-top:40px}.about__bg{display:none}.about__title{font-size:24px}.about__description .about__description-3{display:block}.about__description-left{display:none}.about__description-1{font-size:16px}.about__description-2{font-size:16px}.about__description-3{font-size:16px}.about__skill{margin:0 15px}.about__skill-title{font-size:24px}.bar__text{margin-bottom:5px}.bar__name{font-size:12px;letter-spacing:1px}.bar .percent{font-size:12px}.bar__line{margin-bottom:15px}.bar__line::before{padding:5px 0 5px 10px}.footer{padding:20px 0}.footer__title{font-size:10px}.footer .fab{font-size:16px}#portfoliopage .header__content{height:320px}#portfoliopage .header__content-inner{height:320px}#portfoliopage .title{font-size:32px;margin-top:25px;margin-left:50px;margin-right:50px}}@media(max-width: 575.98px){.col-xs-12{width:100%}.logo{height:30px}.logo-link{padding:10px}#portfoliopage .video-foreground,#portfoliopage .video-background .player{top:0;left:-15%;width:auto}.header__content{height:220px}.header__content-inner{height:220px}.header .menu{display:none}.bg{height:220px}.title{font-size:24px;line-height:1.5}.portfolio{padding-top:20px}.portfolio .menu__list .pad{padding:0 5px}.portfolio .menu__link{font-size:.438rem;padding-left:10px;padding-right:5px;outline:none;border:1px solid rgba(0,0,0,0);-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio .menu__link--active{outline:none;border:1px solid #333}.portfolio .menu__link:hover{outline:none;border:1px solid #333}.portfolio__items{padding-top:20px;padding-bottom:20px}.portfolio__item{height:280px}.portfolio__item .overlay__title{font-size:14px}.portfolio__item .overlay__skill-title{font-size:10px}.portfolio__item .overlay__skill-list{font-size:10px}.portfolio__button-link{font-size:8px;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:15px}.about{padding-top:40px;padding-bottom:40px}.about__bg{display:none}.about__title{font-size:24px}.about__description .about__description-3{display:block}.about__description-left{display:none}.about__description-1{font-size:16px}.about__description-2{font-size:16px}.about__description-3{font-size:16px}.about__skill{padding:0 15px}.about__skill-title{font-size:24px}.bar__text{margin-bottom:5px}.bar__name{font-size:12px;letter-spacing:1px}.bar .percent{font-size:12px}.bar__line{margin-bottom:15px}.bar__line::before{padding:5px 0 5px 10px}.footer{padding:20px 0}.footer__title{font-size:8px}.footer .fab{font-size:14px}#portfoliopage .header__content{height:250px !important}#portfoliopage .header__content-inner{height:250px !important}#portfoliopage .title{margin-top:25px}#portfoliopage .sub-title{font-size:22px;bottom:20px}}@media(max-width: 499.98px)and (min-width: 386px){.col-sm-6{width:50%}.portfolio__item{height:220px}.portfolio__item .overlay__icons,.portfolio__item .overlay:hover .overlay__icons{align-items:baseline;margin-top:20px}.portfolio__item .overlay:hover .overlay__text{margin-bottom:40px}.portfolio__item .overlay__skill-lists{width:100%}.overlay__skill-list .overlay__skill-item:nth-child(2){position:absolute;top:15px}.overlay__skill-list .overlay__skill-item:nth-child(3){position:absolute;top:30px}.overlay__skill-list .overlay__skill-item:nth-child(4){position:absolute;top:45px}}@media(max-width: 385.98px){.col-xs-12{width:100%}#portfoliopage .video-foreground,#portfoliopage .video-background .player{position:absolute;top:0;left:-120%;height:100%;width:auto}.overlay__skill-list .overlay__skill-item:nth-child(3n){position:absolute;top:15px}}.col{flex:1 0 0%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-6{flex:0 0 auto;width:50%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-12{width:100%}