/** 
 * OTT Elementor Elements CSS
 * Author - Dragan Milenkovic
 * Author URI - https://www.skilltechwebdesign.com
 */
 .sk__partners>div,.sk__portfolio-wrapper.not-slick,.sk__project-body-info-col {
    display: -webkit-box;
    display: -ms-flexbox
}

.sk__featurebox-headwrap,.sk__portfolio-wrapper.not-slick,.sk__project-body-info-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.seo-helper-text,.sk__iconbox-icon-link>span.sk__iconbox-icon:first-child>span.sk__iconbox-trail,.sk__iconbox-icon-link>span.sk__iconbox-icon:not(:first-child) i,.sk__iconbox-icon-link>span.sk__iconbox-icon:not(:first-child) span[class*=sico-] {
    display: none
}

.sk__feature-clean,a.sk__feature,a.sk__imagebox {
    cursor: pointer
}

.fa.paf {
    font-family: Roboto,Arial,Helvetica,Verdana,sans-serif
}

.fa.paf.paf-1:before {
    content: '1'
}

.fa.paf.paf-2:before {
    content: '2'
}

.fa.paf.paf-3:before {
    content: '3'
}

.fa.paf.paf-h1:before {
    content: 'h1'
}

.fa.paf.paf-h2:before {
    content: 'h2'
}

.fa.paf.paf-h3:before {
    content: 'h3'
}

.fa.paf.paf-h4:before {
    content: 'h4'
}

.fa.paf.paf-h5:before {
    content: 'h5'
}

.fa.paf.paf-h6:before {
    content: 'h6'
}

.fa.paf.paf-p:before {
    content: 'p'
}

.fa.paf.paf-span:before {
    content: 'span'
}

.fa.paf.paf-div:before {
    content: 'div'
}

.sk__parallax-color-helper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -200
}

.sk__rings-section {
    overflow-x: hidden;
    background-image: url(../images/section-rings-background.svg)
}

.ring-l-container {
    -webkit-filter: blur(13px);
    filter: blur(13px)
}

.ring-m-container {
    -webkit-filter: blur(7.5px);
    filter: blur(7.5px)
}

.ring-s-container {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

@media all and (min-width: 576px) and (max-width:767px) {
    .ring-l-container {
        -webkit-filter:blur(8px);
        filter: blur(8px)
    }

    .ring-m-container {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }

    .ring-s-container {
        -webkit-filter: blur(1.5px);
        filter: blur(1.5px)
    }
}

.ring-l,.ring-m,.ring-s {
    position: relative;
    border-radius: 100%
}

.ring-l:after,.ring-m:after,.ring-s:after {
    content: "";
    position: absolute;
    border-radius: 100%
}

.ring-l.landscape {
    width: 785px;
    height: 785px
}

.ring-l.portrait {
    width: 100vw;
    height: 100vw
}

.ring-l:after {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px)
}

.ring-m.landscape {
    width: 610px;
    height: 610px
}

.ring-m.portrait {
    width: 77.707vw;
    height: 77.707vw
}

.ring-m:after {
    top: 7.5px;
    left: 7.5px;
    width: calc(100% - 15px);
    height: calc(100% - 15px)
}

.ring-s.landscape {
    width: 432px;
    height: 432px
}

.ring-s.portrait {
    width: 55.0318vw;
    height: 55.0318vw
}

.ring-s:after {
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.sk__rings-section .sk__rectangles {
    -webkit-transform: translateX(11vw);
    -ms-transform: translateX(11vw);
    transform: translateX(11vw)
}

@media all and (min-width: 768px) and (max-width:991px) {
    .sk__rings-section h1.super-heading,.sk__rings-section span.super-heading.sk__gradient-fancy-text-back {
        font-size:85px;
        letter-spacing: -5.1px;
        line-height: 120%;
        margin-bottom: .2em
    }

    .sk__rings-section h2.h2-small,.sk__rings-section span.h2-small.sk__gradient-fancy-text-back {
        max-width: 520px;
        margin: 0 auto
    }
}

@media all and (max-width: 500px) {
    .sk__rings-section h1.super-heading,.sk__rings-section span.super-heading.sk__gradient-fancy-text-back {
        font-size:44px
    }
}

.sk__numbers-row {
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk__numbers-row .counters-wrap {
    position: relative;
    height: 22vw;
    padding-top: 40px
}

.sk__numbers-row .counters-wrap:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,.07)
}

@media all and (min-width: 992px) and (max-width:1199px) {
    .sk__numbers-row .counters-wrap {
        height:24vw
    }
}

@media all and (min-width: 768px) and (max-width:991px) {
    .sk__numbers-row .counters-wrap {
        height:24vw;
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.07)
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    .sk__rings-section .sk__rectangles {
        -webkit-transform:translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .sk__numbers-row .counters-wrap {
        height: 35vw;
        padding: 0
    }

    .sk__numbers-row .counters-wrap:not(:last-child) {
        border-right: 1px solid rgba(255,255,255,.07)
    }
}

span.sk__counter {
    font-size: 55px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.65px;
    color: #fff
}

.counters-wrap p {
    font-size: 19px;
    color: #fff
}

@media all and (min-width: 1921px) {
    span.sk__counter {
        font-size:66px
    }

    .counters-wrap p {
        font-size: 23px
    }

    .sk__portfolio-item {
        padding: 18px
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    span.sk__counter {
        font-size:48px
    }

    .counters-wrap p {
        font-size: 17px
    }
}

@media all and (min-width: 768px) and (max-width:991px) {
    span.sk__counter {
        font-size:4.3vw
    }

    .counters-wrap p {
        font-size: 1.83vw;
        margin-bottom: 0
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    span.sk__counter {
        font-size:48px
    }

    .counters-wrap p {
        font-size: 17px;
        margin-bottom: 0
    }
}

span.numbers-deco {
    width: calc(100% - 24px);
    top: 32px;
    left: 12px;
    height: 1px;
    background-color: rgba(255,255,255,.07)
}

.sk__about-us-section {
    overflow-x: hidden
}

.about-right-image-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 49.42%
}

.custom-about-us-p2 {
    max-width: 320px;
    width: 100%;
    display: inline-block
}

.about-number {
    display: inline-block;
    font-size: 66px;
    font-weight: 700;
    line-height: 46.37px;
    letter-spacing: -1.98px;
    margin-right: -30px;
    margin-left: 30px
}

.about-button-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.sk__partners-section {
    padding-top: 10px
}

.sk__partners>div {
    display: flex;
    position: relative;
    padding: 1.5px
}

.sk__partners .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
}

.partner {
    width: 100%;
    padding-top: 80%;
    background-color: rgba(255,255,255,.05)
}

.sk__home-portfolio .sk__portfolio-section,.sk__portfolio-container,.sk__portfolio-page .sk__portfolio-section,.sk__py-l.sk__portfolio-section {
    padding-top: 23px
}

.sk__portfolio-thumbs {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

@media all and (min-width: 768px) and (max-width:1920px) {
    .sk__portfolio-item {
        padding:13px
    }
}

@media all and (min-width: 320px) and (max-width:767px) {
    .sk__portfolio-item {
        padding:8px
    }
}

@media all and (max-width: 319px) {
    .sk__portfolio-item {
        padding:2px
    }
}

a.sk__portfolio-thumblink {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 211.7%;
    padding-right: 0
}

@media all and (min-width: 768px) and (max-width:1280px) {
    a.sk__portfolio-thumblink {
        padding-top:200%
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    a.sk__portfolio-thumblink {
        padding-top:186%
    }
}

.sk__portfolio-thumblink-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: -1
}

a.sk__portfolio-thumblink:hover .sk__portfolio-thumblink-image {
    transition: filter .6s,transform 4s cubic-bezier(.12,.72,.31,.65) .1s,-webkit-filter .6s,-webkit-transform 4s cubic-bezier(.12,.72,.31,.65) .1s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: saturate(1.5) brightness(0.5);
    filter: saturate(1.5) brightness(.5)
}

.portfolio-thumb-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(43px);
    -ms-transform: translateY(43px);
    transform: translateY(43px)
}

a.sk__portfolio-thumblink:hover .portfolio-thumb-info {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

a.sk__portfolio-thumblink h4.h4-small,a.sk__portfolio-thumblink span.h4-small.sk__gradient-fancy-text-back {
    line-height: 1.45;
    margin-bottom: 1rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

a.sk__portfolio-thumblink:hover h4.h4-small,a.sk__portfolio-thumblink:hover span.h4-small.sk__gradient-fancy-text-back {
    margin-bottom: .6rem;
    -webkit-transition: .45s ease-in;
    -o-transition: .45s ease-in;
    transition: .45s ease-in
}

a.sk__portfolio-thumblink h6 {
    line-height: 1.4;
    margin-bottom: 5px;
    -webkit-transition: opacity .3s .3s,-webkit-transform .4s;
    transition: transform .4s,opacity .3s .3s,-webkit-transform .4s;
    -o-transition: transform .4s,opacity .3s .3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media all and (min-width: 420px) and (max-width:575px) {
    a.sk__portfolio-thumblink h6 {
        font-size:13px;
        letter-spacing: 1.6px;
        margin-bottom: 4px
    }
}

@media all and (max-width: 419px) {
    a.sk__portfolio-thumblink h6 {
        font-size:11px;
        letter-spacing: 1px
    }
}

a.sk__portfolio-thumblink:hover h6 {
    -webkit-transition: opacity .4s,-webkit-transform .35s .1s;
    transition: transform .35s .1s,opacity .4s,-webkit-transform .35s .1s;
    -o-transition: transform .35s .1s,opacity .4s;
    -webkit-transform: translateY(18px);
    -ms-transform: translateY(18px);
    transform: translateY(18px);
    opacity: 0
}

a.sk__portfolio-thumblink p {
    display: inline-block;
    background: #000;
    padding: 10px 23px;
    border-radius: 70px;
    -webkit-transition: opacity .6s,background-color .4s,color .4s,-webkit-transform .6s;
    -o-transition: transform .6s,opacity .6s,background-color .4s,color .4s;
    transition: transform .6s,opacity .6s,background-color .4s,color .4s,-webkit-transform .6s;
    -webkit-transform: translateY(23px);
    -ms-transform: translateY(23px);
    transform: translateY(23px);
    opacity: 0
}

a.sk__portfolio-thumblink:hover p {
    -webkit-transition: opacity .6s .35s,background-color .4s,color .4s,-webkit-transform .6s .35s;
    -o-transition: transform .6s .35s,opacity .6s .35s,background-color .4s,color .4s;
    transition: transform .6s .35s,opacity .6s .35s,background-color .4s,color .4s,-webkit-transform .6s .35s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

a.sk__portfolio-thumblink p:hover {
    background-color: #fff;
    color: #000
}

.sk__featureboxes-image-style .sk__featurebox h5,.slick-dots li button:before {
    color: #fff
}

.slick-next:before,.slick-prev:before {
    font-family: icomoon
}

.sk__portfolio-wrapper.not-slick {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sk__portfolio-wrapper.not-slick .sk__portfolio-item {
    opacity: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px)
}

@media all and (min-width: 1024px) and (max-width:1279px) {
    .sk__portfolio-wrapper.not-slick .sk__portfolio-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }
}

@media all and (min-width: 768px) and (max-width:1023px) {
    .sk__portfolio-wrapper.not-slick .sk__portfolio-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }
}

@media all and (min-width: 680px) and (max-width:767px) {
    .sk__portfolio-wrapper.not-slick .sk__portfolio-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }
}

@media all and (max-width: 679px) {
    .sk__portfolio-wrapper.not-slick .sk__portfolio-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }
}

.sk__portfolio-wrapper.not-slick .sk__portfolio-thumblink-image {
    z-index: initial
}

.sk__project-body {
    margin-top: 80px;
    margin-bottom: 260px
}

@media all and (min-width: 1500px) and (max-width:1920px) {
    .sk__project-body {
        margin-bottom:160px
    }
}

@media all and (min-width: 992px) and (max-width:1499px) {
    .sk__project-body {
        margin-bottom:100px
    }
}

@media all and (min-width: 768px) and (max-width:991px) {
    .sk__project-body {
        margin-bottom:120px
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    .sk__project-body {
        margin-bottom:100px
    }

    .sk__featured-item-infos-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sk__project-body-image-col {
    overflow: hidden
}

.sk__project-body-image-col img {
    opacity: 0
}

.sk__project-body-info-col {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end
}

.sk__project-body-info-col .btn {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media all and (min-width: 1200px) and (max-width:1779px) {
    .sk__project-body-info-col .btn,.sk__project-body-info-col p {
        margin-bottom:2.5rem
    }
}

@media all and (max-width: 1199px) {
    .sk__project-body-info-col h4 {
        margin-bottom:1.6rem
    }

    .sk__project-body-info-col .btn {
        margin-bottom: 3.5rem
    }
}

@media all and (min-width: 576px) and (max-width:1199px) {
    .sk__project-body-info-col p {
        margin-bottom:2.5rem;
        line-height: 26px
    }
}

@media all and (max-width: 576px) {
    .sk__project-body-info-col p {
        margin-bottom:2.5rem;
        line-height: 22px
    }

    .sk__project-body-info-col p.p-xs {
        line-height: 18px
    }
}

.sk__featured-item-section {
    overflow-x: hidden;
    padding-top: 140px;
    padding-bottom: 140px
}

.sk__new-parallax-socket-right {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.sk__new-parallax-socket-left {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.sk__new-parallax-socket-left,.sk__new-parallax-socket-right {
    overflow: hidden;
    -webkit-transform: scale(.76785);
    -ms-transform: scale(.76785);
    transform: scale(.76785);
    top: 11.6075%
}

@media all and (max-width: 1920px) {
    .sk__new-parallax-socket-left,.sk__new-parallax-socket-right {
        -webkit-transform:scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
        top: 7.5%
    }
}

@media all and (max-width: 991px) {
    span.numbers-deco {
        width:100%;
        left: 0;
        top: 0
    }

    .about-right-image-wrap {
        margin-top: 30px
    }

    .about-number {
        margin-right: 0
    }

    .sk__new-parallax-socket-left,.sk__new-parallax-socket-right {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        top: 0
    }
}

.sk__featured-item-infos-container {
    padding: 15px
}

.sk__featured-item-section .sk__parallax-background-element {
    z-index: 0
}

.featured-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.sk__featured-item-infos {
    position: relative
}

.featured-item-padder {
    height: 140px
}

@-webkit-keyframes featuredGlowPulse {
    0%,100% {
        -webkit-filter: blur(40px);
        filter: blur(40px)
    }

    50% {
        -webkit-filter: blur(100px);
        filter: blur(100px)
    }
}

@keyframes featuredGlowPulse {
    0%,100% {
        -webkit-filter: blur(40px);
        filter: blur(40px)
    }

    50% {
        -webkit-filter: blur(100px);
        filter: blur(100px)
    }
}

.sk__featured-glow {
    -webkit-animation: 3s ease-in-out infinite featuredGlowPulse;
    animation: 3s ease-in-out infinite featuredGlowPulse;
    -webkit-filter: blur(40px);
    filter: blur(40px)
}

.row.sk__features,.sk__features {
    padding-bottom: 70px;
    margin-left: -2px;
    margin-right: -2px
}

.row>.sk__feature-col,.sk__feature-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px
}

.sk__feature,.sk__feature-clean {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sk__feature {
    padding: 90px 60px 70px;
    background-color: rgba(255,255,255,.034)
}

.sk__feature-clean {
    padding: 40px 60px 30px
}

.sk__feature:hover {
    background-color: rgba(255,255,255,.025)
}

.sk__feature span[class*=sico-],.sk__feature-clean span[class*=sico-] {
    display: inline-block;
    font-size: 46px;
    margin-bottom: 31px
}

.sk__feature-svg {
    display: inline-block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-bottom: 31px
}

@media all and (min-width: 1200px) and (max-width:1399px) {
    .custom-about-divider-col {
        padding-left:42px
    }

    .sk__feature {
        padding: 60px 46px 46px
    }

    .sk__feature-clean {
        padding: 40px 46px 30px
    }

    .sk__feature p,.sk__feature-clean p {
        line-height: 27px
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    .about-number {
        font-size:62px
    }

    .custom-about-number-col {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sk__feature {
        padding: 46px 46px 38px
    }

    .sk__feature-clean {
        padding: 38px 46px 26px
    }
}

@media all and (min-width: 576px) and (max-width:991px) {
    .sk__feature {
        padding:46px 36px 34px
    }

    .sk__feature-clean {
        padding: 38px 20px 26px
    }

    .sk__feature p,.sk__feature-clean p {
        font-size: 14px;
        line-height: 24px
    }
}

@media all and (min-width: 321px) and (max-width:575px) {
    .portfolio-thumb-info {
        padding-left:4px;
        padding-right: 4px;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    .sk__feature {
        padding: 46px 36px 34px
    }

    .sk__feature-clean {
        padding: 38px 36px 24px
    }
}

@media all and (max-width: 320px) {
    .portfolio-thumb-info {
        padding-left:4px;
        padding-right: 4px;
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px)
    }

    .sk__feature {
        padding: 34px 20px 18px
    }

    .sk__feature-clean {
        padding: 28px 20px 18px
    }
}

.sk__feature:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: rgba(255,255,255,.27)
}

.colorline-deco {
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 15px
}

.colorline-deco-normal {
    background-color: rgba(255,255,255,.15);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 1
}

.colorline-deco-hover {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    opacity: 0
}

.sk__feature-clean:hover .colorline-deco-normal,.sk__feature:hover .colorline-deco-normal {
    opacity: 0
}

.sk__feature-clean:hover .colorline-deco-hover,.sk__feature:hover .colorline-deco-hover {
    opacity: 1
}

.sk__features-subtext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.features-subtext-p {
    max-width: 90%;
    width: 320px
}

.features-subtext-deco {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    background-color: rgba(255,255,255,.22);
    margin-right: 15px;
    margin-top: 8px
}

@media all and (max-width: 575px) {
    .ring-l-container {
        -webkit-filter:blur(5px);
        filter: blur(5px)
    }

    .ring-m-container {
        -webkit-filter: blur(2px);
        filter: blur(2px)
    }

    .ring-s-container {
        -webkit-filter: blur(1.5px);
        filter: blur(1.5px)
    }

    .sk__numbers-row .counters-wrap {
        height: 42vw;
        padding: 0
    }

    .sk__numbers-row .counters-wrap:not(:last-child) {
        border-right: 1px solid rgba(255,255,255,.07)
    }

    span.sk__counter {
        font-size: 30px;
        letter-spacing: -1px
    }

    .counters-wrap p {
        font-size: 16px;
        margin-bottom: 0
    }

    .about-button-col>div,.custom-about-us-p2,.features-subtext-p {
        margin-left: auto;
        margin-right: auto
    }

    .about-number {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 39px
    }

    .sk__partners .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333334%
    }

    a.sk__portfolio-thumblink {
        padding-top: 174%
    }

    .sk__project-body {
        margin-bottom: 70px
    }

    .sk__featured-item-infos-container,.sk__project-body-info-col {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .featured-item-padder {
        height: 0
    }

    .features-subtext-deco {
        display: none
    }

    .sk__featureboxes h2.h2-large,.sk__featureboxes span.h2-large.sk__gradient-fancy-text-back {
        font-size: 19px
    }

    .sk__featurebox-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        max-width: 288px;
        margin: 0 auto
    }
}

.sk__featurebox {
    margin-bottom: 30px
}

.sk__featurebox-headwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-bottom: 17px;
    padding-top: 100%;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px
}

.sk__featurebox-headwrap img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%
}

.sk__featurebox h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 12px;
    width: calc(100% - 24px);
    height: 100%;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -2.5px;
    text-transform: inherit;
    line-height: 1.3;
    margin-bottom: 0
}

@media all and (min-width: 1400px) and (max-width:1920px) {
    .sk__featurebox h4 {
        font-size:36px;
        letter-spacing: -2px
    }

    .sk__iconbox h5 {
        font-size: 19px
    }
}

@media all and (min-width: 1200px) and (max-width:1399px) {
    .sk__featurebox h4 {
        font-size:30px;
        letter-spacing: -1.3px
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    .sk__featurebox h4 {
        font-size:25px;
        letter-spacing: -1.1px
    }
}

@media all and (max-width: 420px) {
    .sk__featurebox-col {
        max-width:228px
    }

    .sk__featurebox h4 {
        font-size: 30px;
        letter-spacing: -1.3px
    }
}

.sk__featurebox h5 {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.55;
    color: #b8bcbf
}

@media all and (min-width: 1400px) and (max-width:1399px) {
    .sk__featurebox h5 {
        font-size:16px
    }
}

.sk__featurebox p.p-v2 {
    font-size: 13px;
    line-height: 23px
}

@media all and (min-width: 1400px) {
    .sk__featurebox p.p-v2 {
        font-size:13px;
        line-height: 23px
    }
}

@media all and (min-width: 992px) and (max-width:1399px) {
    .p-xs.custom-about-us-p2 {
        max-width:300px;
        line-height: 1.8;
        margin-top: -7px
    }

    .sk__featurebox h5 {
        font-size: 14px
    }

    .sk__featurebox p.p-v2 {
        font-size: 12px;
        line-height: 21px
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    .sk__featurebox h4 {
        font-size:30px;
        letter-spacing: -1.3px
    }

    .sk__featurebox p.p-v2 {
        font-size: 12px;
        line-height: 21px
    }
}

.sk__iconbox {
    padding: 20px;
    margin-bottom: 20px
}

@media all and (min-width: 576px) and (max-width:767px) {
    .sk__iconbox {
        padding:20px 0
    }
}

.sk__iconbox-icon-link {
    display: inline-block;
    margin: 0 auto 25px;
    position: relative;
    width: 128px;
    height: 128px;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial
}

.mix-blend-difference {
    mix-blend-mode: difference!important
}

@-webkit-keyframes counterRotateInfinitely {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes counterRotateInfinitely {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

span.sk__iconbox-icon-dash {
    opacity: 0;
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border-radius: 100%;
    border: 2px dotted #000;
    z-index: -1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-animation: 30s linear infinite counterRotateInfinitely;
    animation: 30s linear infinite counterRotateInfinitely
}

a.sk__iconbox-icon-link:hover span.sk__iconbox-icon-dash {
    opacity: 1;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -4%
}

.sk__iconbox-icon-link>span.sk__iconbox-icon {
    position: absolute;
    width: 128px;
    height: 128px;
    border: 2px solid rgba(255,255,255,.13);
    border-radius: 130px;
    overflow: hidden
}

a.sk__iconbox-icon-link:hover>span.sk__iconbox-icon {
    border-color: rgba(255,255,255,0)
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(2),.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(3),.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(4),.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(5),.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(6),.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(7) {
    border: 2px solid transparent
}

.sk__iconbox-icon-link i,.sk__iconbox-icon-link span[class*=sico-] {
    padding: 3px;
    font-size: 44px
}

.sk__iconbox-icon-link span[class*=sico-].sk__gradient-fancy-text {
    z-index: 1;
    background: #000;
    color: #fff;
    -webkit-background-clip: text!important;
    -webkit-text-stroke: 0 transparent
}

@-webkit-keyframes rotateInfinitely {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateInfinitely {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.sk__iconbox-icon-link>span.sk__iconbox-icon>span.sk__iconbox-trail {
    content: '';
    opacity: 0;
    position: absolute;
    width: 124px;
    height: 124px;
    top: 1px;
    left: 1px;
    border-radius: 130px;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: 3s linear infinite rotateInfinitely;
    animation: 3s linear infinite rotateInfinitely
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(2)>span.sk__iconbox-trail {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(3)>span.sk__iconbox-trail {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(4)>span.sk__iconbox-trail {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(5)>span.sk__iconbox-trail {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(6)>span.sk__iconbox-trail {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:nth-child(7)>span.sk__iconbox-trail {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s
}

.sk__iconbox-icon-link:hover>span.sk__iconbox-icon>span.sk__iconbox-trail {
    opacity: 1;
    height: 50%;
    top: 0;
    right: 0;
    border-radius: 62px 62px 0 0
}

.sk__iconbox-icon-link>span.sk__iconbox-icon:after {
    content: '';
    position: absolute;
    width: 128px;
    height: 128px;
    top: -1px;
    left: -1px;
    border: 2px solid transparent;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-radius: 130px;
    background: #000
}

.sk__iconbox-icon-link:hover>span.sk__iconbox-icon:after {
    -webkit-transform: scale(.935) translate(-1px,-1px);
    -ms-transform: scale(.935) translate(-1px,-1px);
    transform: scale(.935) translate(-1px,-1px)
}

@media all and (min-width: 576px) and (max-width:1920px) {
    .sk__iconbox-icon-link>span.sk__iconbox-icon,.sk__iconbox-icon-link>span.sk__iconbox-icon:after {
        width:112px;
        height: 112px;
        border-radius: 114px
    }

    .sk__iconbox-icon-link {
        margin: 0 auto 15px;
        width: 112px;
        height: 112px
    }

    .sk__iconbox-icon-link>span.sk__iconbox-icon>span.sk__iconbox-trail {
        width: 108px;
        height: 108px;
        border-radius: 114px
    }

    .sk__iconbox-icon-link:hover>span.sk__iconbox-icon>span.sk__iconbox-trail {
        border-top-left-radius: 54px;
        border-top-right-radius: 54px
    }

    .sk__iconbox-icon-link i,.sk__iconbox-icon-link span[class*=sico-] {
        font-size: 41px
    }

    .sk__iconbox-icon-link:hover>span.sk__iconbox-icon:after {
        -webkit-transform: scale(.925) translate(-1px,-1px);
        -ms-transform: scale(.925) translate(-1px,-1px);
        transform: scale(.925) translate(-1px,-1px)
    }
}

.sk__iconbox-text-link {
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    margin: 0 auto
}

.sk__laptop-section {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(../images/section-laptop-background.svg)
}

.sk__laptop-image-col {
    z-index: 1
}

.sk__laptop-image-col img {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1.56869);
    -ms-transform: scale(1.56869);
    transform: scale(1.56869);
    max-width: 626px;
    height: auto
}

.sk__laptop-infos-container {
    position: relative;
    min-height: 1124px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.sk__laptop-infos-container>div {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.sk__laptop-mockup-subcontainer {
    position: absolute;
    top: 30px;
    left: 0;
    width: 982px;
    height: 1040px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media all and (min-width: 1660px) {
    .sk__laptop-mockup-subcontainer {
        left:-53px
    }
}

.sk__laptop-infos-subcontainer {
    padding: 2vh 12px 33vh
}

@media all and (min-width: 1400px) and (max-width:1660px) {
    .sk__laptop-infos-container {
        min-height:925px
    }

    .sk__laptop-mockup-subcontainer {
        width: calc(982px * .8);
        height: calc(1040px * .8)
    }
}

@media all and (min-width: 1200px) and (max-width:1399px) {
    .sk__laptop-infos-container {
        min-height:788px
    }

    .sk__laptop-mockup-subcontainer {
        width: calc(982px * .65);
        height: calc(1040px * .65)
    }

    .sk__laptop-infos-subcontainer {
        padding: 6vh 12px 33vh
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    .sk__laptop-infos-container {
        min-height:727px
    }

    .sk__laptop-mockup-subcontainer {
        width: calc(982px * .6);
        height: calc(1040px * .6)
    }
}

@media all and (max-width: 991px) {
    .sk__laptop-infos-container {
        min-height:650px;
        height: auto;
        padding-bottom: 100px
    }

    .sk__laptop-infos-subcontainer {
        padding: 2vh 12px 0
    }

    .sk__laptop-mockup-subcontainer {
        top: 30px;
        position: relative;
        width: 100%;
        height: 105.9%;
        background-size: contain;
        background-position: center top
    }
}

@media all and (min-width: 768px) and (max-width:991px) {
    .sk__featurebox h5 {
        font-size:16px
    }

    .sk__laptop-mockup-subcontainer {
        width: 700px;
        height: calc(700px * 1.059)
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    .sk__laptop-mockup-subcontainer {
        width:520px;
        height: calc(520px * 1.059)
    }

    .sk__imagebox-text-wrap p {
        font-size: 15px;
        line-height: 25px
    }
}

@media all and (max-width: 767px) {
    .sk__featurebox h5 {
        font-size:15px
    }

    .sk__laptop-infos-container.sk__flex-center-y {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .sk__laptop-infos-subcontainer {
        margin-top: 30px
    }
}

.sk__laptop-infos {
    position: relative
}

.sk__rectangles-laptop .sk__rectangle-white-1 {
    -webkit-transform: translate(168px,-87px);
    -ms-transform: translate(168px,-87px);
    transform: translate(168px,-87px)
}

.sk__rectangles-laptop .sk__rectangle-white-2 {
    -webkit-transform: translate(50px,37px);
    -ms-transform: translate(50px,37px);
    transform: translate(50px,37px)
}

.sk__rectangles-laptop .sk__rectangle-black {
    -webkit-transform: translate(104px,-20px);
    -ms-transform: translate(104px,-20px);
    transform: translate(104px,-20px)
}

.sk__rectangles-laptop {
    position: relative;
    max-width: 100%;
    width: 780px
}

.sk__rectangles-laptop-parallax-layers {
    position: absolute;
    height: 140%;
    width: 100%;
    top: -20%;
    right: 0
}

.sk__animated-headline-words span.lvl2.sk__visible,.sk__skill-area,.sk__skill-wrap {
    position: relative
}

p.sk__rectangles-laptop-custom-p {
    margin: 0 0 1rem auto
}

.sk__animated-headline-words {
    -webkit-perspective: 388px;
    perspective: 388px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sk__animated-headline-words span.lvl2 {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    padding: 0 5px
}

.sk__animated-headline span.lvl1,.sk__skill-el {
    display: inline-block
}

.sk__animated-headline span.lvl1:not(.sk__animated-headline-words) {
    padding: 0
}

.sk__animated-headline .sk__animated-headline-words {
    overflow: hidden;
    vertical-align: top;
    padding: .21em 0 .21em 15px;
    margin: -.21em -5px -.21em -20px
}

.sk__animated-headline.sk__animated-headline-ee .sk__animated-headline-words {
    margin: -.21em .05em -.21em -.18em
}

.sk__animated-headline span.lvl2 {
    opacity: 0;
    top: .2em
}

.sk__animated-headline span.lvl2.sk__visible {
    top: 0;
    opacity: 1;
    -webkit-transform-origin: center 90%;
    -ms-transform-origin: center 90%;
    transform-origin: center 90%;
    -webkit-animation: .45s ease-out slideFromBottom;
    animation: .45s ease-out slideFromBottom
}

.sk__animated-headline span.lvl2.sk__hidden {
    position: absolute;
    -webkit-transform-origin: center 0%;
    -ms-transform-origin: center 0%;
    transform-origin: center 0%;
    -webkit-animation: .4s ease-in slideToTop;
    animation: .4s ease-in slideToTop
}

@-webkit-keyframes slideToTop {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0) scaleY(1) scaleX(1) translateY(0) translateX(15px);
        transform: rotateX(0) scaleY(1) scaleX(1) translateY(0) translateX(15px)
    }

    50% {
        opacity: .3;
        -webkit-transform: rotateX(33deg) scaleY(.6) scaleX(.9) translateY(-20px) translateX(15px);
        transform: rotateX(33deg) scaleY(.6) scaleX(.9) translateY(-20px) translateX(15px)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotateX(76deg) scaleY(.1) scaleX(.75) translateY(-30px) translateX(15px);
        transform: rotateX(76deg) scaleY(.1) scaleX(.75) translateY(-30px) translateX(15px)
    }
}

@keyframes slideToTop {
    0% {
        opacity: 1;
        -webkit-transform: rotateX(0) scaleY(1) scaleX(1) translateY(0) translateX(15px);
        transform: rotateX(0) scaleY(1) scaleX(1) translateY(0) translateX(15px)
    }

    50% {
        opacity: .3;
        -webkit-transform: rotateX(33deg) scaleY(.6) scaleX(.9) translateY(-20px) translateX(15px);
        transform: rotateX(33deg) scaleY(.6) scaleX(.9) translateY(-20px) translateX(15px)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotateX(76deg) scaleY(.1) scaleX(.75) translateY(-30px) translateX(15px);
        transform: rotateX(76deg) scaleY(.1) scaleX(.75) translateY(-30px) translateX(15px)
    }
}

@-webkit-keyframes slideFromBottom {
    0%,14.28% {
        opacity: 0;
        -webkit-transform: rotateX(-86deg) translateY(30px) translateZ(60px) scaleZ(3);
        transform: rotateX(-86deg) translateY(30px) translateZ(60px) scaleZ(3)
    }

    35% {
        opacity: 1;
        -webkit-transform: rotateX(-55.9deg) translateY(20px) translateZ(30px) scaleZ(2.35);
        transform: rotateX(-55.9deg) translateY(20px) translateZ(30px) scaleZ(2.35)
    }

    50% {
        opacity: 1;
        -webkit-transform: rotateX(-43deg) translateY(10px) translateZ(20px) scaleZ(2);
        transform: rotateX(-43deg) translateY(10px) translateZ(20px) scaleZ(2)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateX(0) translateY(0) translateZ(0) scaleZ(1);
        transform: rotateX(0) translateY(0) translateZ(0) scaleZ(1)
    }
}

@keyframes slideFromBottom {
    0%,14.28% {
        opacity: 0;
        -webkit-transform: rotateX(-86deg) translateY(30px) translateZ(60px) scaleZ(3);
        transform: rotateX(-86deg) translateY(30px) translateZ(60px) scaleZ(3)
    }

    35% {
        opacity: 1;
        -webkit-transform: rotateX(-55.9deg) translateY(20px) translateZ(30px) scaleZ(2.35);
        transform: rotateX(-55.9deg) translateY(20px) translateZ(30px) scaleZ(2.35)
    }

    50% {
        opacity: 1;
        -webkit-transform: rotateX(-43deg) translateY(10px) translateZ(20px) scaleZ(2);
        transform: rotateX(-43deg) translateY(10px) translateZ(20px) scaleZ(2)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateX(0) translateY(0) translateZ(0) scaleZ(1);
        transform: rotateX(0) translateY(0) translateZ(0) scaleZ(1)
    }
}

p.skills-subhead {
    margin-bottom: 0
}

.sk__skills h1.h1-small {
    line-height: 49px
}

.sk__skill-wrap {
    margin-bottom: 7px
}

.sk__skill-name {
    width: 18.6%;
    margin-right: .74%
}

.sk__skill-area {
    width: 75%;
    margin-right: .5%;
    height: 13px;
    border-top: 1px solid rgba(255,255,255,.13)
}

.sk__skill-bar {
    height: 6px;
    position: absolute;
    margin-top: 6px;
    left: 0;
    -webkit-transition: opacity .3s,-webkit-transform .9s;
    -o-transition: transform .9s,opacity .3s;
    transition: transform .9s,opacity .3s,-webkit-transform .9s;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.sk__skill-number {
    width: 4.5%;
    text-align: right
}

.sk__skill-wrap p {
    font-family: var(--body-font-family),sans-serif;
    color: #e1e1e1;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

@media all and (min-width: 1400px) {
    .sk__skill-wrap p {
        font-size:15px
    }
}

@media all and (min-width: 1200px) and (max-width:1399px) {
    .sk__skill-name {
        width:18.4%
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    .sk__rectangles-laptop-parallax-layers {
        width:73%
    }

    .sk__skill-name {
        width: 22%;
        margin-right: 1%
    }

    .sk__skill-area {
        width: 70.5%;
        margin-right: .9%
    }

    .sk__skill-number {
        width: 4.5%
    }
}

.row.sk__testimonials,.sk__testimonials {
    margin-top: 30px;
    margin-bottom: 30px
}

.sk__testimonial-container {
    margin-bottom: 30px;
    margin-top: 20px
}

@media all and (max-width: 991px) {
    .sk__skill-area,.sk__skill-name {
        display:block;
        width: 100%
    }

    .sk__skill-area {
        margin-bottom: 25px
    }

    .sk__skill-number {
        position: absolute;
        right: 0;
        top: 0;
        min-width: 50px
    }

    .sk__skill-wrap p {
        margin-bottom: 8px
    }

    .sk__testimonial-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.sk__testimonial-img {
    width: 134px;
    height: 134px;
    border-radius: 134px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sk__testimonial-txt {
    margin-left: 41px
}

.sk__testimonial-txt h5 {
    margin-bottom: 0;
    line-height: 28.6px
}

.sk__testimonial-txt p.p-xs {
    font-size: 11px;
    margin-bottom: .75rem
}

.sk__testimonial-txt p:not(.p-xs) {
    margin-bottom: 0;
    margin-top: 4px;
    line-height: 20px
}

@media all and (max-width: 575px) {
    .sk__featurebox p.p-v2 {
        font-size:13px;
        line-height: 23px
    }

    .sk__iconbox {
        padding: 20px 30px;
        max-width: 360px;
        margin: 0 auto
    }

    .sk__iconbox-icon-link>span.sk__iconbox-icon,.sk__iconbox-icon-link>span.sk__iconbox-icon:after {
        width: 98px;
        height: 98px;
        border-radius: 100px
    }

    .sk__iconbox-icon-link {
        margin: 0 auto 15px;
        width: 98px;
        height: 98px
    }

    .sk__iconbox-icon-link>span.sk__iconbox-icon>span.sk__iconbox-trail {
        width: 108px;
        height: 108px;
        border-radius: 100px
    }

    .sk__iconbox-icon-link:hover>span.sk__iconbox-icon>span.sk__iconbox-trail {
        border-top-left-radius: 47px;
        border-top-right-radius: 47px
    }

    .sk__iconbox-icon-link i,.sk__iconbox-icon-link span[class*=sico-] {
        font-size: 35px
    }

    .sk__iconbox-icon-link:hover>span.sk__iconbox-icon:after {
        -webkit-transform: scale(.925) translate(-1px,-1px);
        -ms-transform: scale(.925) translate(-1px,-1px);
        transform: scale(.925) translate(-1px,-1px)
    }

    .sk__laptop-mockup-subcontainer {
        width: 90vw;
        height: calc(90vw * 1.059)
    }

    .sk__rectangles-laptop {
        width: 100%
    }

    .sk__skill-wrap p {
        font-size: 12px
    }

    .sk__testimonial-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .sk__testimonial-img {
        margin: 0 auto 25px
    }

    .sk__testimonial-txt {
        margin-left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sk__testimonial-txt p {
        margin-left: auto;
        margin-right: auto
    }
}

.sk__imagebox {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 24px;
    -webkit-transition: var(--transition-03);
    -o-transition: var(--transition-03);
    transition: var(--transition-03)
}

.sk__imageboxes img {
    display: block;
    width: 100%;
    height: auto
}

.sk__imagebox-text-wrap h5,.sk__imagebox-text-wrap p {
    margin-bottom: 0
}

a.sk__imagebox:hover,body.elementor-editor-active .sk__imageboxes .sk__imagebox.done {
    -webkit-transform: translateY(-10px)!important;
    -ms-transform: translateY(-10px)!important;
    transform: translateY(-10px)!important
}

a.sk__imagebox.sk__imagebox-shadow {
    -webkit-box-shadow: 0 2px 3px 1px rgb(0,0,0,.74);
    box-shadow: 0 2px 3px 1px rgb(0,0,0,.74)
}

a.sk__imagebox.sk__imagebox-shadow:hover {
    -webkit-box-shadow: 0 10px 5px 3px rgba(0,0,0,.99);
    box-shadow: 0 10px 5px 3px rgba(0,0,0,.99)
}

a.sk__imagebox:hover .sk__imagebox-img {
    -webkit-filter: saturate(1.2) brightness(1.25);
    filter: saturate(1.2) brightness(1.25)
}

.sk__imagebox-img-wrap {
    padding: 19px 16px
}

.sk__imagebox-img-wrap.frameless {
    padding: 0
}

.has-text .sk__imagebox-img-wrap {
    padding-bottom: 0
}

.sk__imagebox-text-wrap>* {
    padding-inline:16px}

.sk__browsers-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 35.84%
}

.sk__browsers-wrapper>div {
    -webkit-filter: drop-shadow(12px 15px 10px rgba(0,0,0,0.85));
    filter: drop-shadow(12px 15px 10px rgba(0,0,0,.85))
}

.sk__browsers-tablet {
    position: absolute;
    bottom: 0;
    width: 25.757575%;
    height: 100%;
    left: 30%;
    opacity: 0
}

.sk__browsers-desktop {
    position: absolute;
    bottom: -120%;
    width: 58.2750582%;
    height: 100%;
    left: 25.757575%;
    z-index: 1
}

.sk__browsers-phone {
    position: absolute;
    bottom: 0;
    width: 15.9673668%;
    height: 100%;
    left: 64.0326332%;
    opacity: 0
}

.elementor-editor-active .elementor-widget-darkstar-ee-custom-css {
    width: 100%;
    height: 82px;
    background-color: #030303!important;
    background: url(../images/widget-icons/widget-icon-custom-css.png) center/contain no-repeat
}

.elementor-editor-active .elementor-widget-darkstar-ee-fx-mass-fade-in {
    width: 100%;
    height: 82px;
    background-color: #030303!important;
    background: url(../images/widget-icons/widget-icon-fx-mass-fade-in.png) center/contain no-repeat
}

body.elementor-editor-active .sk__browsers-wrapper .done,body.elementor-editor-active .sk__header-section[class*=skanm_],body.elementor-editor-active .sk__massfade-typography .elementor-element[data-element_type=widget],body.elementor-editor-active [class*=sk__fade-in-],body.elementor-editor-active [id*=sk__project-gallery-] .animated-element {
    opacity: 1!important
}

body.elementor-editor-active .sk__gradient-fancy-text:not([class*=sico]) {
    color: #1c1a1a!important
}

body.elementor-editor-active .sk__imagebox.done,body.elementor-editor-active .sk__portfolio-wrapper.not-slick .sk__portfolio-item,body.elementor-editor-active [id*=iconboxes-] .sk__iconbox .sk__iconbox-icon-link,body.elementor-editor-active [id*=iconboxes-] .sk__iconbox .sk__iconbox-text-link,body.elementor-editor-active [id*=iconboxes-] .sk__iconbox>p,body.elementor-editor-active [id*=sk__featureboxes-] .sk__featurebox-col,body.elementor-editor-active [id*=sk__featureboxes-] .sk__featureboxes,body.elementor-editor-active [id*=sk__project-body-] .sk__project-body-image-col img.done,body.elementor-editor-active [id*=sk__project-body-] .sk__project-body-info-col .animated-element.done {
    opacity: 1!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

body.elementor-editor-active .cover-text-wrapper .done {
    -webkit-transform: translate(0,0)!important;
    -ms-transform: translate(0,0)!important;
    transform: translate(0,0)!important;
    opacity: 1!important
}

body.elementor-editor-active .sk__browsers-wrapper .sk__browsers-tablet.done {
    left: 0!important;
    bottom: 0!important
}

body.elementor-editor-active .sk__browsers-wrapper .sk__browsers-desktop.done {
    left: 25.757575%!important;
    bottom: 0!important
}

body.elementor-editor-active .sk__browsers-wrapper .sk__browsers-phone.done {
    left: 84.0326332%!important;
    bottom: 0!important
}

body.elementor-editor-active .sk__massfade {
    opacity: 0
}

body.elementor-editor-active .sk__animated-shadow-text.done,body.elementor-editor-active .sk__massfade.done {
    opacity: 1!important
}