@keyframes pxl_move1 {
    0% {
        transform: translate(0%,0%)
    }

    25% {
        transform: translate(10%,10%)
    }

    50% {
        transform: translate(10%,-10%)
    }

    75% {
        transform: translate(-10%,10%)
    }

    100% {
        transform: translate(0%)
    }
}

@-webkit-keyframes pxl_move1 {
    0% {
        transform: translate(0%,0%)
    }

    25% {
        transform: translate(10%,10%)
    }

    50% {
        transform: translate(10%,-10%)
    }

    75% {
        transform: translate(-10%,10%)
    }

    100% {
        transform: translate(0%)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
.pxl-image-spin2 {
    animation: pxl_spin 4s linear infinite
}

.pxl-image-spin {
    animation: pxl_spin_reverse 12s linear infinite
}

.pxl-image-lr {
    animation: l_r 50s linear infinite
}

.pxl-image-lrt {
    animation: l_r_t 55s linear infinite
}

.pxl-image-lrb {
    animation: l_r_b 60s linear infinite
}

@-ms-keyframes pxl_spin_reverse {
    from {
        -ms-transform: translate(-50%,-50%)rotate(0)
    }

    to {
        -ms-transform: translate(-50%,-50%)rotate(-360deg)
    }
}

@-moz-keyframes pxl_spin_reverse {
    from {
        -moz-transform: translate(-50%,-50%)rotate(0)
    }

    to {
        -moz-transform: translate(-50%,-50%)rotate(-360deg)
    }
}

@-webkit-keyframes pxl_spin_reverse {
    from {
        -webkit-transform: translate(-50%,-50%)rotate(0)
    }

    to {
        -webkit-transform: translate(-50%,-50%)rotate(-360deg)
    }
}

@keyframes pxl_spin_reverse {
    from {
        transform: translate(-50%,-50%)rotate(0)
    }

    to {
        transform: translate(-50%,-50%)rotate(-360deg)
    }
}

@-ms-keyframes pxl_spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_right_from_left {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_right_from_left {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes pxl_right_from_left {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_left_from_right {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_left_from_right {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes pxl_left_from_right {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_ani1 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@keyframes pxl_ani1 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@-webkit-keyframes pxl_ani2 {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }
}

@keyframes pxl_ani2 {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }
}

@keyframes pxl_bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes pxl_zigzag {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes pxl_right_left {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(-40px)
    }

    100% {
        transform: translateX(0)
    }
}

.slide-right-to-left {
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite
}

@keyframes pxl_left_right {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(40px)
    }

    100% {
        transform: translateX(0)
    }
}

.slide-left-to-right {
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite
}

@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes pxl_bottom_top {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-40px)
    }

    100% {
        transform: translateY(0)
    }
}

.slide-bottom-to-top {
    animation: pxl_bottom_top 12s ease-out infinite;
    -webkit-animation: pxl_bottom_top 12s ease-out infinite
}

@keyframes pxl_effect1 {
    0% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(40px,-5px)
    }

    40% {
        transform: translate(60px,40px)
    }

    60% {
        transform: translate(40px,60px)
    }

    80% {
        transform: translate(-40px,60px)
    }

    100% {
        transform: translate(0,0)
    }
}

.slide-effect1 {
    animation: pxl_effect1 12s ease-out infinite;
    -webkit-animation: pxl_effect1 12s ease-out infinite
}

@keyframes pxl_effect2 {
    0% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(-30px,40px)
    }

    40% {
        transform: translate(60px,60px)
    }

    60% {
        transform: translate(70px,40px)
    }

    80% {
        transform: translate(40px,-70px)
    }

    100% {
        transform: translate(0,0)
    }
}

.slide-effect2 {
    animation: pxl_effect2 12s ease-out infinite;
    -webkit-animation: pxl_effect2 12s ease-out infinite
}

@keyframes pxl_top_bottom {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

.slide-top-to-bottom {
    animation: pxl_top_bottom 12s ease-out infinite;
    -webkit-animation: pxl_top_bottom 12s ease-out infinite
}

@-webkit-keyframes img_circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes img_circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes pxl_loader_bounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes pxl_loader_bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes pxl_scale1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pxl_scale1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.pxl_scale1 {
    animation: pxl_scale1 400ms linear 0ms;
    -webkit-animation: pxl_scale1 400ms linear 0ms
}

@keyframes ar {
    33% {
        transform: translatex(20px);
        opacity: 0
    }

    66% {
        transform: translatex(-20px);
        opacity: 0
    }

    100% {
        transform: translatex(0);
        opacity: 1
    }
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: perspective(500px)rotateX(-90deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateX(0)
    }
}

@keyframes in-top {
    from {
        transform: perspective(500px)rotateX(-90deg);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateX(0)
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: perspective(500px)rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateX(-90deg);
        opacity: 1
    }
}

@keyframes out-top {
    from {
        transform: perspective(500px)rotateX(0);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateX(-90deg);
        opacity: 1
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: perspective(500px)rotateX(90deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateX(0)
    }
}

@keyframes in-bottom {
    from {
        transform: perspective(500px)rotateX(90deg);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateX(0)
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: perspective(500px)rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateX(90deg);
        opacity: 1
    }
}

@keyframes out-bottom {
    from {
        transform: perspective(500px)rotateX(0);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateX(90deg);
        opacity: 1
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: perspective(500px)rotateY(90deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateY(0)
    }
}

@keyframes in-left {
    from {
        transform: perspective(500px)rotateY(90deg);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateY(0)
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: perspective(500px)rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateY(90deg);
        opacity: 1
    }
}

@keyframes out-left {
    from {
        transform: perspective(500px)rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateY(90deg);
        opacity: 1
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: perspective(500px)rotateY(-90deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateY(0)
    }
}

@keyframes in-right {
    from {
        transform: perspective(500px)rotateY(-90deg);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateY(0)
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: perspective(500px)rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px)rotateY(-90deg);
        opacity: 1
    }
}

@keyframes out-right {
    from {
        transform: perspective(500px)rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(500px)rotateY(-90deg);
        opacity: 1
    }
}

@keyframes shakeicon {
    33% {
        -webkit-transform: rotateZ(20deg);
        -khtml-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotateZ(20deg);
        -o-transform: rotateZ(20deg);
        transform: rotateZ(20deg)
    }

    67% {
        -webkit-transform: rotateZ(-20deg);
        -khtml-transform: rotateZ(-20deg);
        -moz-transform: rotateZ(-20deg);
        -ms-transform: rotateZ(-20deg);
        -o-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg)
    }

    100% {
        -webkit-transform: rotateZ(20deg);
        -khtml-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotateZ(20deg);
        -o-transform: rotateZ(20deg);
        transform: rotateZ(20deg)
    }
}

@-webkit-keyframes ct-foldCubeAngle {
    0%,10% {
        -webkit-transform: perspective(140px)rotateX(-180deg);
        transform: perspective(140px)rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(140px)rotateX(0);
        transform: perspective(140px)rotateX(0);
        opacity: 1
    }

    90%,100% {
        -webkit-transform: perspective(140px)rotateY(180deg);
        transform: perspective(140px)rotateY(180deg);
        opacity: 0
    }
}

@keyframes ct-foldCubeAngle {
    0%,10% {
        -webkit-transform: perspective(140px)rotateX(-180deg);
        transform: perspective(140px)rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(140px)rotateX(0);
        transform: perspective(140px)rotateX(0);
        opacity: 1
    }

    90%,100% {
        -webkit-transform: perspective(140px)rotateY(180deg);
        transform: perspective(140px)rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(.9)rotate(-5deg);
        transform: scale(.9)rotate(-5deg)
    }

    50%,50%,70%,90% {
        -webkit-transform: scale(1.1)rotate(5deg);
        transform: scale(1.1)rotate(5deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1)rotate(-5deg);
        transform: scale(1.1)rotate(-5deg)
    }

    100% {
        -webkit-transform: scale(1)rotate(0);
        transform: scale(1)rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(.9)rotate(-5deg);
        -ms-transform: scale(.9)rotate(-5deg);
        transform: scale(.9)rotate(-5deg)
    }

    50%,50%,70%,90% {
        -webkit-transform: scale(1.1)rotate(5deg);
        -ms-transform: scale(1.1)rotate(5deg);
        transform: scale(1.1)rotate(5deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1)rotate(-5deg);
        -ms-transform: scale(1.1)rotate(-5deg);
        transform: scale(1.1)rotate(-5deg)
    }

    100% {
        -webkit-transform: scale(1)rotate(0);
        -ms-transform: scale(1)rotate(0);
        transform: scale(1)rotate(0)
    }
}

@keyframes icon-bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes icon-bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes scale-border {
    1% {
        transform: scale(1);
        opacity: .1
    }

    100% {
        transform: scale(3);
        opacity: 0
    }
}

@-webkit-keyframes scale-border {
    1% {
        transform: scale(1);
        opacity: .1
    }

    100% {
        transform: scale(3);
        opacity: 0
    }
}

@keyframes scale-border2 {
    1% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes scale-border2 {
    1% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes l_r {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%
    }
}

@-webkit-keyframes l_r {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%
    }
}

@keyframes l_r_b {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%;
        transform: translateY(50px)
    }
}

@-webkit-keyframes l_r_b {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%;
        transform: translateY(200px)
    }
}

@keyframes l_r_t {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%;
        transform: translateY(-200px)
    }
}

@-webkit-keyframes l_r_t {
    0% {
        position: absolute;
        left: -20px
    }

    100% {
        position: absolute;
        left: 103%;
        transform: translateY(-200px)
    }
}

@keyframes ruler {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -1200px
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes ruler {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -1200px
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes Animasearch {
    0% {
        transform: scale(1);
        opacity: 1
    }

    15%,50% {
        transform: scale(.5);
        opacity: 0
    }

    65% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0,35px,35px,0)
    }

    50% {
        clip: rect(0,40px,40px,0)
    }

    100% {
        transform: rotate(360deg);
        clip: rect(0,35px,35px,0)
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0);
        clip: rect(0,164px,150px,0)
    }

    50% {
        clip: rect(0,164px,0,0);
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(720deg);
        clip: rect(0,164px,150px,0)
    }
}

@keyframes rotate3 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes animasearch {
    0% {
        transform: scale(1);
        opacity: 1
    }

    15%,50% {
        transform: scale(.5);
        opacity: 0
    }

    65% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes animasearch {
    0% {
        transform: scale(1);
        opacity: 1
    }

    15%,50% {
        transform: scale(.5);
        opacity: 0
    }

    65% {
        transform: scale(1);
        opacity: 1
    }
}

.pxl-view-layout {
    display: flex;
    margin-bottom: 20px
}

.pxl-view-layout .view-icon {
    list-style-type: none;
    width: 30px;
    height: 25px;
    opacity: .33;
    margin-left: 10px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.pxl-view-layout .view-icon a {
    width: 100%;
    height: 100%;
    display: block
}

.pxl-view-layout .view-icon.view-grid {
    font-size: 0;
    background-image: url(../img/layout-grid.png)
}

.pxl-view-layout .view-icon.view-list {
    font-size: 0;
    background-image: url(../img/layout-list.png)
}

.pxl-view-layout .view-icon:hover,.pxl-view-layout .view-icon.active {
    opacity: 1
}

.woocommerce span.onsale,.woocommerce .pxl-featured {
    min-width: inherit;
    min-height: inherit;
    font-size: 16px;
    color: #fff;
    padding: 0;
    text-align: center;
    background-color: var(--primary-color);
    font-weight: 700;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0!important;
    line-height: 26px;
    padding: 0 12px!important;
    top: 0!important;
    right: 0!important;
    left: auto;
    font-weight: 400;
    z-index: 11
}

.woocommerce .pxl-featured {
    position: absolute;
    top: 0!important;
    left: 0!important;
    right: auto!important;
    background-color: var(--regular-color);
    display: inline-block
}

.woocommerce .woocommerce-tabs .single-lp-list {
    margin-top: 30px
}

.woocommerce .woocommerce-tabs ul.wc-tabs {
    overflow: visible;
    padding: 0 0 0;
    margin-top: -20px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .woocommerce .woocommerce-tabs ul.wc-tabs {
        border:none
    }
}

.woocommerce .woocommerce-tabs ul.wc-tabs:before,.woocommerce .woocommerce-tabs ul.wc-tabs:after {
    display: none!important
}

.woocommerce .woocommerce-tabs ul.wc-tabs li {
    margin: 20px 5px 0;
    padding: 0;
    background-color: initial;
    position: relative;
    z-index: 99
}

.woocommerce .woocommerce-tabs ul.wc-tabs li:before,.woocommerce .woocommerce-tabs ul.wc-tabs li:after {
    display: none!important
}

@media screen and (max-width: 575px) {
    .woocommerce .woocommerce-tabs ul.wc-tabs li {
        display:block;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .woocommerce .woocommerce-tabs ul.wc-tabs li a {
        display: block
    }
}

.woocommerce .woocommerce-tabs ul.wc-tabs li a {
    padding: 0 28px;
    font-size: 18px;
    line-height: 42px;
    border: 2px solid #e8ebf0;
    border-radius: 5px!important;
    color: var(--secondary-color);
    font-weight: 400!important;
    position: relative;
    background-color: #fff;
    text-transform: uppercase;
    z-index: 1;
    background-color: initial!important
}

.woocommerce .woocommerce-tabs ul.wc-tabs li.active>a,.woocommerce .woocommerce-tabs ul.wc-tabs li a:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th {
    font-weight: 600!important
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
    line-height: 1.875
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong {
    font-size: 30px;
    font-weight: 700;
    color: var(--secondary-color)
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #70747f
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
    margin-bottom: 0
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel>h2 {
    display: none
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.panel {
    padding-top: 32px;
    margin-bottom: 0
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
    border: 1px solid #dee2e6
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-bottom: 1px solid #dee2e6;
    font-family: inherit;
    color: #152136;
    font-weight: 400;
    font-style: normal;
    padding: 10px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-left: 1px solid #dee2e6
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews {
    margin-bottom: 25px!important
}

.woocommerce .woocommerce-tabs .tab-product-feature-list {
    font-size: 18px;
    line-height: 34px
}

.woocommerce .woocommerce-tabs .tab-product-feature-list .col-xl-4 {
    font-weight: 600
}

.woocommerce .woocommerce-tabs .tab-product-feature-list .line-gap {
    margin: 0;
    width: 100%
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
    margin-bottom: 15px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
    margin-bottom: 10px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a {
    color: #999
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a,.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a {
    color: #efb343
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label {
    margin-bottom: 8px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: capitalize;
    color: var(--secondary-color)
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
    display: none
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
    height: 140px;
    min-height: 140px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit {
    padding: 0 50px;
    margin-top: 20px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
    width: 50%;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
        width:100%
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
    width: 50%;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
        width:100%
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
    padding: 10px 0 0
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #f2f2f2
}

@media screen and (max-width: 1199px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
        padding:20px 15px 20px 20px
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating {
    display: none
}

@media screen and (max-width: 991px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
        position:static;
        margin-bottom: 8px
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container {
    position: relative
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    padding: 0;
    width: 80px;
    -webkit-border-radius: 80px;
    -khtml-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -khtml-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -ms-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -o-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    box-shadow: 0 5px 8px rgba(0,0,0,8%)
}

@media screen and (max-width: 575px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
        width:40px;
        border: none
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
    border: none;
    margin: 0;
    padding: 0 0 0 100px
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
        float:none;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
        padding-left:60px
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate {
    display: none
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list {
    margin-top: 30px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
    margin: 0 0 8px;
    font-size: 16px
}

@media screen and (max-width: 575px) {
    .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
        display:block
    }
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 22px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
    color: #222;
    display: block;
    line-height: 1;
    margin-bottom: 4px
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
    display: none
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
    margin: 0
}

.woocommerce .woocommerce-product-inner {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: rgba(99,99,99,4%)0 2px 21px 8px
}

.woocommerce .woocommerce-product-inner .price .woocommerce-Price-amount {
    color: var(--primary-color)!important
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    position: relative;
    overflow: hidden
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details {
    position: relative;
    overflow: hidden
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header img {
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta {
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta>div {
    margin: 0 4px;
    width: 40px;
    height: 40px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -khtml-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button {
    border-radius: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #e9ebf0;
    display: block;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    padding: 0;
    font-size: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #1d2122;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    font-family: Caseicon;
    font-size: 18px;
    font-weight: 500
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.add_to_cart_button:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.add_to_cart_button:before {
    content: "\f145";
    font-size: 16px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.product_type_variable:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.product_type_variable:before {
    content: "\f122";
    font-size: 17px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before {
    content: "\f11e";
    font-size: 16px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosw-btn:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosw-btn:before {
    content: "\f12f"
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosq-btn:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosq-btn:before {
    content: "\f101"
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading {
    opacity: 1
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:before {
    opacity: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:after,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:after {
    content: '';
    width: 16px;
    height: 16px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent #000 transparent #000;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%);
    margin: auto;
    animation: pxl_spin_reverse .6s linear infinite;
    -webkit-animation: pxl_spin_reverse .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover {
    background-color: var(--regular-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover:before,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover:before {
    color: #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover.loading:after,.woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover.loading:after {
    border-color: transparent #fff transparent #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content {
    padding: 0 20px 25px;
    text-align: center;
    position: relative;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .star-rating {
    font-size: 14px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .count-rating {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--rating .star-rating {
    text-align: center;
    position: relative;
    z-index: 2;
    background-color: #fff;
    margin: 10px 0 0;
    display: inline-block;
    padding-bottom: 16px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a {
    margin: 0;
    line-height: 44px;
    height: 44px;
    padding: 0 28px;
    -webkit-border-radius: 44px;
    -khtml-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
    border-radius: 44px;
    display: inline-flex;
    overflow: hidden;
    background-color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:before {
    background-color:
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:after {
    animation: pxl_spin_reverse 1s linear infinite
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:hover,.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:focus {
    background-color: var(--secondary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a i {
    margin-left: 6px;
    font-size: 16px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.added {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading {
    opacity: 1
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading i {
    -webkit-transform: translateX(100px);
    -khtml-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading:after {
    right: 28px;
    top: 0;
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.wc-forward:after {
    content: "\f10e";
    font-family: Flaticon;
    margin-left: 6px
}

.woocommerce .woocommerce-product-inner .woocommerce-product--rating .star-rating {
    font-size: 12px;
    height: 14px;
    color: #fab319
}

.woocommerce .woocommerce-product-inner del {
    color: #cfcfcf;
    font-weight: 700!important
}

.woocommerce .woocommerce-product-inner del .amount {
    font-weight: 500;
    color: #cfcfcf
}

.woocommerce .woocommerce-product-inner ins,.woocommerce .woocommerce-product-inner .price {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: var(--primary-color);
    font-weight: 700!important
}

.woocommerce .woocommerce-product-inner ins .amount,.woocommerce .woocommerce-product-inner .price .amount {
    font-weight: 700;
    color: var(--primary-color)!important
}

.woocommerce .woocommerce-product-inner ins span,.woocommerce .woocommerce-product-inner .price span {
    color: var(--primary-color)!important
}

.woocommerce .woocommerce-product-inner .woocommerce-product--title {
    padding: 0!important;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px
}

.woocommerce .woocommerce-product-inner .woocommerce-product--title a {
    color: var(--secondary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product--title a:hover {
    color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-attr {
    margin-bottom: 12px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-attr img {
    width: auto!important;
    margin: 0!important
}

.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .woocommerce-add-to-cart,.woocommerce .woocommerce-product-inner.cart-added .woocommerce-product-content .woocommerce-add-to-cart {
    bottom: -22px;
    opacity: 1;
    visibility: visible
}

.woocommerce .woocommerce-product-inner:hover .woocommerce-product-meta>div {
    opacity: 1;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .price {
    opacity: 0
}

.woocommerce .pxl-shop-topbar-wrap {
    align-items: center;
    min-height: 62px;
    margin-bottom: 30px
}

.woocommerce .pxl-shop-topbar-wrap .pxl-view-layout-wrap {
    order: 3
}

.woocommerce .pxl-shop-topbar-wrap .order-md-2 {
    order: 2
}

.woocommerce #content {
    padding: 130px 0 207px
}

.woocommerce ins {
    background-color: initial;
    color: var(--primary-color)!important
}

.woocommerce ins span {
    color: var(--primary-color)
}

.woocommerce .content-row #secondary.widget-has-sidebar:before {
    display: none
}

.woocommerce .pxl-sidebar-area .widget {
    padding: 30px;
    border: 1px solid #e9ebf0;
    margin-bottom: 30px!important
}

@media(max-width: 1200px) and (min-width:991px) {
    .woocommerce .pxl-sidebar-area .widget {
        padding:30px 20px
    }
}

.woocommerce .pxl-sidebar-area .widget:last-child {
    margin-bottom: 0
}

.woocommerce .pxl-sidebar-area .widget-title,.woocommerce .pxl-sidebar-area .comment-reply-title,.woocommerce .pxl-sidebar-area .comments-title {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 6px;
    position: relative
}

.woocommerce .pxl-sidebar-area .widget_product_categories .price .woocommerce-Price-amount {
    color: var(--primary-color)!important
}

.woocommerce .pxl-sidebar-area .widget_product_categories li {
    padding: 0 13px 7px 15px
}

.woocommerce .pxl-sidebar-area .widget_product_categories li:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0
}

.woocommerce .pxl-sidebar-area .widget_product_categories .widget-title {
    margin-bottom: 15px
}

.woocommerce .pxl-sidebar-area .widget_product_categories .count {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.woocommerce .pxl-sidebar-area .widget_product_categories li {
    position: relative
}

.woocommerce .pxl-sidebar-area .widget_product_categories li a {
    padding-bottom: 6px;
    font-weight: 400;
    position: relative;
    font-size: 16px;
    color: #70747f
}

.woocommerce .pxl-sidebar-area .widget_product_categories li a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    left: -15px;
    margin-right: 0;
    content: "+";
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover {
    color: var(--primary-color)
}

.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover:before {
    color: var(--primary-color)
}

.woocommerce .pxl-sidebar-area .widget_product_search {
    padding: 0!important;
    border: 1px solid #e9ebf0;
    border-radius: 5px
}

.woocommerce .pxl-sidebar-area .widget_product_search button {
    padding: 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 7px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    z-index: 3;
    color: #fff;
    font-size: 15px;
    background-color: var(--primary-color);
    background-image: none
}

.woocommerce .pxl-sidebar-area .widget_product_search button:after {
    content: "\f12c";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: Caseicon;
    text-indent: 0;
    font-weight: 400;
    color: #fff
}

.woocommerce .pxl-sidebar-area .widget_product_search button:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.woocommerce .pxl-sidebar-area .widget_product_search .search-field {
    border: none!important;
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 500;
    height: 60px
}

.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus {
    border-color: var(--primary-color)
}

.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus+button {
    border-color: var(--primary-color)
}

.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search {
    position: relative
}

.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search:after {
    content: '';
    z-index: 1;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0
}

.single-product .woocommerce-social-share {
    padding-top: 18px
}

.single-product .woocommerce-social-share label {
    color: #222;
    font-weight: 600;
    margin-right: 10px
}

.single-product .woocommerce-social-share a {
    color: #6a6a6a;
    font-size: 14px;
    margin-right: 6px
}

.single-product .woocommerce-social-share a:hover {
    color: var(--primary-color)
}

.single-product .woocommerce-summary-wrap {
    margin: 0 -25px
}

.single-product .woocommerce-summary-wrap>.col-xl-6 {
    padding: 0 25px
}

.single-product #shop-breadcrumb {
    padding-bottom: 46px
}

.single-product #shop-newsletter {
    margin-top: 30px
}

.single-product .woocommerce-sg-product-price {
    padding-top: 10px;
    margin-bottom: 25px
}

.single-product section.related {
    padding-top: 122px;
    margin-top: 120px;
    position: relative
}

@media screen and (max-width: 991px) and (min-width:767px) {
    .single-product section.related {
        margin:60px -15px 0;
        padding-top: 60px
    }
}

@media screen and (max-width: 767px) {
    .single-product section.related {
        margin-top:60px;
        padding-top: 60px
    }
}

.single-product section.related:before {
    position: absolute;
    content: '';
    width: 1e5px;
    top: 0;
    left: -4e4px;
    height: 1px;
    background-color: #e9ebf0
}

.single-product section.related h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: -8px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    color: var(--secondary-color)
}

@media(max-width: 575px) {
    .single-product section.related h2 {
        font-size:30px
    }
}

.single-product section.related ul.products {
    margin-bottom: 0
}

.single-product section.related ul.products li.product {
    margin-bottom: 0!important;
    margin-top: 60px
}

.single-product .pxl-content-area div.product .entry-summary {
    width: 100%!important;
    margin-bottom: 80px
}

@media screen and (min-width: 768px) {
    .single-product .pxl-content-area div.product .entry-summary {
        position:sticky;
        top: 150px
    }
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery {
    width: 100%!important;
    margin-bottom: 80px
}

@media screen and (max-width: 991px) {
    .single-product .pxl-content-area div.product .woocommerce-product-gallery {
        margin-bottom:30px
    }
}

.single-product .pxl-content-area div.product .woocommerce-product-details__short-description p:last-child,.single-product>div.product .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0
}

.single-product .pxl-content-area div.product .woocommerce-sg-product-feature,.single-product>div.product .woocommerce-sg-product-feature {
    margin-bottom: 71px;
    list-style: none
}

.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li,.single-product>div.product .woocommerce-sg-product-feature li {
    display: flex;
    flex-wrap: nowrap
}

.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li i,.single-product>div.product .woocommerce-sg-product-feature li i {
    margin-right: 8px;
    margin-top: 6px;
    color: var(--primary-color)
}

.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li p:last-child,.single-product>div.product .woocommerce-sg-product-feature li p:last-child {
    margin-bottom: 0
}

.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li+li,.single-product>div.product .woocommerce-sg-product-feature li+li {
    margin-top: 10px
}

.single-product .pxl-content-area div.product form.cart,.single-product>div.product form.cart {
    margin-bottom: 20px
}

.single-product .pxl-content-area div.product form.cart label,.single-product>div.product form.cart label {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 700;
    color: #0b1460;
    font-family: quicksand,sans-serif
}

.single-product .pxl-content-area div.product form.cart .reset_variations,.single-product>div.product form.cart .reset_variations {
    font-weight: 700;
    color: #191919;
    font-size: 16px;
    margin-top: 6px;
    display: none;
    visibility: visible!important
}

.single-product .pxl-content-area div.product form.cart .reset_variations:hover,.single-product>div.product form.cart .reset_variations:hover {
    color: var(--primary-color)
}

.single-product .pxl-content-area div.product form.cart .variations tr,.single-product>div.product form.cart .variations tr {
    display: flex;
    align-items: center;
    padding: 14px 0 11px
}

.single-product .pxl-content-area div.product form.cart .variations td.label,.single-product>div.product form.cart .variations td.label {
    padding: 0
}

.single-product .pxl-content-area div.product form.cart .variations td.label span,.single-product>div.product form.cart .variations td.label span {
    display: none
}

.single-product .pxl-content-area div.product form.cart .variations td.woo-variation-items-wrapper,.single-product>div.product form.cart .variations td.woo-variation-items-wrapper {
    padding: 0
}

.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item {
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.12);
    background-color: #f9f9f9
}

.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button {
    font-size: 15px;
    line-height: 26px;
    padding: 0 8px;
    color: #383838
}

.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item,.single-product>div.product form.cart .color-variable-wrapper .color-variable-item {
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color,.single-product>div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color {
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after,.single-product>div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after {
    display: none
}

.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-add-to-cart,.single-product>div.product form.cart.variations_form .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-price,.single-product>div.product form.cart.variations_form .woocommerce-variation-price {
    margin: 10px 0 24px
}

.single-product .pxl-content-area div.product form.cart.variations_form button.single_add_to_cart_button,.single-product>div.product form.cart.variations_form button.single_add_to_cart_button {
    background-color: var(--primary-color)
}

.single-product .pxl-content-area div.product form.cart:not(.variations_form),.single-product>div.product form.cart:not(.variations_form),.single-product .pxl-content-area div.product form.cart:not(.grouped_form),.single-product>div.product form.cart:not(.grouped_form) {
    display: inline-flex;
    margin: 0 0 20px;
    align-items: center;
    flex-wrap: wrap
}

.single-product .pxl-content-area div.product form.cart .woocommerce-grouped-product-list td,.single-product>div.product form.cart .woocommerce-grouped-product-list td {
    vertical-align: middle
}

.single-product .pxl-content-area div.product .woocommerce-gallery span.onsale,.single-product>div.product .woocommerce-gallery span.onsale {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav,.single-product>div.product .woocommerce-product-gallery .flex-control-nav {
    margin-top: 8px;
    margin-left: -13px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li,.single-product>div.product .woocommerce-product-gallery .flex-control-nav li {
    margin: 4px 15px;
    flex-grow: 1;
    margin-top: 20px
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img,.single-product>div.product .woocommerce-product-gallery .flex-control-nav img {
    opacity: 1;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1)
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img.flex-active,.single-product>div.product .woocommerce-product-gallery .flex-control-nav img.flex-active {
    -webkit-box-shadow: 0 0 0 2px var(--primary-color);
    -khtml-box-shadow: 0 0 0 2px var(--primary-color);
    -moz-box-shadow: 0 0 0 2px var(--primary-color);
    -ms-box-shadow: 0 0 0 2px var(--primary-color);
    -o-box-shadow: 0 0 0 2px var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-color)
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    position: relative;
    display: block
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before {
    content: '';
    background-color: #000100;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
    content: "\f06e";
    font-family: "font awesome 5 pro";
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -khtml-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before {
    opacity: .8
}

.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
    opacity: 1
}

@media screen and (max-width: 1199px) {
    .single-product .pxl-content-area div.product .entry-summary,.single-product>div.product .entry-summary {
        padding-top:0
    }
}

.single-product .pxl-content-area div.product .entry-summary>.woosc-btn,.single-product>div.product .entry-summary>.woosc-btn {
    display: none!important
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button,.single-product>div.product .entry-summary .woocommerce-sg-product-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a,.single-product>div.product .entry-summary .woocommerce-sg-product-button a,.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button,.single-product>div.product .entry-summary .woocommerce-sg-product-button button {
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before,.single-product>div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before,.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before,.single-product>div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before {
    content: "\f11a";
    font-family: Bravisicon;
    margin-right: 4px
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating,.single-product>div.product .entry-summary .woocommerce-product-rating {
    margin-bottom: 8px
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link,.single-product>div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
    color: var(--secondary-color)
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover,.single-product>div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover {
    color: var(--primary-color)
}

.single-product .pxl-content-area div.product .entry-summary .entry-title,.single-product>div.product .entry-summary .entry-title {
    display: none;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 14px
}

.single-product .pxl-content-area div.product .entry-summary .price,.single-product>div.product .entry-summary .price {
    font-size: 32px;
    line-height: 1;
    color: var(--secondary-color)
}

.single-product .pxl-content-area div.product .entry-summary .price ins,.single-product>div.product .entry-summary .price ins {
    margin-right: 22px;
    color: var(--primary-color)!important;
    text-decoration: none;
    font-weight: 700!important
}

.single-product .pxl-content-area div.product .entry-summary .price del,.single-product>div.product .entry-summary .price del {
    color: var(--secondary-color);
    font-weight: 700!important
}

.single-product .pxl-content-area div.product .entry-summary .price del .amount,.single-product>div.product .entry-summary .price del .amount {
    color: var(--secondary-color)
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt,.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt {
    font-size: 16px;
    line-height: 24px
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description,.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description {
    margin-bottom: 16px
}

.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p,.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p {
    font-size: 16px;
    font-weight: 400;
    color: #70747f;
    line-height: 32px
}

.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button,.single-product>div.product .entry-summary .single_add_to_cart_button {
    clear: left;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: flex;
    font-weight: 700;
    margin-right: 15px
}

.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading,.single-product>div.product .entry-summary .single_add_to_cart_button.loading {
    padding-right: 42px
}

.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading:after,.single-product>div.product .entry-summary .single_add_to_cart_button.loading:after {
    top: 0;
    right: 14px
}

.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.added:after,.single-product>div.product .entry-summary .single_add_to_cart_button.added:after {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-tabs .single-lp-list,.single-product>div.product .woocommerce-tabs .single-lp-list {
    margin-top: 30px
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs,.single-product>div.product .woocommerce-tabs ul.wc-tabs {
    overflow: visible;
    padding: 0 0 0;
    margin-bottom: 0;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 575px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs,.single-product>div.product .woocommerce-tabs ul.wc-tabs {
        border:none
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:before,.single-product>div.product .woocommerce-tabs ul.wc-tabs:before,.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:after,.single-product>div.product .woocommerce-tabs ul.wc-tabs:after {
    display: none!important
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li,.single-product>div.product .woocommerce-tabs ul.wc-tabs li {
    margin: 20px 8px 0!important;
    padding: 0!important;
    border: none;
    background-color: initial!important;
    position: relative;
    z-index: 99;
    font-weight: 700
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:before,.single-product>div.product .woocommerce-tabs ul.wc-tabs li:before,.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:after,.single-product>div.product .woocommerce-tabs ul.wc-tabs li:after {
    display: none!important
}

@media screen and (max-width: 575px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li,.single-product>div.product .woocommerce-tabs ul.wc-tabs li {
        display:block;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
        display: block
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
    padding: 0 28px;
    font-size: 18px;
    line-height: 42px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: var(--secondary-color);
    font-weight: 700!important;
    position: relative;
    background-color: #fff;
    z-index: 1;
    background-color: #f4f4f4
}

.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active>a,.single-product>div.product .woocommerce-tabs ul.wc-tabs li.active>a,.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:hover,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a:hover {
    color: #fff!important;
    background-color: var(--primary-color)!important
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th {
    font-weight: 600!important
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
    line-height: 1.875
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong {
    font-size: 30px;
    font-weight: 700;
    color: var(--secondary-color)
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color:
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
    margin-bottom: 0
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2 {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
    padding-top: 10px;
    margin-bottom: 30px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
    border: 1px solid #dee2e6
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-bottom: none!important;
    font-family: inherit;
    color: #152136;
    font-weight: 400;
    font-style: normal;
    padding: 10px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-left: 1px solid #dee2e6
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews {
    margin-bottom: 25px!important
}

.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list,.single-product>div.product .woocommerce-tabs .tab-product-feature-list {
    font-size: 18px;
    line-height: 34px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4,.single-product>div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4 {
    font-weight: 600
}

.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .line-gap,.single-product>div.product .woocommerce-tabs .tab-product-feature-list .line-gap {
    margin: 0;
    width: 100%
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
    margin-bottom: 15px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
    margin-bottom: 10px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a {
    color: #999
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a,.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a {
    color: #efb343
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label {
    margin-bottom: 8px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
    font-size: 24px;
    margin-bottom: 12px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
    height: 140px;
    min-height: 140px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit {
    padding: 0 50px;
    margin-top: 20px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
    width: 50%;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
        width:100%
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
    width: 50%;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
        width:100%
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
    padding: 10px 0 0
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #f2f2f2
}

@media screen and (max-width: 1199px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
        padding:20px 15px 20px 20px
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating {
    display: none
}

@media screen and (max-width: 991px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
        position:static;
        margin-bottom: 8px
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container {
    position: relative
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    padding: 0;
    width: 80px;
    -webkit-border-radius: 80px;
    -khtml-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -khtml-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -ms-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    -o-box-shadow: 0 5px 8px rgba(0,0,0,8%);
    box-shadow: 0 5px 8px rgba(0,0,0,8%)
}

@media screen and (max-width: 575px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
        width:40px;
        border: none
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
    border: none;
    margin: 0;
    padding: 0 0 0 100px
}

@media screen and (max-width: 767px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
        float:none;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
        padding-left:60px
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list {
    margin-top: 30px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
    margin: 0 0 8px;
    font-size: 16px
}

@media screen and (max-width: 575px) {
    .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
        display:block
    }
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 22px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
    color: var(--secondary-color);
    display: block;
    font-size: 18px;
    font-weight: 700!important;
    line-height: 1;
    margin-bottom: 4px;
    margin-top: 20px
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
    display: none
}

.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
    margin: 0
}

.single-product .pxl-content-area div.product .quantity,.single-product>div.product .quantity {
    margin-right: 20px!important;
    border-radius: 5px
}

.single-product .pxl-content-area div.product .product_meta,.single-product>div.product .product_meta {
    display: flex;
    flex-wrap: wrap;
    color: inherit
}

.single-product .pxl-content-area div.product .product_meta>span,.single-product>div.product .product_meta>span {
    display: block;
    width: 100%;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 18px
}

.single-product .pxl-content-area div.product .product_meta>span+span,.single-product>div.product .product_meta>span+span {
    margin-top: 5px
}

.single-product .pxl-content-area div.product .product_meta>span span,.single-product>div.product .product_meta>span span,.single-product .pxl-content-area div.product .product_meta>span a,.single-product>div.product .product_meta>span a {
    font-weight: 400
}

.single-product .pxl-content-area div.product .product_meta a,.single-product>div.product .product_meta a {
    color: #70747f;
    font-weight: 400;
    font-size: 16px
}

.single-product .pxl-content-area div.product .product_meta a:hover,.single-product>div.product .product_meta a:hover {
    color: var(--primary-color)
}

@media screen and (min-width: 768px) {
    .single-product.header-sticky .pxl-content-area div.product .entry-summary {
        top:120px
    }

    .single-product.header-sticky.admin-bar .pxl-content-area div.product .entry-summary {
        top: 150px
    }
}

.single-product .quantity {
    margin-right: 10px;
    border-radius: 5px
}

@media(max-width: 991px) and (min-width:767px) {
    .single-product span.onsale {
        right:30px!important
    }
}

.single-product .single_add_to_cart_button {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 5px;
    line-height: 51px!important;
    padding: 5px 31px;
    text-transform: capitalize;
    background-color: var(--primary-color)!important
}

.single-product .single_add_to_cart_button:hover {
    background-color: var(--secondary-color)!important
}

.woocommerce-shop .entry-title {
    display: block!important
}

.woocommerce .product {
    margin-bottom: 30px!important
}

.widget_products ins .amount {
    font-weight: 700!important;
    color: var(--primary-color)!important
}

.widget_products ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    padding-top: 18px!important;
    margin-bottom: 15px;
    min-height: 80px
}

.widget_products ul li:not(:last-child) {
    border-bottom: 1px solid #eeeff1;
    padding-bottom: 18px!important
}

.widget_products ul li .product-title {
    margin-top: 0;
    margin-bottom: 0
}

.widget_products ul li .product-title a {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 700;
    line-height: 1.25;
    margin-top: 4px;
    margin-bottom: 6px
}

.widget_products ul li .product-title a:hover {
    color: var(--primary-color)
}

.widget_products ul li .wg-product-image {
    margin-right: 15px;
    width: 68px;
    min-width: 68px
}

.widget_products ul li .wg-product-image img {
    margin: 0;
    top: 0;
    left: 0;
    position: static;
    width: 100%
}

body.woocommerce-cart .cart-empty.woocommerce-info {
    padding: 112px 0 0;
    background-color: initial;
    border: none;
    text-align: center!important;
    color: #222
}

body.woocommerce-cart .cart-empty.woocommerce-info:before {
    content: "\f145";
    font-family: Caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f8f8f8;
    line-height: 100px;
    font-size: 30px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0)
}

body.woocommerce-cart .woocommerce {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap
}

body.woocommerce-cart .woocommerce .woocommerce-cart-form {
    flex-grow: 1;
    padding: 0 15px
}

body.woocommerce-cart .woocommerce .cart-collaterals {
    width: 100%;
    max-width: 370px;
    padding: 0 15px
}

body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: 100%
}

body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px
}

body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-message,body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-info {
    width: 100%
}

body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info {
    width: 100%;
    text-align: left
}

body.woocommerce-cart .woocommerce .return-to-shop {
    width: 100%
}

body.woocommerce-cart .woocommerce-cart-form .actions .button {
    padding: 0 20px!important
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text {
    width: 180px!important;
    height: 55px;
    padding: 0 22px;
    font-size: 15px;
    border-color: #ececec;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions button {
    color: #fff
}

body.woocommerce-cart .woocommerce-cart-form .shop_table {
    border: none
}

body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
    font-size: 15px;
    font-weight: 700;
    color: var(--secondary-color);
    padding: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid var(--primary-color)
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
    text-align: left;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-name a {
    color: #152136;
    font-size: 16px;
    font-weight: 600;
    font-weight: 500
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-name a:hover {
    color: var(--primary-color)
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-name dl.variation {
    display: none
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-price,body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal {
    color: #152136;
    font-size: 16px;
    font-weight: 600
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins,body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins {
    color: var(--primary-color)!important;
    background-color: initial
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins span,body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins span {
    color: var(--primary-color)
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail {
    text-align: center!important;
    min-width: 120px
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a {
    display: block
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a img {
    width: 100%;
    max-width: 80px
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table {
    margin-bottom: 40px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

@media screen and (max-width: 769px) {
    body.woocommerce-cart .woocommerce-cart-form table.shop_table td {
        background-color:#fff!important
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #fff;
    padding: 40px 50px;
    -webkit-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -khtml-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -moz-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -ms-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -o-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    width: 33.33%
}

@media screen and (max-width: 991px) {
    body.woocommerce-cart .cart-collaterals .cart_totals {
        width:50%;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 991px) {
    body.woocommerce-cart .cart-collaterals .cart_totals {
        padding:30px;
        width: 100%
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    font-size: 24px;
    border-bottom: 1px solid rgba(96,101,104,.15);
    margin-bottom: 20px;
    padding-bottom: 14px;
    text-transform: capitalize;
    color: var(--secondary-color);
    font-weight: 500!important
}

body.woocommerce-cart .cart-collaterals .cart_totals th {
    vertical-align: middle!important;
    border: none!important;
    color: inherit;
    font-weight: 400;
    padding: 12px 10px 12px 0
}

body.woocommerce-cart .cart-collaterals .cart_totals th+td {
    border-left: 1px solid #ebebeb
}

body.woocommerce-cart .cart-collaterals .cart_totals td {
    border: none!important;
    padding: 12px 10px;
    text-align: right
}

body.woocommerce-cart .cart-collaterals .cart_totals strong {
    font-weight: 600
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
    color: #222;
    font-weight: 600
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
    border: none
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p {
    margin-bottom: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button {
    color: var(--primary-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:after {
    position: relative;
    top: 1px
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:hover {
    color: var(--primary-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form {
    padding-top: 10px
}

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding-bottom: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%
}

body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
    text-align: right
}

.woocommerce-checkout .form-row>label {
    font-size: 20px;
    margin-bottom: 18px;
    text-transform: capitalize;
    color: var(--secondary-color);
    line-height: 1!important
}

.woocommerce-checkout form.checkout_coupon {
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #f7f8fa
}

.woocommerce-checkout form.checkout_coupon .form-row-first {
    width: 50%;
    padding-right: 30px
}

.woocommerce-checkout form.checkout_coupon .form-row-last {
    width: 50%
}

.woocommerce-checkout #add_payment_method #payment,.woocommerce-checkout #payment {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce-checkout #customer_details {
    padding: 0 15px;
    width: 50%
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout #customer_details {
        width:100%
    }
}

.woocommerce-checkout #customer_details>div {
    float: none;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 0
}

.woocommerce-checkout #customer_details span.woocommerce-input-wrapper {
    width: 100%;
    display: block
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields {
    margin-bottom: 36px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
    font-size: 24px;
    margin-bottom: 18px;
    text-transform: capitalize;
    color: var(--secondary-color)
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields {
    margin-bottom: 36px
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
    font-size: 24px;
    margin-bottom: 18px;
    text-transform: capitalize;
    color: var(--secondary-color)
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address {
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address:hover {
    color: var(--primary-color)
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
    position: absolute;
    opacity: 0
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label span:after {
    content: "\f01a";
    font-family: "font awesome 5 pro";
    margin-left: 14px;
    font-weight: 400
}

.woocommerce-checkout #customer_details #billing_country_field label,.woocommerce-checkout #customer_details #shipping_country_field label,.woocommerce-checkout #customer_details #billing_address_1_field label,.woocommerce-checkout #customer_details #shipping_address_1_field label,.woocommerce-checkout #customer_details #order_comments_field label {
    display: none!important
}

.woocommerce-checkout #customer_details #billing_country_field textarea,.woocommerce-checkout #customer_details #shipping_country_field textarea,.woocommerce-checkout #customer_details #billing_address_1_field textarea,.woocommerce-checkout #customer_details #shipping_address_1_field textarea,.woocommerce-checkout #customer_details #order_comments_field textarea {
    padding: 18px 30px
}

.woocommerce-checkout form.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout form.woocommerce-checkout .about_paypal {
        display:none
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    font-size: 24px;
    font-weight: 400;
    color: var(--secondary-color)!important;
    margin-bottom: 18px;
    text-transform: capitalize
}

.woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review {
    width: 50%;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review {
        width:100%
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review th {
    font-weight: 500;
    vertical-align: middle!important
}

.woocommerce-checkout form.woocommerce-checkout #order_review th+td {
    border-left: 1px solid #ebebeb
}

.woocommerce-checkout form.woocommerce-checkout #order_review .product-total {
    border-left: 1px solid #ebebeb
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
    margin-bottom: 60px;
    border-right: none;
    border-top: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th {
    font-weight: 700
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
    border-left: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color)!important
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td.product-total,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -khtml-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -moz-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -ms-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    -o-box-shadow: 0 6px 30px rgba(0,0,0,8%);
    box-shadow: 0 6px 30px rgba(0,0,0,8%)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .about_paypal {
    margin-left: 10px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method+.wc_payment_method {
    margin-top: 12px
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method input {
        margin-right:6px
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
    padding: 30px;
    border: none
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
        padding-left:20px;
        padding-right: 20px
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
    padding: 30px;
    margin: 0;
    position: relative
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
        padding-left:20px;
        padding-right: 20px
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    display: block
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order {
    float: none;
    margin-top: 10px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box {
    background-color: #f8f8f8
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box:before {
    border-bottom-color: #f8f8f8
}

.woocommerce-checkout #payment label {
    font-size: 16px;
    color: rgba(0,0,0,.87);
    font-weight: 600
}

@media screen and (max-width: 991px) {
    .woocommerce-checkout #payment label {
        font-size:15px
    }
}

.woosw-list .woosw-content-item--title a,#woosw-area .woosw-content-item--title a {
    color: #191919
}

.woosw-list .woosw-content-item--title a:hover,#woosw-area .woosw-content-item--title a:hover {
    color: var(--primary-color)
}

.woosw-list .woosw-content-item--price,#woosw-area .woosw-content-item--price {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 15px
}

.woosw-list .woosw-content-item--add .add_to_cart_button.loading,#woosw-area .woosw-content-item--add .add_to_cart_button.loading {
    padding-right: 36px!important
}

.woosw-list .woosw-content-item--add .add_to_cart_button.loading:after,#woosw-area .woosw-content-item--add .add_to_cart_button.loading:after {
    top: 0;
    right: 16px
}

.widget_products .amount {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: var(--primary-color)
}

.widget_products del {
    color: #cfcfcf
}

.widget_products del .amount {
    font-weight: 500;
    color: #cfcfcf
}

.widget_products ins {
    color: var(--primary-color)!important
}

.widget_products ins .amount {
    font-weight: 500;
    color: #70747f
}

.widget_products ins span {
    color: var(--primary-color)
}

.widget_products .star-rating-wrap {
    display: none!important
}

.widget_products .wg-product-holder .star-rating {
    font-size: 12px;
    height: 14px;
    color: #fab319
}

.comment-text .star-rating-wrap {
    display: none!important
}

.comment-text .star-rating {
    font-size: 12px;
    width: 100%;
    height: 14px;
    color: #fab319
}

.woosw-list .woosw-actions {
    display: none
}

.woosw-list td {
    border-top: 1px solid #ececf0;
    padding: 10px;
    border-right: 1px solid #ececf0
}

.woosw-list .woosw-item--actions {
    width: 22%
}

.woosw-list .woosw-item--name {
    color: var(--secondary-color)
}

.woosw-list .woosw-content-mid-notice {
    text-align: center;
    color: #222;
    padding-top: 112px;
    position: relative
}

.woosw-list .woosw-content-mid-notice:before {
    content: "\f12f";
    font-family: Caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f8f8f8;
    line-height: 100px;
    font-size: 30px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    position: absolute;
    color: var(--primary-color)
}

.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_inline {
    text-align: center
}

.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button,.woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart {
    background-color: var(--primary-color);
    line-height: 40px;
    padding: 0 22px;
    font-size: 14px;
    width: auto;
    min-width: auto;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:hover,.woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:hover,.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:focus,.woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:focus {
    background-color: var(--secondary-color)
}

.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button.added,.woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart.added {
    display: none
}

@media screen and (min-width: 1200px) {
    .woosw-list .woosw-content-item--actions {
        width:22%
    }
}

#woosw-area .woosw-content-item--add .button,#woosw-area .woosw-content-item--add .add_to_cart_button,#woosw-area .woosw-content-item--add .added_to_cart {
    line-height: 40px;
    padding: 0 18px;
    font-size: 14px;
    width: auto;
    min-width: auto;
    display: inline-block
}

#woosw-area .woosw-content-item--add .button.added,#woosw-area .woosw-content-item--add .add_to_cart_button.added,#woosw-area .woosw-content-item--add .added_to_cart.added {
    display: none
}

#woosw-area .woosw-content-item--info,#woosw-area .woosw-content-item--actions {
    text-align: center
}

#woosw-area.woosw-area {
    background-color: rgba(192,192,192,.6)
}

#woosw-area.woosw-area .woosw-content {
    -webkit-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -khtml-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    box-shadow: 0 40px 60px rgba(0,0,0,.2)
}

.summary .woocommerce-product-details__short-description {
    margin-bottom: 16px
}

.summary .woocommerce-product-details__short-description p {
    font-size: 16px;
    font-weight: 400;
    color: #70747f;
    line-height: 32px
}

.summary .woocommerce-product-rating .star-rating {
    font-size: 12px;
    height: 14px;
    color: #fab319;
    margin: 10px 10px 0 0!important
}

.summary .product_meta {
    display: grid
}

.summary .woosw-btn {
    font-size: 0;
    position: relative;
    background-color: initial;
    border: 2px solid #eeeef4;
    border-radius: 5px;
    margin-bottom: 20px;
    line-height: 47px!important
}

.summary .woosw-btn:before {
    position: absolute;
    content: "\f12f";
    font-family: Caseicon;
    font-size: 20px;
    top: 50%;
    color: #1b1d21;
    transform: translate(-50%,-50%);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.summary .woosw-btn:hover,.summary .woosw-btn:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.summary .woosw-btn:hover:before,.summary .woosw-btn:focus:before {
    color: #fff
}

#woosq-popup .slick-dots li button:before {
    background-color: #666
}

#woosq-popup .slick-dots .slick-active button:before {
    background-color: var(--primary-color)
}

#woosq-popup .images {
    display: flex;
    align-items: center
}

#woosq-popup .images .slick-list .slick-slide img {
    max-width: 100%
}

#woosq-popup .entry-summary .entry-title {
    font-size: 30px!important;
    color: var(--secondary-color)
}

#woosq-popup .entry-summary .price {
    font-size: 24px!important;
    font-weight: 700
}

#woosq-popup .woocommerce .thumbnails .slick-arrow {
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#woosq-popup .woocommerce .thumbnails .slick-arrow:hover {
    background-color: var(--secondary-color)
}

#woosq-popup .slick-slide img {
    width: 100%;
    max-height: inherit
}

#woosq-popup .summary-content .product_meta {
    margin-bottom: 30px
}

#woosq-popup .summary-content .woocommerce-product-details__short-description {
    margin-bottom: 20px
}

#woosq-popup .summary-content .woocommerce-product-details__short-description p {
    color: #70747f
}

#woosq-popup .ps-theme-wpc>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: var(--primary-color);
    width: 3px!important;
    -webkit-border-radius: 3px!important;
    -khtml-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    border-radius: 3px!important
}

#woosq-popup .single_add_to_cart_button.loading {
    padding-right: 38px
}

#woosq-popup .single_add_to_cart_button.loading:after {
    top: 0;
    right: 15px
}

#woosq-popup .quantity .input-text {
    border-radius: 6px;
    margin-right: 5px;
    width: 60px;
    padding: 0 10px;
    -moz-appearance: textfield
}

input {
    -moz-appearance: textfield
}

.woocommerce-message,.woocommerce-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    border-color: var(--primary-color)
}

@media(max-width: 575px) {
    .woocommerce-message,.woocommerce-info {
        justify-content:flex-start
    }
}

.woocommerce-message:before,.woocommerce-info:before {
    color: var(--primary-color)
}

.woocommerce-result-count,.woocommerce-ordering,.pxl-view-layout {
    margin: 0!important;
    padding: 0!important
}

.woocommerce-ordering {
    cursor: pointer
}

.woocommerce-ordering select::-ms-expand {
    display: none
}

.woocommerce-ordering select {
    -webkit-appearance: none;
    appearance: none
}

@-moz-document url-prefix() {
    .woocommerce-ordering .ui-select {
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden
    }

    .woocommerce-ordering .ui-select select {
        width: 110%;
        background-position: right 30px center!important;
        border: none!important
    }
}

.woocommerce-ordering:before {
    content: "\f13c";
    font-family: caseicon;
    font-size: 11px;
    color: var(--primary-color);
    font-weight: 700;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.woocommerce-result-count {
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 20px
}

.woocommerce-result-count .button {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 20px;
    background-color: var(--primary-color);
    font-weight: 500;
    order: 2;
    color: #fff
}

.woocommerce-result-count .button:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.woocommerce-notices-wrapper .woocommerce-message {
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 20px
}

.woocommerce-notices-wrapper .woocommerce-message .button {
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 16px!important;
    background-color: var(--primary-color)!important;
    font-weight: 500;
    order: 2;
    color: #fff
}

.woocommerce-notices-wrapper .woocommerce-message .button:hover {
    background-color: var(--secondary-color)!important;
    color: #fff
}

.wooscp_list .wooscp-no-result {
    text-align: center;
    font-weight: 500;
    color: #191919
}

#respond input#submit.alt,#respond input#submit,a.button,a.wc-forward,button.button,input.button,.cart button.button,a.button.alt,.form-row button.button.alt {
    font-size: 14px;
    font-weight: 700!important;
    color: #fff!important;
    padding: 0 30px;
    line-height: 55px;
    -webkit-transition: all 240ms linear 0ms;
    -khtml-transition: all 240ms linear 0ms;
    -moz-transition: all 240ms linear 0ms;
    -ms-transition: all 240ms linear 0ms;
    -o-transition: all 240ms linear 0ms;
    transition: all 240ms linear 0ms;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden!important;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    text-transform: capitalize;
    background-color: var(--primary-color);
    z-index: 1;
    -webkit-box-shadow: none!important;
    -khtml-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

#respond input#submit.alt:hover,#respond input#submit:hover,a.button:hover,a.wc-forward:hover,button.button:hover,input.button:hover,.cart button.button:hover,a.button.alt:hover,.form-row button.button.alt:hover,#respond input#submit.alt:focus,#respond input#submit:focus,a.button:focus,a.wc-forward:focus,button.button:focus,input.button:focus,.cart button.button:focus,a.button.alt:focus,.form-row button.button.alt:focus,#respond input#submit.alt:active,#respond input#submit:active,a.button:active,a.wc-forward:active,button.button:active,input.button:active,.cart button.button:active,a.button.alt:active,.form-row button.button.alt:active,#respond input#submit.alt:not([disabled]):not(.disabled).active,#respond input#submit:not([disabled]):not(.disabled).active,a.button:not([disabled]):not(.disabled).active,a.wc-forward:not([disabled]):not(.disabled).active,button.button:not([disabled]):not(.disabled).active,input.button:not([disabled]):not(.disabled).active,.cart button.button:not([disabled]):not(.disabled).active,a.button.alt:not([disabled]):not(.disabled).active,.form-row button.button.alt:not([disabled]):not(.disabled).active,#respond input#submit.alt:not([disabled]):not(.disabled):active,#respond input#submit:not([disabled]):not(.disabled):active,a.button:not([disabled]):not(.disabled):active,a.wc-forward:not([disabled]):not(.disabled):active,button.button:not([disabled]):not(.disabled):active,input.button:not([disabled]):not(.disabled):active,.cart button.button:not([disabled]):not(.disabled):active,a.button.alt:not([disabled]):not(.disabled):active,.form-row button.button.alt:not([disabled]):not(.disabled):active {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-color: var(--secondary-color)
}

#wooscp-area .wooscp-no-result {
    text-align: center;
    font-weight: 500;
    color: #191919;
    font-size: 15px;
    padding-top: 112px
}

#wooscp-area .wooscp-no-result:before {
    content: "\f12f";
    font-family: Caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f8f8f8;
    line-height: 100px;
    font-size: 30px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    position: absolute;
    color: var(--primary-color)
}

#wooscp-area .tr-add_to_cart .add_to_cart_button.loading,.wooscp_list .tr-add_to_cart .add_to_cart_button.loading {
    padding-right: 30px
}

#wooscp-area .tr-add_to_cart .add_to_cart_button.loading:after,.wooscp_list .tr-add_to_cart .add_to_cart_button.loading:after {
    right: 12px;
    top: 0
}

#wooscp-area .tr-add_to_cart .add_to_cart_button,.wooscp_list .tr-add_to_cart .add_to_cart_button,#wooscp-area .tr-add_to_cart .added_to_cart,.wooscp_list .tr-add_to_cart .added_to_cart,#wooscp-area .tr-add_to_cart .product_type_variable,.wooscp_list .tr-add_to_cart .product_type_variable {
    line-height: 40px;
    padding: 0 18px;
    font-size: 14px;
    width: auto;
    min-width: auto;
    display: inline-block
}

#wooscp-area .tr-add_to_cart .add_to_cart_button.added,.wooscp_list .tr-add_to_cart .add_to_cart_button.added,#wooscp-area .tr-add_to_cart .added_to_cart.added,.wooscp_list .tr-add_to_cart .added_to_cart.added,#wooscp-area .tr-add_to_cart .product_type_variable.added,.wooscp_list .tr-add_to_cart .product_type_variable.added {
    display: none
}

#wooscp-area .ps-theme-wpc>.ps-scrollbar-y-rail>.ps-scrollbar-y,.wooscp_list .ps-theme-wpc>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: var(--primary-color);
    width: 3px!important;
    -webkit-border-radius: 3px!important;
    -khtml-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    border-radius: 3px!important
}

#wooscp-area .wooscp_table th a,.wooscp_list .wooscp_table th a {
    color: #191919
}

#wooscp-area .wooscp_table .td-label,.wooscp_list .wooscp_table .td-label {
    font-weight: 600
}

#wooscp-area #wooscp_table th a,.wooscp_list #wooscp_table th a {
    color: #191919
}

#wooscp-area #wooscp_table .td-label,.wooscp_list #wooscp_table .td-label {
    font-weight: 600
}

#wooscp-area #wooscp_table .woocommerce-product-attributes,.wooscp_list #wooscp_table .woocommerce-product-attributes {
    border: none;
    background-color: initial!important
}

#wooscp-area #wooscp_table .woocommerce-product-attributes th,.wooscp_list #wooscp_table .woocommerce-product-attributes th,#wooscp-area #wooscp_table .woocommerce-product-attributes td,.wooscp_list #wooscp_table .woocommerce-product-attributes td {
    padding: 0;
    border: none;
    background-color: initial!important
}

#wooscp-area #wooscp_table .woocommerce-product-attributes th p,.wooscp_list #wooscp_table .woocommerce-product-attributes th p,#wooscp-area #wooscp_table .woocommerce-product-attributes td p,.wooscp_list #wooscp_table .woocommerce-product-attributes td p {
    margin-bottom: 0
}

.wooscp-popup.wooscp-search {
    background-color: rgba(192,192,192,.6)
}

.wooscp-popup.wooscp-search .wooscp-popup-close {
    background-color: rgba(0,0,0,.1)
}

.wooscp-popup.wooscp-search .wooscp-popup-content {
    -webkit-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -khtml-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    box-shadow: 0 40px 60px rgba(0,0,0,.2)
}

.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-items table tbody tr.tr-image:hover td {
    background-color: #fff
}

body .mfp-bg.mfp-woosq.mfp-ready {
    opacity: 1;
    background-color: rgba(27,35,54,.8)
}

body .mfp-wrap #woosq-popup {
    -webkit-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -khtml-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 40px 60px 0 rgba(0,0,0,.2);
    box-shadow: 0 40px 60px rgba(0,0,0,.2)
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider-horizontal {
    height: 4px;
    background-color: #e6e6e6;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-handle {
    height: 10px;
    width: 10px;
    background-color: var(--primary-color);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    top: -3px
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
    display: flex;
    flex-wrap: wrap
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
    border-radius: 0;
    order: 2;
    line-height: 36px;
    font-size: 14px;
    letter-spacing: .05em
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
    order: 1;
    font-size: 18px;
    color: var(--secondary-color);
    font-weight: 700;
    padding-right: 20px
}

.widget.woocommerce {
    border: 1px solid #e9ebf0
}

.widget_price_filter .widget-title {
    margin-bottom: 26px!important
}

.widget_price_filter .button {
    background-color: var(--secondary-color)!important;
    color: #fff!important;
    padding: 0 15px!important;
    border-radius: 5px
}

.widget_price_filter .button:hover {
    background-color: var(--primary-color)!important;
    color: #fff!important
}

.widget_product_tag_cloud .tagcloud {
    margin-top: 14px!important;
    margin-left: 0
}

.widget_product_tag_cloud .tagcloud a {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px!important;
    color: var(--secondary-color);
    margin: 0 6px 10px 0
}

.widget_product_tag_cloud .tagcloud a:hover {
    background-color: var(--primary-color)!important
}

.woocommerce select {
    cursor: pointer!important
}

.woocommerce .comment-form .comment-form-comment {
    padding-top: 0!important
}

.woosw-btn.woosw-adding:after {
    animation: pxl_spin_reverse .6s linear infinite;
    -webkit-animation: pxl_spin_reverse .6s infinite linear
}

.single-product .pxl-content-area div.product .entry-summary .price,.single-product>div.product .entry-summary .price {
    font-size: 32px;
    line-height: 1;
    color: var(--secondary-color);
    font-weight: 400
}

.woocommerce-pagination {
    margin-top: -14px;
    text-align: center
}

.woocommerce-pagination .page-numbers {
    width: 45px;
    height: 45px;
    background-color: initial;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 3px;
    margin-top: 10px;
    color: var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #e8e9ec;
    padding: 0;
    transition: .3s linear 0ms
}

.woocommerce-pagination .page-numbers.next,.woocommerce-pagination .page-numbers.prev {
    font-size: 0
}

.woocommerce-pagination .page-numbers.next:before,.woocommerce-pagination .page-numbers.prev:before {
    font-size: 11px;
    font-family: Bravisicon;
    font-weight: 700;
    transition: .3s linear 0ms!important
}

.woocommerce-pagination .page-numbers.next:before {
    content: "\f14d";
    font-family: caseicon;
    transition: .3s linear 0ms!important
}

.woocommerce-pagination .page-numbers.prev:before {
    font-family: caseicon;
    content: "\f136"
}

.woocommerce-pagination .page-numbers.current {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    pointer-events: none
}

.woocommerce-pagination .page-numbers:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.shop-view-list .woocommerce-product-details__short-description {
    color: #70747f
}

.shop-view-list li.product {
    width: 100%!important
}

.shop-view-list .woocommerce-product--excerpt {
    display: block!important
}

.shop-view-list .woocommerce-product-inner {
    border-bottom: 1px solid #eaeaea;
    display: flex
}

@media(max-width: 767px) {
    .shop-view-list .woocommerce-product-inner {
        display:block
    }
}

.shop-view-list .woocommerce-product-inner:hover .woocommerce-product-header img {
    transform: scale(1)
}

.shop-view-list .woocommerce-product-header {
    min-width: 300px;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 767px) {
    .shop-view-list .woocommerce-product-header {
        padding-top:50px!important;
        text-align: center
    }
}

.shop-view-list .woocommerce-product-content {
    text-align: left!important;
    padding: 51px 20px 40px 0!important
}

@media(max-width: 767px) {
    .shop-view-list .woocommerce-product-content {
        padding:20px 20px 40px!important;
        text-align: center!important
    }
}

.shop-view-list .woocommerce-product-meta {
    left: 296px!important;
    transform: translateX(0)!important
}

@media(max-width: 767px) {
    .shop-view-list .woocommerce-product-meta {
        bottom:35px!important;
        left: 50%!important;
        transform: translateX(-50%)!important
    }
}

.flex-viewport {
    background-color: #f4f5f7!important
}

.flex-viewport .zoomImg {
    background-color: #f4f5f7!important
}

.woocommerce-product-gallery .flex-control-nav {
    margin-top: 8px;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap
}

.woocommerce-product-gallery .flex-control-nav li {
    padding: 0;
    flex-grow: 1;
    margin: 20px;
    background-color: #f4f5f7!important
}

.woocommerce-product-gallery .flex-control-nav img {
    opacity: 1;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1)
}

.woocommerce-product-gallery .flex-control-nav img.flex-active {
    -webkit-box-shadow: 0 0 0 2px var(--primary-color);
    -khtml-box-shadow: 0 0 0 2px var(--primary-color);
    -moz-box-shadow: 0 0 0 2px var(--primary-color);
    -ms-box-shadow: 0 0 0 2px var(--primary-color);
    -o-box-shadow: 0 0 0 2px var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-color)
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    position: relative;
    display: block
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a:before {
    content: '';
    background-color: #000100;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
    content: "\f06e";
    font-family: "font awesome 5 pro";
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -khtml-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before {
    opacity: .8
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
    opacity: 1
}

.product-remove {
    position: relative;
    min-width: 50px
}

.product-remove a.remove {
    font-size: 0;
    width: 26px;
    height: 26px;
    background-color: var(--primary-color);
    border-radius: 100%;
    position: relative
}

.product-remove a.remove:before,.product-remove a.remove:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 55%;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    transform-origin: 50% 50%;
    opacity: 1;
    -webkit-transition: transform ease .25s;
    -khtml-transition: transform ease .25s;
    -moz-transition: transform ease .25s;
    -ms-transition: transform ease .25s;
    -o-transition: transform ease .25s;
    transition: transform ease .25s
}

.product-remove a.remove:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-remove a.remove:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.product-remove a.remove:hover:before,.product-remove a.remove:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (max-width: 769px) {
    .product-remove {
        min-height:57px
    }
}

.woocommerce .comment-form,.woocommerce-page .comment-form {
    max-width: 100%
}

.woocommerce .woocommerce-message,.woocommerce-page .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce-page .woocommerce-info {
    color: inherit;
    border-color: var(--primary-color)
}

.woocommerce .woocommerce-message:before,.woocommerce-page .woocommerce-message:before,.woocommerce .woocommerce-info:before,.woocommerce-page .woocommerce-info:before {
    color: var(--primary-color)
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button {
    padding: 0;
    text-transform: capitalize;
    line-height: 20px;
    background-color: initial;
    color: #191919
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover,.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:hover {
    background-color: initial;
    color: var(--primary-color)
}

.woocommerce .quantity,.woocommerce-page .quantity {
    position: relative;
    display: inline-block
}

.woocommerce .quantity .qty,.woocommerce-page .quantity .qty {
    padding: 0 19px 0 10px;
    width: 80px!important;
    height: 51px!important;
    background-color: initial;
    font-family: ;
    border: none;
    border: 2px solid #eeeef4!important;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    -moz-appearance: textfield
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,.woocommerce-page .quantity .qty::-webkit-outer-spin-button,.woocommerce .quantity .qty::-webkit-inner-spin-button,.woocommerce-page .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.woocommerce .quantity-icon i,.woocommerce-page .quantity-icon i {
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    color: var(--secondary-color);
    line-height: 0;
    text-align: center;
    position: absolute;
    cursor: pointer;
    font-family: "font awesome 5 pro";
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .quantity-icon i.quantity-up,.woocommerce-page .quantity-icon i.quantity-up {
    right: 20px;
    top: 21px
}

.woocommerce .quantity-icon i.quantity-down,.woocommerce-page .quantity-icon i.quantity-down {
    right: 20px;
    top: 29px
}

.woocommerce table.shop_table,.woocommerce-page table.shop_table {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce table.shop_table td,.woocommerce-page table.shop_table td {
    padding: 20px 15px
}

.woocommerce table.shop_table th,.woocommerce-page table.shop_table th,.woocommerce table.shop_table tbody th,.woocommerce-page table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce-page table.shop_table tfoot td,.woocommerce table.shop_table tfoot th,.woocommerce-page table.shop_table tfoot th {
    font-weight: 500
}

@media screen and (max-width: 769px) {
    .woocommerce .coupon #coupon_code,.woocommerce-page .coupon #coupon_code {
        width:100%!important;
        margin-bottom: 10px;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px
    }

    .woocommerce .coupon .button,.woocommerce-page .coupon .button {
        width: 100%!important
    }
}

.woocommerce form .form-row,.woocommerce-page form .form-row {
    padding: 0 0 10px
}

.woocommerce table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon .input-text {
    margin-right: 15px
}

.woocommerce textarea,.woocommerce-page textarea {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 140px
}

.woocommerce .nice-select,.woocommerce-page .nice-select {
    max-width: 213px;
    border: 2px solid #ececec;
    text-align: left;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 45px;
    font-weight: 500
}

.woocommerce .nice-select span.current,.woocommerce-page .nice-select span.current {
    line-height: 30px
}

.woocommerce .nice-select:after,.woocommerce-page .nice-select:after {
    color: var(--primary-color)
}

.woocommerce form .select2-container--default .select2-selection,.woocommerce-page form .select2-container--default .select2-selection {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 55px
}

.woocommerce form .select2-container--default .select2-selection .select2-selection__rendered,.woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered {
    line-height: 55px;
    color: var(--secondary-color);
    font-size: 18px;
    padding-left: 22px
}

.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce a.button,.woocommerce-page a.button,.woocommerce a.wc-forward,.woocommerce-page a.wc-forward,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce .cart button.button,.woocommerce-page .cart button.button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce .form-row button.button.alt,.woocommerce-page .form-row button.button.alt {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 0 30px;
    line-height: 55px;
    -webkit-transition: all 240ms linear 0ms;
    -khtml-transition: all 240ms linear 0ms;
    -moz-transition: all 240ms linear 0ms;
    -ms-transition: all 240ms linear 0ms;
    -o-transition: all 240ms linear 0ms;
    transition: all 240ms linear 0ms;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden!important;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    z-index: 1;
    -webkit-box-shadow: none!important;
    -khtml-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

.woocommerce #respond input#submit.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce a.wc-forward:hover,.woocommerce-page a.wc-forward:hover,.woocommerce button.button:hover,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce .cart button.button:hover,.woocommerce-page .cart button.button:hover,.woocommerce a.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce .form-row button.button.alt:hover,.woocommerce-page .form-row button.button.alt:hover,.woocommerce #respond input#submit.alt:focus,.woocommerce-page #respond input#submit.alt:focus,.woocommerce #respond input#submit:focus,.woocommerce-page #respond input#submit:focus,.woocommerce a.button:focus,.woocommerce-page a.button:focus,.woocommerce a.wc-forward:focus,.woocommerce-page a.wc-forward:focus,.woocommerce button.button:focus,.woocommerce-page button.button:focus,.woocommerce input.button:focus,.woocommerce-page input.button:focus,.woocommerce .cart button.button:focus,.woocommerce-page .cart button.button:focus,.woocommerce a.button.alt:focus,.woocommerce-page a.button.alt:focus,.woocommerce .form-row button.button.alt:focus,.woocommerce-page .form-row button.button.alt:focus,.woocommerce #respond input#submit.alt:active,.woocommerce-page #respond input#submit.alt:active,.woocommerce #respond input#submit:active,.woocommerce-page #respond input#submit:active,.woocommerce a.button:active,.woocommerce-page a.button:active,.woocommerce a.wc-forward:active,.woocommerce-page a.wc-forward:active,.woocommerce button.button:active,.woocommerce-page button.button:active,.woocommerce input.button:active,.woocommerce-page input.button:active,.woocommerce .cart button.button:active,.woocommerce-page .cart button.button:active,.woocommerce a.button.alt:active,.woocommerce-page a.button.alt:active,.woocommerce .form-row button.button.alt:active,.woocommerce-page .form-row button.button.alt:active,.woocommerce #respond input#submit.alt:not([disabled]):not(.disabled).active,.woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled).active,.woocommerce #respond input#submit:not([disabled]):not(.disabled).active,.woocommerce-page #respond input#submit:not([disabled]):not(.disabled).active,.woocommerce a.button:not([disabled]):not(.disabled).active,.woocommerce-page a.button:not([disabled]):not(.disabled).active,.woocommerce a.wc-forward:not([disabled]):not(.disabled).active,.woocommerce-page a.wc-forward:not([disabled]):not(.disabled).active,.woocommerce button.button:not([disabled]):not(.disabled).active,.woocommerce-page button.button:not([disabled]):not(.disabled).active,.woocommerce input.button:not([disabled]):not(.disabled).active,.woocommerce-page input.button:not([disabled]):not(.disabled).active,.woocommerce .cart button.button:not([disabled]):not(.disabled).active,.woocommerce-page .cart button.button:not([disabled]):not(.disabled).active,.woocommerce a.button.alt:not([disabled]):not(.disabled).active,.woocommerce-page a.button.alt:not([disabled]):not(.disabled).active,.woocommerce .form-row button.button.alt:not([disabled]):not(.disabled).active,.woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled).active,.woocommerce #respond input#submit.alt:not([disabled]):not(.disabled):active,.woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled):active,.woocommerce #respond input#submit:not([disabled]):not(.disabled):active,.woocommerce-page #respond input#submit:not([disabled]):not(.disabled):active,.woocommerce a.button:not([disabled]):not(.disabled):active,.woocommerce-page a.button:not([disabled]):not(.disabled):active,.woocommerce a.wc-forward:not([disabled]):not(.disabled):active,.woocommerce-page a.wc-forward:not([disabled]):not(.disabled):active,.woocommerce button.button:not([disabled]):not(.disabled):active,.woocommerce-page button.button:not([disabled]):not(.disabled):active,.woocommerce input.button:not([disabled]):not(.disabled):active,.woocommerce-page input.button:not([disabled]):not(.disabled):active,.woocommerce .cart button.button:not([disabled]):not(.disabled):active,.woocommerce-page .cart button.button:not([disabled]):not(.disabled):active,.woocommerce a.button.alt:not([disabled]):not(.disabled):active,.woocommerce-page a.button.alt:not([disabled]):not(.disabled):active,.woocommerce .form-row button.button.alt:not([disabled]):not(.disabled):active,.woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled):active {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-color: var(--secondary-color)
}

@media screen and (min-width: 992px) {
    .woocommerce .content-row {
        margin:0 -15px
    }

    .woocommerce .pxl-content-area.content-has-sidebar {
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        -o-flex: 0 0 75%;
        max-width: 75%
    }

    .woocommerce #secondary.widget-has-sidebar {
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -o-flex: 0 0 25%;
        max-width: 25%
    }
}

.woocommerce .actions>.button {
    float: right
}

form .select2-container--default .select2-selection .select2-selection__arrow {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #8f8f8f
}

.woocommerce-checkout th {
    border-top: 1px solid #ededed!important;
    padding: 10px;
    border-right: 1px solid #ededed!important
}

.woocommerce-checkout td {
    border-top: 1px solid #ededed;
    padding: 10px;
    border-right: 1px solid #ededed
}

table {
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 32px;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

@media screen and (max-width: 575px) {
    .woocommerce ul.products li.product {
        width:100%!important
    }
}

@media screen and (max-width: 991px) and (min-width:767px) {
    .single-product .woocommerce ul.products li.product {
        width:50%!important
    }
}

@media screen and (max-width: 991px) and (min-width:767px) {
    .single-product section.related ul.products li.product {
        margin-bottom:0!important;
        margin: 40px auto 0;
        padding: 0 15px;
        width: 50%!important
    }
}

.pxl-widget-cart-sidebar {
    -webkit-transition: transform .8s ease 0s;
    -khtml-transition: transform .8s ease 0s;
    -moz-transition: transform .8s ease 0s;
    -ms-transition: transform .8s ease 0s;
    -o-transition: transform .8s ease 0s;
    transition: transform .8s ease 0s;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    padding-bottom: 137px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    width: 320px;
    overflow: hidden
}

.pxl-widget-cart-sidebar .woocommerce-mini-cart {
    padding-left: 0!important
}

.pxl-widget-cart-sidebar .widget_shopping_title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    flex-grow: 1
}

.pxl-widget-cart-sidebar .widget_shopping_head {
    display: flex;
    background-color: #f9f9f9;
    padding: 16px 30px;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 20px;
    align-items: center
}

.pxl-widget-cart-sidebar .widget_shopping_head .pxl-close {
    height: 36px;
    width: 36px
}

.pxl-widget-cart-sidebar .pxl-close {
    position: absolute;
    top: 11px;
    right: 30px;
    z-index: 999
}

.pxl-widget-cart-sidebar .widget_shopping_cart {
    padding: 30px 60px 0 30px;
    height: 100%;
    overflow-y: scroll;
    width: 350px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
    padding: 20px 15px 15px 0;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
    border: none;
    padding-bottom: 0
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty {
    font-size: 16px;
    margin-top: 40px;
    padding: 0!important;
    text-align: center;
    display: block
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
    font-size: 32px;
    color: #555;
    width: 80px;
    height: 80px;
    background-color: #f8f8f8;
    border-radius: 80px;
    line-height: 80px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn {
    width: 100%
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover {
    color: #fff
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image {
    width: 45px;
    min-width: 45px;
    margin-right: 15px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
    display: inline-block
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img {
    margin: 0;
    width: inherit;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,8%);
    -khtml-box-shadow: 0 3px 5px rgba(0,0,0,8%);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,8%);
    -ms-box-shadow: 0 3px 5px rgba(0,0,0,8%);
    -o-box-shadow: 0 3px 5px rgba(0,0,0,8%);
    box-shadow: 0 3px 5px rgba(0,0,0,8%)
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta {
    padding-right: 12px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
    color: inherit
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
    color: #555
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
    font-size: 14px;
    font-weight: 600
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button {
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    line-height: 17px;
    color: var(--primary-color);
    font-size: 11px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button i {
    vertical-align: middle
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
    opacity: 1
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 30px 55px;
    background-color: #fff
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
    border: none;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 15px;
    padding-bottom: 0;
    font-weight: 600
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
    font-weight: inherit
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons {
    margin: 0
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
    width: 100%;
    margin-right: 0;
    line-height: 48px;
    font-size: 14px;
    -webkit-border-radius: 48px;
    -khtml-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    -o-border-radius: 48px;
    border-radius: 48px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline {
    border: 2px solid var(--primary-color);
    background-color: initial;
    color: var(--primary-color)!important;
    line-height: 44px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:before {
    background-color: var(--primary-color)
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:hover,.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:focus {
    color: #fff!important;
    background-color: var(--primary-color)
}

.pxl-widget-cart-wrap .pxl-item--overlay {
    background-color: rgba(27,35,54,.9);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 1026;
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -webkit-transition: transform .8s ease 0s;
    -khtml-transition: transform .8s ease 0s;
    -moz-transition: transform .8s ease 0s;
    -ms-transition: transform .8s ease 0s;
    -o-transition: transform .8s ease 0s;
    transition: transform .8s ease 0s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    cursor: url(../img/pointer.png),auto
}

.pxl-widget-cart-wrap.open .pxl-item--overlay {
    -webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.pxl-widget-cart-wrap.open .pxl-widget-cart-sidebar {
    -webkit-transform: translateX(20px);
    -khtml-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    -khtml-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    -moz-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    -ms-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    -o-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    box-shadow: 0 2px 27px rgba(54,54,54,.13)
}

.cart-empty,.return-to-shop {
    justify-content: center;
    text-align: center
}

@media(max-width: 767px) {
    .pxl-shop-topbar-wrap {
        display:inline-grid!important;
        margin-bottom: 40px
    }

    .pxl-shop-topbar-wrap .woocommerce-ordering {
        cursor: pointer;
        float: left;
        position: relative;
        margin: 20px 0 27px!important
    }

    .pxl-shop-topbar-wrap .woocommerce-ordering select {
        cursor: pointer
    }

    .pxl-shop-topbar-wrap .woocommerce-ordering:before {
        right: 20px
    }

    .pxl-shop-topbar-wrap .pxl-view-layout-wrap .pxl-view-layout li:first-child {
        margin-left: 0
    }
}

.woosw-page,.woosw-continue {
    font-weight: 700;
    text-decoration: none!important;
    color: var(--secondary-color)!important
}

.woosw-page:hover,.woosw-continue:hover {
    color: var(--primary-color)!important
}

.select2-dropdown {
    border: 1px solid #eaeaea!important
}

.woocommerce-summary-wrap .woocommerce-Tabs-panel {
    display: block!important
}

.pxl-grid .pxl-grid-masonry {
    position: relative
}

.pxl-grid .grid-sizer {
    z-index: -1
}

.pxl-grid .pxl-load-more {
    text-align: center;
    padding: 0 15px;
    margin-top: 10px
}

.pxl-grid .pxl-load-more .btn {
    padding-left: 50px;
    padding-right: 40px;
    line-height: 62px;
    font-size: 15px;
    background: var(--primary-color);
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

.pxl-grid .pxl-load-more .btn .pxl-load-icon {
    width: 24px;
    height: 24px;
    right: 13px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-color: #fff;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    line-height: 24px;
    text-align: center;
    color: #000
}

.pxl-grid .pxl-load-more .btn i {
    margin-left: 25px;
    font-size: 18px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.pxl-grid .pxl-load-more.loading i {
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear
}

.pxl-grid .pxl-load-more.loading i:before {
    content: '\f110'!important;
    font-family: 'font awesome 5 pro'!important
}

@media screen and (min-width: 1200px) {
    .pxl-grid .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-grid-filter1 {
    margin-bottom: 90px
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 {
        margin-bottom:60px
    }
}

.pxl-grid-filter1 .filter-item {
    color: #383647;
    font-weight: 500;
    display: inline-flex;
    padding: 0 24px;
    line-height: 62px;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    min-width: 120px;
    justify-content: center;
    -webkit-border-radius: 62px;
    -khtml-border-radius: 62px;
    -moz-border-radius: 62px;
    -ms-border-radius: 62px;
    -o-border-radius: 62px;
    border-radius: 62px
}

@media screen and (max-width: 1199px) {
    .pxl-grid-filter1 .filter-item {
        line-height:54px;
        padding: 0 18px
    }
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 .filter-item {
        margin:10px 2px 0;
        background-color: #f8f8f8;
        line-height: 50px;
        min-width: 90px;
        font-size: 15px
    }
}

.pxl-grid-filter1 .filter-item:last-child {
    margin-right: 24px
}

@media screen and (max-width: 1199px) {
    .pxl-grid-filter1 .filter-item:last-child {
        margin-right:9px
    }
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 .filter-item:last-child {
        margin-right:0
    }
}

.pxl-grid-filter1 .filter-item.active {
    color: #fff;
    background-color: var(--primary-color);
    margin-right: 24px
}

@media screen and (max-width: 1199px) {
    .pxl-grid-filter1 .filter-item.active {
        margin-right:9px
    }
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 .filter-item.active {
        margin-right:0
    }
}

.pxl-grid-filter1 .filter-item.active:last-child {
    margin-right: 0
}

.pxl-grid-filter1 .pxl--filter-inner {
    background-color: #fff;
    display: inline-block;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,5%);
    -khtml-box-shadow: 0 0 8px rgba(0,0,0,5%);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,5%);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,5%);
    -o-box-shadow: 0 0 8px rgba(0,0,0,5%);
    box-shadow: 0 0 8px rgba(0,0,0,5%);
    -webkit-border-radius: 62px;
    -khtml-border-radius: 62px;
    -moz-border-radius: 62px;
    -ms-border-radius: 62px;
    -o-border-radius: 62px;
    border-radius: 62px
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 .pxl--filter-inner {
        background-color:initial
    }
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter1 .pxl--filter-inner {
        -webkit-box-shadow:none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }
}

.elementor-editor-active .grid-sizer {
    display: none
}

.pxl-col-align-start>.elementor-widget-wrap {
    justify-content: flex-start
}

.pxl-col-align-start .elementor-inner-section>.elementor-container {
    margin-left: 0
}

.pxl-col-align-center>.elementor-widget-wrap {
    justify-content: center
}

.pxl-col-align-end>.elementor-widget-wrap {
    justify-content: flex-end
}

.pxl-col-align-end .elementor-inner-section>.elementor-container {
    margin-right: 0
}

.pxl-swiper-container {
    margin: 0 -15px;
    position: relative;
    overflow: hidden
}

.pxl-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pxl-swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 15px
}

.pxl-swiper-arrow {
    font-size: 13px;
    color: #000;
    width: 56px;
    height: 56px;
    line-height: 56px;
    display: block;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-border-radius: 56px;
    -khtml-border-radius: 56px;
    -moz-border-radius: 56px;
    -ms-border-radius: 56px;
    -o-border-radius: 56px;
    border-radius: 56px;
    -webkit-box-shadow: 0 10px 20px rgba(49,0,122,9%);
    -khtml-box-shadow: 0 10px 20px rgba(49,0,122,9%);
    -moz-box-shadow: 0 10px 20px rgba(49,0,122,9%);
    -ms-box-shadow: 0 10px 20px rgba(49,0,122,9%);
    -o-box-shadow: 0 10px 20px rgba(49,0,122,9%);
    box-shadow: 0 10px 20px rgba(49,0,122,9%);
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

@media screen and (max-width: 1199px) {
    .pxl-swiper-arrow {
        opacity:0;
        visibility: hidden
    }
}

.pxl-swiper-arrow:hover {
    color: #fff;
    background-color: var(--primary-color);
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.pxl-swiper-arrow.swiper-button-disabled {
    cursor: not-allowed
}

.pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 0
}

@media screen and (max-width: 1199px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left:0
    }
}

.pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0
}

@media screen and (max-width: 1199px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right:0
    }
}

.pxl-swiper-arrow.style2 {
    background-color: #f1f1f3;
    color: #fff;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.pxl-swiper-arrow.style2:before {
    z-index: -1;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1');
    opacity: 0;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-swiper-arrow.style2:hover {
    background-color: #f1f1f3
}

.pxl-swiper-arrow.style2:hover:before {
    opacity: 1
}

.pxl-swiper-dots {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px
}

.pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 0 12px;
    width: 10px;
    height: 10px;
    text-align: center;
    background: #cacaca;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover,.pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
}

.pxl-swiper-boxshadow .pxl-carousel-inner {
    margin: 0 -30px
}

.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container {
    padding: 0 30px
}

.pxl-swiper-boxshadow .pxl-swiper-slide {
    -webkit-transition: opacity .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: opacity .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: opacity .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: opacity .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: opacity .25s cubic-bezier(.645,.045,.355,1);
    transition: opacity .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) {
    opacity: 0
}

.pxl-swiper-sliders {
    position: relative
}

@media screen and (max-width: 1199px) {
    .pxl-swiper-sliders:hover .pxl-swiper-arrow {
        opacity:0;
        visibility: visible
    }
}

.pxl-swiper-sliders.pxl-swiper-arrow-show .pxl-swiper-arrow {
    opacity: 1;
    visibility: visible
}

.pxl-swiper-nogap .pxl-swiper-container {
    margin: 0
}

.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
    padding: 0
}

.pxl-swiper-thumbs {
    overflow: hidden
}

.pxl-swiper-thumbs .swiper-slide {
    cursor: pointer
}

body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: auto;
    left: 0
}

body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: auto;
    right: 0
}

@font-face {
    font-family: playfair display;
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/font-theme/Playfair Display-Regular.ttf')format('ttf'),url('../fonts/font-theme/Playfair Display-Regular.ttf')format('ttf')
}

@font-face {
    font-family: lato;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/font-theme/Lato-Italic-VariableFont_wght.ttf)format('ttf'),url(../fonts/font-theme/Lato-VariableFont_wght.ttf)format('ttf')
}

@font-face {
    font-family: gt walshei pro;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf)format('ttf'),url(../fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf)format('ttf')
}

@font-face {
    font-family: gt walsheim pro;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/walsheim/GTWalsheimPro-Light.woff2)format('woff2'),url(../fonts/walsheim/GTWalsheimPro-Light.woff)format('woff')
}

@font-face {
    font-family: gt walsheim pro;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/walsheim/GTWalsheimPro-Regular.woff2)format('woff2'),url(../fonts/walsheim/GTWalsheimPro-Regular.woff)format('woff')
}

@font-face {
    font-family: gt walsheim pro;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/walsheim/GTWalsheimPro-Medium.woff2)format('woff2'),url(../fonts/walsheim/GTWalsheimPro-Medium.woff)format('woff')
}

@font-face {
    font-family: gt walsheim pro;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/walsheim/GTWalsheimPro-Bold.woff2)format('woff2'),url(../fonts/walsheim/GTWalsheimPro-Bold.woff)format('woff')
}

.ft-playfair-display,.button-slide-1,.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title,.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title {
    font-family: playfair display!important
}

.ft-lato,.woocommerce .pxl-sidebar-area .widget_product_categories li a,.woocommerce .pxl-sidebar-area .widget_product_search .search-field,.single-product .pxl-content-area div.product .entry-summary .price,.single-product>div.product .entry-summary .price,.single-product .pxl-content-area div.product .product_meta>span,.single-product>div.product .product_meta>span,.single-product .pxl-content-area div.product .product_meta a,.single-product>div.product .product_meta a,.woocommerce-pagination .page-numbers,.pxl-header-mobile-search .search-field,.post .pxl-showcase.layout1 .item-title,.page .pxl-showcase.layout1 .item-title,.pxl-showcase.layout1 .item-title,.post .pxl-showcase.layout1 .pxl-item-links a,.page .pxl-showcase.layout1 .pxl-item-links a,.pxl-showcase.layout1 .pxl-item-links a,.pxl-single-post-meta>div .title-meta,.pxl-single-post-meta>div .content-meta,.pxl-single-post-meta>div .content-meta a,.pxl-single-post-meta>div a,.pxl-item--post .pxl-item--meta,.pxl-item--post .pxl-item--meta .pxl-item--date,.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before,.pxl-item--post .pxl-item--meta .categorie a,.entry-author-info .entry-author-meta .position-author,.pxl--post-footer .pxl--tags a,.pxl-pagination-wrap .page-numbers,.pxl-post--navigation .pxl--readmore-nav,.widget_search .search-form .search-field,.widget_product_categories .count,.wp-block-group .count,.widget_categories .count,.widget_nav_menu .count,.widget_pages .count,.widget_archive .count,.widget_meta .count,.widget_recent_entries .count,.widget_product_categories .count:before,.wp-block-group .count:before,.widget_categories .count:before,.widget_nav_menu .count:before,.widget_pages .count:before,.widget_archive .count:before,.widget_meta .count:before,.widget_recent_entries .count:before,.widget_product_categories .count:after,.wp-block-group .count:after,.widget_categories .count:after,.widget_nav_menu .count:after,.widget_pages .count:after,.widget_archive .count:after,.widget_meta .count:after,.widget_recent_entries .count:after,.widget_product_categories ul li a,.wp-block-group ul li a,.widget_categories ul li a,.widget_nav_menu ul li a,.widget_pages ul li a,.widget_archive ul li a,.widget_meta ul li a,.widget_recent_entries ul li a,.widget_product_categories ul li a .pxl-count,.wp-block-group ul li a .pxl-count,.widget_categories ul li a .pxl-count,.widget_nav_menu ul li a .pxl-count,.widget_pages ul li a .pxl-count,.widget_archive ul li a .pxl-count,.widget_meta ul li a .pxl-count,.widget_recent_entries ul li a .pxl-count,.widget_product_categories ul li a .pxl-count:before,.wp-block-group ul li a .pxl-count:before,.widget_categories ul li a .pxl-count:before,.widget_nav_menu ul li a .pxl-count:before,.widget_pages ul li a .pxl-count:before,.widget_archive ul li a .pxl-count:before,.widget_meta ul li a .pxl-count:before,.widget_recent_entries ul li a .pxl-count:before,.tagcloud a,.widget_pxl_recent_posts .pxl-item--date,.comment-reply a,.comment-form .row>div input[type=text],.comment-form textarea,.comment-form .form-submit .submit,.pxl-select .pxl-select-options li,.wrap-ctf1 .input-filled input,.wrap-ctf10 .ctf10 .input-filled input,.wrap-ctf10 .ctf10 .input-filled button,.form-h1 input,.form-h1 .pxl-select-higthlight,.wrap-ctf-service .wrap-input input,.wrap-ctf-service .wrap-input .pxl-select-higthlight,.wrap-ctf-team .wrap-input input,.wrap-ctf-team .wrap-input .pxl-select-higthlight,.wrap-ctf-team .wrap-input textarea,.wrap-ctf-service-home3 .wrap-input input,.wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight,.wrap-ctf-footer-home2 .form-contact input,.wrap-ctf-footer-home9 .form-contact input,.wrap-ctf-v2 .input-filled input,.wrap-ctf-v2 .input-filled .pxl-select-higthlight,.wrap-ctf-v2 .input-filled textarea,.wrap-ctf-v1 .input-filled input,.wrap-ctf-v1 .input-filled textarea,.wrap-ctf-home-main .input-filled input,.wrap-ctf-home-main .input-filled .pxl-select-higthlight,.wrap-ctf-home-main .input-filled button,.wrap-ctf-v3 .input-filled input,.wrap-ctf-v3 .input-filled textarea,.wrap-ctf-calculate .wrap-input select,.wrap-ctf-calculate .wrap-input .your-value,.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input,.wrap-ctf-home2 .input-filled input,.wrap-ctf-home2 .input-filled textarea,.wrap-ctf-home2 .input-filled button,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc,.pxl-header-search-form input,.site-header-lang .wpml-ls-statics-shortcode_actions a span,.button-slider-8,.pxl-nav-menu.style2 ul li a,.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item,.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count,.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a,.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a,.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-icon-box1 .wrap-icon .step,.pxl-icon-box6 .pxl-item--meta .pxl-item--description,.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step,.pxl-counter1 .pxl--item-title,.pxl-counter2 .pxl--item-title,.pxl-counter3 .pxl--counter-number .pxl--counter-value,.pxl-counter3 .pxl--counter-number .pxl--counter-suffix,.pxl-counter3 .pxl--item-title,.pxl-counter3 .pxl--item-desc,.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position,.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc,.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc,.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position,.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-post-carousel1 .pxl-item--title,.pxl-blog-grid-layout2 .pxl-item--title,.pxl-post-carousel1 .pxl-item--category a,.pxl-blog-grid-layout2 .pxl-item--category a,.pxl-post-carousel1 .wrap-feature .pxl-item--date .year,.pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year,.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a,.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-image-box1 .wrap-content .pxl-item--title,.pxl-accordion1.style1 .pxl-item-accordion,.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab,.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab,.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
    /* font-family: lato!important; */
}

.ft-inter,.pxl-counter5 .pxl--counter-number .pxl--counter-suffix {
    font-family: inter!important
}

.ft-rubik,blockquote cite,blockquote cite a,blockquote p:nth-child(2),.post .pxl-showcase.layout2 .item-title,.page .pxl-showcase.layout2 .item-title,.pxl-showcase.layout2 .item-title,.post .pxl-showcase.layout2 .pxl-item-links a,.page .pxl-showcase.layout2 .pxl-item-links a,.pxl-showcase.layout2 .pxl-item-links a,.pxl-piechart-layout1 .pxl-piechart .number,.pxl-piechart-layout1 .pxl-piechart .item--title,.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-family: rubik!important
}

.ft-poppins {
    font-family: poppins!important
}

.ft-walsheim {
    font-family: gt walsheim pro!important
}

html {
    box-sizing: border-box
}

body {
    background-color: #fff;
    font-size: 17px;
    line-height: 27px;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden !important;
    font-weight: 400;
    letter-spacing: 0;
    /*font-family: lato,sans-serif;*/
    margin: 0;
    padding: 0
}

body.body-overflow {
    overflow: hidden
}

a {
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    color: var(--link-color)
}

a:before,a:after {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

a:hover,a:focus {
    color: var(--primary-color)
}

a:active {
    color: var(--primary-color)
}

a,a:hover,a:focus,a:before,a:after {
    outline: none;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    /*font-family: playfair display,sans-serif;*/
    color: var(--secondary-color);
    font-weight: 700;
    margin: 0 0 15px;
    clear: both;
    line-height: 1.2
}

h1,.h1 {
    font-size: 48px
}

h2,.h2 {
    font-size: 42px
}

h3,.h3 {
    font-size: 32px
}

h4,.h4 {
    font-size: 28px
}

h5,.h5 {
    font-size: 22px
}

h6,.h6 {
    font-size: 18px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

p {
    margin: 0 0 15px;
    /*font-size: 16px*/
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    padding: .8075em 0;
    font-size: .875em;
    font-style: italic
}

.gallery-caption {
    opacity: 1
}

.wp-caption-text {
    text-align: center
}

.alignleft,.alignright,.aligncenter {
    margin-top: 6px;
    margin-bottom: 45px
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 35px
}

.alignright {
    display: inline;
    float: right;
    margin-left: 35px
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky {
    display: block
}

.screen-reader-text {
    display: none
}

.bypostauthor {
    display: block
}

blockquote {
    padding: 25px 65px 20px 35px;
    color: #000;
    position: relative;
    margin-top: 8px;
    margin-bottom: 29px;
    margin-left: 0;
    font-weight: 500;
    position: relative;
    background-color: #f4f5fa
}

blockquote:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 100%;
    background-color: var(--primary-color);
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    blockquote {
        padding-left:20px;
        padding-right: 20px;
        margin-right: 0;
        font-size: 18px
    }
}

blockquote p {
    transform: skewx(-5deg);
    font-size: 20px;
    line-height: 30px;
    z-index: 1;
    position: relative
}

blockquote cite,blockquote cite a,blockquote p:nth-child(2) {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 700;
    position: relative;
    color: var(--primary-color)!important
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote.is-style-large.wp-block-quote {
    padding: 32px 57px 32px 37px
}

blockquote.wp-block-quote p {
    margin-bottom: 16px!important
}

blockquote.wp-block-quote cite br {
    display: none
}

blockquote.wp-block-quote.has-text-align-right:before {
    left: auto;
    right: 0
}

#tslOverlay {
    background-color: initial!important;
    z-index: 999999!important
}

@media screen and (min-width: 1200px) {
    #pxl-wapper .container {
        max-width:1200px;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    #pxl-wapper .container {
        max-width:100%
    }
}

#pxl-wapper .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    #pxl-wapper #pxl-sidebar-area {
        margin-top:60px
    }
}

@media screen and (min-width: 992px) {
    #pxl-wapper .pxl-has-sidebar.pxl-sidebar-left {
        flex-direction:row-reverse
    }
}

#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section>.elementor-container {
    margin: 0 -15px;
    max-width: inherit!important
}

@media screen and (max-width: 1199px) {
    #pxl-wapper .elementor-top-section>.elementor-column-gap-extended .elementor-inner-section>.elementor-column-gap-extended {
        margin-left:-15px;
        margin-right: -15px
    }
}

#pxl-main {
    padding: 130px 0
}

@media screen and (max-width: 1199px) {
    #pxl-main>.elementor-container {
        padding:0 15px
    }
}

@media(max-width: 575px) {
    #pxl-main {
        padding:60px 0
    }
}

@media(max-width: 767px) {
    #pxl-main {
        padding:70px 0
    }
}

@media(max-width: 991px) {
    #pxl-main {
        padding:90px 0
    }
}

.elementor-section .elementor-container {
    flex-wrap: wrap
}

.error404 #pxl-main {
    padding: 80px 0 50px!important
}

@media screen and (max-width: 1199px) {
    .error404 #pxl-main>.elementor-container {
        padding:0 15px
    }
}

@media(max-width: 575px) {
    .error404 #pxl-main {
        padding:60px 0!important
    }
}

@media(max-width: 767px) {
    .error404 #pxl-main {
        padding:70px 0!important
    }
}

@media(max-width: 991px) {
    .error404 #pxl-main {
        padding:90px 0!important
    }
}

.woocommerce #pxl-main,.woocommerce-js #pxl-main {
    padding: 130px 0
}

@media screen and (max-width: 1199px) {
    .woocommerce #pxl-main>.elementor-container,.woocommerce-js #pxl-main>.elementor-container {
        padding:0 15px
    }
}

@media(max-width: 575px) {
    .woocommerce #pxl-main,.woocommerce-js #pxl-main {
        padding:60px 0
    }
}

@media(max-width: 767px) {
    .woocommerce #pxl-main,.woocommerce-js #pxl-main {
        padding:70px 0
    }
}

@media(max-width: 991px) {
    .woocommerce #pxl-main,.woocommerce-js #pxl-main {
        padding:90px 0
    }
}

@media screen and (min-width: 1200px) {
    .pxl-row-scroll-fixed>.elementor-container {
        align-items:flex-start;
        justify-content: space-between
    }

    .pxl-row-scroll-fixed .pxl-column-sticky {
        position: sticky;
        top: 30px
    }
}

@media(min-width: 1500px) {
    .pxl_section_offset-left.pxl-container-width-container-1200 {
        padding-left:calc((100% - 1230px)/2)!important
    }
}

@media(min-width: 1500px) {
    .pxl_section_offset-right.pxl-container-width-container-1200 {
        padding-right:calc((100% - 1230px)/2)!important
    }
}

.elementor-page #pxl-content-area.col-12,.elementor-page #pxl-footer-elementor .row>.col-12 {
    padding: 0
}

.single-post .pxl-item--excerpt>.elementor {
    margin: 0 -15px
}

.pxl-bg-color-left {
    z-index: 1
}

.pxl-bg-color-left:before {
    z-index: -1;
    content: '';
    background-color: #070f01;
    position: absolute;
    top: 0;
    left: 80px;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 1400px) {
    .pxl-bg-color-left:before {
        left:0
    }
}

#pxl-page-title-elementor {
    background-color: #fff
}

#pxl-page-title-default {
    padding: 152px 0;
    background-color: #f6eeed;
    text-align: center;
    position: relative
}

@media screen and (max-width: 1199px) {
    #pxl-page-title-default {
        padding:140px 0;
        background-position: 50%!important
    }
}

#pxl-page-title-default:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250,241,240,.85)
}

#pxl-page-title-default .container {
    z-index: 99
}

#pxl-page-title-default .pxl-page-title {
    font-size: 48px;
    margin-bottom: 9px
}

@media screen and (max-width: 1199px) {
    #pxl-page-title-default .pxl-page-title {
        font-size:42px
    }
}

@media screen and (max-width: 767px) {
    #pxl-page-title-default .pxl-page-title {
        font-size:36px
    }
}

.pxl-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    color: #1b1b1b
}

.pxl-breadcrumb a {
    color: inherit
}

.pxl-breadcrumb a:hover {
    color: var(--primary-color)
}

.pxl-breadcrumb li:after {
    content: "//";
    font-weight: 700;
    margin: 0 14px;
    font-weight: 700;
    color: inherit;
    font-size: 16px
}

.pxl-breadcrumb li:last-child {
    color: var(--primary-color)
}

.pxl-breadcrumb li:last-child:before,.pxl-breadcrumb li:last-child:after {
    display: none
}

#pxl-footer-default {
    padding: 40px 0;
    text-align: center;
    background-color: #222237;
    color: #b8b8d3;
    font-weight: 500
}

#pxl-footer-default a {
    color: inherit
}

#pxl-footer-default a:hover {
    color: inherit;
    text-decoration: underline
}

.pxl-scroll-top {
    width: 40px;
    max-width: 100%;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 0;
    background-color: #fff;
    z-index: 9999;
    -webkit-box-shadow: 0 0 25px rgba(23,23,23,.25);
    -khtml-box-shadow: 0 0 25px rgba(23,23,23,.25);
    -moz-box-shadow: 0 0 25px rgba(23,23,23,.25);
    -ms-box-shadow: 0 0 25px rgba(23,23,23,.25);
    -o-box-shadow: 0 0 25px rgba(23,23,23,.25);
    box-shadow: 0 0 25px rgba(23,23,23,.25);
    color: #383838;
    line-height: 40px;
    text-align: center;
    -webkit-transform: rotate(-90deg)rotateX(90deg);
    -khtml-transform: rotate(-90deg)rotateX(90deg);
    -moz-transform: rotate(-90deg)rotateX(90deg);
    -ms-transform: rotate(-90deg)rotateX(90deg);
    -o-transform: rotate(-90deg)rotateX(90deg);
    transform: rotate(-90deg)rotateX(90deg);
    font-size: 15px;
    opacity: 0;
    visibility: hidden
}

.pxl-scroll-top.pxl-on {
    -webkit-transform: rotate(-90deg)rotateX(0);
    -khtml-transform: rotate(-90deg)rotateX(0);
    -moz-transform: rotate(-90deg)rotateX(0);
    -ms-transform: rotate(-90deg)rotateX(0);
    -o-transform: rotate(-90deg)rotateX(0);
    transform: rotate(-90deg)rotateX(0);
    bottom: 60px;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1199px) {
    .pxl-scroll-top.pxl-on {
        bottom:15px
    }
}

.pxl-scroll-top:hover,.pxl-scroll-top:focus {
    margin-bottom: 4px;
    color: #fff;
    background-color: var(--primary-color)
}

@media screen and (max-width: 1400px) {
    .pxl-scroll-top {
        right:20px
    }
}

@media screen and (max-width: 1199px) {
    .pxl-scroll-top {
        width:30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        right: 15px
    }
}

.pxl-footer-fixed #pxl-footer-elementor {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media screen and (max-width: 1199px) {
    .pxl-footer-fixed #pxl-footer-elementor {
        position:static
    }
}

.pxl-footer-fixed #pxl-header-elementor {
    background-color: #fff
}

.pxl-footer-fixed #pxl-main {
    background-color: #fff
}

@media screen and (max-width: 1199px) {
    .pxl-footer-fixed #pxl-main {
        margin-bottom:0!important
    }
}

.elementor-editor-active #pxl-header-default,.elementor-editor-active #pxl-header-elementor,.elementor-editor-active #pxl-page-title-default,.elementor-editor-active #pxl-footer-elementor,.elementor-editor-active .pxl-menu-primary .sub-menu,.elementor-editor-active .pxl-menu-primary .children,.elementor-editor-active #pxl-page-title-elementor {
    display: none
}

.elementor-editor-active.single-footer #pxl-main,.elementor-editor-active.single-header #pxl-main {
    max-width: 1200px;
    padding: 0 15px;
    margin: auto
}

body img.mfp-img {
    padding: 0!important
}

body .mfp-fade.mfp-bg.mfp-ready {
    opacity: .85;
    background-color: #000
}

body .mfp-bottom-bar {
    margin-top: 0
}

body .mfp-wrap .mfp-container .mfp-content {
    max-width: 1170px;
    position: static
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close {
    padding: 0;
    right: 0;
    text-align: center;
    top: -36px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    opacity: 1;
    font-size: 0;
    border: 9px solid transparent;
    position: absolute
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before,body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    background-color: #222
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:before,body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

body .mfp-wrap .mfp-container .mfp-iframe-scaler {
    position: relative;
    overflow: visible
}

body .mfp-wrap .mfp-container .mfp-arrow {
    position: absolute;
    background-color: var(--primary-color);
    width: 60px;
    height: 120px;
    opacity: 1
}

body .mfp-wrap .mfp-container .mfp-arrow:before,body .mfp-wrap .mfp-container .mfp-arrow:after {
    border: none
}

body .mfp-wrap .mfp-container .mfp-arrow:before {
    font-family: caseicon;
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: normal;
    position: absolute;
    top: 50%;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    left: 50%;
    width: auto;
    height: auto
}

body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
    content: "\f136"
}

body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
    content: "\f14d"
}

@media screen and (min-width: 1200px) {
    body .mfp-wrap .mfp-container {
        padding:0 120px
    }
}

@media screen and (min-width: 992px) {
    body.blog .pxl-content-wrap.no-sidebar .pxl-content-area,body.archive .pxl-content-wrap.no-sidebar .pxl-content-area,body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
        max-width:900px;
        margin-left: auto;
        margin-right: auto
    }
}

.pxl-row-divider-angle-top,.pxl-row-divider-angle-bottom,.pxl-row-divider-angle-top-bottom {
    z-index: 1
}

.pxl-row-divider-angle-top>.elementor-container,.pxl-row-divider-angle-bottom>.elementor-container,.pxl-row-divider-angle-top-bottom>.elementor-container {
    z-index: 2
}

.pxl-row-divider-angle-top .pxl-row-angle,.pxl-row-divider-angle-bottom .pxl-row-angle,.pxl-row-divider-angle-top-bottom .pxl-row-angle {
    position: absolute;
    left: 0;
    right: 0
}

.pxl-row-divider-angle-top .pxl-row-angle {
    top: 0;
    -webkit-transform: scaleX(-1)scaleY(-1);
    -khtml-transform: scaleX(-1)scaleY(-1);
    -moz-transform: scaleX(-1)scaleY(-1);
    -ms-transform: scaleX(-1)scaleY(-1);
    -o-transform: scaleX(-1)scaleY(-1);
    transform: scaleX(-1)scaleY(-1)
}

.pxl-row-divider-angle-bottom .pxl-row-angle {
    bottom: 0
}

.pxl-row-divider-angle-top-bottom .pxl-row-angle-top {
    top: 0;
    -webkit-transform: scaleX(-1)scaleY(-1);
    -khtml-transform: scaleX(-1)scaleY(-1);
    -moz-transform: scaleX(-1)scaleY(-1);
    -ms-transform: scaleX(-1)scaleY(-1);
    -o-transform: scaleX(-1)scaleY(-1);
    transform: scaleX(-1)scaleY(-1)
}

.pxl-row-divider-angle-top-bottom .pxl-row-angle-bottom {
    bottom: 0
}

@keyframes pxl_loader_digital1 {
    0% {
        left: 20%
    }

    50% {
        left: 50%
    }

    100% {
        left: 20%
    }
}

@keyframes pxl_loader_digital2 {
    0% {
        left: 80%
    }

    50% {
        left: 50%
    }

    100% {
        left: 80%
    }
}

.pxl-loader {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.pxl-loader .pxl-loader-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media(min-width: 1024px) {
    .pxl-loader .pxl-loader-effect {
        max-width:30%
    }
}

@media(min-width: 1500px) {
    .pxl-loader .pxl-loader-effect {
        max-width:25%
    }
}

.pxl-loader.default .pxl-loader-effect {
    filter: url(#pxl-svg-digital);
    position: absolute;
    width: 160px;
    height: 160px;
    opacity: .8
}

.pxl-loader.default .pxl-circle-1,.pxl-loader.default .pxl-circle-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    animation: pxl_loader_digital1 cubic-bezier(.77,0,.175,1)2.5s infinite;
    background: var(--primary-color)
}

.pxl-loader.default .pxl-circle-2 {
    animation-name: pxl_loader_digital2;
    background: var(--primary-color)
}

.pxl-loader.style-software {
    background-image: -webkit-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -moz-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -ms-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -o-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to) 50%')
}

.pxl-loader.style-software .pxl-loader-effect {
    width: 45px;
    height: 45px
}

.pxl-loader.style-software .pxl-bounce-1,.pxl-loader.style-software .pxl-bounce-2 {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: pxl_loader_bounce 2s infinite ease-in-out;
    animation: pxl_loader_bounce 2s infinite ease-in-out
}

.pxl-loader.style-software .pxl-bounce-2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.pxl-cursor {
    visibility: hidden;
    position: fixed;
    pointer-events: none;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: transform .2s cubic-bezier(.165,.84,.44,1);
    -khtml-transition: transform .2s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .2s cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform .2s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    pointer-events: none;
    top: 0;
    left: 0
}

.pxl-cursor .pxl-cursor-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -khtml-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}

.pxl-cursor .pxl-cursor--follower {
    position: absolute;
    background-color: var(--primary-color);
    opacity: .25;
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
    -khtml-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1);
    transition: transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1),background-color .1s cubic-bezier(.165,.84,.44,1)
}

.pxl-cursor .pxl-cursor--label {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    transform: scale(0);
    will-change: transform,opacity;
    -webkit-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -khtml-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    -o-transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
    transition: transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)
}

.pxl-cursor .pxl-cursor--icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: scale(0);
    will-change: transform,opacity;
    -webkit-transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1);
    -khtml-transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1);
    -ms-transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1);
    -o-transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1);
    transition: transform 500ms cubic-bezier(.165,.84,.44,1),opacity 500ms cubic-bezier(.165,.84,.44,1)
}

.pxl-cursor.is-enabled {
    visibility: visible
}

.pxl-cursor.is-hidden .pxl-cursor-wrapper {
    transform: scale(0)!important
}

.pxl-cursor.is-mouse-down .pxl-cursor-wrapper {
    transform: scale(.8)
}

.pxl-cursor.is-active .pxl-cursor--follower {
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -khtml-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -ms-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    -o-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px rgba(0,0,0,.12);
    -webkit-transform: scale(4);
    -khtml-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    opacity: 0
}

.pxl-cursor.is-active.has-label .pxl-cursor--follower {
    background-color: var(--primary-color);
    opacity: 1
}

.pxl-cursor.is-active.has-label .pxl-cursor--label {
    transform: scale(1)
}

.pxl-cursor.is-active.has-icon .pxl-cursor--follower,.pxl-cursor.is-active.has-icon-right .pxl-cursor--follower {
    background-color: #000;
    opacity: .8
}

.pxl-cursor.is-active.has-icon .pxl-cursor--icon {
    transform: scale(1)
}

.pxl-cursor.is-active.has-icon .pxl-cursor--icon:before {
    content: "\f110";
    font-family: Flaticon;
    font-size: 24px;
    color: #fff
}

.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon {
    transform: scale(1)
}

.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon:before {
    content: "\f111";
    font-family: Flaticon;
    font-size: 24px;
    color: #fff
}

.pxl-cursor.is-active.has-remove {
    opacity: 0
}

.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower,.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
    background-color: var(--primary-color);
    opacity: 1
}

.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower,.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
    -webkit-transform: scale(7.6);
    -khtml-transform: scale(7.6);
    -moz-transform: scale(7.6);
    -ms-transform: scale(7.6);
    -o-transform: scale(7.6);
    transform: scale(7.6);
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--icon:before,.pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--icon:before {
    font-size: 42px
}

.pxl-col-divider-right {
    position: relative
}

.pxl-col-divider-right:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 5e5px;
    height: 100%;
    top: 0;
    right: 0;
    transform: skew(-23deg)
}

@media(max-width: 1024px) {
    .pxl-col-divider-right:before {
        transform:skew(0)
    }
}

.pxl-col-divider-left {
    position: relative
}

.pxl-col-divider-left:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 5e5px;
    height: 100%;
    top: 0;
    left: 0;
    transform: skew(23deg)
}

@media(max-width: 1024px) {
    .pxl-col-divider-left:before {
        transform:skew(0)
    }
}

.list-slide {
    position: relative
}

.list-slide:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    top: 8px;
    left: -30px;
    transform: rotate(45deg)
}

@media(max-width: 479px) {
    .list-slide:before {
        left:-15px
    }
}

.button-slide-1 {
    background-color: var(--primary-color);
    padding: 10px 47px 11px!important;
    font-weight: 700!important;
    font-size: 16px!important;
    position: relative
}

.button-slide-1:before {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid var(--primary-color)
}

.box-price-slide {
    position: relative
}

.box-price-slide:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: pulse 3s 1.5s infinite;
    box-shadow: 0 0 0 3em rgba(255,0,0,0);
    border-radius: 500px
}

.box-price-slide:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: pulse 3s infinite;
    box-shadow: 0 0 0 3em rgba(255,0,0,0);
    transition-delay: 2e3ms;
    border-radius: 500px
}

.text-slider-2 span {
    color: #fff;
}

.button-slider-2 {
    height: 55px!important;
    clip-path: polygon(85% 0,100% 50%,85% 100%,0 100%,0 0);
    width: 165px!important;
    background-color: var(--primary-color)!important;
    color: #fff;
    font-size: 16px!important;
    text-align: center;
    padding-left: 23px!important;
    transition: 300ms!important
}

.button-slider-2:after {
    background-color: #fff!important
}

.button-slider-2:hover {
    color: #000!important
}

.button-slider-6 {
    height: 57px!important;
    line-height: 55px!important;
    width: 200px!important;
    background-color: var(--primary-color)!important;
    color: #fff;
    font-size: 16px!important;
    text-align: center;
    padding-left: 23px!important;
    transition: 300ms!important
}

.button-slider-6 i {
    margin-right: 15px;
    transform: translateY(2px);
    font-size: 18px!important
}

.button-slider-6:after {
    background-color: #fff!important
}

.button-slider-6:hover {
    color: #000!important
}

.button-slider-6-2 {
    height: 57px!important;
    line-height: 55px!important;
    width: 160px!important;
    background-color: #fff!important;
    color: #000!important;
    font-size: 16px!important;
    text-align: center;
    padding-left: 13px!important;
    transition: 300ms!important
}

.button-slider-6-2 i {
    margin-right: 11px;
    margin-left: 16px;
    font-size: 18px!important
}

.button-slider-6-2:after {
    background-color: var(--primary-color)!important
}

.button-slider-6-2:hover {
    color: #fff!important
}

.button-slider-4 {
    height: 50px!important;
    width: 157px!important;
    background-color: var(--primary-color)!important;
    color: #fff;
    font-size: 15px!important;
    line-height: 48px!important;
    border-radius: 200px;
    transition: 300ms all linear 0ms!important
}

.button-slider-4:hover {
    background-color: #000!important
}

.button-slider-5 {
    height: 56px!important;
    width: 186px!important;
    background-color: initial!important;
    border: 2px solid #f1f4fd!important;
    color: #fff;
    font-size: 15px!important;
    line-height: 48px!important;
    text-align: center;
    transition: 300ms all linear 0ms!important
}

.button-slider-5:before {
    position: absolute;
    content: '';
    background-color: #fff;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: center;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.button-slider-5:hover {
    color: #000!important
}

.button-slider-5:hover:before {
    transform: scaleY(1)
}

@media(max-width: 950px) {
    .hide-950 {
        display:none!important
    }
}

@media(max-width: 1150px) and (min-width:1024px) {
    .hide-950 {
        display:none!important
    }
}

#parallax-1 {
    background-attachment: fixed!important;
    background-position-y: -.2;
    background-repeat: no-repeat!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    background-size: cover!important;
    -o-background-size: cover!important;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.tp-bullets.custom .tp-bullet {
    width: 53px!important;
    height: 53px!important;
    border-radius: 200px!important;
    border: 2px solid transparent;
    background-color: initial!important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.tp-bullets.custom .tp-bullet:before {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.tp-bullets.custom .tp-bullet:nth-child(1):before {
    content: '01'
}

.tp-bullets.custom .tp-bullet:nth-child(2):before {
    content: '02'
}

.tp-bullets.custom .tp-bullet:nth-child(3):before {
    content: '03'
}

.tp-bullets.custom .tp-bullet:nth-child(4):before {
    content: '04'
}

.tp-bullets.custom .tp-bullet.selected {
    border-color: #fff
}

.shadow-1,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner,.pxl-icon-box9 .pxl-item--icon {
    box-shadow: rgba(149,157,165,.2)0 8px 24px
}

.fill-img img {
    filter: grayscale(50%);
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms
}

.fill-img:hover img {
    filter: grayscale(0%)!important
}

.fs-17 {
    font-size: 17px
}

.lt-4 {
    letter-spacing: -.03em!important
}

.pxl-text-center {
    text-align: center
}

.pxl-text-left {
    text-align: left
}

.pxl-text-right {
    text-align: right
}

.pxl-img--mask {
    width: 100px;
    height: 100px;
    position: relative
}

.pxl-img--mask .pxl--mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    mask-position: center center;
    mask-size: cover;
    -webkit-mask-size: cover
}

.pxl-flex-grow {
    flex-grow: 1
}

.pxl-icon--plus {
    height: 10px;
    width: 10px;
    position: relative
}

.pxl-icon--plus:before,.pxl-icon--plus:after {
    content: '';
    background-color: #fff;
    position: absolute;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-icon--plus:before {
    width: 10px;
    height: 2px;
    top: 4px;
    left: 0
}

.pxl-icon--plus:after {
    width: 2px;
    height: 10px;
    left: 4px;
    top: 0
}

.pxl-inline-flex {
    display: inline-flex;
    align-items: center
}

.pxl-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-widget-flex>.elementor-widget-container>div {
    display: flex
}

.el-empty:empty {
    display: none!important
}

.pxl-spill,.pxl-swiper-arrow.style2:before,.pxl-gallery .pxl--item-inner.video-active:before,.pxl-button-video1.style2,.pxl-icon1.hv-style-gradient a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-middle,.revslider-initialised .roofex-arrows-1.tparrows:before,.pxl-icon1.style-round-box a i,.pxl-icon1.style-round-box-1 a i,.pxl-video-player .pxl-box--icon i,.pxl-video-player1 .btn-video i,.pxl-swiper-arrow-style4 .pxl-swiper-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pxl-icon--middle {
    position: relative
}

.pxl-icon--middle * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pxl-item--flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-item--flexnw {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.color-inherit {
    color: inherit
}

.color-inherit:hover {
    color: inherit
}

.color-primary {
    color: var(--primary-color)
}

.text-gradient,body.rtl #pxl-page-title-default .pxl-breadcrumb li:before,.pxl-heading .highlight-text-gradient .pxl-title--highlight,.pxl-heading .pxl-item--subtitle.sub-text-gradient span,.pxl-button-video1.style1 i,.pxl-pagination1 a:hover span,.pxl-pagination1 a:hover i,.pxl-title-effect.pxl-type-gradient .pxl-item--title,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li:hover>a,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current_page_item>a,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current-menu-item>a,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current_page_ancestor>a,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current-menu-ancestor>a,.swiper-filter-wrap .filter-item.active span,.pxl-grid-filter3 .filter-item.active span,.pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover i {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.rm-text-gradient {
    text-fill-color: inherit;
    -webkit-text-fill-color: inherit;
    background-image: none
}

.bg-gradient,.pxl-heading .pxl-item--subtitle.sub-style-gradient span,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li>a:before,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li>a:before {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1')
}

.bg-gradient-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)')
}

.ft-theme-default,.woocommerce .woocommerce-tabs ul.wc-tabs li a,.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong,.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a,.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong,.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,.widget_products ul li .product-title a,body.woocommerce-cart .woocommerce-cart-form .shop_table thead th,body.woocommerce-cart .woocommerce-cart-form tbody .product-name a,.woocommerce-checkout .form-row>label,.woocommerce-checkout form.woocommerce-checkout #order_review_heading,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td,.woosw-list .woosw-item--name,.woocommerce-result-count,.woocommerce-notices-wrapper .woocommerce-message,#respond input#submit.alt,#respond input#submit,a.button,a.wc-forward,button.button,input.button,.cart button.button,a.button.alt,.form-row button.button.alt,.woocommerce #pxl-sidebar-area .widget_price_filter .price_label,.widget_price_filter .button,.single-product .pxl-content-area div.product .entry-summary .price,.single-product>div.product .entry-summary .price,.woocommerce form .select2-container--default .select2-selection .select2-selection__rendered,.woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered,.pxl-grid-filter1 .filter-item,blockquote,blockquote,.pxl-breadcrumb,.button-slider-2,.button-slider-6,.button-slider-6-2,.button-slider-4,.button-slider-5,.tp-bullets.custom .tp-bullet:before,.pxl-single-post-meta,.pxl-item--post .pxl-item--meta,.pxl--post-footer label,.pxl--post-footer .pxl--social .title-social,.pxl-post--navigation .pxl--meta .title-post-nav a,.pxl-post--navigation .pxl--meta .item-title,.pxl-related-post .pxl--meta .title-post-nav a,.pxl-related-post .pxl--meta .item-title,.pxl-related-post .pxl--readmore-nav,.pxl-related-post .pxl--readmore-related,input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea,select,.pxl-select-higthlight,.wrap-ctf1 .wpcf7-submit,.wrap-ctf10 .ctf10 .input-filled .title p,.wrap-ctf10 .ctf10 .input-filled .title,.form-h1 button,.wrap-ctf-service .wrap-input button,.wrap-ctf-team .wrap-input button,.wrap-ctf-service-home3 .wrap-input button,.wrap-ctf-v2 .input-filled button,.wrap-ctf-v1 .input-filled button,.wrap-ctf-v3 .input-filled button,.error404 .wrap-content-404 .pxl-error-button,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title,.widget_block h2,.widget_block label,.pxl-heading .pxl-item--subtitle.sub-text-gradient,.pxl-link.hv-style4 li,.pxl-link.hv-style5 li,.pxl-link.hv-style6 li,.gallery-image .wrap-title,.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc,.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title,.tt_timetable th,.pxl-history .tetx-start,.pxl-history .pxl-history-l1 li .title,.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title,.pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title,.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title,.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title,.pxl-piechart-layout1 .pxl-piechart .item--value span,.pxl-piechart-layout1 .pxl-piechart .item--value span i,.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title,.pxl-mailchimp.style-box-round [type=email],.pxl-mailchimp.style-box-round [type=submit],.pxl-mailchimp.style-box-white [type=email],.pxl-mailchimp.style-box-white2 [type=email],.pxl-grid-filter2,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a,.pxl-portfolio-grid-layout1 .btn,.pxl-icon-box6 .pxl-item--meta .pxl-item--title,.pxl-bn-box2 .ct-banner-title,.pxl-counter5 .pxl--counter-number .pxl--counter-value,.pxl-video-player1 .pxl-video-text,.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title,.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc,.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.swiper-filter-wrap .filter-item,.pxl-grid-filter3 .filter-item,.pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day,.pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day,.pxl-post-carousel1 .pxl-item--readmore .btn-readmore,.pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore,.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab,.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab,.pxl-tabs1.style-round-box .pxl-item--title,.pxl-tabs1 .pxl-item--title,.tt_navigation_cell .tt_tabs_navigation li a,.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title,.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab,.pxl-progressbar-1 .pxl--percentage,.pxl-progressbar-2 .pxl--percentage,.pxl-pricing1 .pxl-item--price,.pxl-pricing1 .pxl-item--readmore .btn-readmore,.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
    /* font-family: playfair display,sans-serif; */
}

.bg-image,#pxl-page-title-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pxl-close {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255,255,255,.7);
    border: 9px solid transparent;
    color: #777;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl-close:before,.pxl-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    background-color: #1b1b1b
}

.pxl-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pxl-close:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pxl-close:hover:before,.pxl-close:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.pxl-left {
    float: left
}

.pxl-right {
    float: right
}

.pxl-hide {
    display: none
}

@media screen and (min-width: 1200px) {
    .pxl-hide-xl {
        display:none!important
    }

    .pxl-col-line1 {
        position: relative!important
    }

    .pxl-col-line1:before {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 50px);
        background-color: rgba(0,0,0,8%);
        top: 50%;
        right: 25px;
        -webkit-transform: translate(0,-50%);
        -khtml-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .pxl-col-line2 {
        position: relative!important
    }

    .pxl-col-line2:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 80px;
        background-color: #ededed;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0,-50%);
        -khtml-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }
}

@media screen and (max-width: 1199px) {
    .pxl-hide-lg {
        display:none!important
    }
}

#pxl-header-default {
    position: relative;
    z-index: 999;
    background-color: #fff
}

#pxl-header-default .row {
    align-items: center
}

@media screen and (min-width: 1200px) {
    #pxl-header-default .row>div {
        padding:0 15px
    }
}

#pxl-header-default .pxl-header-branding {
    display: flex;
    align-items: center;
    flex-grow: 1
}

#pxl-header-default .pxl-header-branding a {
    display: inline-flex
}

#pxl-header-default .pxl-header-branding img {
    height: 45px;
    max-width: inherit
}

#pxl-header-default #pxl-nav-mobile {
    display: none
}

#pxl-header-elementor #pxl-header-mobile {
    display: none
}

#pxl-header-elementor .pxl-header-elementor-main {
    position: relative;
    z-index: 999
}

#pxl-header-elementor .pxl-header-elementor-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    -webkit-transform: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .6s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .6s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .6s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .6s cubic-bezier(.24,.74,.58,1);
    -o-transition: .6s cubic-bezier(.24,.74,.58,1);
    transition: .6s cubic-bezier(.24,.74,.58,1);
    visibility: hidden
}

#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed {
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible;
    -webkit-box-shadow: 0 3px 18px rgba(2,21,78,9%);
    -khtml-box-shadow: 0 3px 18px rgba(2,21,78,9%);
    -moz-box-shadow: 0 3px 18px rgba(2,21,78,9%);
    -ms-box-shadow: 0 3px 18px rgba(2,21,78,9%);
    -o-box-shadow: 0 3px 18px rgba(2,21,78,9%);
    box-shadow: 0 3px 18px rgba(2,21,78,9%)
}

#pxl-header-elementor .px-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

.p-0 {
}

@media(max-width: 1199px) {
    .p-0 {
        padding:0!important
    }
}

@media(max-width: 1199px) {
    .sub-menu .elementor-section {
        width:100%!important
    }

    .sub-menu .shadow-1,.sub-menu .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner,.pxl-blog-grid-layout1 .pxl-grid-item .sub-menu .pxl-item--inner,.sub-menu .pxl-icon-box9 .pxl-item--icon,.pxl-icon-box9 .sub-menu .pxl-item--icon {
        box-shadow: none!important
    }
}

.sub-menu.pxl-mega-menu {
    background-color: initial!important;
    padding: 0!important
}

@media(min-width: 1200px) {
    .sub-menu.pxl-mega-menu {
        box-shadow:rgba(0,0,0,.1)0 4px 12px
    }
}

.sub-menu.pxl-mega-menu .pxl-link li:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.sub-menu.pxl-mega-menu .pxl-link li:hover {
    background-color: initial!important
}

.sub-menu.pxl-mega-menu .pxl-link li:hover:before {
    width: 100%
}

.sub-menu.pxl-mega-menu .pxl-link li:hover a {
    color: var(--primary-color)
}

@media(max-width: 1200px) {
    .sub-menu .pxl-link a {
        width:100%
    }
}

@media(max-width: 1199px) {
    .sub-menu .elementor-element {
        width:100%!important
    }
}

@media screen and (min-width: 1200px) {
    .pxl-menu-primary {
        list-style:none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary>ul>li>>a:before {
        opacity: 0
    }

    .pxl-menu-primary ul {
        list-style: none;
        margin: 0;
        padding: 7px 0 25px
    }

    .pxl-menu-primary>li>ul {
        padding: 15px 0 30px
    }

    .pxl-menu-primary li {
        position: relative;
        color: var(--secondary-color)
    }

    .pxl-menu-primary li a {
        font-size: 15px;
        color: var(--secondary-color);
        position: relative;
        font-weight: 500
    }

    .pxl-menu-primary li a:before {
        position: absolute;
        content: '';
        background-color: var(--primary-color);
        height: 1px;
        width: 0;
        left: 0;
        bottom: -1px;
        transition: 300ms
    }

    .pxl-menu-primary li a:hover:before {
        width: 100%
    }

    .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 14px;
    }

    .pxl-menu-primary>li>a {
        line-height: 100px;
        font-size: 17px;
        font-weight: 700;
        display: inline-block
    }

    .pxl-menu-primary .sub-menu {
        border-top: 1px solid var(--primary-color)
    }

    .pxl-menu-primary .sub-menu,.pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        margin-bottom: 0;
        min-width: 250px;
        z-index: 99;
        transform: scaleY(0);
        opacity: 0;
        transform-origin: top;
        -webkit-box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        -khtml-box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        -moz-box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        -ms-box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        -o-box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        text-align: left
    }

    .pxl-menu-primary .sub-menu li,.pxl-menu-primary .children li {
        padding: 0 35px;
        white-space: nowrap;
        -webkit-transition: 300ms all linear 0ms;
        -khtml-transition: 300ms all linear 0ms;
        -moz-transition: 300ms all linear 0ms;
        -ms-transition: 300ms all linear 0ms;
        -o-transition: 300ms all linear 0ms;
        transition: 300ms all linear 0ms;
        background-color: initial!important
    }

    .pxl-menu-primary .sub-menu li a,.pxl-menu-primary .children li a {
        line-height: 50px;
        display: block;
        -webkit-transition: 300ms all linear 0ms;
        -khtml-transition: 300ms all linear 0ms;
        -moz-transition: 300ms all linear 0ms;
        -ms-transition: 300ms all linear 0ms;
        -o-transition: 300ms all linear 0ms;
        transition: 300ms all linear 0ms;
        font-weight: 700;
        border-bottom: 1px solid #eaeaea;
        font-family: lato,sans-serif
    }

    .pxl-menu-primary .sub-menu li a span,.pxl-menu-primary .children li a span {
        position: relative;
        display: inline-block
    }

    .pxl-menu-primary .sub-menu li>a:hover,.pxl-menu-primary .children li>a:hover,.pxl-menu-primary .sub-menu li.current_page_item>a,.pxl-menu-primary .children li.current_page_item>a,.pxl-menu-primary .sub-menu li.current-menu-item>a,.pxl-menu-primary .children li.current-menu-item>a,.pxl-menu-primary .sub-menu li.current_page_ancestor>a,.pxl-menu-primary .children li.current_page_ancestor>a,.pxl-menu-primary .sub-menu li.current-menu-ancestor>a,.pxl-menu-primary .children li.current-menu-ancestor>a {
        color: var(--primary-color)
    }

    >.pxl-menu-primary .sub-menu li:hover>a,>.pxl-menu-primary .children li:hover>a {
        color: var(--primary-color)
    }

    .pxl-menu-primary .sub-menu .sub-menu,.pxl-menu-primary .children .sub-menu,.pxl-menu-primary .sub-menu .children,.pxl-menu-primary .children .children {
        top: -1px;
        left: 100%
    }

    .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,.pxl-menu-primary .children .sub-menu.pxl-sub-reverse,.pxl-menu-primary .sub-menu .children.pxl-sub-reverse,.pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title,.pxl-menu-primary .children .pxl-heading .pxl-item--title {
        color: inherit!important
    }

    .pxl-menu-primary li:hover>.sub-menu,.pxl-menu-primary li.focus>.sub-menu,.pxl-menu-primary li:hover>.children,.pxl-menu-primary li.focus>.children {
        transform: scaleY(1);
        opacity: 1
    }

    .pxl-menu-primary .pxl-megamenu {
        position: static
    }

    .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 20px 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        -webkit-border-radius: 0 0 5px 5px;
        -khtml-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .pxl-menu-toggle {
        display: none
    }

    #pxl-header-default .pxl-header-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        z-index: 999
    }

    #pxl-header-default .pxl-header-main .container {
        max-width: 1660px
    }

    #pxl-header-default .pxl-menu-primary>li:hover>a:before,#pxl-header-default .pxl-menu-primary>li.current_page_item>a:before,#pxl-header-default .pxl-menu-primary>li.current-menu-item>a:before,#pxl-header-default .pxl-menu-primary>li.current_page_ancestor>a:before,#pxl-header-default .pxl-menu-primary>li.current-menu-ancestor>a:before {
        width: 100%
    }
}

@media screen and (min-width: 1200px) and (max-width:1300px) {
    .pxl-menu-primary>li {
        margin:0 13px
    }
}

@media screen and (min-width: 1200px) and (max-width:1200px) {
    .pxl-menu-primary .sub-menu li a,.pxl-menu-primary .children li a {
        padding-left:10px!important
    }
}

@media screen and (max-width: 1199px) {
    #pxl-header-elementor .pxl-header-elementor-main,#pxl-header-elementor .pxl-header-elementor-sticky {
        display:none
    }

    #pxl-header-elementor #pxl-header-mobile {
        display: block;
        -webkit-box-shadow: 0 3px 18px rgba(2,21,78,9%);
        -khtml-box-shadow: 0 3px 18px rgba(2,21,78,9%);
        -moz-box-shadow: 0 3px 18px rgba(2,21,78,9%);
        -ms-box-shadow: 0 3px 18px rgba(2,21,78,9%);
        -o-box-shadow: 0 3px 18px rgba(2,21,78,9%);
        box-shadow: 0 3px 18px rgba(2,21,78,9%);
        position: relative;
        z-index: 999
    }

    #pxl-header-default,#pxl-header-elementor {
        position: relative;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -khtml-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -o-box-shadow: 0 0 15px rgba(0,0,0,8%);
        box-shadow: 0 0 15px rgba(0,0,0,8%);
        background-color: #fff
    }

    #pxl-header-default .pxl-header-main,#pxl-header-elementor .pxl-header-main {
        position: relative
    }

    #pxl-header-default .pxl-header-branding,#pxl-header-elementor .pxl-header-branding {
        margin: 15px;
        min-height: 50px;
        align-items: center;
        display: flex
    }

    #pxl-header-default .pxl-header-branding img,#pxl-header-elementor .pxl-header-branding img {
        height: 75px;
    }

    #pxl-header-default #pxl-nav-mobile,#pxl-header-elementor #pxl-nav-mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translate(0,-50%);
        -khtml-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    #pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item,#pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item {
        margin-left: 10px
    }

    .pxl-nav-mobile-button {
        width: 34px;
        height: 20px;
        position: relative;
        cursor: pointer
    }

    .pxl-nav-mobile-button:before,.pxl-nav-mobile-button:after,.pxl-nav-mobile-button span {
        content: '';
        background-color: var(--secondary-color);
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
        transition: all .25s cubic-bezier(.645,.045,.355,1)
    }

    .pxl-nav-mobile-button:before {
        top: 0;
        width: 24px
    }

    .pxl-nav-mobile-button:after {
        bottom: 0;
        width: 24px
    }

    .pxl-nav-mobile-button span {
        top: 9px;
        width: 100%
    }

    .pxl-nav-mobile-button:hover:before,.pxl-nav-mobile-button:hover:after {
        width: 100%
    }

    .pxl-header-menu-backdrop {
        z-index: 998;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(34,34,55,.6);
        -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
        transition: all .25s cubic-bezier(.645,.045,.355,1);
        opacity: 0;
        visibility: hidden
    }

    .pxl-header-menu {
        position: fixed;
        height: 100vh;
        width: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        z-index: 999;
        -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
        transition: all .25s cubic-bezier(.645,.045,.355,1);
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -khtml-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,8%);
        -o-box-shadow: 0 0 15px rgba(0,0,0,8%);
        box-shadow: 0 0 15px rgba(0,0,0,8%);
        background-color: #fff;
        overflow-y: scroll
    }

    .pxl-header-menu.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .pxl-header-menu.active+.pxl-header-menu-backdrop {
        opacity: 1;
        visibility: visible
    }

    .pxl-header-menu-scroll {
        padding: 40px 35px
    }

    .pxl-menu-toggle {
        position: absolute;
        top: 10px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        right: 0;
        width: 28px;
        cursor: pointer;
        font-size: 10px;
        -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
        transition: all .25s cubic-bezier(.645,.045,.355,1);
        color: var(--secondary-color);
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-color: rgba(0,0,0,3%)
    }

    .pxl-menu-toggle:before {
        content: "\f150";
        font-family: caseicon
    }

    .pxl-menu-toggle.active:before {
        content: "\f13d"
    }

    .pxl-menu-primary {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary li {
        position: relative
    }

    .pxl-menu-primary li a {
        display: block;
        line-height: 46px;
        color: var(--secondary-color);
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid rgba(0,0,0,6%)
    }

    .pxl-menu-primary li>a:hover,.pxl-menu-primary li.current_page_item>a,.pxl-menu-primary li.current-menu-item>a,.pxl-menu-primary li.current_page_ancestor>a,.pxl-menu-primary li.current-menu-ancestor>a {
        color: var(--primary-color)
    }

    .pxl-menu-primary .sub-menu,.pxl-menu-primary .children {
        position: relative;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary .sub-menu li a,.pxl-menu-primary .children li a {
        font-weight: 500;
        padding-left: 14px
    }

    .pxl-menu-primary>li>.sub-menu>li>.sub-menu>li a {
        padding-left: 28px
    }

    .pxl-menu-primary .pxl-megamenu .elementor-container>.elementor-column {
        width: 100%
    }

    .pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap {
        padding: 0!important
    }

    .pxl-menu-primary .pxl-megamenu .pxl-link li {
        margin: 0
    }

    .pxl-menu-primary .pxl-megamenu .pxl-link li:hover {
        background-color: initial!important
    }

    .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left: 14px;
        border-bottom: 1px solid rgba(0,0,0,6%);
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title {
        margin-bottom: 0!important;
        font-size: 15px!important;
        border-bottom: none!important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-widget-heading>.elementor-widget-container {
        margin-bottom: 0!important;
        border-bottom: none!important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container {
        flex-wrap: wrap
    }

    .pxl-logo-mobile {
        margin-bottom: 20px
    }

    .pxl-logo-mobile img {
        height: 35px
    }

    .pxl-header-mobile-search {
        margin-bottom: 20px
    }

    .pxl-header-mobile-search form {
        position: relative
    }

    .pxl-header-mobile-search .search-field {
        height: 40px;
        border: none;
        padding: 0;
        padding-left: 0;
        border-bottom: 2px solid #ececec;
        border-radius: 0;
        font-family: "Nunito Sans";
    }

    .pxl-header-mobile-search .search-field:hover,.pxl-header-mobile-search .search-field:focus {
        border-top: none!important;
        border-left: none!important;
        border-right: none!important;
        border-bottom: 2px solid var(--primary-color)!important
    }

    .pxl-header-mobile-search .search-submit {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        line-height: 36px;
        padding: 0;
        width: 30px;
        height: 40px;
        line-height: 40px;
        background: 0 0;
        color: var(--primary-color)
    }

    .pxl-header-mobile-search .search-submit:hover,.pxl-header-mobile-search .search-submit:focus {
        color: var(--primary-color);
        border-color: var(--primary-color)
    }

    .pxl-menu-close {
        background-color: rgba(0,0,0,3%);
        position: absolute;
        top: 0;
        right: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
}

@media screen and (max-width: 1199px) and (max-width:1200px) {
    .pxl-menu-primary li a {
        font-weight:700!important
    }
}

@media screen and (max-width: 1199px) and (max-width:1199px) {
    .pxl-menu-primary .sub-menu li a,.pxl-menu-primary .children li a {
        padding-left:10px
    }
}

@media screen and (max-width: 1199px) and (max-width:1199px) {
    .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left:0
    }
}

#pxl-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden
}

#pxl-search-popup .pxl-item--close {
    width: 45px;
    height: 45px;
    position: absolute;
    background-color: rgba(0,0,0,4%);
    top: 40px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;
    border-radius: 45px;
    border-width: 11px;
    opacity: 1
}

#pxl-search-popup .pxl-item--conent {
    background-size: cover;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 15px 80px;
    -webkit-transition: all .7s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .7s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .7s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .7s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .7s cubic-bezier(.645,.045,.355,1);
    transition: all .7s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: scaley(0);
    -khtml-transform: scaley(0);
    -moz-transform: scaley(0);
    -ms-transform: scaley(0);
    -o-transform: scaley(0);
    transform: scaley(0);
    transform-origin: center
}

#pxl-search-popup .pxl-item--conent form {
    max-width: 760px;
    margin: auto;
    width: 100%;
    position: relative
}

#pxl-search-popup .pxl-item--conent form .search-field {
    height: 80px;
    padding: 16px 0;
    color: rgba(0,0,0,.48);
    font-size: 30px;
    border: none!important;
    background-color: initial
}

#pxl-search-popup .pxl-item--conent form .search-submit {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: right;
    border: none;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    z-index: 99;
    cursor: pointer
}

#pxl-search-popup .pxl--search-divider {
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6)
}

#pxl-search-popup .pxl-item--overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,34,55,.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

#pxl-search-popup.active {
    visibility: visible
}

#pxl-search-popup.active .pxl-item--overlay {
    opacity: 1;
    visibility: visible
}

#pxl-search-popup.active .pxl-item--conent {
    -webkit-transform: scaley(1);
    -khtml-transform: scaley(1);
    -moz-transform: scaley(1);
    -ms-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1)
}

.admin-bar {
}

.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,.admin-bar .pxl-header-menu,.admin-bar #pxl-header-elementor .px-header--transparent,.admin-bar #pxl-search-popup {
    top: 32px
}

@media screen and (max-width: 782px) {
    .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,.admin-bar .pxl-header-menu,.admin-bar #pxl-header-elementor .px-header--transparent,.admin-bar #pxl-search-popup {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,.admin-bar .pxl-header-menu,.admin-bar #pxl-header-elementor .px-header--transparent,.admin-bar #pxl-search-popup {
        top:0
    }
}

.elementor-editor-active .pxl-type-header-clip>.elementor-container .pxl-header-shape {
    display: none
}

.elementor-editor-active .pxl-type-header-clip>.elementor-container .pxl-header-shape:last-child {
    display: block
}

.pxl-type-header-clip>.elementor-container {
    position: relative!important;
    z-index: 1
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape {
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    height: 100px;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: -1;
    filter: drop-shadow(0 10px 35px rgba(0,0,0,8%));
    margin-left: 52px;
    margin-right: 190px
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape span {
    clip-path: polygon(0% 0%,100% 22%,100% 78%,0% 100%);
    -webkit-clip-path: polygon(0% 0%,100% 22%,100% 78%,0% 100%);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape svg {
    fill: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:before,.pxl-type-header-clip>.elementor-container .pxl-header-shape:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    top: 0
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:before {
    left: -45px;
    background-color: #fff;
    z-index: 99
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:after {
    left: -52px;
    background-color: var(--primary-color);
    z-index: 88
}

@media(max-width: 1300px) {
    .none-hd {
        display:none
    }
}

.post .pxl-showcase .notification,.page .pxl-showcase .notification,.pxl-showcase .notification {
    box-shadow: rgba(0,0,0,.24)0 3px 8px;
    line-height: 33px;
    height: 33px;
    font-size: 13px;
    font-weight: 700;
    color: #14287b;
    background-color: #ffd532;
    position: absolute;
    width: 180px;
    padding: 0 10px;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: -48px;
    font-family: poppins,sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 3
}

.post .pxl-showcase.layout1 a,.page .pxl-showcase.layout1 a,.pxl-showcase.layout1 a {
    text-align: center!important
}

.post .pxl-showcase.layout1 .item-feature,.page .pxl-showcase.layout1 .item-feature,.pxl-showcase.layout1 .item-feature {
    box-shadow: rgba(149,157,165,.2)0 8px 24px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.post .pxl-showcase.layout1 .item-feature img,.page .pxl-showcase.layout1 .item-feature img,.pxl-showcase.layout1 .item-feature img {
    width: 100%
}

.post .pxl-showcase.layout1 .item-feature:after,.page .pxl-showcase.layout1 .item-feature:after,.pxl-showcase.layout1 .item-feature:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.49);
    z-index: 1;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    opacity: 0
}

.post .pxl-showcase.layout1 .item-title,.page .pxl-showcase.layout1 .item-title,.pxl-showcase.layout1 .item-title {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 700
}

.post .pxl-showcase.layout1 .item-title a,.page .pxl-showcase.layout1 .item-title a,.pxl-showcase.layout1 .item-title a {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 700
}

.post .pxl-showcase.layout1 .item-title a:hover,.page .pxl-showcase.layout1 .item-title a:hover,.pxl-showcase.layout1 .item-title a:hover {
    padding-left: 0;
    color: var(--primary-color)
}

.post .pxl-showcase.layout1 .item-title a:before,.page .pxl-showcase.layout1 .item-title a:before,.pxl-showcase.layout1 .item-title a:before {
    display: none
}

.post .pxl-showcase.layout1 .pxl-item-links,.page .pxl-showcase.layout1 .pxl-item-links,.pxl-showcase.layout1 .pxl-item-links {
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    position: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.post .pxl-showcase.layout1 .pxl-item-links a,.page .pxl-showcase.layout1 .pxl-item-links a,.pxl-showcase.layout1 .pxl-item-links a {
    display: inline-block;
    min-width: 100px;
    background-color: var(--secondary-color);
    line-height: 40px;
    padding: 0 10px;
    margin: 5px;
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    padding-left: 10px!important;
    text-align: center!important;
    font-weight: 700
}

.post .pxl-showcase.layout1 .pxl-item-links a:before,.page .pxl-showcase.layout1 .pxl-item-links a:before,.pxl-showcase.layout1 .pxl-item-links a:before {
    display: none
}

.post .pxl-showcase.layout1 .pxl-item-links a:after,.page .pxl-showcase.layout1 .pxl-item-links a:after,.pxl-showcase.layout1 .pxl-item-links a:after {
    content: "";
    background: #fff;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: .2;
    left: -35%;
    top: -10%;
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.post .pxl-showcase.layout1 .pxl-item-links a:hover,.page .pxl-showcase.layout1 .pxl-item-links a:hover,.pxl-showcase.layout1 .pxl-item-links a:hover {
    background-color: var(--primary-color)
}

.post .pxl-showcase.layout1 .pxl-item-links a:hover span,.page .pxl-showcase.layout1 .pxl-item-links a:hover span,.pxl-showcase.layout1 .pxl-item-links a:hover span {
    color: #fff
}

.post .pxl-showcase.layout1 .pxl-item-links a:hover:after,.page .pxl-showcase.layout1 .pxl-item-links a:hover:after,.pxl-showcase.layout1 .pxl-item-links a:hover:after {
    left: 130%
}

.post .pxl-showcase.layout1 .pxl-item-links a span,.page .pxl-showcase.layout1 .pxl-item-links a span,.pxl-showcase.layout1 .pxl-item-links a span {
    margin-top: 0
}

.post .pxl-showcase.layout1 .inner-box,.page .pxl-showcase.layout1 .inner-box,.pxl-showcase.layout1 .inner-box {
    text-align: center
}

.post .pxl-showcase.layout1:hover .item-feature:after,.page .pxl-showcase.layout1:hover .item-feature:after,.pxl-showcase.layout1:hover .item-feature:after {
    opacity: 1
}

.post .pxl-showcase.layout1:hover .item-feature img,.page .pxl-showcase.layout1:hover .item-feature img,.pxl-showcase.layout1:hover .item-feature img {
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.post .pxl-showcase.layout1:hover .pxl-item-links,.page .pxl-showcase.layout1:hover .pxl-item-links,.pxl-showcase.layout1:hover .pxl-item-links {
    top: 50%;
    opacity: 1
}

.post .pxl-showcase.layout2,.page .pxl-showcase.layout2,.pxl-showcase.layout2 {
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden
}

.post .pxl-showcase.layout2 a,.page .pxl-showcase.layout2 a,.pxl-showcase.layout2 a {
    text-align: center!important
}

.post .pxl-showcase.layout2 .item-feature,.page .pxl-showcase.layout2 .item-feature,.pxl-showcase.layout2 .item-feature {
    position: relative;
    overflow: hidden
}

.post .pxl-showcase.layout2 .item-feature img,.page .pxl-showcase.layout2 .item-feature img,.pxl-showcase.layout2 .item-feature img {
    width: 100%
}

.post .pxl-showcase.layout2 .item-feature:after,.page .pxl-showcase.layout2 .item-feature:after,.pxl-showcase.layout2 .item-feature:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    opacity: 0
}

.post .pxl-showcase.layout2 .item-title,.page .pxl-showcase.layout2 .item-title,.pxl-showcase.layout2 .item-title {
    padding: 40px 0 45px;
    background-color: #fcf7f5;
    font-size: 24px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 700
}

.post .pxl-showcase.layout2 .item-title a,.page .pxl-showcase.layout2 .item-title a,.pxl-showcase.layout2 .item-title a {
    font-size: 24px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 700
}

.post .pxl-showcase.layout2 .item-title a:hover,.page .pxl-showcase.layout2 .item-title a:hover,.pxl-showcase.layout2 .item-title a:hover {
    padding-left: 0;
    color: var(--primary-color)
}

.post .pxl-showcase.layout2 .item-title a:before,.page .pxl-showcase.layout2 .item-title a:before,.pxl-showcase.layout2 .item-title a:before {
    display: none
}

.post .pxl-showcase.layout2 .pxl-item-links,.page .pxl-showcase.layout2 .pxl-item-links,.pxl-showcase.layout2 .pxl-item-links {
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    position: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.post .pxl-showcase.layout2 .pxl-item-links a,.page .pxl-showcase.layout2 .pxl-item-links a,.pxl-showcase.layout2 .pxl-item-links a {
    display: inline-block;
    text-align: center;
    min-width: 100px;
    border-radius: 200px;
    background-color: #fff;
    line-height: 64px;
    padding: 0 30px;
    margin: 5px;
    color: var(--secondary-color);
    font-size: 18px;
    overflow: hidden;
    position: relative;
    text-align: center!important;
    font-weight: 700
}

.post .pxl-showcase.layout2 .pxl-item-links a:before,.page .pxl-showcase.layout2 .pxl-item-links a:before,.pxl-showcase.layout2 .pxl-item-links a:before {
    display: none
}

.post .pxl-showcase.layout2 .pxl-item-links a:after,.page .pxl-showcase.layout2 .pxl-item-links a:after,.pxl-showcase.layout2 .pxl-item-links a:after {
    content: "";
    background: #fff;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: .2;
    left: -35%;
    top: -10%;
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.post .pxl-showcase.layout2 .pxl-item-links a:hover,.page .pxl-showcase.layout2 .pxl-item-links a:hover,.pxl-showcase.layout2 .pxl-item-links a:hover {
    background-color: var(--primary-color)
}

.post .pxl-showcase.layout2 .pxl-item-links a:hover span,.page .pxl-showcase.layout2 .pxl-item-links a:hover span,.pxl-showcase.layout2 .pxl-item-links a:hover span {
    color: #fff
}

.post .pxl-showcase.layout2 .pxl-item-links a:hover:after,.page .pxl-showcase.layout2 .pxl-item-links a:hover:after,.pxl-showcase.layout2 .pxl-item-links a:hover:after {
    left: 130%
}

.post .pxl-showcase.layout2 .pxl-item-links a span,.page .pxl-showcase.layout2 .pxl-item-links a span,.pxl-showcase.layout2 .pxl-item-links a span {
    margin-top: 0
}

.post .pxl-showcase.layout2 .inner-box,.page .pxl-showcase.layout2 .inner-box,.pxl-showcase.layout2 .inner-box {
    text-align: center
}

.post .pxl-showcase.layout2:hover .item-feature:after,.page .pxl-showcase.layout2:hover .item-feature:after,.pxl-showcase.layout2:hover .item-feature:after {
    opacity: .8
}

.post .pxl-showcase.layout2:hover .pxl-item-links,.page .pxl-showcase.layout2:hover .pxl-item-links,.pxl-showcase.layout2:hover .pxl-item-links {
    top: 50%;
    opacity: 1
}

.cooming .pxl-showcase .item-feature:after {
    opacity: 1!important
}

.tp-title-wrap {
    display: none!important
}

.hebe.tparrows {
    transition: 300ms!important;
    border-radius: 400px!important;
    border: 2px solid #fff!important
}

.hebe.tparrows:hover {
    background-color: #fff!important
}

.hebe.tparrows:hover:before {
    color: #000!important
}

.hebe.tparrows.tp-leftarrow:before {
    line-height: 65px!important;
    min-width: 64px!important
}

.no-line .pxl-menu-primary a:before {
    display: none
}

.menu-container .elementor-column,.menu-container .elementor-widget-wrap,.menu-container .elementor-widget {
    position: static!important
}

.menu-container .pxl-mega-menu {
    margin-right: 15px!important
}

@media(max-width: 1300px) {
    .h-1300 {
        display:none!important
    }
}

@media(max-width: 1400px) {
    .h-1400 {
        /* display:none!important; */
    }
}

.pxl-row-divider-shape-bottom .pxl-shape-divider .pxl-row-angle-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px
}

.pxl-row-divider-shape-top .pxl-shape-divider .pxl-row-angle-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    transform: rotate(180deg)
}

.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    transform: rotate(180deg)
}

.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px
}

@media(max-width: 767px) {
    .pxl-shape-divider svg {
        height:20px!important
    }
}

@keyframes wave {
    0% {
        left: -100%
    }

    100% {
        left: 0%
    }
}

.single-post .pxl-item--post .pxl-item--image img {
    width: 100%;
    border-radius: 7px
}

.pxl-item--post iframe {
    width: 100%
}

.pxl-item--post .pxl-item--image a {
    display: inline-block;
    width: 100%
}

.pxl-item--post .pxl-item--image img {
    border-radius: 3px
}

.pxl-item--post .pxl-item--title {
    margin-top: 13px;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 40px;
    font-weight: 400;
    overflow-wrap: break-word
}

@media screen and (max-width: 767px) {
    .pxl-item--post .pxl-item--title {
        font-size:24px;
        line-height: 30px
    }
}

.pxl-item--post .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-item--post .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-item--post .pxl-item--excerpt {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #70747f;
    margin-bottom: 29px
}

.pxl-sidebar-post {
    padding-top: 37px
}

.pxl-item--image-single {
    margin-bottom: 13px
}

.pxl-single-post-meta {
    list-style: none;
    margin: 0;
    padding: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.pxl-single-post-meta>div {
    border-right: 1px solid #e9e9e9;
    padding-right: 17px!important;
    margin-right: 17px!important;
    align-items: center;
    margin-bottom: 20px
}

@media(max-width: 575px) {
    .pxl-single-post-meta>div {
        border-color:transparent
    }
}

.pxl-single-post-meta>div .title-meta {
    color: #666;
    font-size: 16px;
    text-transform: capitalize;
    color: #7a7a7a
}

.pxl-single-post-meta>div .content-meta,.pxl-single-post-meta>div .content-meta a,.pxl-single-post-meta>div a {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    color: #444
}

.pxl-single-post-meta>div:first-child {
    padding-left: 0!important
}

.pxl-single-post-meta>div:last-child {
    border: none
}

.pxl-item--post .pxl-item--meta {
    display: flex;
    font-size: 16px;
    color: #7a7a7a;
    padding-right: 5px
}

.pxl-item--post .pxl-item--meta .pxl-item--date {
    font-size: 16px;
    color: #7a7a7a
}

.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child {
    position: relative;
    padding-right: 12px
}

.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before {
    position: absolute;
    content: '-';
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #7a7a7a
}

.pxl-item--post .pxl-item--meta .categorie a {
    font-size: 16px;
    color: #7a7a7a
}

.pxl-item--post .pxl-item--meta .categorie a:hover {
    color: var(--primary-color)
}

.pxl-item--archive {
    margin-bottom: 27px
}

.pxl-item--archive .pxl-item--holder {
    padding: 18px 0 20px
}

@media(max-width: 767px) {
    .pxl-item--archive .pxl-item--holder {
        padding:18px 30px 20px
    }
}

@media(max-width: 480px) {
    .pxl-item--archive .pxl-item--holder {
        padding:18px 20px 20px
    }
}

.pxl-item--archive .pxl-item--holder .pxl-item--category {
    margin-bottom: 5px
}

.pxl-item--archive .pxl-item--holder .pxl-item--category a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item--title {
    margin-bottom: 4px
}

.pxl-item--archive .pxl-item--holder .pxl-item--title a {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px
}

@media(max-width: 575px) {
    .pxl-item--archive .pxl-item--holder .pxl-item--title a {
        font-size:30px;
        line-height: 40px
    }
}

.pxl-item--archive .pxl-item--holder .pxl-item--title a:hover {
    text-decoration: underline
}

.pxl-item--archive .pxl-item--holder .pxl-item--excerpt {
    padding-top: 16px;
    font-size: 17px;
    line-height: 30px;
    color: #646464;
    margin-top: 15px
}

.pxl-item--archive .pxl-item--holder .pxl-item--readmore {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex
}

.pxl-item--archive .pxl-item--holder .pxl-item--readmore i {
    transform: translateY(0%)translatex(10px);
    transition: 300ms;
    font-size: 12px;
    display: inline-block
}

.pxl-item--archive .pxl-item--holder .pxl-item--readmore:hover i {
    transform: translateY(0%)translatex(10px)rotate(45deg)
}

.pxl-item--archive .pxl-item--image+.pxl-item--holder {
    padding: 18px 0 20px
}

@media(max-width: 767px) {
    .pxl-item--archive .pxl-item--image+.pxl-item--holder {
        padding:18px 0 20px
    }
}

@media(max-width: 480px) {
    .pxl-item--archive .pxl-item--image+.pxl-item--holder {
        padding:18px 0 20px
    }
}

.pxl-item--archive .pxl-item--image+.pxl-item--holder .pxl-item--excerpt {
    margin-top: 0
}

.single-post .single-heading {
    font-size: 26px
}

.single-post .pxl-item--excerpt p:last-child {
    margin-bottom: 0
}

.entry-author-info {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 40px 52px;
    position: relative;
    margin: 45px 0
}

@media(max-width: 575px) {
    .entry-author-info {
        display:block
    }
}

.entry-author-info .entry-author-avatar {
    min-width: 190px
}

@media(max-width: 575px) {
    .entry-author-info .entry-author-avatar {
        text-align:center
    }
}

.entry-author-info .entry-author-avatar img {
    width: 100%;
    border-radius: 500px
}

@media(max-width: 575px) {
    .entry-author-info .entry-author-avatar img {
        width:auto
    }
}

.entry-author-info .entry-author-meta {
    padding-left: 50px
}

@media(max-width: 575px) {
    .entry-author-info .entry-author-meta {
        margin-top:30px;
        text-align: center;
        padding-left: 0
    }
}

.entry-author-info .entry-author-meta .author-name {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.entry-author-info .entry-author-meta .position-author {
    font-size: 14px;
    text-transform: capitalize;
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 8px
}

.entry-author-info .entry-author-meta .author-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #696969;
    font-family: lato
}

.entry-author-info .entry-author-meta .social-author {
    margin-top: 15px
}

.entry-author-info .entry-author-meta .social-author a {
    color: #a3a3a3;
    transition: 200ms;
    padding-right: 16px
}

.entry-author-info .entry-author-meta .social-author a:hover {
    color: var(--primary-color)
}

.pxl--post-footer {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0 15px;
    width: 100%;
    border-top: 1px solid #e2e2e2
}

@media(min-width: 992px) {
    .pxl--post-footer {
        padding:16px 0 15px
    }
}

.pxl--post-footer>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px
}

.pxl--post-footer label {
    font-size: 20px;
    color: var(--secondary-color);
    line-height: 35px;
    font-weight: 600;
    margin-right: 18px
}

.pxl--post-footer .pxl--tags {
    margin-right: 30px;
    flex-grow: 1
}

.pxl--post-footer .pxl--tags a {
    line-height: 35px;
    display: inline-block;
    padding: 0 13px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    font-size: 16px;
    margin: 5px 5px 5px 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .pxl--post-footer .pxl--tags a {
        padding:0 18px;
        line-height: 36px
    }
}

.pxl--post-footer .pxl--tags a:hover {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.pxl--post-footer .pxl--social .title-social {
    margin-right: -16px;
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.pxl--post-footer .pxl--social a {
    padding-left: 26px;
    line-height: 32px;
    align-items: center;
    display: inline-flex;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl--post-footer .pxl--social a i {
    color: #b5b5b5;
    font-size: 16px;
    line-height: 32px;
    margin-top: 1px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl--post-footer .pxl--social a span {
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
    min-width: 100px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl--post-footer .pxl--social a:hover.fb-social i {
    color: #3b5998
}

.pxl--post-footer .pxl--social a:hover.tw-social i {
    color: #1da1f2
}

.pxl--post-footer .pxl--social a:hover.pin-social i {
    color: #e60023
}

.pxl--post-footer .pxl--social a:hover.lin-social i {
    color: #0077b5
}

.pxl-pagination-wrap .page-numbers {
    border-radius: 3px;
    border: 1px solid #ebebeb;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-right: 11px;
    color: #646464;
    position: relative;
    z-index: 1;
    padding: 0
}

.pxl-pagination-wrap .page-numbers.current,.pxl-pagination-wrap .page-numbers:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-pagination-wrap .page-numbers.current:before,.pxl-pagination-wrap .page-numbers:hover:before {
    opacity: 1
}

.pxl-pagination-wrap .page-numbers.next,.pxl-pagination-wrap .page-numbers.prev {
    font-size: 17px;
    font-weight: 700;
    line-height: 40px
}

.pxl-pagination-wrap .pxl-pagination-links {
    display: flex
}

.comment-reply-title {
    display: inline-block;
    position: relative;
    padding-bottom: 9px!important
}

.pxl-post--navigation {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 31px 0 40px;
    display: flex;
    flex-wrap: wrap
}

.pxl-post--navigation .pxl--holder {
    display: flex;
    align-items: center
}

.pxl-post--navigation .pxl--holder .pxl--img {
    max-width: 60px;
    max-height: 52px;
    border-radius: 5px;
    overflow: hidden
}

.pxl-post--navigation .pxl--readmore-nav {
    font-size: 24px;
    color: var(--secondary-color);
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding: 0
}

.pxl-post--navigation .pxl--items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.pxl-post--navigation .pxl--items .pxl--item {
    width: 45%
}

.pxl-post--navigation .pxl--items .pxl--item.pxl--item-next {
    text-align: right
}

@media screen and (max-width: 575px) {
    .pxl-post--navigation .pxl--items .pxl--item {
        width:100%
    }

    .pxl-post--navigation .pxl--items .pxl--item+.pxl--item {
        margin-top: 30px
    }
}

.pxl-post--navigation .pxl--items .pxl-grid-post {
    filter: grayscale(1);
    opacity: .38;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    width: 10%;
    text-align: center;
    margin: 13px 0
}

.pxl-post--navigation .pxl--items .pxl-grid-post:hover {
    filter: grayscale(0);
    opacity: 1
}

.pxl-post--navigation .pxl--img,.pxl-post--navigation .item-featured {
    position: relative;
    max-height: 200px;
    overflow: hidden
}

.pxl-post--navigation .pxl--img a,.pxl-post--navigation .item-featured a {
    display: block
}

.pxl-post--navigation .pxl--img a:before,.pxl-post--navigation .item-featured a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    opacity: 0
}

.pxl-post--navigation .pxl--img a:after,.pxl-post--navigation .item-featured a:after {
    content: '+';
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    opacity: 0
}

.pxl-post--navigation .pxl--img:hover a:before,.pxl-post--navigation .item-featured:hover a:before {
    opacity: .76
}

.pxl-post--navigation .pxl--img:hover a:after,.pxl-post--navigation .item-featured:hover a:after {
    opacity: 1
}

.pxl-post--navigation .pxl--meta .title-post-nav a,.pxl-post--navigation .pxl--meta .item-title {
    margin-bottom: 0;
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.pxl-post--navigation .pxl--meta .title-post-nav a:hover,.pxl-post--navigation .pxl--meta .item-title:hover {
    color: var(--primary-color)
}

.pxl-post--navigation .pxl--holder img {
    width: 100%
}

.pxl-post--navigation .pxl--item-prev .pxl--meta {
    margin-right: 15px
}

.pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 15px
}

.pxl-post--navigation .pxl--item-next .pxl--meta {
    margin-left: 15px
}

@media(max-width: 575px) {
    .pxl-post--navigation .pxl--item-next .pxl--meta {
        margin-left:0
    }
}

.pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 15px
}

@media(max-width: 575px) {
    .pxl-post--navigation .pxl--item-next .pxl--img {
        margin-left:0
    }
}

.pxl-post--navigation .pxl--item-next .pxl--holder {
    justify-content: flex-end
}

.pxl-post--navigation .pxl--readmore-nav {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px
}

.pxl-post--navigation .pxl--readmore-nav:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    bottom: 3px;
    width: 100%;
    transform: scalex(0);
    transform-origin: center;
    left: 0;
    height: 1px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl-post--navigation .pxl--readmore-nav:hover {
    color: var(--primary-color)
}

.pxl-post--navigation .pxl--readmore-nav:hover i {
    color: var(--primary-color)
}

.pxl-post--navigation .pxl--readmore-nav:hover:before {
    transform: scalex(1)
}

.pxl-post--navigation .pxl--readmore-nav i {
    padding-left: 10px;
    font-size: 13px;
    transition: .3s
}

.pxl-post--navigation .pxl--item-prev i {
    padding-left: 0;
    padding-right: 10px
}

.pxl-related-post {
    padding: 75px 0 40px
}

.pxl-related-post .pxl--readmore-nav {
    font-size: 24px;
    color: var(--secondary-color);
    font-weight: 400;
    display: inline-block;
    position: relative;
    margin-bottom: 34px;
    padding: 0
}

.pxl-related-post .pxl--readmore-nav:before {
    content: '';
    width: 40px;
    height: 4px;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 5px;
    right: -60px
}

.pxl-related-post .pxl--readmore-nav:after {
    content: '';
    width: 15px;
    height: 4px;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 5px;
    right: -82px
}

.pxl-related-post .pxl--items {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.pxl-related-post .pxl--items .pxl--item {
    width: 50%
}

@media screen and (max-width: 575px) {
    .pxl-related-post .pxl--items .pxl--item {
        width:100%
    }

    .pxl-related-post .pxl--items .pxl--item+.pxl--item {
        margin-top: 30px
    }
}

.pxl-related-post .pxl--img,.pxl-related-post .item-featured {
    position: relative;
    max-height: 200px;
    overflow: hidden
}

.pxl-related-post .pxl--img a,.pxl-related-post .item-featured a {
    display: block
}

.pxl-related-post .pxl--img a:before,.pxl-related-post .item-featured a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    opacity: 0
}

.pxl-related-post .pxl--img a:after,.pxl-related-post .item-featured a:after {
    content: '+';
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    opacity: 0
}

.pxl-related-post .pxl--img:hover a:before,.pxl-related-post .item-featured:hover a:before {
    opacity: .76
}

.pxl-related-post .pxl--img:hover a:after,.pxl-related-post .item-featured:hover a:after {
    opacity: 1
}

.pxl-related-post .pxl--meta {
    padding-top: 25px
}

.pxl-related-post .pxl--meta .pxl-item--meta {
    padding-bottom: 10px!important
}

.pxl-related-post .pxl--meta .title-post-nav a,.pxl-related-post .pxl--meta .item-title {
    margin-bottom: 0;
    color: var(--secondary-color);
    font-size: 24px;
    line-height: 33px;
    font-weight: 400
}

.pxl-related-post .pxl--meta .title-post-nav a:hover,.pxl-related-post .pxl--meta .item-title:hover {
    color: var(--primary-color)
}

.pxl-related-post .pxl--holder img {
    width: 100%
}

.pxl-related-post .pxl--item-prev .pxl--meta {
    margin-right: 15px
}

.pxl-related-post .pxl--item-prev .pxl--img {
    margin-right: 15px
}

.pxl-related-post .pxl--item-next .pxl--meta {
    margin-left: 15px
}

@media(max-width: 575px) {
    .pxl-related-post .pxl--item-next .pxl--meta {
        margin-left:0
    }
}

.pxl-related-post .pxl--item-next .pxl--img {
    margin-left: 15px
}

@media(max-width: 575px) {
    .pxl-related-post .pxl--item-next .pxl--img {
        margin-left:0
    }
}

.pxl-related-post .pxl--item-next .pxl--holder {
    justify-content: flex-end
}

.pxl-related-post .pxl--readmore-nav,.pxl-related-post .pxl--readmore-related {
    margin-top: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #70747f;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center
}

.pxl-related-post .pxl--readmore-nav:hover,.pxl-related-post .pxl--readmore-related:hover {
    color: var(--primary-color)
}

.pxl-related-post .pxl--readmore-nav:hover i,.pxl-related-post .pxl--readmore-related:hover i {
    color: var(--primary-color);
    animation: pxl_left_right 300ms ease-out
}

.pxl-related-post .pxl--readmore-nav i,.pxl-related-post .pxl--readmore-related i {
    padding-top: 4px;
    padding-left: 10px;
    font-size: 20px;
    transition: .3s
}

.pxl-project--navigation .pxl--items {
    display: flex;
    justify-content: space-between;
    padding: 30px 0
}

@media(min-width: 1100px) {
    .pxl-project--navigation .pxl--items {
        padding:0 75px
    }
}

.pxl-project--navigation .pxl--items .pxl--item a {
    font-size: 15px;
    color: #666;
    font-weight: 700
}

.pxl-project--navigation .pxl--items .pxl--item.pxl--item-prev i {
    margin-right: 18px;
    font-size: 17px;
    color: #0f0f0f;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl-project--navigation .pxl--items .pxl--item.pxl--item-next i {
    margin-left: 18px;
    font-size: 17px;
    color: #0f0f0f;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.pxl-project--navigation .pxl--items .pxl--item:hover a {
    color: var(--primary-color)
}

.pxl-project--navigation .pxl--items .pxl--item:hover i {
    color: var(--primary-color)
}

@media screen and (min-width: 1200px) {
    .pxl-sidebar-sticky {
        position:-webkit-sticky;
        position: sticky;
        top: 40px
    }

    .admin-bar .pxl-sidebar-sticky {
        top: 72px
    }
}

.pxl-sidebar-area:not(.pxl-sidebar-shop) .widget:last-child {
    margin-bottom: 0
}

.comments-title {
    position: relative;
    padding-bottom: 15px
}

.widget:not(.woocommerce) {
    margin-bottom: 50px
}

.widget:not(.woocommerce) .widget-title,.widget:not(.woocommerce) .comment-reply-title,.widget:not(.woocommerce) .comments-title {
    color: #000;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 21px;
    position: relative
}

.widget_search .search-form {
    position: relative
}

.widget_search .search-form ::placeholder {
    color: #c2c2c2
}

.widget_search .search-form :-ms-input-placeholder {
    color: #c2c2c2
}

.widget_search .search-form ::-ms-input-placeholder {
    color: #c2c2c2
}

.widget_search .search-form .search-submit {
    line-height: 49px;
    font-size: 15px;
    padding: 0 17px;
    position: absolute;
    top: 0;
    border-radius: 0;
    right: 0;
    background-color: initial
}

.widget_search .search-form .search-submit:active {
    background-color: initial;
    color: var(--secondary-color)
}

.widget_search .search-form .search-submit i {
    font-size: 15px;
    color: #666;
    line-height: 49px
}

.widget_search .search-form .search-submit:before,.widget_search .search-form .search-submit:after {
    display: none
}

.widget_search .search-form .search-field {
    font-size: 15px;
    border-color: #ececf0!important;
    color: #666;
    width: 100%;
    height: 51px;
    border-radius: 3px
}

.widget_archive li {
    position: relative
}

.widget_archive li:hover .count {
    color: var(--primary-color)
}

.widget_archive li:hover .count:before,.widget_archive li:hover .count:after {
    color: var(--primary-color)
}

.widget_product_categories .count,.wp-block-group .count,.widget_categories .count,.widget_nav_menu .count,.widget_pages .count,.widget_archive .count,.widget_meta .count,.widget_recent_entries .count {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #444;
    font-size: 17px;
    line-height: 24px;
    padding: 0 10px;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories .count:before,.wp-block-group .count:before,.widget_categories .count:before,.widget_nav_menu .count:before,.widget_pages .count:before,.widget_archive .count:before,.widget_meta .count:before,.widget_recent_entries .count:before {
    position: absolute;
    content: '[';
    color: #444;
    top: 0;
    left: 0;
    display: block;
    font-size: 17px;
    line-height: 24px;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories .count:after,.wp-block-group .count:after,.widget_categories .count:after,.widget_nav_menu .count:after,.widget_pages .count:after,.widget_archive .count:after,.widget_meta .count:after,.widget_recent_entries .count:after {
    position: absolute;
    content: ']';
    color: #444;
    top: 0;
    right: 0;
    display: block;
    font-size: 17px;
    line-height: 24px;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories ul,.wp-block-group ul,.widget_categories ul,.widget_nav_menu ul,.widget_pages ul,.widget_archive ul,.widget_meta ul,.widget_recent_entries ul {
    list-style: none;
    margin-top: -3px;
    margin-bottom: 0;
    padding: 0
}

.widget_product_categories ul li a,.wp-block-group ul li a,.widget_categories ul li a,.widget_nav_menu ul li a,.widget_pages ul li a,.widget_archive ul li a,.widget_meta ul li a,.widget_recent_entries ul li a {
    color: #444;
    display: block;
    font-size: 17px;
    line-height: 24px;
    padding: 12px 0 13px;
    position: relative;
    position: relative;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories ul li a .title,.wp-block-group ul li a .title,.widget_categories ul li a .title,.widget_nav_menu ul li a .title,.widget_pages ul li a .title,.widget_archive ul li a .title,.widget_meta ul li a .title,.widget_recent_entries ul li a .title {
    padding-right: 50px
}

.widget_product_categories ul li a .pxl-count,.wp-block-group ul li a .pxl-count,.widget_categories ul li a .pxl-count,.widget_nav_menu ul li a .pxl-count,.widget_pages ul li a .pxl-count,.widget_archive ul li a .pxl-count,.widget_meta ul li a .pxl-count,.widget_recent_entries ul li a .pxl-count {
    color: #444;
    display: block;
    font-size: 17px;
    line-height: 24px;
    padding: 12px 0 13px;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories ul li a .pxl-count:before,.wp-block-group ul li a .pxl-count:before,.widget_categories ul li a .pxl-count:before,.widget_nav_menu ul li a .pxl-count:before,.widget_pages ul li a .pxl-count:before,.widget_archive ul li a .pxl-count:before,.widget_meta ul li a .pxl-count:before,.widget_recent_entries ul li a .pxl-count:before {
    position: absolute;
    content: '[';
    color: #444;
    display: block;
    font-size: 17px;
    line-height: 24px;
    z-index: 1;
    letter-spacing: .8px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.widget_product_categories ul li.current-menu-item>a,.wp-block-group ul li.current-menu-item>a,.widget_categories ul li.current-menu-item>a,.widget_nav_menu ul li.current-menu-item>a,.widget_pages ul li.current-menu-item>a,.widget_archive ul li.current-menu-item>a,.widget_meta ul li.current-menu-item>a,.widget_recent_entries ul li.current-menu-item>a,.widget_product_categories ul li.current-cat>a,.wp-block-group ul li.current-cat>a,.widget_categories ul li.current-cat>a,.widget_nav_menu ul li.current-cat>a,.widget_pages ul li.current-cat>a,.widget_archive ul li.current-cat>a,.widget_meta ul li.current-cat>a,.widget_recent_entries ul li.current-cat>a,.widget_product_categories ul li.current-cat-parent>a,.wp-block-group ul li.current-cat-parent>a,.widget_categories ul li.current-cat-parent>a,.widget_nav_menu ul li.current-cat-parent>a,.widget_pages ul li.current-cat-parent>a,.widget_archive ul li.current-cat-parent>a,.widget_meta ul li.current-cat-parent>a,.widget_recent_entries ul li.current-cat-parent>a,.widget_product_categories ul li>a:hover,.wp-block-group ul li>a:hover,.widget_categories ul li>a:hover,.widget_nav_menu ul li>a:hover,.widget_pages ul li>a:hover,.widget_archive ul li>a:hover,.widget_meta ul li>a:hover,.widget_recent_entries ul li>a:hover {
    color: var(--primary-color)
}

.widget_product_categories ul li.current-menu-item>a .count,.wp-block-group ul li.current-menu-item>a .count,.widget_categories ul li.current-menu-item>a .count,.widget_nav_menu ul li.current-menu-item>a .count,.widget_pages ul li.current-menu-item>a .count,.widget_archive ul li.current-menu-item>a .count,.widget_meta ul li.current-menu-item>a .count,.widget_recent_entries ul li.current-menu-item>a .count,.widget_product_categories ul li.current-cat>a .count,.wp-block-group ul li.current-cat>a .count,.widget_categories ul li.current-cat>a .count,.widget_nav_menu ul li.current-cat>a .count,.widget_pages ul li.current-cat>a .count,.widget_archive ul li.current-cat>a .count,.widget_meta ul li.current-cat>a .count,.widget_recent_entries ul li.current-cat>a .count,.widget_product_categories ul li.current-cat-parent>a .count,.wp-block-group ul li.current-cat-parent>a .count,.widget_categories ul li.current-cat-parent>a .count,.widget_nav_menu ul li.current-cat-parent>a .count,.widget_pages ul li.current-cat-parent>a .count,.widget_archive ul li.current-cat-parent>a .count,.widget_meta ul li.current-cat-parent>a .count,.widget_recent_entries ul li.current-cat-parent>a .count,.widget_product_categories ul li>a:hover .count,.wp-block-group ul li>a:hover .count,.widget_categories ul li>a:hover .count,.widget_nav_menu ul li>a:hover .count,.widget_pages ul li>a:hover .count,.widget_archive ul li>a:hover .count,.widget_meta ul li>a:hover .count,.widget_recent_entries ul li>a:hover .count {
    color: var(--primary-color)
}

.widget_product_categories ul li.current-menu-item>a .count:before,.wp-block-group ul li.current-menu-item>a .count:before,.widget_categories ul li.current-menu-item>a .count:before,.widget_nav_menu ul li.current-menu-item>a .count:before,.widget_pages ul li.current-menu-item>a .count:before,.widget_archive ul li.current-menu-item>a .count:before,.widget_meta ul li.current-menu-item>a .count:before,.widget_recent_entries ul li.current-menu-item>a .count:before,.widget_product_categories ul li.current-cat>a .count:before,.wp-block-group ul li.current-cat>a .count:before,.widget_categories ul li.current-cat>a .count:before,.widget_nav_menu ul li.current-cat>a .count:before,.widget_pages ul li.current-cat>a .count:before,.widget_archive ul li.current-cat>a .count:before,.widget_meta ul li.current-cat>a .count:before,.widget_recent_entries ul li.current-cat>a .count:before,.widget_product_categories ul li.current-cat-parent>a .count:before,.wp-block-group ul li.current-cat-parent>a .count:before,.widget_categories ul li.current-cat-parent>a .count:before,.widget_nav_menu ul li.current-cat-parent>a .count:before,.widget_pages ul li.current-cat-parent>a .count:before,.widget_archive ul li.current-cat-parent>a .count:before,.widget_meta ul li.current-cat-parent>a .count:before,.widget_recent_entries ul li.current-cat-parent>a .count:before,.widget_product_categories ul li>a:hover .count:before,.wp-block-group ul li>a:hover .count:before,.widget_categories ul li>a:hover .count:before,.widget_nav_menu ul li>a:hover .count:before,.widget_pages ul li>a:hover .count:before,.widget_archive ul li>a:hover .count:before,.widget_meta ul li>a:hover .count:before,.widget_recent_entries ul li>a:hover .count:before,.widget_product_categories ul li.current-menu-item>a .count:after,.wp-block-group ul li.current-menu-item>a .count:after,.widget_categories ul li.current-menu-item>a .count:after,.widget_nav_menu ul li.current-menu-item>a .count:after,.widget_pages ul li.current-menu-item>a .count:after,.widget_archive ul li.current-menu-item>a .count:after,.widget_meta ul li.current-menu-item>a .count:after,.widget_recent_entries ul li.current-menu-item>a .count:after,.widget_product_categories ul li.current-cat>a .count:after,.wp-block-group ul li.current-cat>a .count:after,.widget_categories ul li.current-cat>a .count:after,.widget_nav_menu ul li.current-cat>a .count:after,.widget_pages ul li.current-cat>a .count:after,.widget_archive ul li.current-cat>a .count:after,.widget_meta ul li.current-cat>a .count:after,.widget_recent_entries ul li.current-cat>a .count:after,.widget_product_categories ul li.current-cat-parent>a .count:after,.wp-block-group ul li.current-cat-parent>a .count:after,.widget_categories ul li.current-cat-parent>a .count:after,.widget_nav_menu ul li.current-cat-parent>a .count:after,.widget_pages ul li.current-cat-parent>a .count:after,.widget_archive ul li.current-cat-parent>a .count:after,.widget_meta ul li.current-cat-parent>a .count:after,.widget_recent_entries ul li.current-cat-parent>a .count:after,.widget_product_categories ul li>a:hover .count:after,.wp-block-group ul li>a:hover .count:after,.widget_categories ul li>a:hover .count:after,.widget_nav_menu ul li>a:hover .count:after,.widget_pages ul li>a:hover .count:after,.widget_archive ul li>a:hover .count:after,.widget_meta ul li>a:hover .count:after,.widget_recent_entries ul li>a:hover .count:after {
    color: var(--primary-color)
}

.widget_tag_cloud .widget-title {
    margin-bottom: 37px!important
}

.tagcloud {
    margin-left: -7px;
    margin-top: 19px
}

.tagcloud a {
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    color: var(--secondary-color);
    padding: 0 18px;
    display: inline-block;
    border: 1px solid #eff1f4;
    color: #222;
    font-size: 14px!important;
    line-height: 30px;
    flex-grow: 1;
    margin-left: 7px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    text-transform: capitalize
}

.tagcloud a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.widget_pxl_recent_posts .pxl-item--img {
    width: 80px;
    border-radius: 3px;
    min-width: 80px;
    margin-right: 10px;
    max-height: 68px;
    overflow: hidden
}

.widget_pxl_recent_posts .pxl-item--title {
    color: var(--secondary-color);
    height: 46px;
    overflow: hidden;
    margin-bottom: 7px;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px
}

.widget_pxl_recent_posts .pxl-item--title a {
    color: var(--secondary-color)
}

.widget_pxl_recent_posts .pxl-item--title a:hover {
    color: var(--primary-color)
}

.widget_pxl_recent_posts .pxl-item--date {
    font-size: 15px;
    color: #7a7a7a;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize
}

.widget_pxl_recent_posts .pxl-item--date i {
    margin-right: 6px;
    color: var(--primary-color)
}

.widget_pxl_recent_posts .pxl--item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-bottom: 19px;
    margin-top: 17px
}

.widget_pxl_recent_posts .pxl--item img {
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.widget_pxl_recent_posts .pxl--item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.widget_pxl_recent_posts .pxl--item:first-child {
    margin-top: 25px
}

.widget_pxl_recent_posts .pxl--item:hover img {
    transform: scale(1.1)
}

.widget_pxl_recent_posts .pxl--item:not(:last-child) {
    border-bottom: 1px solid #e2e2e7
}

.gallery {
    margin: -16px -12px 43px;
    display: flex;
    flex-wrap: wrap
}

.gallery .gallery-item {
    padding: 0 12px;
    margin-top: 24px;
    margin-bottom: 0
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.33%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.widget_media_gallery .widget-title,.elementor-widget-wp-widget-media_gallery .widget-title,.elementor-widget-image-gallery .widget-title {
    margin-bottom: 19px!important
}

.widget_media_gallery .gallery,.elementor-widget-wp-widget-media_gallery .gallery,.elementor-widget-image-gallery .gallery {
    margin: -10px -5px 0!important
}

.widget_media_gallery .gallery .gallery-item,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item,.elementor-widget-image-gallery .gallery .gallery-item {
    padding: 0 5px;
    margin-top: 10px!important;
    margin-bottom: 0
}

.widget_media_gallery .gallery .gallery-item img,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item img,.elementor-widget-image-gallery .gallery .gallery-item img {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    border: none!important
}

.widget_media_gallery .gallery .gallery-item a,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a,.elementor-widget-image-gallery .gallery .gallery-item a {
    display: flex;
    position: relative;
    flex-wrap: wrap
}

.widget_media_gallery .gallery .gallery-item a:before,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before,.elementor-widget-image-gallery .gallery .gallery-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.67);
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 0;
    z-index: 1
}

.widget_media_gallery .gallery .gallery-item a:after,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after,.elementor-widget-image-gallery .gallery .gallery-item a:after {
    content: "\f12c";
    font-size: 14px;
    font-family: caseicon;
    color: #fff;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 0
}

.widget_media_gallery .gallery .gallery-item a:hover:before,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before,.elementor-widget-image-gallery .gallery .gallery-item a:hover:before,.widget_media_gallery .gallery .gallery-item a:hover:after,.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after,.elementor-widget-image-gallery .gallery .gallery-item a:hover:after {
    opacity: 1
}

.elementor-lightbox .swiper-container .elementor-lightbox-image {
    width: auto;
    height: auto
}

.elementor-lightbox .swiper-container .swiper-slide {
    background-color: initial
}

.pxl-gallery {
    margin: -8px -15px 50px;
    display: flex;
    flex-wrap: wrap
}

.pxl-gallery img {
    width: 100%
}

.pxl-gallery .pxl--item {
    padding: 30px 15px 0
}

.pxl-gallery .pxl--item-inner {
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.pxl-gallery .pxl--item-inner.video-active:before {
    background-color: rgba(27,27,27,.8)
}

.pxl-gallery .pxl--item-inner .btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99
}

.pxl-gallery.gallery-2-columns .pxl--item {
    width: 50%
}

@media screen and (max-width: 575px) {
    .pxl-gallery.gallery-2-columns .pxl--item {
        width:100%
    }
}

.pxl-gallery.gallery-3-columns .pxl--item {
    width: 33.33%
}

@media screen and (max-width: 575px) {
    .pxl-gallery.gallery-3-columns .pxl--item {
        width:100%
    }
}

.pxl-gallery.gallery-4-columns .pxl--item {
    width: 25%
}

@media screen and (max-width: 767px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width:100%
    }
}

.pxl-gallery.gallery-5-columns .pxl--item {
    width: 20%
}

@media screen and (max-width: 767px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width:100%
    }
}

.pxl-wg-bannerbox1 {
    border: none!important;
    background-color: #fcf9f4;
    text-align: center;
    padding: 45px 40px 20px!important
}

.pxl-wg-bannerbox1 .wrap-image {
    display: inline-block;
    position: relative
}

.pxl-wg-bannerbox1 .wrap-image img {
    max-width: 190px
}

.pxl-wg-bannerbox1 .wrap-image:before {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: var(--regular-color);
    top: 0;
    right: 0;
    border-radius: 50px;
    background-image: url(../img/quote-blog-sidebar.png);
    background-position: 50%;
    background-repeat: no-repeat;
    content: ''
}

.pxl-wg-bannerbox1 .wg-title {
    font-size: 22px;
    font-weight: 400;
    color: var(--secondary-color);
    padding-top: 27px
}

.pxl-wg-bannerbox1 .wg-description {
    font-size: 16px;
    font-weight: 400;
    color: #70747f;
    line-height: 30px
}

li cite {
    color: var(--secondary-color)
}

.widget_recent_entries a,.widget_recent_comments a {
    color: var(--secondary-color)
}

.widget_recent_entries a:hover,.widget_recent_comments a:hover {
    color: var(--primary-color)
}

.widget_recent_entries ul,.widget_recent_comments ul {
    list-style: none
}

.widget_recent_comments ul {
    list-style: none;
    padding-left: 0
}

.widget_recent_comments ul li {
    border-bottom: 1px solid #ececf0;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.widget_recent_comments .recentcomments>a {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--secondary-color);
    display: block
}

.widget_recent_comments .recentcomments>a:hover {
    color: var(--primary-color)
}

.widget_recent_comments .recentcomments>a:before {
    content: '\A';
    white-space: pre
}

.widget_rss ul {
    list-style: none;
    padding: 0
}

.widget_rss li {
    margin-bottom: 16px
}

.widget_rss li:last-child {
    margin-bottom: 0
}

.widget_rss .rsswidget {
    font-weight: 700;
    display: inline-block
}

.widget_rss .rss-date {
    font-size: .875em;
    font-style: italic;
    display: block
}

.widget_rss cite {
    font-weight: 700;
    font-size: .875em
}

.single-post .pxl-sidebar-sticky,.blog .pxl-sidebar-sticky {
    border: 0 solid #efefef;
    padding: 0!important;
    top: 150px!important
}

.single-post .widget,.blog .widget {
    padding: 10px 0!important
}

.single-post .widget.widget_search,.blog .widget.widget_search {
    padding-top: 0!important
}

.single-post .pxl-content-post,.blog .pxl-content-post {
    padding-left: 15px!important;
    padding-right: 15px!important
}

@media(min-width: 992px) {
    .single-post .pxl-content-post,.blog .pxl-content-post {
        padding-right:0!important
    }
}

@media(min-width: 992px) {
    .single-post .pxl-sidebar-post,.blog .pxl-sidebar-post {
        padding-left:80px!important
    }
}

@media(min-width: 1200px) {
    .single-post .pxl-sidebar-area,.blog .pxl-sidebar-area {
        padding-left:55px!important
    }
}

.widget_block:nth-child(1),.widget_block:nth-child(2),.widget_block:nth-child(3) {
    margin-bottom: 30px;
    padding: 1px 0!important
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-o-placeholder,textarea::-o-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-ms-placeholder,textarea::-ms-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea,select,.pxl-select-higthlight {
    background-color: #fff;
    border: 1px solid #e9ebf0;
    color: var(--secondary-color);
    padding: 6px 22px;
    line-height: normal;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    outline: none
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus,select:focus,.pxl-select-higthlight:focus {
    border: 1px solid var(--secondary-color)!important;
    outline: 0;
    border-color: var(--primary-color)
}

input[type=range] {
    padding: 0;
    background-color: initial;
    height: auto;
    border: none
}

select {
    height: 50px
}

textarea {
    padding-top: 18px;
    padding-bottom: 18px;
    height: 150px;
    margin: 0
}

.comment-form-cookies-consent {
    display: none
}

.comments-area .avatar {
    margin-bottom: 10px
}

.comments-area .comment-list-wrap {
    margin-top: 44px!important
}

.comments-area .comment-list-wrap .comments-title {
    font-size: 30px;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--secondary-color);
    font-weight: 700
}

.comments-area .comment-reply-title {
    font-size: 30px;
    text-transform: capitalize;
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 30px
}

.comments-area .comment-respond {
    margin-top: 30px
}

.comments-area .comment-respond .logged-in-as {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: lato
}

.comments-area .comment-respond .logged-in-as a {
    color: inherit
}

.comments-area .comment-respond .logged-in-as a:hover {
    color: var(--primary-color)
}

.comments-area .comment-respond .logged-in-as a:nth-child(2) {
    font-weight: 700;
    text-decoration: underline
}

.comments-area .no-comments {
    display: none
}

.comment-title {
    font-size: 22px;
    text-transform: capitalize;
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 2px
}

.comment-title a {
    color: inherit
}

.comment-title a:hover {
    color: inherit
}

.comment-list {
    padding: 0;
    list-style: none;
    max-width: 800px;
    margin-top: 50px
}

.comment-list li .children {
    padding-left: 95px
}

@media screen and (max-width: 767px) {
    .comment-list li .children {
        padding-left:78px
    }
}

@media screen and (max-width: 575px) {
    .comment-list li .children {
        padding-left:0
    }
}

.comment-list li .children li {
    list-style: none;
    margin-top: 11px
}

.comment-list li .comment-respond {
    margin-top: 15px;
    margin-bottom: 50px;
    margin-left: 130px
}

@media screen and (max-width: 767px) {
    .comment-list li .comment-respond {
        margin-left:78px;
        margin-top: 0
    }
}

@media screen and (max-width: 575px) {
    .comment-list li .comment-respond {
        margin-left:0;
        margin-top: 20px
    }
}

.comment-list>li {
    margin-bottom: 11px
}

.comment-list>li:last-child {
    margin-bottom: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children {
    padding-left: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children .children {
    padding-left: 0
}

.comment-date {
    font-family: lato;
    font-weight: 400;
    font-size: 15px;
    color: #646464;
    margin: 2px 0 17px;
    line-height: normal;
    display: inline-block;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.comment-content {
    position: relative;
    flex-grow: 1;
    padding: 0 22px 34px 120px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1)
}

@media screen and (max-width: 767px) {
    .comment-content {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (max-width: 575px) {
    .comment-content {
        padding-top:70px
    }
}

.comment-content a {
    word-wrap: break-word
}

.comment-content .comment-text {
    color: inherit;
    font-size: 17px;
    color: #444;
    line-height: 30px
}

.comment-content .comment-text p:last-child {
    margin-bottom: 0
}

.comment-content .comment-text ol,.comment-content .comment-text ul {
    margin-bottom: 32px
}

.comment-content .comment-text ol ul,.comment-content .comment-text ul ul,.comment-content .comment-text ol ol,.comment-content .comment-text ul ol {
    margin-bottom: 0
}

.comment-content .comment-text ul li {
    list-style: outside
}

.comment-content .comment-text img {
    margin: 6px 0
}

.comment-reply {
    margin-top: 17px
}

.comment-reply a {
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
    z-index: 1
}

.comment-reply-title small {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    margin-left: 10px
}

.comment-reply-title small a {
    line-height: 36px;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 36px;
    -khtml-border-radius: 36px;
    -moz-border-radius: 36px;
    -ms-border-radius: 36px;
    -o-border-radius: 36px;
    border-radius: 36px;
    background-size: 300%,1px;
    background-position: 0
}

.comment-reply-title small a i {
    margin-left: 4px
}

.comment-reply-title small a:hover {
    color: #fff;
    background-position: 100%
}

.comment-holder {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 5px
}

.comment-holder .comment-meta {
    flex-grow: 1;
    margin-right: 30px
}

@media screen and (max-width: 575px) {
    .comment-holder {
        display:block;
        margin-top: 0;
        margin-bottom: 14px
    }

    .comment-holder .comment-meta {
        margin-right: 0
    }
}

.comment-form .row>div input[type=text] {
    height: 50px;
    border-radius: 0;
    color: #888;
    border: none;
    background-color: #f4f5fa
}

.comment-form textarea {
    border: none;
    border-radius: 0;
    color: #888;
    background-color: #f4f5fa
}

.comment-form .form-submit {
    margin-top: 30px;
    margin-bottom: 0
}

.comment-form .form-submit .submit {
    font-size: 14px!important;
    line-height: 45px!important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 28px!important;
    border-radius: 2px!important;
    margin-left: 15px
}

.comment-form .form-submit .submit:hover {
    -webkit-transform: translateY(-2px);
    -khtml-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.comment-form .comment-form-comment {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.comment-form .title-form {
    font-size: 14px;
    line-height: 26px;
    color: #1b1b1b
}

.comment-form .comment-form-check {
    font-size: 14px;
    line-height: 26px;
    color: #1b1b1b;
    display: flex;
    align-items: center;
    position: relative
}

.comment-form .comment-form-check label:before {
    position: absolute;
    width: 14px;
    height: 14px;
    content: '';
    background-color: #e9e9e9;
    top: 6px;
    left: -27px
}

.comment-form .comment-form-check label {
    position: relative
}

.comment-form .comment-form-check label:after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: '';
    background-color: var(--primary-color);
    top: 10px;
    left: -23px;
    opacity: 0;
    z-index: 1
}

.comment-form .comment-form-check input {
    z-index: 2;
    margin-right: 14px;
    opacity: 0;
    cursor: pointer
}

.comment-form .comment-form-check input:checked+label:after {
    opacity: 1
}

.comment-inner {
    position: relative
}

.comment-inner img.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    min-width: 90px;
    margin-right: 28px;
    float: left;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

@media screen and (max-width: 767px) {
    .comment-inner img.avatar {
        width:60px;
        height: 60px;
        min-width: 60px;
        margin-right: 18px
    }
}

@media screen and (max-width: 575px) {
    .comment-inner img.avatar {
        float:none;
        margin: 0 auto;
        width: 92px;
        height: 92px;
        min-width: 92px;
        margin-bottom: -45px;
        position: relative;
        z-index: 99;
        opacity: 1
    }
}

.comment-form-cookies-consent {
    font-size: 14px;
    line-height: 26px;
    padding-left: 24px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 28px;
    color: #1b1b1b
}

.comment-form-cookies-consent input,.comment-form-cookies-consent label:before,.comment-form-cookies-consent label:after {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 6px;
    cursor: pointer
}

.comment-form-cookies-consent label {
    cursor: pointer
}

.comment-form-cookies-consent label:before {
    content: '';
    z-index: 1;
    background-color: #e9e9e9
}

.comment-form-cookies-consent label:after {
    content: '\f10c';
    font-family: caseicon;
    font-weight: 400;
    z-index: 2;
    font-size: 10px;
    color: #000;
    opacity: 0;
    line-height: 12px;
    text-align: center;
    top: 6px
}

.comment-form-cookies-consent input {
    z-index: 99;
    opacity: 0
}

.comment-form-cookies-consent input:checked+label:after {
    opacity: 1
}

#commentform {
}

.pxl-select {
    width: 100%;
    position: relative
}

.pxl-select .pxl-select-hidden {
    display: none
}

.pxl-select .pxl-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    right: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 12px 18px;
    background-color: #fff;
    z-index: 99;
    font-size: 14px;
    color: var(--secondary-color);
    font-family: lato,sans-serif;
    border: 1px solid #eaeaea;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    opacity: 0;
    margin-top: 30px;
    display: inline-table;
    visibility: hidden
}

.pxl-select .pxl-select-options li {
    white-space: nowrap;
    padding: 9px 8px;
    cursor: pointer;
    text-align: left;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    line-height: normal!important
}

.pxl-select .pxl-select-options li:hover {
    color: var(--primary-color)
}

.pxl-select .pxl-select-higthlight {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.pxl-select .pxl-select-higthlight:before {
    content: "\f150";
    font-family: Caseicon;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    font-weight: 700;
    color: #737879;
    line-height: 28px;
    text-align: center;
    font-size: 10px;
    font-family: Caseicon;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-select .pxl-select-higthlight.active+.pxl-select-options {
    opacity: 1;
    margin-top: 0px;
    visibility: visible
}

.pxl-select .pxl-select-higthlight.active:before {
    transform: translate(0,-50%)scaleY(-1)
}

.wrap-ctf1 .wpcf7-not-valid-tip {
    top: 100%!important
}

.wrap-ctf1 .wpcf7-form-control-wrap {
    margin-bottom: 0!important
}

.wrap-ctf1 .input-filled input {
    height: 60px!important;
    font-size: 15px!important;
    box-shadow: rgba(0,0,0,.1)10px 0 62px!important;
    border-radius: 0
}

.wrap-ctf1 .wpcf7-submit {
    position: absolute;
    padding: 2px 20px 3px!important;
    right: 3px;
    top: 3px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    border-radius: 0
}

@media(max-width: 450px) {
    .wrap-ctf1 .wpcf7-submit {
        font-size:15px;
        padding: 2px 20px 3px!important
    }
}

.wrap-ctf1 .wpcf7-submit:hover {
    background-color: var(--secondary-color)
}

.wrap-ctf10 {
    filter: drop-shadow(3px 5px 25px rgba(0,0,0,5%))
}

.wrap-ctf10 .ctf10 {
    min-height: 647px;
    max-width: 569px;
    padding: 50px 100px 60px 60px;
    mask-image: url(../img/mask-form.png);
    -webkit-mask-image: url(../img/mask-form.png);
    -ms-mask-image: url(../img/mask-form.png);
    -o-mask-image: url(../img/mask-form.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    background-color: #fff;
    -o-mask-position: center top;
    position: relative
}

@media(max-width: 575px) {
    .wrap-ctf10 .ctf10 {
        padding:50px 10px 60px
    }
}

.wrap-ctf10 .ctf10:before {
    position: absolute;
    width: 352px;
    height: 131px;
    content: '';
    background-image: url(../img/bg-form.jpg);
    bottom: -5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    right: -108px
}

.wrap-ctf10 .ctf10 .input-filled {
    margin-bottom: 13px;
    position: relative
}

.wrap-ctf10 .ctf10 .input-filled .title p,.wrap-ctf10 .ctf10 .input-filled .title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #1e1e2a;
    max-width: 410px;
    padding-bottom: 10px
}

.wrap-ctf10 .ctf10 .input-filled .title p span,.wrap-ctf10 .ctf10 .input-filled .title span {
    color: var(--primary-color)
}

.wrap-ctf10 .ctf10 .input-filled input {
    padding-left: 33px;
    background-color: #f9f7f7;
    border-radius: 1e3px;
    border: none!important;
    font-size: 16px;
    color: #888;
    height: 65px;
    box-shadow: none!important
}

.wrap-ctf10 .ctf10 .input-filled i {
    position: absolute;
    line-height: 0;
    color: var(--primary-color);
    right: 30px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%)
}

.wrap-ctf10 .ctf10 .input-filled.f-bt {
    margin-top: 33px
}

.wrap-ctf10 .ctf10 .input-filled input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
    z-index: 2
}

@-moz-document url-prefix() {
    .wrap-ctf10 .ctf10 .input-filled input[type=date]::-webkit-calendar-picker-indicator {
        display: none!
    }
}

.wrap-ctf10 .ctf10 .input-filled input[type=date]::-webkit-inner-spin-button,.wrap-ctf10 .ctf10 .input-filled input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

.wrap-ctf10 .ctf10 .input-filled button {
    border-radius: 1e3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 100%;
    font-size: 15px;
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: #fff
}

@media(max-width: 575px) {
    .wrap-ctf10 .ctf10 .input-filled button {
        padding:0
    }
}

.wrap-ctf10 .ctf10 .input-filled button i {
    position: relative;
    top: auto;
    right: auto;
    color: #fff;
    font-size: 21px;
    transition: 300ms;
    padding-left: 17px
}

.wrap-ctf10 .ctf10 .input-filled button br {
    display: none
}

.box-shadow1 {
    box-shadow: rgba(100,100,111,.1)0 7px 29px
}

.pxl-content-area .searchform-wrap {
    position: relative
}

.pxl-content-area .searchform-wrap .search-submit {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background-color: var(--secondary-color)
}

.pxl-content-area .searchform-wrap .search-submit:hover {
    background-color: var(--primary-color)
}

.pxl-content-area .page-header .page-title {
    color: var(--secondary-color)
}

.ovl-scroll {
    overflow-y: scroll
}

@media(max-width: 767px) {
    .form-h1 .input-filled {
        padding-bottom:10px
    }

    .form-h1 .input-filled input,.form-h1 .input-filled .pxl-select-higthlight {
        height: 57px
    }
}

.form-h1 input,.form-h1 .pxl-select-higthlight {
    background-color: #373737;
    height: 43px;
    border-radius: 0;
    color: #c8c8c8!important;
    width: 100%;
    font-size: 15px
}

.form-h1 input:hover,.form-h1 .pxl-select-higthlight:hover,.form-h1 input:active,.form-h1 .pxl-select-higthlight:active,.form-h1 input:focus,.form-h1 .pxl-select-higthlight:focus {
    border: none!important
}

.form-h1 .pxl-select-higthlight:before {
    color: #c8c8c8!important;
    right: 10px!important
}

.form-h1 button {
    background-color: var(--primary-color);
    border: none;
    border-radius: 0!important;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
    font-size: 15px;
    height: 43px;
    width: 100%!important;
    line-height: 43px!important;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms
}

.form-h1 button:hover {
    color: #000!important;
    background-color: #fff
}

.wrap-ctf-service {
    padding: 0 26px
}

@media(max-width: 450px) {
    .wrap-ctf-service {
        padding:0 10px
    }
}

.wrap-ctf-service .title-form {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    padding: 20px 28px;
    background-color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media(max-width: 450px) {
    .wrap-ctf-service .title-form {
        font-size:18px
    }
}

.wrap-ctf-service .title-form:before {
    position: absolute;
    content: '';
    background-color: #3e7f5b;
    width: 25px;
    height: 25px;
    bottom: -13px;
    right: 0;
    transform: skewy(-45deg);
    z-index: -1
}

@media(max-width: 450px) {
    .wrap-ctf-service .title-form:before {
        width:10px;
        height: 20px;
        bottom: -5px
    }
}

.wrap-ctf-service .title-form:after {
    position: absolute;
    content: '';
    background-color: #3e7f5b;
    width: 25px;
    height: 25px;
    bottom: -13px;
    left: 0;
    z-index: -1;
    transform: skewy(45deg)
}

@media(max-width: 450px) {
    .wrap-ctf-service .title-form:after {
        width:10px;
        height: 20px;
        bottom: -5px
    }
}

.wrap-ctf-service .wrap-input {
    box-shadow: rgba(100,100,111,.2)0 7px 29px;
    padding: 135px 33px 20px
}

@media(max-width: 450px) {
    .wrap-ctf-service .wrap-input {
        padding:110px 15px 20px
    }
}

.wrap-ctf-service .wrap-input .input-filled {
    margin-bottom: 16px
}

.wrap-ctf-service .wrap-input input,.wrap-ctf-service .wrap-input .pxl-select-higthlight {
    border-radius: 0;
    box-shadow: none!important;
    height: 55px;
    background-color: #f3f3f3a1;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    border: none;
}

.wrap-ctf-service .wrap-input button {
    height: 55px;
    overflow: hidden;
    background-color: initial;
    color: #6d9d46;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    width: 100%;
    text-align: center;
    position: relative
}

.wrap-ctf-service .wrap-input button:after {
    content: "";
    background: #00585F;
    position: absolute;
    z-index: -1;
    padding: .85em .75em;
    display: block;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(45deg)scale(0,1);
    transition: 500ms!important
}

.wrap-ctf-service .wrap-input button:before {
    content: "";
    background: var(--primary-color);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.wrap-ctf-service .wrap-input button:hover:after {
    transform: skewX(45deg)scale(1,1)
}

.wrap-ctf-team .wrap-input .input-filled {
    margin-bottom: 18px
}

.wrap-ctf-team .wrap-input input,.wrap-ctf-team .wrap-input .pxl-select-higthlight {
    border-radius: 0;
    box-shadow: none!important;
    height: 47px;
    background-color: #f9f9f9;
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.wrap-ctf-team .wrap-input textarea {
    height: 112px;
    border-radius: 0;
    box-shadow: none!important;
    background-color: #f9f9f9;
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.wrap-ctf-team .wrap-input .btn {
    line-height: 40px!important;
    padding: 0 28px 0 7px;
    margin-top: 7px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.wrap-ctf-team .wrap-input .btn:hover {
    background-color: #000
}

.wrap-ctf-team .wrap-input .btn i {
    font-size: 11px
}

.wrap-ctf-team .wrap-input button {
    padding: 0 23px;
    height: 40px;
    overflow: hidden;
    background-color: initial;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    font-weight: 700;
    border-radius: 0;
    width: 100%;
    text-align: center;
    position: relative
}

.wrap-ctf-service-home3 textarea {
    background-color: #f7f7f7;
    height: 130px
}

.wrap-ctf-service-home3 .wrap-input .input-filled {
    margin-bottom: 16px
}

.wrap-ctf-service-home3 .wrap-input input,.wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight {
    border-radius: 0;
    box-shadow: none!important;
    height: 55px;
    background-color: #f7f7f7;
    color: #666;
    font-size: 16px;
    font-weight: 400
}

.wrap-ctf-service-home3 .wrap-input button {
    height: 55px;
    overflow: hidden;
    background-color: initial;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    text-align: center;
    position: relative
}

.wrap-ctf-service-home3 .wrap-input button:after {
    content: "";
    background: #000;
    position: absolute;
    z-index: -1;
    padding: .85em .75em;
    display: block;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(45deg)scale(0,1);
    transition: 500ms!important
}

.wrap-ctf-service-home3 .wrap-input button:before {
    content: "";
    background: var(--primary-color);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.wrap-ctf-service-home3 .wrap-input button:hover:after {
    transform: skewX(45deg)scale(1,1)
}

.wrap-ctf-footer-home2 {
    background: var(--primary-color);
    padding: 13px 17px 15px 0;
    position: relative
}

@media(max-width: 991px) {
    .wrap-ctf-footer-home2 {
        padding:20px 17px 22px 0
    }
}

.wrap-ctf-footer-home2:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 66px;
    bottom: 0;
    z-index: -1;
    left: -66px;
    clip-path: polygon(100% 0,0 0,100% 100%);
    background-color: #97070c
}

.wrap-ctf-footer-home2 .form-contact {
    position: relative
}

.wrap-ctf-footer-home2 .form-contact input {
    height: 44px;
    font-size: 15px;
    font-weight: 400;
    background-color: #97070c;
    color: #fff!important;
    border-radius: 0;
    border: none!important
}

.wrap-ctf-footer-home2 .form-contact button {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    padding: 0;
    height: 44px;
    width: 63px;
    background-color: #fff;
    color: #000;
    border-radius: 0;
    font-size: 19px;
    text-align: center
}

.wrap-ctf-footer-home2 .form-contact button i {
    display: block
}

.wrap-ctf-footer-home2 .form-contact button:hover i {
    color: #000;
    animation: toBottomFromTop 300ms ease-out
}

.wrap-ctf-footer-home2 .input-filled {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 991px) {
    .wrap-ctf-footer-home2 .input-filled {
        justify-content:start
    }
}

.wrap-ctf-footer-home2 h2 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .wrap-ctf-footer-home2 h2 {
        margin-bottom:10px;
        text-align: left
    }
}

.wrap-ctf-footer-home9 .form-contact {
    position: relative
}

.wrap-ctf-footer-home9 .form-contact input {
    height: 44px;
    font-size: 15px;
    font-weight: 400;
    background-color: #0f0f35;
    color: #fff!important;
    border-radius: 0;
    border: none!important
}

.wrap-ctf-footer-home9 .form-contact button {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    padding: 0;
    height: 44px;
    width: 63px;
    background: linear-gradient(90deg,#05f 0%,#00e9f1 50%,#05f 100%);
    background-size: 200%;
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    text-align: center
}

.wrap-ctf-footer-home9 .form-contact button i {
    display: block
}

.wrap-ctf-footer-home9 .form-contact button:hover {
    background-position: 100%
}

.wrap-ctf-footer-home9 .input-filled {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 991px) {
    .wrap-ctf-footer-home9 .input-filled {
        justify-content:start
    }
}

.wrap-ctf-footer-home9 h2 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .wrap-ctf-footer-home9 h2 {
        margin-bottom:10px;
        text-align: left
    }
}

.wrap-ctf-v2 .input-filled {
    margin-bottom: 19px
}

.wrap-ctf-v2 .input-filled label {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: block
}

.wrap-ctf-v2 .input-filled input,.wrap-ctf-v2 .input-filled .pxl-select-higthlight {
    height: 49px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 14px;
    color: #666;
    background-color: #f9f9f9;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v2 .input-filled input:focus,.wrap-ctf-v2 .input-filled .pxl-select-higthlight:focus,.wrap-ctf-v2 .input-filled input:active,.wrap-ctf-v2 .input-filled .pxl-select-higthlight:active {
    background-color: #f9f9f9
}

.wrap-ctf-v2 .input-filled textarea {
    height: 153px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 14px;
    color: #666;
    background-color: #f9f9f9;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v2 .input-filled textarea:focus,.wrap-ctf-v2 .input-filled textarea:active {
    background-color: #f9f9f9
}

.wrap-ctf-v2 .input-filled button {
    margin-top: 3px;
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 55px 0 37px;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
    background-color: var(--primary-color)
}

.wrap-ctf-v2 .input-filled button i {
    padding-right: 10px
}

.wrap-ctf-v1 .input-filled {
    margin-bottom: 17px
}

.wrap-ctf-v1 .input-filled input {
    height: 63px;
    border: 1px solid #e4e4e4!important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 16px;
    color: #666;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v1 .input-filled input:focus,.wrap-ctf-v1 .input-filled input:active {
    border-color: var(--primary-color)!important
}

.wrap-ctf-v1 .input-filled textarea {
    height: 185px;
    border: 1px solid #e4e4e4!important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 16px;
    color: #666;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v1 .input-filled textarea:focus,.wrap-ctf-v1 .input-filled textarea:active {
    border-color: var(--primary-color)!important
}

.wrap-ctf-v1 .input-filled button {
    height: 64px;
    padding: 0 57px 0 48px;
    font-size: 16px;
    color: #fff;
    border-radius: 0
}

.wrap-ctf-home-main .input-filled {
    margin-bottom: 10px;
    position: relative
}

.wrap-ctf-home-main .input-filled i {
    position: absolute;
    line-height: 0;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.wrap-ctf-home-main .input-filled .pxl-select-higthlight:before {
    font-size: 14px
}

.wrap-ctf-home-main .input-filled input,.wrap-ctf-home-main .input-filled .pxl-select-higthlight {
    height: 60px;
    background-color: #f7f7f7;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 16px;
    color: #666;
    border-radius: 0;
    box-shadow: none!important;
    /* border-radius: 5px; */
    border: none;
}

.wrap-ctf-home-main .input-filled input:before,.wrap-ctf-home-main .input-filled .pxl-select-higthlight:before {
    content: "\f150"!important;
    font-family: caseicon!important;
    top: 50%!important;
    font-size: 12px;
    right: 14px!important
}

.wrap-ctf-home-main .input-filled button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    font-family: "Nunito Sans", Sans-serif;
}

.wrap-ctf-home-main .input-filled button i {
    position: relative;
    top: auto;
    right: auto;
    line-height: 60px;
    transform: translateY(0%)translatex(15px);
    font-size: 13px;
    transition: 300ms
}

.wrap-ctf-home-main .input-filled button:hover i {
    transform: translateY(0%)translatex(15px)rotate(45deg)
}

.wrap-ctf-home-main .input-filled button br {
    display: none
}

.wrap-ctf-v3 .input-filled {
    margin-bottom: 17px
}

.wrap-ctf-v3 .input-filled input {
    height: 63px;
    border: 2px solid #fdf6f2!important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px!important;
    color: #242425;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v3 .input-filled input:focus,.wrap-ctf-v3 .input-filled input:active {
    border-color: var(--primary-color)!important
}

.wrap-ctf-v3 .input-filled textarea {
    height: 185px;
    border: 2px solid #fdf6f2!important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px!important;
    color: #242425;
    border-radius: 0;
    box-shadow: none!important
}

.wrap-ctf-v3 .input-filled textarea:focus,.wrap-ctf-v3 .input-filled textarea:active {
    border-color: var(--primary-color)!important
}

.wrap-ctf-v3 .input-filled button {
    height: 60px;
    padding: 0 35px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0
}

.wrap-ctf-calculate {
    border: 1px solid #d8d3d3;
    padding: 16px 20px 30px
}

.wrap-ctf-calculate .title {
    font-size: 24px;
    margin-bottom: 3px
}

.wrap-ctf-calculate .description {
    font-size: 14px;
    color: #666;
    margin-bottom: 34px
}

.wrap-ctf-calculate .wrap-input select {
    height: 36px;
    font-size: 16px;
    color: #ababab;
    border: 1px solid #d8d3d3!important;
    box-shadow: none!important;
    border-radius: 0;
    padding-left: 10px!important
}

.wrap-ctf-calculate .wrap-input .input-filled {
    display: flex;
    align-items: center;
    margin-bottom: 28px
}

.wrap-ctf-calculate .wrap-input .input-filled.f1 {
    margin-bottom: 33px
}

.wrap-ctf-calculate .wrap-input .input-filled.f3 {
    margin-bottom: 18px
}

.wrap-ctf-calculate .wrap-input .input-filled.f4 {
    margin-bottom: 42px
}

.wrap-ctf-calculate .wrap-input .input-filled.f5 {
    margin-bottom: 0
}

.wrap-ctf-calculate .wrap-input .input-filled.f2 select,.wrap-ctf-calculate .wrap-input .input-filled.f3 select {
    -webkit-appearance: none;
    appearance: none
}

.wrap-ctf-calculate .wrap-input .input-filled.f2 .wpcf7-form-control-wrap:before,.wrap-ctf-calculate .wrap-input .input-filled.f3 .wpcf7-form-control-wrap:before {
    content: "\f078";
    font-family: 'font awesome 5 pro';
    font-size: 13px;
    color: #949494;
    font-weight: 700;
    position: absolute;
    right: 12px;
    top: 53%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

@media(max-width: 480px) {
    .wrap-ctf-calculate .wrap-input .input-filled {
        display:block;
        margin-bottom: 15px!important
    }

    .wrap-ctf-calculate .wrap-input .input-filled br {
        display: none
    }
}

.wrap-ctf-calculate .wrap-input .input-filled .title-input {
    min-width: 210px;
    color: #050505;
    font-size: 14px;
    font-weight: 700
}

@media(max-width: 480px) {
    .wrap-ctf-calculate .wrap-input .input-filled .title-input {
        margin-bottom:10px;
        display: block
    }
}

.wrap-ctf-calculate .wrap-input .input-filled .uacf7-slider-label {
    display: none
}

.wrap-ctf-calculate .wrap-input .input-filled .uacf7-value {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    position: absolute;
    top: -25px;
    right: 0
}

.wrap-ctf-calculate .wrap-input .input-filled .uacf7_range_slider-700 {
    width: 100%
}

.wrap-ctf-calculate .wrap-input input[type=range] {
    background-color: var(--primary-color)!important;
    border: none!important
}

.wrap-ctf-calculate .wrap-input input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: initial;
    margin-top: -12px;
    background-color: var(--primary-color)!important;
    height: 37px;
    width: 37px
}

.wrap-ctf-calculate .wrap-input input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: initial;
    margin-top: -12px;
    background-color: var(--primary-color)!important;
    height: 37px;
    width: 37px;
    border-radius: 300px;
    border: none!important
}

.wrap-ctf-calculate .wrap-input input[type=range]::-webkit-slider-runnable-track {
    background: #f8f8f8!important;
    height: 18px;
    border: 1px solid #d8d3d3!important;
    border-radius: 100px
}

.wrap-ctf-calculate .wrap-input input[type=range]::-moz-range-track {
    background: #f8f8f8!important;
    height: 18px;
    border: 1px solid #d8d3d3!important;
    border-radius: 100px
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom {
    padding: 0!important;
    box-shadow: none!important;
    cursor: pointer
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item {
    margin: 0!important
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom input {
    width: 71px;
    height: 38px;
    opacity: 0;
    z-index: 2;
    position: relative;
    cursor: pointer
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 3px;
    width: 71px;
    height: 39px;
    display: block;
    cursor: pointer
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:before {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #d8d3d3;
    border-radius: 100px;
    top: 0;
    left: 0;
    cursor: pointer
}

.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:after {
    position: absolute;
    width: 29px;
    height: 29px;
    background-color: #ccc;
    border-radius: 100px;
    top: 5px;
    left: 7px;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    cursor: pointer
}

.wrap-ctf-calculate .wrap-input input[type=checkbox]:checked+.wpcf7-list-item-label:after,.wrap-ctf-calculate .wrap-input .wpcf7 .wpcf7-form-control.wpcf7-checkbox_custom input[type=checkbox]:checked+.wpcf7-list-item-label:after {
    background-color: var(--primary-color);
    left: 35px
}

.wrap-ctf-calculate .wrap-input .your-value {
    background-color: #f8f8f8;
    justify-content: flex-end;
    align-items: center;
    height: 38px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    color: #050505
}

.wrap-ctf-calculate .wrap-input .your-value br {
    display: none
}

.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap {
    max-width: 215px
}

@media(max-width: 480px) {
    .wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap {
        max-width:130px
    }
}

.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input {
    margin-left: 20px;
    border: none!important;
    box-shadow: none!important;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 0!important;
    text-align: center!important;
    font-size: 16px;
    font-weight: 700
}

.wrap-ctf-home2 {
    background-color: #fff;
    border-radius: 3px;
    padding: 28px 50px 45px
}

@media(max-width: 575px) {
    .wrap-ctf-home2 {
        padding:40px 20px!important
    }
}

.wrap-ctf-home2 .title-form {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 23px
}

.wrap-ctf-home2 ::placeholder {
    color: #cccaca
}

.wrap-ctf-home2 .input-filled {
    margin-bottom: 20px
}

.wrap-ctf-home2 .input-filled input {
    background-color: #f4f5fa;
    height: 50px;
    box-shadow: none!important;
    font-size: 16px;
    color: #000
}

.wrap-ctf-home2 .input-filled textarea {
    background-color: #f4f5fa;
    font-size: 16px;
    color: #000;
    height: 100px;
    box-shadow: none!important
}

.wrap-ctf-home2 .input-filled button {
    height: 52px;
    width: 100%;
    text-align: center;
    background-color: var(--primary-color);
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.wrap-ctf-home2 .input-filled button i {
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.wrap-ctf-home2 .input-filled button:hover {
    background-color: #000
}

.wrap-ctf-home2 .input-filled button:hover i {
    transform: rotate(45deg)
}

.wrap-ctf-home2 .input-filled:last-child {
    margin-bottom: 0
}

body.rtl {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right
}

body.rtl .rtl-icon {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block
}

body.rtl .pxl-text-left {
    text-align: right
}

body.rtl .pxl-text-right {
    text-align: left
}

@media screen and (min-width: 1200px) {
    body.rtl .pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
        margin-left:0;
        margin-right: 8px
    }

    body.rtl .pxl-menu-primary .sub-menu,body.rtl .pxl-menu-primary .children {
        text-align: right
    }

    body.rtl .pxl-menu-primary li a span:before {
        left: auto;
        right: 0
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu),body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) {
        left: auto;
        right: 0;
        text-align: right
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.sub-menu,body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.sub-menu,body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.children,body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.children {
        left: auto;
        right: 100%;
        text-align: right
    }

    body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children>a::after {
        content: "\f136";
        right: auto;
        left: 0
    }

    body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary>li>a::before {
        left: auto;
        right: 0
    }
}

@media screen and (max-width: 1199px) {
    body.rtl #pxl-header-default #pxl-nav-mobile,body.rtl #pxl-header-elementor #pxl-nav-mobile {
        right:auto;
        left: 15px
    }

    body.rtl .pxl-header-menu {
        left: auto;
        right: 0;
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    body.rtl .pxl-header-menu.active {
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    body.rtl .pxl-menu-toggle,body.rtl .pxl-menu-close,body.rtl .pxl-header-mobile-search .search-submit {
        right: auto;
        left: 0
    }

    body.rtl .pxl-menu-primary .sub-menu li a,body.rtl .pxl-menu-primary .children li a {
        padding-left: 0;
        padding-right: 14px
    }

    body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left: 0;
        padding-right: 14px
    }
}

body.rtl #pxl-search-popup .pxl-item--conent form .search-submit {
    right: auto;
    left: 0;
    text-align: left
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape {
    margin-left: 190px;
    margin-right: 52px
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape span {
    transform: scaleX(-1)
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape::before {
    left: auto;
    right: -45px
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape::after {
    left: auto;
    right: -52px
}

body.rtl .pxl-item--post .pxl-item--meta li {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-item--post .pxl-item--meta li i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl blockquote {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0
}

body.rtl blockquote:before {
    left: auto;
    right: 0
}

body.rtl .pxl--post-footer label {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .pxl--post-footer .pxl--tags {
    margin-right: 0;
    margin-left: 30px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 0;
    margin-left: 22px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i {
    margin-right: 0;
    margin-left: 4px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before {
    content: "\f134"
}

body.rtl .pxl-post--navigation .pxl--item-next {
    text-align: left
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 0;
    margin-right: 22px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i {
    margin-left: 0;
    margin-right: 4px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before {
    content: "\f13a"
}

body.rtl .pxl-item--post .pxl-item--meta::before {
    right: 0;
    left: auto
}

body.rtl .comment-inner img.avatar {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .comment-reply {
    right: auto;
    left: 23px
}

body.rtl .comment-reply a i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 5px
}

body.rtl .comment-form-cookies-consent {
    padding-left: 0;
    padding-right: 24px
}

body.rtl .comment-form-cookies-consent input,body.rtl .comment-form-cookies-consent label::before,body.rtl .comment-form-cookies-consent label::after {
    left: auto;
    right: 0
}

body.rtl .comment-list li .comment-respond {
    margin-left: 0;
    margin-right: 130px
}

@media screen and (max-width: 767px) {
    body.rtl .comment-list li .comment-respond {
        margin-left:0;
        margin-right: 78px
    }
}

@media screen and (max-width: 575px) {
    body.rtl .comment-list li .comment-respond {
        margin-right:0
    }
}

body.rtl .comment-list li .children {
    padding-right: 120px;
    padding-left: 0
}

@media screen and (max-width: 767px) {
    body.rtl .comment-list li .children {
        padding-right:78px;
        padding-left: 0
    }
}

@media screen and (max-width: 575px) {
    body.rtl .comment-list li .children {
        padding-right:0
    }
}

body.rtl .comment-reply-title small {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .pxl-item--post .pxl-item--readmore a:hover {
    padding-right: 30px;
    padding-left: 48px
}

body.rtl .pxl-item--post .pxl-item--readmore i {
    right: auto;
    left: 36px;
    transform: translate(0,-50%)scaleX(-1)
}

body.rtl .pxl-item--post .pxl-item--readmore a:hover i {
    left: 24px
}

body.rtl .pxl-pagination-wrap .page-numbers i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl .widget-title::before,body.rtl .comment-reply-title::before,body.rtl .comments-title::before {
    left: auto;
    right: 0
}

body.rtl .widget_product_categories ul li a:before,body.rtl .widget_categories ul li a:before,body.rtl .widget_nav_menu ul li a:before,body.rtl .widget_pages ul li a:before,body.rtl .widget_archive ul li a:before,body.rtl .widget_meta ul li a:before,body.rtl .widget_recent_entries ul li a:before {
    content: "\f136";
    margin-right: 0;
    margin-left: 8px;
    float: right
}

body.rtl .widget_product_categories ul li.current-menu-item>a,body.rtl .widget_categories ul li.current-menu-item>a,body.rtl .widget_nav_menu ul li.current-menu-item>a,body.rtl .widget_pages ul li.current-menu-item>a,body.rtl .widget_archive ul li.current-menu-item>a,body.rtl .widget_meta ul li.current-menu-item>a,body.rtl .widget_recent_entries ul li.current-menu-item>a,body.rtl .widget_product_categories ul li.current-cat>a,body.rtl .widget_categories ul li.current-cat>a,body.rtl .widget_nav_menu ul li.current-cat>a,body.rtl .widget_pages ul li.current-cat>a,body.rtl .widget_archive ul li.current-cat>a,body.rtl .widget_meta ul li.current-cat>a,body.rtl .widget_recent_entries ul li.current-cat>a,body.rtl .widget_product_categories ul li.current-cat-parent>a,body.rtl .widget_categories ul li.current-cat-parent>a,body.rtl .widget_nav_menu ul li.current-cat-parent>a,body.rtl .widget_pages ul li.current-cat-parent>a,body.rtl .widget_archive ul li.current-cat-parent>a,body.rtl .widget_meta ul li.current-cat-parent>a,body.rtl .widget_recent_entries ul li.current-cat-parent>a,body.rtl .widget_product_categories ul li>a:hover,body.rtl .widget_categories ul li>a:hover,body.rtl .widget_nav_menu ul li>a:hover,body.rtl .widget_pages ul li>a:hover,body.rtl .widget_archive ul li>a:hover,body.rtl .widget_meta ul li>a:hover,body.rtl .widget_recent_entries ul li>a:hover {
    padding-left: 0;
    padding-right: 16px
}

body.rtl .widget_search .search-submit {
    right: auto;
    left: 0
}

body.rtl .widget_pxl_recent_posts .pxl-item--img {
    margin-right: 0;
    margin-left: 12px
}

body.rtl .widget_pxl_recent_posts .pxl-item--date i,body.rtl .widget_tag_cloud a {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-banner1 .pxl-item--meta {
    left: auto;
    right: -85px;
    direction: ltr
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--star {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow {
    right: auto;
    left: 0
}

body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 74px
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--image {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-grid-filter .filter-item.active {
    margin-right: 0;
    margin-left: 24px
}

body.rtl .pxl-grid-filter .filter-item.active:last-child {
    margin-left: 0
}

body.rtl .pxl-mailchimp.style-outline [type=email] {
    margin-right: 0;
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-mailchimp.style-outline [type=email] {
        margin-left:0
    }
}

body.rtl .pxl-post-carousel1 .pxl-item--author img {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-post-carousel1 .pxl-item--date i {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-btn-line:hover i {
    margin-left: 0;
    margin-right: 12px
}

body.rtl .pxl-history1 .pxl-item--start,body.rtl .pxl-history1 .pxl-item--image {
    right: 50%;
    transform: translate(50%,0)
}

body.rtl .pxl-history1 .pxl-content--left {
    padding-right: 0;
    padding-left: 120px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--left {
        padding-right:0;
        padding-left: 30px
    }
}

body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before {
    right: auto;
    left: -130px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before {
        right:auto;
        left: -40px
    }
}

body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after {
    right: auto;
    left: -108px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after {
        right:auto;
        left: -20px
    }
}

body.rtl .pxl-history1 .pxl-content--right {
    padding-left: 0;
    padding-right: 120px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--right {
        padding-left:0;
        padding-right: 30px
    }
}

body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before {
    left: auto;
    right: -130px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before {
        left:auto;
        right: -40px
    }
}

body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after {
    left: auto;
    right: -108px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after {
        left:auto;
        right: -20px
    }
}

body.rtl .pxl-link.hv-style2 a::before {
    right: 0;
    left: auto
}

body.rtl .pxl-mailchimp.style-default [type=submit] {
    right: auto;
    left: 0
}

body.rtl .pxl-link li i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl .pxl-feature1 .pxl--item-title::before {
    left: auto;
    right: 0
}

body.rtl .pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider,body.rtl .pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
    left: -101px;
    right: auto
}

body.rtl .pxl-process1 .pxl-item--image {
    right: auto;
    left: 0
}

body.rtl .pxl-testimonial-carousel2 .pxl-item--image {
    margin-right: 0;
    margin-left: 24px
}

body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: auto;
    left: 0
}

body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: auto;
    right: 0
}

body.rtl .pxl-partner-carousel1 .pxl-item--inner::before {
    right: auto;
    left: -15px
}

body.rtl .pxl-mailchimp.style-primary [type=email] {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-link.hv-style5 li a {
    padding-left: 42px;
    padding-right: 20px
}

body.rtl .pxl-link.hv-style5 li i {
    margin: 0;
    right: auto;
    left: 20px;
    -webkit-transform: translate(0,-50%)scaleX(-1);
    -khtml-transform: translate(0,-50%)scaleX(-1);
    -moz-transform: translate(0,-50%)scaleX(-1);
    -ms-transform: translate(0,-50%)scaleX(-1);
    -o-transform: translate(0,-50%)scaleX(-1);
    transform: translate(0,-50%)scaleX(-1)
}

body.rtl .pxl-testimonial-single1 .pxl-item--image {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-testimonial-single1.style-img-larger .pxl-item--image {
    margin-right: 30px
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--image,body.rtl .pxl-testimonial-grid1 .pxl-item--image {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-testimonial-grid1 .pxl-item--holder::before {
    left: auto;
    right: 40px;
    transform: scaleX(-1)
}

body.rtl .pxl-link.hv-style6 li i {
    right: auto;
    left: 10px;
    margin: 0
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta i {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta>div {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta>div:last-child {
    margin-left: 0;
    margin-right: 0
}

body.rtl .pxl-icon-box2.style3 .pxl-item--icon {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-banner2 .pxl-item--project .pxl-project--icon {
    margin-right: 0;
    margin-left: 10px
}

body.rtl .pxl-banner2 .pxl-item--team {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-banner2 .pxl-item--meta {
    margin-right: 0;
    margin-left: 22px
}

body.rtl .pxl-portfolio-carousel2 .pxl-item--meta {
    padding-right: 20px;
    padding-left: 70px
}

body.rtl .pxl-portfolio-carousel2 .pxl-item--readmore {
    right: auto;
    left: 20px
}

body.rtl .pxl-testimonial-carousel4 .pxl-item--image {
    margin-right: 0;
    margin-left: 28px
}

body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
    right: auto;
    left: 20px
}

body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-mailchimp.style-box-white2 [type=email] {
    padding-left: 0;
    padding-right: 30px
}

body.rtl .pxl-link.hv-style3 a:hover {
    padding-left: 0;
    padding-right: 18px
}

body.rtl .pxl-link.hv-style3 a::before {
    left: auto;
    right: -11px
}

body.rtl .pxl-link.hv-style3 a:hover::before {
    left: auto;
    right: 0
}

body.rtl .pxl-video-player1 .btn-video.style4+.pxl-video-text {
    margin-left: 0;
    margin-right: 14px
}

@media screen and (min-width: 1200px) {
    body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title {
        margin-right:0;
        margin-left: 20px
    }

    body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item--title::before {
        left: auto;
        right: 22px
    }
}

body.rtl .pxl-accordion1.style3 .pxl-item--title {
    padding: 28px 80px 28px 20px
}

body.rtl .pxl-accordion1.style3 .pxl-icon--plus {
    left: auto;
    right: 30px
}

body.rtl .pxl-icon-box2.style4 .pxl-item--icon {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
    margin-right: 0;
    margin-left: 50px
}

body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before {
    left: auto;
    right: 32px
}

body.rtl .pxl-wapper .btn-plus-text {
    flex-direction: row-reverse
}

body.rtl .btn.btn-slider1 i {
    margin-left: 0;
    margin-right: 18px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl #pxl-page-title-default .pxl-breadcrumb li:before {
    content: "\f14d";
    margin: 0 14px;
    font-weight: 700;
    color: inherit;
    font-family: Caseicon;
    font-size: 11px
}

body.rtl #pxl-page-title-default .pxl-breadcrumb li:after {
    display: none
}

body.rtl .pxl-scroll-top {
    right: auto;
    left: 40px
}

body.rtl .pxl-col-line1::before {
    left: 25px;
    right: auto
}

body.rtl input[type=text],body.rtl input[type=email],body.rtl input[type=url],body.rtl input[type=password],body.rtl input[type=search],body.rtl input[type=tel],body.rtl input[type=number],body.rtl input[type=range],body.rtl input[type=date],body.rtl input[type=month],body.rtl input[type=week],body.rtl input[type=time],body.rtl input[type=datetime],body.rtl input[type=datetime-local],body.rtl input[type=color],body.rtl textarea,body.rtl select,body.rtl .nice-select {
    text-align: right
}

body.rtl .pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    right: auto;
    left: 18px
}

.error404 .pxl-error-inner {
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-bottom: 95px!important
}

@media(max-width: 1024px) {
    .error404 .pxl-error-inner {
        background-position:50%;
        background-size: cover
    }
}

.error404 .wrap-content-404 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -12px;
    text-align: center
}

@media(max-width: 1024px) {
    .error404 .wrap-content-404 {
        margin-top:0
    }
}

.error404 .wrap-content-404 .pxl-error-inner {
    position: relative;
    z-index: 99;
    margin: auto;
    padding: 0 15px;
    width: 100%
}

@media(max-width: 1024px) {
    .error404 .wrap-content-404 .pxl-error-inner .error-404-image {
        margin-top:20px
    }
}

.error404 .wrap-content-404 .pxl-error-title {
    font-size: 48px;
    color: var(--secondary-color)
}

@media(max-width: 767px) {
    .error404 .wrap-content-404 .pxl-error-title {
        font-size:30px
    }
}

@media(max-width: 575px) {
    .error404 .wrap-content-404 .pxl-error-title {
        font-size:25px
    }
}

.error404 .wrap-content-404 .pxl-error-button {
    padding: 0 34px;
    line-height: 49px;
    background-color: var(--primary-color);
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms
}

.error404 .wrap-content-404 .pxl-error-button:hover {
    background-color: var(--secondary-color)
}

.error404 .wrap-content-404 .error-404-desc {
    text-align: center;
    margin-top: 6px;
    font-size: 17px;
    line-height: 30px;
    color: #666;
    margin-bottom: 46px
}

@media(max-width: 767px) {
    .error404 .wrap-content-404 .error-404-desc {
        margin-bottom:20px
    }
}

.pxl-pricing-carousel1 .pxl-swiper-dots {
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -41px;
    margin-top: 0
}

.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 0;
    background-color: #f2f2f2
}

.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color)
}

.pxl-pricing-carousel1 .swiper-container-vertical {
    height: 440px
}

.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper {
    flex-direction: column
}

.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-pricing-carousel1 .pxl-swiper-slide {
    padding-bottom: 30px
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content {
    background-color: #f2f2f2;
    text-align: center;
    padding: 39px 0 36px
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    color: #050505;
    margin-bottom: -5px
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price {
    margin-bottom: -2px
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit {
    font-size: 24px;
    font-weight: 700;
    color: #050505
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing {
    font-size: 48px;
    font-weight: 700;
    color: #050505
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
    font-size: 16px;
    font-weight: 700;
    color: #878787
}

.wp-block-column .wp-block-quote {
    padding: 32px 20px 28px;
    font-size: 18px;
    line-height: 27px;
    margin-top: 0
}

.wp-block-column .wp-block-quote p {
    font-size: 20px!important
}

.wp-block-column .wp-block-quote cite {
    font-size: 16px!important;
    line-height: 24px;
    padding-left: 40px
}

.wp-block-column .wp-block-quote cite:before {
    width: 20px
}

.entry-content .wp-block-pullquote .has-light-gray-color {
    margin: 0
}

.entry-content .wp-block-pullquote.is-style-solid-color {
    margin-bottom: 30px
}

.entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
        width:70%!important
    }
}

@media screen and (max-width: 575px) {
    .entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
        width:85%!important
    }
}

.single-post .entry-body .entry-title {
    margin-bottom: -20px
}

.wp-block-categories {
    margin-bottom: 20px
}

.wp-block-rss .wp-block-rss__item {
    list-style: none;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px
}

.wp-block-rss .wp-block-rss__item:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #828893;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.wp-block-calendar .wp-calendar-table {
    margin-bottom: 0
}

.wp-block-calendar .wp-calendar-nav {
    margin-bottom: 20px
}

.wp-block-calendar tr td {
    text-align: center
}

.wp-block-search__inside-wrapper {
    margin: 20px 0
}

.wp-block-search__inside-wrapper input {
    border-color: #ccc;
    width: 100%
}

.wp-block-search__inside-wrapper button {
    line-height: 36px;
    font-size: 16px;
    padding: 0 20px 0 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--secondary-color);
    border-radius: 10px
}

.post-1779 .wp-block-pullquote blockquote {
    margin: 0
}

#post-1152 .item-category {
    display: none
}

.post-1000 .entry-content>ol>li>ul>li>ul>li {
    padding-left: 20px
}

.post-1000 .entry-content>ul>li>ul>li {
    padding-left: 20px
}

.post-1000 .entry-content>ul>li>ol>li>ul>li {
    padding-left: 20px
}

.entry-blog {
    margin-bottom: 39px!important
}

.wp-block-group.has-background .wp-block-group__inner-container {
    margin: 30px 0;
    padding: 30px
}

@media screen and (max-width: 767px) {
    .wp-block-group.has-background .wp-block-group__inner-container {
        padding:20px
    }
}

.wp-block-media-text.has-background {
    margin-bottom: 30px
}

.wp-block-media-text.has-background .wp-block-media-text__content>p:first-child {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 10px
}

.tag-title .entry-title a {
    word-break: break-word
}

@media screen and (min-width: 1200px) {
    .woocommerce-NoticeGroup-checkout {
        margin:0 40px 0 15px
    }
}

.woocommerce-product-content>.woocommerce-product--excerpt {
    display: none
}

.select2-dropdown--below>.select2-search--dropdown,.select2-dropdown--above>.select2-search--dropdown {
    padding: 15px 17px 20px
}

.select2-dropdown--below>.select2-results>.select2-results__options li,.select2-dropdown--above>.select2-results>.select2-results__options li {
    padding: 6px 17px
}

.entry-content>.gallery>.gallery-item {
    text-align: center
}

.entry-content>.gallery>.gallery-item .gallery-icon {
    margin-bottom: 13px
}

.page-id-156 .page-title-inner,.page-id-155 .page-title-inner,.page-id-1134 .page-title-inner,.page-id-1811 .page-title-inner,.page-id-1813 .page-title-inner,.page-id-1133 .page-title-inner {
    display: block!important
}

.page .comment-list-wrap {
    padding: 0 0 20px!important
}

.page .comment-form-cookies-consent {
    margin-top: 15px
}

.page #commentform .row-one {
    width: 110%
}

.page #commentform .form-submit {
    margin-top: 28px;
    width: 100%
}

.widget_block h2,.widget_block label {
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 3px;
    position: relative;
    display: inline;
    display: block
}

.widget_nav_menu .sub-menu,.widget_pages .sub-menu,.widget_categories .sub-menu,.widget_nav_menu .children,.widget_pages .children,.widget_categories .children {
    padding-left: 20px;
    margin-left: 0
}

.widget_nav_menu .sub-menu>li,.widget_pages .sub-menu>li,.widget_categories .sub-menu>li,.widget_nav_menu .children>li,.widget_pages .children>li,.widget_categories .children>li {
    padding-right: 0
}

.widget_nav_menu .sub-menu,.widget_pages .sub-menu {
    padding-left: 10px!important
}

.widget_nav_menu .sub-menu li:last-child,.widget_pages .sub-menu li:last-child {
    border: none!important
}

.widget_nav_menu li,.widget_pages li {
    padding: 0!important;
    border: none!important
}

.widget_nav_menu li a,.widget_pages li a {
    border-bottom: 1px solid #eaeaea
}

.widget_block h2,.widget_block label {
    font-size: 22px;
    font-weight: 700
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
    position: relative
}

.widget_block.widget_search .wp-block-search__inside-wrapper input {
    width: 100%
}

.widget_block.widget_search .wp-block-search__inside-wrapper button {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    line-height: 55px;
    background-color: initial;
    color: var(--secondary-color)
}

.pxl-content-area .wp-block-search__inside-wrapper {
    position: relative
}

.pxl-content-area .wp-block-search__inside-wrapper input {
    width: 100%
}

.pxl-content-area .wp-block-search__inside-wrapper button {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    line-height: 55px;
    background-color: initial;
    color: var(--secondary-color)
}

.pxl-content-area .wp-block-search__inside-wrapper button:hover {
    color: var(--primary-color)
}

.widget_archive select {
    padding: 5px
}

.widget_block ol {
    padding-left: 0
}

.widget_block ol li {
    margin-bottom: 0
}

.widget_block ol li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.widget_block a {
    font-weight: 400
}

.widget_calendar th,.widget_calendar td {
    text-align: center;
    line-height: normal;
    padding: 8px
}

.widget_calendar th a,.widget_calendar td a {
    font-weight: 700
}

.widget_calendar table {
    margin: 0;
    border-right: 1px solid #ededed
}

.widget_calendar table>caption {
    background-color: #f9f9f9;
    border: 1px solid #ededed!important;
    border-top: none;
    padding: 12px 10px;
    line-height: normal;
    font-weight: 500;
    font-size: 14px;
    color: #666;
    text-align: center
}

.widget_calendar .wp-calendar-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10px
}

.widget_calendar .wp-calendar-nav a {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    background-color: #f9f9f9;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px;
    border: 1px solid #ededed
}

.widget_calendar .wp-calendar-nav a:hover {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
    margin-right: 20px;
    flex-grow: 1
}

.widget_block.widget_search {
    position: relative
}

.widget_block.widget_search .wp-block-search__button {
    padding: 0;
    border: none;
    line-height: 51px;
    height: 51px;
    width: 51px;
    border-left: 1px solid #ececf0;
    position: absolute;
    top: 0;
    right: 0;
    color: #1b2336;
    font-size: 15px;
    background-image: none;
    background-color: initial;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0!important;
    font-size: 0
}

.widget_block.widget_search .wp-block-search__button:before {
    content: "\f12c";
    font-family: caseicon;
    font-size: 15px;
    font-weight: 400
}

.widget_block.widget_search .wp-block-search__button:after {
    display: none
}

.widget_block.widget_search .wp-block-search__button:hover {
    color: var(--primary-color)
}

.widget_block.widget_search .wp-block-search__input {
    font-size: 15px;
    color: #1b2336;
    border-color: #ececf0;
    background-color: #fff;
    height: 51px;
    padding-left: 20px;
    padding-right: 51px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.widget_block.widget_search .wp-block-search__input:focus {
    border-color: var(--secondary-color)
}

.widget_block.widget_search .wp-block-search__input:focus+.wp-block-search__button {
    border-color: var(--secondary-color)
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
    display: block;
    position: relative
}

.widget_block .wp-block-latest-posts__list {
    padding-top: 15px
}

.widget_block .wp-block-latest-posts__list li {
    font-size: 0
}

.widget_block .wp-block-latest-posts__list li a {
    color: #1b1b1b;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px
}

.widget_block .wp-block-latest-posts__list li a:hover {
    padding-left: 10px!important
}

.widget_block .wp-block-latest-posts__list li:last-child>a {
    border-bottom: none
}

.widget_block .wp-block-latest-posts__list li a:hover {
    color: var(--primary-color);
    padding-left: 30px
}

.widget_block .wp-block-latest-posts__list li a:hover:before {
    left: 15px;
    opacity: 1
}

.widget_block .wp-block-latest-comments li {
    color: #415674;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding: 12px 0;
    position: relative;
    border-bottom: 1px solid #ececf0;
    position: relative
}

.widget_block .wp-block-latest-comments li a {
    color: var(--secondary-color)
}

.widget_block .wp-block-latest-comments li a:hover {
    color: var(--primary-color)
}

.widget_block .wp-block-latest-comments li:last-child>a {
    border-bottom: none
}

strong {
    color: var(--secondary-color)
}

table tr td,table th {
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding-left: 10px
}

.widget_text form,.widget_categories form {
    position: relative
}

.widget_text form select::-ms-expand,.widget_categories form select::-ms-expand {
    display: none
}

.widget_text form select,.widget_categories form select {
    -webkit-appearance: none;
    appearance: none
}

@-moz-document url-prefix() {
    .widget_text form .ui-select,.widget_categories form .ui-select {
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden
    }

    .widget_text form .ui-select select,.widget_categories form .ui-select select {
        width: 110%;
        background-position: right 30px center!important;
        border: none!important
    }
}

.widget_text form:before,.widget_categories form:before {
    content: "\f13c";
    font-family: caseicon;
    font-size: 10px;
    color: var(--primary-color);
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

pre {
    overflow: hidden
}

h2+ul,h2+ol {
    margin-bottom: 22px
}

.alignleft,.alignright,.aligncenter {
    margin-top: 15px;
    margin-bottom: 35px
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 35px
}

.alignright {
    display: inline;
    float: right;
    margin-left: 35px
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-block-button {
    margin-bottom: 32px
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.wp-block-button a {
    color: #fff!important
}

.wp-block-button.is-style-outline a {
    color: var(--secondary-color)!important
}

.wp-block-quote.is-style-large {
    padding: 30px 60px
}

.blocks-gallery-caption {
    margin-bottom: 32px
}

.wp-block-cover,.wp-block-cover-image {
    margin-bottom: 52px
}

.block-editor-rich-text__editable a {
    color: #fff
}

.wp-block-group.has-background {
    padding: 20px 30px;
    margin: 30px 0
}

.wp-block-media-text.has-background {
    margin-bottom: 25px
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.6842em
}

@media screen and (min-width: 576px) {
    li>ul,blockquote>ul {
        margin-left:1.65em;
        padding-left: 0
    }

    li>ol,blockquote>ol {
        margin-left: 1.15em;
        padding-left: 0
    }
}

blockquote cite a {
    color: #fff
}

blockquote cite a:hover {
    color: #fff
}

.wp-block-cover p {
    color: #fff
}

.wp-block-cover-image.has-background-dim p,.wp-block-cover.has-background-dim p {
    line-height: 48px;
    color: #fff
}

.gallery-item {
    display: inline-block;
    padding: 1.79104%;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery .gallery-caption {
    color: #707070;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 0
}

.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
    display: none
}

@media(max-width: 480px);
}

{
    margin-left: 0;
    text-align: left;
    clear: none;
    float: none;
    margin-bottom: 30px;
    display: block;
}

@media (max-width: 480px)
}

{
    min-width: 280px;
}

.category-block .pxl-related-post {
    display: block;
}

.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright {
    max-width: max-content;
    width: 100%;
}

.post-password-form {
    position: relative;
}

.post-password-form input[type=submit] {
    position: absolute;
    bottom: 5px;
    border-radius: 10px;
    right: 5px;
    background-color: var(--secondary-color);
}

.pxl-item--post.sticky .pxl-item--title {
    position: relative;
    display: flex;
    align-items: center;
}

.pxl-item--post.sticky .pxl-item--title i {
    margin-right: 10px;
    display: block !important;
}

.single .pxl-item--post .pxl-item--meta {
    justify-content: flex-start;
}

.single .pxl-item--excerpt {
    margin-top: 20px;
}

.pxl-item--excerpt .page-links {
    margin-top: 20px;
}

.page-links .post-page-numbers {
    width: 35px;
    height: 35px;
    background-color: #e6e6e6;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-right: 11px;
    color: #000;
    position: relative;
    z-index: 1;
    padding: 0;
    border: none;
}

.page-links .post-page-numbers.current,.page-links .post-page-numbers:hover {
    color: #fff;
    background-color: var(--primary-color);
}

#pxl-post-501 p {
    display: inline-block;
}

button:not(.rm-style-default),.button,input[type=submit] {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0 30px;
    line-height: 45px;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-border-radius: 45px;
    -khtml-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-size: 300%,1px;
    background-position: 0%;
    height: auto;
}

button:not(.rm-style-default):hover,.button:hover,input[type=submit]:hover,button:not(.rm-style-default):focus,.button:focus,input[type=submit]:focus,button:not(.rm-style-default):active,.button:active,input[type=submit]:active,button:not(.rm-style-default):not([disabled]):not(.disabled).active,.button:not([disabled]):not(.disabled).active,input[type=submit]:not([disabled]):not(.disabled).active,button:not(.rm-style-default):not([disabled]):not(.disabled):active,.button:not([disabled]):not(.disabled):active,input[type=submit]:not([disabled]):not(.disabled):active {
    outline: medium none;
    text-decoration: none;
    color: #fff;
    background-position: 100%;
}

@keyframes pulse1 {
    0% {
        box-shadow: var(--primary-color) 0px 0px 0px 0px;
    }

    100% {
        box-shadow: var(--primary-color) 0px 0px 0px 24px;
        opacity: 0;
        transition-delay: 200ms;
    }
}

.btn {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0 30px;
    line-height: 45px;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    position: relative;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    height: auto;
}

.btn i {
    line-height: normal;
}

.btn i.flaticon {
    line-height: 1;
}

.btn.pxl-icon--right {
    flex-direction: row-reverse;
}

.btn:hover,.btn:focus,.btn:active {
    outline: medium none;
    text-decoration: none;
    color: #fff;
}

.btn.skew {
    transform: skewX(-5deg);
}

.btn.skew span {
    transform: skewX(5deg);
}

.btn.outlines {
    position: relative;
}

.btn.outlines:before {
    position: absolute;
    content: '';
    border: 1px solid var(--primary-color);
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.btn.outlines span {
    z-index: 2;
    position: relative;
}

.btn.outlines:after {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 0;
}

.btn.outlines:hover:before {
    animation: pulse1 1s infinite;
}

.btn.outlines:hover:after {
    top: -13px;
    left: -13px;
    right: -13px;
    bottom: -13px;
}

.btn.btn-text-underline {
    background: none;
    padding: 0;
    line-height: normal;
    overflow: visible;
    white-space: nowrap;
}

.btn.btn-text-underline span {
    text-decoration: underline;
}

.btn.btn-text-underline i {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1;
}

.btn.btn-text-underline:hover i {
    -o-animation: pxl_right_from_left 0.6s forwards;
    -ms-animation: pxl_right_from_left 0.6s forwards;
    -webkit-animation: pxl_right_from_left 0.6s forwards;
    animation: pxl_right_from_left 0.6s forwards;
}

.btn.hover-style1,.btn.hover-style3 {
    overflow: hidden;
    background: var(--primary-color);
    text-align: center;
    position: relative;
}

.btn.hover-style1:after,.btn.hover-style3:after {
    content: "";
    background: #000;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 400px;
    height: 0;
    transform: translate(-50%,-50%) rotate(45deg);
    z-index: 0;
    transition: all 500ms cubic-bezier(0.4,0.5,0.6,0.7) 0s;
}

.btn.hover-style1:hover:after,.btn.hover-style3:hover:after {
    z-index: -1;
    height: 300px;
}

.btn.hover-style1 span,.btn.hover-style3 span,.btn.hover-style1 i,.btn.hover-style3 i {
    position: relative !important;
    z-index: 1 !important;
}

.btn.hover-style1:hover,.btn.hover-style3:hover {
    -webkit-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.btn.hover-style1:hover .pxl--btn-text:before,.btn.hover-style3:hover .pxl--btn-text:before {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.btn.hover-style1:hover .pxl--btn-text span,.btn.hover-style3:hover .pxl--btn-text span {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.btn.hover-style1:not(:hover) .pxl--btn-text>span,.btn.hover-style3:not(:hover) .pxl--btn-text>span {
    transition-delay: 0s !important;
}

.btn.hover-style3 i {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.btn.hover-style3:hover i {
    transform: rotate(45deg);
}

.btn.hover-style4 {
    overflow: hidden;
}

.btn.hover-style4:before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    -khtml-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background-image: linear-gradient(to right,rgba(255,255,255,.0),rgba(255,255,255,.6));
    transition: all 500ms linear 0ms;
}

.btn.hover-style4:hover:before {
    animation: shine 1s;
}

.pxl-wapper .icon-space-left {
    margin-left: 12px;
}

.pxl-wapper .icon-space-right {
    margin-right: 12px;
}

.pxl-wapper .btn-plus-text {
    font-size: 14px;
    min-width: 40px;
    height: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    background-color: #343b2e;
    color: #fff;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pxl-wapper .btn-plus-text span {
    display: none;
    height: auto !important;
    opacity: 1 !important;
    white-space: nowrap;
}

.pxl-wapper .btn-plus-text i {
    font-style: normal;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    font-size: 16px;
}

.pxl-wapper .btn-plus-text:hover {
    padding: 0 20px;
    background-color: var(--primary-color);
    color: #122a00;
    min-width: 90px;
}

.pxl-wapper .btn-plus-text:hover i {
    margin-left: 8px;
}

.pxl-wapper .pxl-btn-effect1 {
    background: var(--primary-color);
    overflow: hidden;
    z-index: 1;
}

.pxl-wapper .pxl-btn-effect1 i {
    transition: 0.5s;
}

.pxl-wapper .pxl-btn-effect1:hover i {
    margin-left: 16px;
    margin-right: 10px;
}

.pxl-wapper .pxl-btn-effect1:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1,2,1);
    transform: scale3d(1,2,1);
    -webkit-transition: -webkit-transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition-timing-function: ease,ease;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
    transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}

.pxl-wapper .pxl-btn-effect1:hover:before {
    -webkit-transform: scale3d(9,9,1);
    transform: scale3d(9,9,1);
}

.pxl-wapper .pxl-btn-effect1:hover,.pxl-wapper .pxl-btn-effect1:focus {
    background: var(--primary-color);
}

.pxl-wapper .pxl-btn-effect2 {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.pxl-wapper .pxl-btn-effect2:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    -webkit-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: -1;
}

.pxl-wapper .pxl-btn-effect2:hover:before {
    left: 5%;
    width: 90%;
}

.pxl-wapper .pxl-btn-effect3 {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.pxl-wapper .pxl-btn-effect3:before,.pxl-wapper .pxl-btn-effect3:after {
    width: 4.4em;
    height: 2.95em;
    position: absolute;
    content: "";
    display: inline-block;
    background: var(--primary-color);
    border-radius: 50%;
    transition: transform 0.6s ease;
    transform: scale(0);
    z-index: -1;
}

.pxl-wapper .pxl-btn-effect3:before {
    top: -25%;
    left: 20%;
}

.pxl-wapper .pxl-btn-effect3:after {
    bottom: -25%;
    right: 20%;
}

.pxl-wapper .pxl-btn-effect3:hover:before,.pxl-wapper .pxl-btn-effect3:hover:after {
    transform: none;
}

.pxl-wapper .pxl-btn-effect4,.pxl-wapper .pxl-mailchimp.style-primary [type=submit],.pxl-mailchimp.style-primary .pxl-wapper [type=submit] {
    background: transparent;
    z-index: 1;
    position: relative;
    overflow: hidden;
    transition: 0ms !important;
}

.pxl-wapper .pxl-btn-effect4:before,.pxl-wapper .pxl-mailchimp.style-primary [type=submit]:before,.pxl-mailchimp.style-primary .pxl-wapper [type=submit]:before {
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--secondary-color);
    -webkit-mask: url("../img/btn-mask1.png");
    mask: url("../img/btn-mask1.png");
    -webkit-mask-size: 7100% 100%;
    mask-size: 7100% 100%;
    -webkit-animation: pxl_ani1 0.7s steps(70) forwards;
    animation: pxl_ani1 0.7s steps(70) forwards;
}

.pxl-wapper .pxl-btn-effect4:after,.pxl-wapper .pxl-mailchimp.style-primary [type=submit]:after,.pxl-mailchimp.style-primary .pxl-wapper [type=submit]:after {
    content: '';
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    border: 2px solid var(--primary-color);
}

.pxl-wapper .pxl-btn-effect4:hover,.pxl-wapper .pxl-mailchimp.style-primary [type=submit]:hover,.pxl-mailchimp.style-primary .pxl-wapper [type=submit]:hover {
    color: var(--primary-color);
}

.pxl-wapper .pxl-btn-effect4:hover i,.pxl-wapper .pxl-mailchimp.style-primary [type=submit]:hover i,.pxl-mailchimp.style-primary .pxl-wapper [type=submit]:hover i {
    -o-animation: pxl_right_from_left 0.6s forwards;
    -ms-animation: pxl_right_from_left 0.6s forwards;
    -webkit-animation: pxl_right_from_left 0.6s forwards;
    animation: pxl_right_from_left 0.6s forwards;
}

.pxl-wapper .pxl-btn-effect4:hover:before,.pxl-wapper .pxl-mailchimp.style-primary [type=submit]:hover:before,.pxl-mailchimp.style-primary .pxl-wapper [type=submit]:hover:before {
    -webkit-animation: pxl_ani2 0.7s steps(70) forwards;
    animation: pxl_ani2 0.7s steps(70) forwards;
}

.pxl-wapper .pxl-btn-effect5,.pxl-wapper .pxl-mailchimp.style-box-round [type=submit],.pxl-mailchimp.style-box-round .pxl-wapper [type=submit],.pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type=submit],.pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type=submit],.pxl-wapper .pxl-mailchimp.style-box-white2 [type=submit],.pxl-mailchimp.style-box-white2 .pxl-wapper [type=submit],.pxl-wapper .btn-primary {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
    background-size: inherit;
    background-position: center;
    white-space: nowrap;
    z-index: 1;
    overflow: hidden;
}

.pxl-wapper .pxl-btn-effect5:after,.pxl-wapper .pxl-mailchimp.style-box-round [type=submit]:after,.pxl-mailchimp.style-box-round .pxl-wapper [type=submit]:after,.pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type=submit]:after,.pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type=submit]:after,.pxl-wapper .pxl-mailchimp.style-box-white2 [type=submit]:after,.pxl-mailchimp.style-box-white2 .pxl-wapper [type=submit]:after,.pxl-wapper .btn-primary:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: 0.2;
    left: -45%;
    top: -10%;
    -webkit-transition: all 0.8s;
    -khtml-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.pxl-wapper .pxl-btn-effect5:hover:after,.pxl-wapper .pxl-mailchimp.style-box-round [type=submit]:hover:after,.pxl-mailchimp.style-box-round .pxl-wapper [type=submit]:hover:after,.pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type=submit]:hover:after,.pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type=submit]:hover:after,.pxl-wapper .pxl-mailchimp.style-box-white2 [type=submit]:hover:after,.pxl-mailchimp.style-box-white2 .pxl-wapper [type=submit]:hover:after,.pxl-wapper .btn-primary:hover:after {
    left: 130%;
}

.pxl-wapper .pxl-btn-effect6 {
    background-image: -webkit-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -moz-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -ms-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -o-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to) 50%');
    background-size: inherit;
    background-position: center;
    white-space: nowrap;
    z-index: 1;
    overflow: hidden;
}

.pxl-wapper .pxl-btn-effect6:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: 0.2;
    left: -45%;
    top: -10%;
    -webkit-transition: all 0.8s;
    -khtml-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.pxl-wapper .pxl-btn-effect6:hover {
    -webkit-transform: translateY(-4px);
    -khtml-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

.pxl-wapper .pxl-btn-effect6:hover:after {
    left: 130%;
}

.pxl-wapper .pxl-btn-effect7 {
    z-index: 1;
}

.pxl-wapper .pxl-btn-effect7:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    -webkit-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: -1;
}

.pxl-wapper .pxl-btn-effect7:hover:after {
    left: 5%;
    width: 90%;
}

.pxl-wapper .pxl-btn-effect7:hover i {
    -o-animation: pxl_right_from_left 0.6s forwards;
    -ms-animation: pxl_right_from_left 0.6s forwards;
    -webkit-animation: pxl_right_from_left 0.6s forwards;
    animation: pxl_right_from_left 0.6s forwards;
}

.pxl-wapper .pxl-btn-effect8 {
    font-size: 16px;
    padding-left: 38px;
    padding-right: 38px;
    -webkit-border-radius: 0 0 8px 0;
    -khtml-border-radius: 0 0 8px 0;
    -moz-border-radius: 0 0 8px 0;
    -ms-border-radius: 0 0 8px 0;
    -o-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
    border: 2px solid #bf3916;
    line-height: 71px;
}

@media screen and (max-width: 767px) {
    .pxl-wapper .pxl-btn-effect8 {
        line-height: 61px;
        padding: 0 28px;
    }
}

.pxl-wapper .pxl-btn-effect8:hover {
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #bf3916;
}

.pxl-wapper .btn-text-slide {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.pxl-wapper .btn-text-slide i {
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-wapper .btn-text-slide .icon-hover {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.pxl-wapper .btn-text-slide:hover {
    padding-left: 28px;
}

.pxl-wapper .btn-text-slide:hover .icon-hover {
    left: 0;
    visibility: visible;
    opacity: 1;
}

.pxl-wapper .btn-text-slide:hover .icon-fixed {
    -webkit-transform: translateX(20px);
    -khtml-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    position: relative;
    opacity: 0;
    visibility: hidden;
}

.pxl-wapper .btn-primary {
    background: var(--primary-color);
}

.btn-slide3-1 {
    transition: 300ms !important;
}

.btn-slide3-1:before {
    background: #fff !important;
}

.btn-slide3-1:after {
    background: var(--primary-color) !important;
}

.btn-slide3-1:hover {
    color: #fff !important;
}

.btn-slide3-2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.btn-slide3-2 i {
    font-size: 20px;
    padding-right: 10px;
}

.btn-slide3-2:before {
    background: var(--primary-color) !important;
}

.btn-slide3-2:after {
    background: #fff !important;
}

.btn-slide3-2:hover {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #000 !important;
}

.mw-400 {
    min-width: 400px !important;
}

@media (max-width: 1700px) {
    .none-1700 {
        display: none !important;
    }
}

@media (max-width: 1500px) {
    .none-1500 {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    .none-1400 {
        display: none !important;
    }
}

@media (max-width: 1300px) {
    .none-1300 {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .none-1200 {
        display: none !important;
    }
}

.pxl-section-bg-parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.revslider-initialised .roofex-bullets1 .tp-bullet {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.revslider-initialised .roofex-arrows-1.tparrows {
    width: 63px;
    height: 63px;
    border: 2px solid #b5c2c1;
    background-color: transparent;
    border-radius: 63px;
    color: #b5c2c1;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    font-size: 17px;
}

@media screen and (max-width: 1400px) {
    .revslider-initialised .roofex-arrows-1.tparrows {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }
}

.revslider-initialised .roofex-arrows-1.tparrows:hover {
    border-color: rgba(255,255,255,0.45);
    color: rgba(255,255,255,0.45);
}

.revslider-initialised .roofex-arrows-1.tparrows:before {
    line-height: normal;
    color: inherit;
    font-family: "caseicon";
    font-size: inherit;
}

.revslider-initialised .roofex-arrows-1.tparrows.tp-leftarrow:before {
    content: "\f136";
}

.revslider-initialised .roofex-arrows-1.tparrows.tp-rightarrow:before {
    content: "\f14d";
}

@media screen and (max-width: 991px) {
    .rs-parallax-wrap.pxl-group-center {
        min-width: 600px;
        top: 50% !important;
        -webkit-transform: translate(0,-50%);
        -khtml-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
}

.pxl-logo a {
    display: inline-block;
}

.pxl-logo img {
    width: auto;
    vertical-align: middle;
}

.pxl-logo.style2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pxl-logo.style2:before,.pxl-logo.style2:after,.pxl-logo.style2 .shape {
    content: "";
    height: 100%;
    width: 2222px;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 19px;
    z-index: -1;
    -webkit-clip-path: polygon(0 0,100% 0,calc(100% - 40px) 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - 40px) 100%,0% 100%);
}

.pxl-logo.style2:after {
    background-color: #c51726;
    -webkit-clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0% 100%);
    clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0% 100%);
    z-index: -2;
}

.pxl-logo.style2 .shape {
    right: 0px;
    background-color: rgba(197,23,38,0.1);
    -webkit-clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0% 100%);
    clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0% 100%);
}

.pxl-header-search-form {
    position: relative;
}

.pxl-header-search-form input {
    font-size: 14px;
    color: #6c6c6c;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    height: 56px;
}

.pxl-header-search-form button {
    padding: 0;
    font-size: 16px;
    color: #000;
    height: 56px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 19px;
}

.pxl-header-search-form button:hover {
    color: #000;
}

.pxl-heading.gr .pxl-item--title {
    background: -webkit-linear-gradient(-90deg,#bababa,#fff 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pxl-heading .pxl-item--title b {
    font-weight: 700;
}

.pxl-heading .pxl-heading--inner {
    display: inline-block;
}

.pxl-heading .pxl-item--subtitle.sub-style-gradient {
    margin-bottom: 28px;
}

.pxl-heading .pxl-item--subtitle.sub-style-gradient span {
    font-size: 17px;
    color: #fff;
    display: inline-block;
    line-height: 34px;
    padding: 0 20px;
    border-radius: 34px;
    font-weight: 700;
}

.pxl-heading .pxl-item--subtitle.sub-text-gradient {
    font-size: 15px;
    text-transform: uppercase;
}

.pxl-heading .pxl-text--slide {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
}

.pxl-heading .pxl-text--slide span {
    display: inline-block;
    padding-bottom: 4px;
}

.pxl-heading .wow.letter {
    -webkit-transform: translatey(100%);
    -khtml-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%);
    -webkit-transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
    -khtml-transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
    -moz-transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
    -ms-transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
    -o-transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
    transition: 0.4s cubic-bezier(0.24,0.74,0.58,1);
}

.pxl-heading .wow.letter.animated {
    -webkit-transform: translatey(0px);
    -khtml-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
    -o-transform: translatey(0px);
    transform: translatey(0px);
}

.pxl-text-editor p {
    margin: 0;
}

.pxl-text-editor .btn {
    margin: 0 12px;
}

.pxl-text-editor .sc-button-wrap {
    display: inline-flex;
}

.pxl-text-editor .pxl-item--inner {
    display: inline-block;
}

.pxl-link {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pxl-link li {
    margin-bottom: 14px;
}

.pxl-link li a {
    display: inline-flex;
}

.pxl-link li i {
    min-width: 18px;
    margin-right: 8px;
    margin-top: 5px;
    font-size: 15px;
}

.pxl-link li:last-child {
    margin-bottom: 0px;
}

.pxl-link.style3 a {
    align-items: center;
}

.pxl-link.style3 i {
    margin-top: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 200px;
    border: 1px solid #141414;
    text-align: center;
    line-height: 30px;
}

.pxl-link.style4 a {
    align-items: center;
}

.pxl-link.style4 a i {
    margin: 0 0 0 8px;
    order: 2;
    background: -webkit-linear-gradient(1deg,#12ad1a,#acef06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-link.style4 a:hover i {
    margin: 0 0 0 12px;
}

.pxl-link.style5 li {
    border-bottom: 1px solid #c7c7c7;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding-bottom: 9px;
}

@media (max-width: 575px) {
    .pxl-link.style5 li {
        padding: 0;
        margin: 0;
    }
}

.pxl-link.style5 li:hover {
    border-color: transparent;
}

.pxl-link.style5 a {
    font-size: 32px;
    font-weight: 700;
    width: 100%;
    color: #1e1e2a;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-link.style5 a {
        font-size: 16px;
        padding: 10px 0;
    }
}

@media (max-width: 991px) {
    .pxl-link.style5 a {
        font-size: 25px;
    }
}

.pxl-link.style5 a:before {
    width: 0px;
    height: 2px;
    background-color: var(--primary-color);
    top: 50%;
    left: 0;
    content: '';
    position: absolute;
    transform: rotate(45deg) translatey(-50%);
}

.pxl-link.style5 a:after {
    width: 0px;
    height: 2px;
    background-color: var(--primary-color);
    top: 50%;
    left: 0;
    content: '';
    position: absolute;
    transform: rotate(-45deg) translatey(-50%);
}

.pxl-link.style5 a span {
    border-bottom: 2px solid transparent;
    line-height: 38px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-link.style5 a i {
    margin: 0 0 0 8px;
    order: 2;
    font-size: 22px;
    color: #fff;
    height: 55px;
    line-height: 55px;
    background-color: var(--primary-color);
    text-align: center;
    width: 55px;
    border-radius: 1000px;
    transform: scalex(0);
    transform-origin: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-link.style5 a i {
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-size: 18px;
    }
}

.pxl-link.style5 a:hover {
    color: var(--primary-color);
    padding-left: 70px;
}

@media (max-width: 575px) {
    .pxl-link.style5 a:hover {
        padding-left: 45px;
    }
}

.pxl-link.style5 a:hover span {
    border-bottom: 2px solid var(--primary-color);
}

.pxl-link.style5 a:hover i {
    transform: scalex(1);
}

.pxl-link.style5 a:hover:before,.pxl-link.style5 a:hover:after {
    width: 46px;
}

@media (max-width: 575px) {
    .pxl-link.style5 a:hover:before,.pxl-link.style5 a:hover:after {
        width: 30px;
    }
}

.pxl-link.style5 a:hover:before {
    -webkit-transition: 250ms all linear 300ms;
    -khtml-transition: 250ms all linear 300ms;
    -moz-transition: 250ms all linear 300ms;
    -ms-transition: 250ms all linear 300ms;
    -o-transition: 250ms all linear 300ms;
    transition: 250ms all linear 300ms;
}

.pxl-link.style5 a:hover:after {
    -webkit-transition: 250ms all linear 500ms;
    -khtml-transition: 250ms all linear 500ms;
    -moz-transition: 250ms all linear 500ms;
    -ms-transition: 250ms all linear 500ms;
    -o-transition: 250ms all linear 500ms;
    transition: 250ms all linear 500ms;
}

.pxl-link.hv-style2 a {
    position: relative;
    display: inline-flex;
}

.pxl-link.hv-style2 a:before {
    content: '';
    background-color: var(--primary-color);
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 2px;
    left: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

@media screen and (min-width: 1200px) {
    .pxl-link.hv-style2 a:hover {
        margin-left: 8px;
    }
}

.pxl-link.hv-style2 a:hover:before {
    width: 100%;
}

.pxl-link.hv-style3 a {
    position: relative;
    display: inline-flex;
}

.pxl-link.hv-style3 a:before {
    content: '';
    background-color: var(--primary-color);
    width: 11px;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: -11px;
    -webkit-transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.2s cubic-bezier(0.645,0.045,0.355,1);
    opacity: 0;
}

.pxl-link.hv-style3 a:hover {
    padding-left: 18px;
}

.pxl-link.hv-style3 a:hover:before {
    left: 0;
    opacity: 1;
}

.pxl-link.hv-style4 li {
    background-color: #fff;
    padding: 24px 26px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    font-weight: 500;
    color: #414141;
}

.pxl-link.hv-style4 li i {
    margin-right: 18px;
    color: #6a5dde;
}

.pxl-link.hv-style4 li a {
    color: inherit;
}

.pxl-link.hv-style4 li a:hover {
    color: inherit;
}

.pxl-link.hv-style5 li {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #666;
}

.pxl-link.hv-style5 li i {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin: 0;
    font-size: inherit;
    text-align: right;
}

.pxl-link.hv-style5 li a {
    color: inherit;
    display: block;
    position: relative;
    padding: 14px 42px 14px 22px;
}

.pxl-link.hv-style5 li a:hover {
    color: var(--primary-color);
}

.pxl-link.hv-style6 li {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
    color: #211d1c;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-link.hv-style6 li i {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin: 0;
    font-size: inherit;
    text-align: right;
    width: 37px;
    height: 35px;
    background-color: #f6f6f6;
    border-radius: 2px;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    color: var(--primary-color);
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-link.hv-style6 li a {
    color: inherit;
    display: block;
    position: relative;
    padding: 14px 42px 14px 22px;
}

.pxl-link.hv-style6 li:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.pxl-link.hv-style6 li:hover i {
    background-color: #fff;
    color: #171717;
}

.pxl-link.hv-style7 i {
    margin-right: 16px;
    height: 30px;
    width: 30px;
    min-width: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-image: -webkit-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -moz-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -ms-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -o-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to) 50%');
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin-top: -1px;
}

.pxl-link.hv-style7 span {
    font-size: 18px;
    color: #505050;
}

.pxl-link.hv-style8 li {
    display: inline-block;
    margin-bottom: 0;
    border-style: solid;
    border-color: #e0e4e9;
    border-width: 0 1px 0 0;
}

.pxl-link.hv-style8 li a {
    line-height: 42px;
    display: block;
    padding: 0 20px;
}

.pxl-link.hv-style8 li:last-child {
    border: none;
}

.pxl-link.hv-style8 li+li {
    margin-left: -4px;
}

.btn-video {
    background-color: #fff;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
}

.btn-video:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.63);
    border-radius: 50%;
    animation: pxl_scale1 1500ms ease-out infinite;
    -webkit-animation: pxl_scale1 1500ms ease-out infinite;
    z-index: -2;
}

.btn-video:hover,.btn-video:focus {
    color: #000;
}

.btn-video:hover:before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.pxl-button-video1.style1 {
    width: 62px;
    height: 62px;
    line-height: 62px;
}

.pxl-button-video1.style2 {
    width: 120px;
    height: 120px;
    line-height: 120px;
    position: relative;
    z-index: 1;
    font-size: 34px;
    background: none;
    color: var(--primary-color);
    background-color: rgba(255,255,255,0.05);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
    text-align: center;
}

.pxl-button-video1.style2 i {
    width: 100%;
    height: 100%;
    text-align: center !important;
    line-height: 120px;
}

.pxl-button-video1.style2:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border 3s linear infinite;
    border: 0.3px solid #fff;
    background-color: transparent !important;
    border-radius: 500px;
    opacity: 0;
}

.pxl-button-video1.style2:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border 3s 1.5s linear infinite;
    background-color: transparent !important;
    border: 0.3px solid #fff;
    border-radius: 500px;
    opacity: 0;
}

.pxl-button-video1.style2:hover {
    transform: scale(0.9);
}

.pxl-pagination1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.pxl-pagination1>div {
    padding: 0 15px;
    width: 50%;
}

.pxl-pagination1 a {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #6a6777;
}

.pxl-pagination1 .item--prev i {
    margin-right: 18px;
}

.pxl-pagination1 .item--prev i:before {
    -webkit-transform: scalex(-1);
    -khtml-transform: scalex(-1);
    -moz-transform: scalex(-1);
    -ms-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1);
    display: inline-block;
}

.pxl-pagination1 .item--prev a:hover i {
    -o-animation: pxl_left_from_right 0.6s forwards;
    -ms-animation: pxl_left_from_right 0.6s forwards;
    -webkit-animation: pxl_left_from_right 0.6s forwards;
    animation: pxl_left_from_right 0.6s forwards;
}

.pxl-pagination1 .item--next {
    text-align: right;
}

.pxl-pagination1 .item--next i {
    margin-left: 18px;
}

.pxl-pagination1 .item--next a:hover i {
    -o-animation: pxl_right_from_left 0.6s forwards;
    -ms-animation: pxl_right_from_left 0.6s forwards;
    -webkit-animation: pxl_right_from_left 0.6s forwards;
    animation: pxl_right_from_left 0.6s forwards;
}

.pxl-search-popup-button,.pxl-cart-sidebar-button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #09013f;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    cursor: pointer;
    font-size: 21px;
    position: relative;
}

.pxl-search-popup-button.style-box {
    width: 47px;
    height: 47px;
    background-color: #009688;
    line-height: 47px;
    color: #fff;
    font-size: 20px;
}

.pxl-cart-sidebar-button .pxl_cart_counter {
    background-color: #6bd800;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    right: -8px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'mulish',sans-serif;
}

.pxl-cart-popup-button {
    cursor: pointer;
}

.pxl-feature1 .pxl--item-title {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    padding-bottom: 7px;
}

@media screen and (max-width: 767px) {
    .pxl-feature1 .pxl--item-title {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.pxl-feature1 .pxl--item-title:before {
    content: '';
    width: 68px;
    height: 2px;
    background-color: #000439;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.pxl-feature1 .pxl--item-title span {
    color: var(--primary-color);
}

.pxl-feature1 .pxl--item-description {
    color: #585e6c;
    margin-bottom: 14px;
}

.pxl-feature1 .pxl--item-meta {
    padding: 0 15px;
    width: 45%;
}

@media screen and (max-width: 767px) {
    .pxl-feature1 .pxl--item-meta {
        width: 100%;
    }
}

.pxl-feature1 .pxl--item-holder {
    width: 55%;
    padding: 0 15px;
}

@media screen and (max-width: 767px) {
    .pxl-feature1 .pxl--item-holder {
        width: 100%;
    }
}

.pxl-feature1 .pxl--item {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.pxl-feature1 .pxl--item+.pxl--item {
    margin-top: 54px;
}

.pxl-feature1 .pxl--item:hover .pxl--item-title:before {
    width: 100%;
}

.pxl-section-shadow1 {
    z-index: 1;
}

.pxl-section-shadow1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    bottom: 0;
    z-index: -2;
    -webkit-box-shadow: 0 35px 43px rgba(85,2,255,0.1);
    -khtml-box-shadow: 0 35px 43px rgba(85,2,255,0.1);
    -moz-box-shadow: 0 35px 43px rgba(85,2,255,0.1);
    -ms-box-shadow: 0 35px 43px rgba(85,2,255,0.1);
    -o-box-shadow: 0 35px 43px rgba(85,2,255,0.1);
    box-shadow: 0 35px 43px rgba(85,2,255,0.1);
}

.pxl-section-shadow1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    z-index: -1;
}

.pxl-contact-form.btn-w-full button,.pxl-contact-form.btn-w-full .wpcf7-submit {
    width: 100%;
}

.pxl-contact-form .wpcf7-form-control-wrap {
    display: inline-flex;
    width: 100%;
    position: relative;
    border-radius: 0px !important;
}

.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -22px;
    left: 0px;
    font-size: 12px;
    background-color: #dc3232;
    color: rgba(255,255,255,0.87);
    padding: 0 6px;
    white-space: nowrap;
    line-height: 22px;
    z-index: 99;
}

.pxl-contact-form form {
    position: relative;
}

.pxl-contact-form form .wpcf7-response-output {
    margin: 30px 0 10px;
    border: none;
    background-color: #fff;
    border-radius: 5px;
    font-size: 15px;
    padding: 12px 20px;
    -webkit-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -khtml-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -moz-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -ms-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -o-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    box-shadow: 0 0 13px rgba(154,154,154,0.13);
}

.pxl-contact-form form .wpcf7-spinner {
    display: none;
}

.pxl-contact-form form:before {
    content: '';
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent var(--primary-color) transparent var(--primary-color);
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin 0.6s infinite linear;
    -webkit-animation: pxl_spin 0.6s infinite linear;
    box-sizing: border-box;
    z-index: 2;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    visibility: hidden;
}

.pxl-contact-form form.submitting * {
    opacity: 0.66;
}

.pxl-contact-form form.submitting:before {
    opacity: 1;
    visibility: visible;
}

.pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit),.pxl-contact-form1 .pxl-select-higthlight {
    /* border: 2px solid #ffffff; */
    font-size: 17px;
    /* color: #ffffff; */
    -webkit-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -khtml-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -moz-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -ms-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    -o-box-shadow: 0 0 13px rgba(154,154,154,0.13);
    box-shadow: 0 0 13px rgba(154,154,154,0.13);
    padding-left: 18px;
    border-radius: 0px;
    background-color: #f3f3f3a1;
    font-family: "Nunito Sans", Sans-serif;
}

.pxl-icon1.style-round-box a {
    width: 43px;
    height: 43px;
    -webkit-border-radius: 43px;
    -khtml-border-radius: 43px;
    -moz-border-radius: 43px;
    -ms-border-radius: 43px;
    -o-border-radius: 43px;
    border-radius: 43px;
    background-color: #5a5866;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    position: relative;
    z-index: 1;
}

.pxl-icon1.style-round-box a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    z-index: -2;
}

.pxl-icon1.style-round-box a i {
    display: inline-flex;
    transform: translate(-50%,-50%) !important;
}

.pxl-icon1.style-round-box a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.pxl-icon1.style-round-box-1 {
}

.pxl-icon1.style-round-box-1 a {
    width: 43px;
    height: 43px;
    -webkit-border-radius: 43px;
    -khtml-border-radius: 43px;
    -moz-border-radius: 43px;
    -ms-border-radius: 43px;
    -o-border-radius: 43px;
    border-radius: 43px;
    background-color: #5a5866;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    position: relative;
    z-index: 1;
    box-shadow: rgba(0,0,0,0.1) 0px 10px 50px;
}

.pxl-icon1.style-round-box-1 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    z-index: -2;
}

.pxl-icon1.style-round-box-1 a i {
    display: inline-flex;
    transform: translate(-50%,-50%) !important;
}

.pxl-icon1.style-round-box-1 a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.pxl-icon1.hv-style-default a:hover {
    -webkit-transform: translatey(-3px);
    -khtml-transform: translatey(-3px);
    -moz-transform: translatey(-3px);
    -ms-transform: translatey(-3px);
    -o-transform: translatey(-3px);
    transform: translatey(-3px);
}

.pxl-icon1.hv-style-gradient a:after {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
    z-index: -1;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    opacity: 0;
}

.pxl-icon1.hv-style-gradient a:hover {
    color: #fff;
}

.pxl-icon1.hv-style-gradient a:hover:after {
    opacity: 1;
}

.pxl-icon1.style-divider a {
    display: inline-block;
    width: 37px;
    height: 42px;
    border-right: 1px solid #dae3ed;
    text-align: center;
    line-height: 42px;
}

.pxl-icon1.style-divider a:last-child {
    border-right: none;
}

.pxl-icon1.style-divider a+a {
    margin-left: -4px;
}

.pxl-title-effect .pxl-item--title {
    margin-bottom: 0;
}

.pxl-title-effect.pxl-type-gradient .pxl-item--title {
    background-image: -webkit-gradient(linear,left top,left bottom,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to bottom,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)');
}

.pxl-process1 {
    border: 2px solid #f1f2f0;
    -webkit-border-radius: 150px;
    -khtml-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0 10px;
}

@media screen and (max-width: 1199px) {
    .pxl-process1 {
        padding: 32px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .pxl-process1 {
        -webkit-border-radius: 80px;
        -khtml-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
    }
}

.pxl-process1 .pxl-item--image {
    position: absolute;
    top: -100px;
    right: 0;
    height: 144px;
    width: 144px;
    line-height: 144px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 14px 28px rgba(18,42,0,0.12);
    -khtml-box-shadow: 0 14px 28px rgba(18,42,0,0.12);
    -moz-box-shadow: 0 14px 28px rgba(18,42,0,0.12);
    -ms-box-shadow: 0 14px 28px rgba(18,42,0,0.12);
    -o-box-shadow: 0 14px 28px rgba(18,42,0,0.12);
    box-shadow: 0 14px 28px rgba(18,42,0,0.12);
}

.pxl-process1 .pxl-item--image img {
    max-height: 100px;
    width: auto;
    animation: pxl_bounce 1000ms ease-out infinite;
    -webkit-animation: pxl_bounce 1000ms ease-out infinite;
}

.pxl-process1 .pxl-item--number {
    width: 53px;
    height: 53px;
    line-height: 53px;
    background-color: #f8f8f8;
    border-radius: 53px;
    font-weight: 600;
    color: #122a00;
    margin: 0 auto 30px auto;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-process1 .pxl-item--title {
    margin: 0;
    font-size: 22px;
    color: #122a00;
}

.pxl-process1 .pxl-item--divider {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-repeat: no-repeat;
    background-position: center;
    visibility: hidden;
}

@media screen and (max-width: 1199px) {
    .pxl-process1 .pxl-item--divider {
        display: none;
    }
}

.pxl-process1 .pxl--item {
    width: 33.33%;
    padding: 0 20px;
    text-align: center;
    margin: 30px 0;
    position: relative;
}

@media screen and (max-width: 767px) {
    .pxl-process1 .pxl--item {
        width: 100%;
    }
}

.pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
    width: 203px;
    height: 52px;
    background-image: url(../img/process-divider1.png);
    visibility: visible;
    right: -101px;
}

.pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider {
    width: 207px;
    height: 48px;
    background-image: url(../img/process-divider2.png);
    visibility: visible;
    right: -103px;
    margin-top: -10px;
}

.pxl-process1 .pxl--item:hover .pxl-item--number {
    color: #fff;
    background-color: var(--primary-color);
}

.elementor-widget__width-initial.elementor-widget-pxl_image>.elementor-widget-container {
    width: 100%;
}

.el-bounce.bounce-active,.pxl-image-effect1.bounce-active {
    animation: pxl_zigzag 600ms ease-out infinite;
    -webkit-animation: pxl_zigzag 600ms ease-out infinite;
}

.pxl-image-effect2 {
    animation: pxl_bottom_top_small 3s ease-out infinite;
    -webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}

.pxl-recent-news1 {
    position: relative;
    z-index: 1;
}

.pxl-recent-news1 .pxl-grid-item,.pxl-recent-news1 .grid-sizer {
    width: 25%;
    padding: 0 18px;
}

@media screen and (max-width: 1024px) {
    .pxl-recent-news1 .pxl-grid-item,.pxl-recent-news1 .grid-sizer {
        width: 33.33%;
    }

    .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md,.pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md,.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md,.pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md {
        display: block;
    }

    .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-lg,.pxl-recent-news1 .grid-sizer.pxl--item-lg .content-lg,.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-lg,.pxl-recent-news1 .grid-sizer.pxl--item-lg .img-lg {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .pxl-recent-news1 .pxl-grid-item,.pxl-recent-news1 .grid-sizer {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .pxl-recent-news1 .pxl-grid-item,.pxl-recent-news1 .grid-sizer {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    .pxl-recent-news1 .pxl-grid-item.pxl--item-lg,.pxl-recent-news1 .grid-sizer.pxl--item-lg {
        width: 50%;
    }

    .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md,.pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md,.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md,.pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md {
        display: none;
    }
}

.pxl-recent-news1 .pxl-grid-item.pxl--item-first,.pxl-recent-news1 .grid-sizer.pxl--item-first {
    min-height: 265px;
    margin-bottom: 0;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .pxl-recent-news1 .pxl-grid-item.pxl--item-first,.pxl-recent-news1 .grid-sizer.pxl--item-first {
        display: none;
    }
}

.pxl-recent-news1 .pxl-grid-item.pxl--item-first .pxl-shape,.pxl-recent-news1 .grid-sizer.pxl--item-first .pxl-shape {
    position: absolute;
    top: 60px;
    left: 65px;
    z-index: -1;
    animation: pxl_right_left 12s infinite linear alternate;
}

.pxl-recent-news1 .pxl-item--sticky {
    position: absolute;
    top: -32px;
    right: 60px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #fff;
    background-color: var(--primary-color);
    -webkit-box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    -khtml-box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    -moz-box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    -ms-box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    -o-box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    box-shadow: 0 12px 10px rgba(0,0,0,0.32);
    font-size: 20px;
    text-align: center;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    z-index: 99;
}

.pxl-recent-news1 .pxl-item--image {
    margin-bottom: 17px;
    position: relative;
    overflow: hidden;
}

.pxl-recent-news1 .pxl-item--image img {
    width: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-recent-news1 .pxl-item--title {
    font-size: 18px;
    color: #122a00;
    margin-bottom: 9px;
}

.pxl-recent-news1 .pxl-item--title a {
    color: inherit;
}

.pxl-recent-news1 .pxl-item--title a:hover {
    color: inherit;
}

.pxl-recent-news1 .pxl-item--content {
    font-size: 15px;
    line-height: 1.6;
    color: #4b5345;
    margin-bottom: 19px;
}

.pxl-recent-news1 .pxl-item--button .btn-plus-text {
    background-color: #eaebea;
    color: #122a00;
}

.pxl-recent-news1 .pxl-item--button .btn-plus-text:hover {
    color: #fff;
    background-color: #122a00;
}

.pxl-recent-news1 .pxl-grid-item {
    margin-bottom: 50px;
}

.pxl-recent-news1 .pxl-grid-item.pxl--item-shape1 {
    margin-top: -80px;
    text-align: center;
    animation: pxl_bottom_top 12s infinite linear alternate;
}

@media screen and (max-width: 1024px) {
    .pxl-recent-news1 .pxl-grid-item.pxl--item-shape1 {
        display: none;
    }
}

.pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
    text-align: center;
    animation: pxl_right_left 12s infinite linear alternate;
}

@media screen and (max-width: 1024px) {
    .pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
        display: none;
    }
}

.pxl-recent-news1 .pxl-grid-item:hover .pxl-item--image img {
    -webkit-transform: scale(1.12);
    -khtml-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}

@media screen and (min-width: 1025px) {
    .pxl-recent-news1 .pxl--item-lg .pxl-item--image {
        margin-bottom: 22px;
    }

    .pxl-recent-news1 .pxl--item-lg .pxl-item--title {
        font-size: 30px;
        line-height: 1.2;
    }

    .pxl-recent-news1 .pxl--item-lg .pxl-item--content {
        font-size: 16px;
        line-height: 1.6875;
        margin-bottom: 26px;
    }
}

.pxl-recent-news1 .pxl-grid-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
    position: relative;
}

body:not(.elementor-editor-active) .elementor-widget-pxl_particle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pxl-particle .pxl-item--particle {
    position: absolute;
}

.pxl-particle+.elementor-container {
    z-index: 99;
}

.shadow1 img,.gallery-image img {
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
}

.gallery-image .wrap-title {
    padding: 6px 40px 0 40px;
    background-color: var(--regular-color);
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 27px;
    font-weight: 400;
}

@media (max-width: 480px) {
    .gallery-image .wrap-title {
        padding: 6px 20px 0 20px;
        font-size: 20px;
    }
}

.gallery-image .wrap-title i {
    padding-right: 15px;
    color: #fff;
    font-size: 42px;
}

.gallery-image .pxl-gallery {
    display: flex;
    flex-wrap: wrap;
    padding: 43px 48px 25px 48px;
}

@media (max-width: 480px) {
    .gallery-image .pxl-gallery {
        padding: 43px 28px 25px 28px;
    }
}

.gallery-image .pxl-gallery a {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.gallery-image .pxl-gallery a:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 1px;
    z-index: 5;
    background-color: #fff;
    opacity: 0;
    top: 50%;
    left: 0%;
    transform: translate(-50%,-50%);
}

.gallery-image .pxl-gallery a:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 1px;
    z-index: 5;
    background-color: #fff;
    top: 0%;
    opacity: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}

.gallery-image .pxl-gallery .wrap-light-box {
    position: relative;
}

.gallery-image .pxl-gallery .wrap-light-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: var(--secondary-color);
    mix-blend-mode: multiply;
    opacity: 0;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.gallery-image .pxl-gallery .wrap-light-box:hover:before {
    opacity: 0.7;
}

.gallery-image .pxl-gallery .wrap-light-box:hover a:after {
    top: 50%;
    opacity: 1;
    -webkit-transition: 200ms all linear 200ms;
    -khtml-transition: 200ms all linear 200ms;
    -moz-transition: 200ms all linear 200ms;
    -ms-transition: 200ms all linear 200ms;
    -o-transition: 200ms all linear 200ms;
    transition: 200ms all linear 200ms;
}

.gallery-image .pxl-gallery .wrap-light-box:hover a:before {
    -webkit-transition: 200ms all linear 200ms;
    -khtml-transition: 200ms all linear 200ms;
    -moz-transition: 200ms all linear 200ms;
    -ms-transition: 200ms all linear 200ms;
    -o-transition: 200ms all linear 200ms;
    transition: 200ms all linear 200ms;
    opacity: 1;
    left: 50%;
}

.gallery-image .pxl-gallery .pxl--item {
    padding: 0 7px 15px 8px;
    position: relative;
}

.gallery-image .pxl-gallery .pxl--item img {
    width: 100%;
    position: relative;
}

.gallery-image .pxl-gallery .pxl--item img:before {
    position: absolute;
    content: '';
    background-color: red;
    width: 100px;
    height: 100px;
}

.elementor-widget-overlay {
    width: 100% !important;
    height: 100%;
}

.elementor-widget-overlay .elementor-widget-container {
    width: 100%;
    height: 100%;
}

.pxl-overlay {
    width: 100px;
    height: 100px;
}

.pxl-image-single {
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
}

.pxl-image-single *,.pxl-image-single img {
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit;
}

.pxl-spacer1>div {
    display: none;
}

@media screen and (min-width: 1200px) {
    .pxl-spacer1 .pxl-space--xl {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pxl-spacer1 .pxl-space--lg {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pxl-spacer1 .pxl-space--md {
        display: block;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .pxl-spacer1 .pxl-space--sm {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .pxl-spacer1 .pxl-space--xs {
        display: block;
    }
}

.pxl-link {
    padding-left: 0 !important;
    list-style: none !important;
}

.pxl-link.style2 i {
    mask-image: url(../img/mask-list.png);
    -webkit-mask-image: url(../img/mask-list.png);
    -ms-mask-image: url(../img/mask-list.png);
    -o-mask-image: url(../img/mask-list);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    width: 25px;
    min-width: 25px;
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    text-align: center;
    line-height: 25px;
}

.pxl-heading .wrap-subtitle {
    display: flex;
}

.pxl-heading .wrap-subtitle .icon-before {
    width: 76px;
    padding-left: 17px;
}

@media (max-width: 450px) {
    .pxl-heading .wrap-subtitle .icon-before {
        width: 50px;
        padding-left: 10px;
    }
}

.pxl-heading .wrap-subtitle .icon-after {
    padding-left: 17px;
    width: 76px;
}

@media (max-width: 450px) {
    .pxl-heading .wrap-subtitle .icon-after {
        width: 50px;
        padding-left: 10px;
    }
}

.pxl-heading .wrap-subtitle.style1 .icon-before,.pxl-heading .wrap-subtitle.style1 .icon-after {
    display: none;
}

.pxl-heading .wrap-subtitle.style2 .icon-after {
    display: none;
}

.pxl-heading .wrap-subtitle.style3 .icon-before {
    display: none;
}

.pxl-client-carousel1 .pxl-swiper-wrapper {
    align-items: center !important;
}

.pxl-client-carousel1 .pxl-item-client a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pxl-client-carousel1 .pxl-item-client a img {
    display: block;
    width: auto;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -o-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    max-height: 65px;
}

.pxl-client-carousel1 .pxl-item-client a img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-250%);
    -khtml-transform: translate(-50%,-250%);
    -moz-transform: translate(-50%,-250%);
    -ms-transform: translate(-50%,-250%);
    -o-transform: translate(-50%,-250%);
    transform: translate(-50%,-250%);
    opacity: 1;
}

.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(1) {
    -webkit-transform: translatey(150%);
    -khtml-transform: translatey(150%);
    -moz-transform: translatey(150%);
    -ms-transform: translatey(150%);
    -o-transform: translatey(150%);
    transform: translatey(150%);
}

.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(2) {
    transform: translate(-50%,-50%);
    opacity: 1;
}

.pxl-client-carousel2 .pxl-swiper-wrapper {
    align-items: center !important;
}

.pxl-client-carousel2 .pxl-item-client a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pxl-client-carousel2 .pxl-item-client a img {
    display: block;
    width: auto;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -o-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    max-height: 65px;
}

.pxl-client-carousel2 .pxl-item-client a img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-250%);
    -khtml-transform: translate(-50%,-250%);
    -moz-transform: translate(-50%,-250%);
    -ms-transform: translate(-50%,-250%);
    -o-transform: translate(-50%,-250%);
    transform: translate(-50%,-250%);
    opacity: 1;
}

.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(1) {
    -webkit-transform: translatey(150%);
    -khtml-transform: translatey(150%);
    -moz-transform: translatey(150%);
    -ms-transform: translatey(150%);
    -o-transform: translatey(150%);
    transform: translatey(150%);
}

.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(2) {
    transform: translate(-50%,-50%);
    opacity: 1;
}

.pxl-image-grid1 .pxl-grid-item {
    padding: 15px !important;
}

.pxl-image-grid1 .pxl-grid-item img {
    width: 100%;
}

.pxl-image-carousel1 .pxl-swiper-wrapper {
    align-items: center !important;
    padding: 50px 0;
}

.pxl-image-carousel1 img {
    width: 100%;
}

.pxl-image-carousel1 .pxl-item--inner {
    box-shadow: rgba(0,14,32,0.05) 0px 0px 21px;
}

.pxl-image-carousel1 .pxl-swiper-arrow-next {
    right: 26%;
    transform: translatex(-50%);
}

.pxl-image-carousel1 .pxl-swiper-arrow-prev {
    left: 29.5%;
    transform: translatex(-50%);
}

.pxl-image-carousel1 .pxl-swiper-arrow {
    top: 42%;
    box-shadow: rgba(0,40,91,0.1) 0px 19px 16px;
    width: 91px;
    height: 91px;
}

.pxl-image-carousel1 .pxl-swiper-arrow i {
    font-size: 30px;
    line-height: 91px;
}

.pxl-image-carousel4 .pxl-swiper-slide {
    padding: 0;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    top: 0;
    left: 0;
    -webkit-transition: 150ms all linear 0ms;
    -khtml-transition: 150ms all linear 0ms;
    -moz-transition: 150ms all linear 0ms;
    -ms-transition: 150ms all linear 0ms;
    -o-transition: 150ms all linear 0ms;
    transition: 150ms all linear 0ms;
    z-index: 3;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    bottom: 0;
    left: 0;
    -webkit-transition: 150ms all linear 0ms;
    -khtml-transition: 150ms all linear 0ms;
    -moz-transition: 150ms all linear 0ms;
    -ms-transition: 150ms all linear 0ms;
    -o-transition: 150ms all linear 0ms;
    transition: 150ms all linear 0ms;
    z-index: 3;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content {
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content:before {
    position: absolute;
    content: '';
    background: linear-gradient(to top,#000 0%,#000 5%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.001) 100%);
    width: 101%;
    height: 60%;
    bottom: -1px;
    left: -1px;
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content {
    padding: 43px 53px;
    position: relative;
    transform: scaley(0.5);
    transform-origin: bottom;
    opacity: 0;
    -webkit-transition: 100ms all linear 0ms;
    -khtml-transition: 100ms all linear 0ms;
    -moz-transition: 100ms all linear 0ms;
    -ms-transition: 100ms all linear 0ms;
    -o-transition: 100ms all linear 0ms;
    transition: 100ms all linear 0ms;
}

@media (max-width: 1400px) {
    .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content {
        padding: 30px;
    }
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc {
    margin: 0px 0 17px 0;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button {
    display: flex;
    align-items: center;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a,.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a {
    position: relative;
    width: 55px;
    height: 55px;
    font-size: 18px;
    text-align: center;
    border-radius: 100px;
    background: #fff;
    color: var(--secondary-color);
    display: block;
    line-height: 55px;
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a:hover,.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a:hover {
    color: var(--primary-color);
}

.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player {
    margin-right: 7px;
}

.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:before {
    transition-delay: 200ms !important;
    height: 36px;
}

.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:after {
    transition-delay: 200ms !important;
    height: 9px;
}

.pxl-image-carousel4 .pxl-swiper-slide:hover .wrap-content {
    transform: scaley(1) !important;
    opacity: 1 !important;
}

.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content {
    padding-top: 36px !important;
    padding-bottom: 10px !important;
}

.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content:before {
    height: 101% !important;
    opacity: 1 !important;
}

.pxl-image-carousel3 .pxl-swiper-arrow {
    width: 61px;
    height: 61px;
    transform: inherit;
    background-color: #fff;
    box-shadow: none;
}

@media (max-width: 1500px) {
    .pxl-image-carousel3 .pxl-swiper-arrow {
        display: none !important;
    }
}

.pxl-image-carousel3 .pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    color: #000;
}

.pxl-image-carousel3 .pxl-swiper-arrow i {
    font-size: 38px;
    line-height: 61px;
    margin-left: -46px;
}

.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    transform: rotatey(180deg) !important;
    left: -110px;
}

.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -110px;
}

.pxl-image-carousel3 .pxl-swiper-slide {
    padding: 50px 0 0 0;
}

.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before,.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before {
    position: absolute;
    content: '';
    width: 82px;
    height: 37px;
    background-image: url(../img/arr-roof.png);
    right: -41px;
    top: 43%;
    transform: translatey(-50%) rotatex(0deg);
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
    opacity: 0;
}

@media (max-width: 991px) {
    .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before,.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before {
        display: none !important;
    }
}

.pxl-image-carousel3 .pxl-swiper-slide:nth-child(odd):before {
    transform: translatey(-50%) rotatex(180deg);
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    position: relative;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:before {
    position: absolute;
    content: '';
    width: 165px;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    border-radius: 500px;
    background-color: #fff;
    transition: 300ms;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:after {
    position: absolute;
    content: '';
    width: 163px;
    height: calc(100% - 2px);
    z-index: -2;
    top: 1px;
    left: 50%;
    transform: translatex(-50%);
    border-radius: 500px;
    background-color: var(--primary-color);
    transition: 300ms;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .wrap-item {
    text-align: center;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title {
    margin-top: 7px;
    color: #1e1e2a;
    font-weight: 700;
    font-size: 27px;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-desc {
    color: #6b6b6e;
    font-size: 17px;
    line-height: 26px;
    max-width: 245px;
    margin: 2px auto 13px auto;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read {
    transform: scale(0);
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
}

.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read a {
    width: 53px;
    height: 53px;
    border-radius: 500px;
    line-height: 53px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background-color: var(--primary-color);
    display: block;
    font-size: 20px;
}

.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .btn-read {
    transform: scale(1);
}

.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .thumb-roof:after {
    top: -10px;
}

.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-visible:before {
    opacity: 1;
}

.pxl-image-carousel3 .pxl-swiper-slide:hover .btn-read {
    transform: scale(1);
}

.pxl-image-carousel3 .pxl-swiper-slide:hover .thumb-roof:after {
    top: -10px;
}

.shadow-img img {
    box-shadow: rgba(0,14,32,0.05) 0px 0px 21px;
}

.tt_timetable th {
    background-color: #e7e6e6 !important;
    color: var(--secondary-color) !important;
    padding: 12px 15px 14px;
    font-size: 20px;
}

.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {
    background-color: #e7e6e6;
    border: 1px solid var(--secondary-color);
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
}

.tt_responsive .tt_timetable.small .box_header {
    font-size: 20px !important;
    font-weight: bold;
    color: var(--secondary-color);
}

.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before {
    -webkit-animation: in-top 0.3s ease 0ms 1 forwards;
    animation: in-top 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .out-top .item--featured:before {
    -webkit-animation: out-top 0.3s ease 0ms 1 forwards;
    animation: out-top 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before,.pxl-grid-item .pxl-grid-direction .out-top .item--featured:before {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before {
    -webkit-animation: out-bottom 0.3s ease 0ms 1 forwards;
    animation: out-bottom 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before {
    -webkit-animation: in-bottom 0.3s ease 0ms 1 forwards;
    animation: in-bottom 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before,.pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.pxl-grid-item .pxl-grid-direction .out-left .item--featured:before {
    -webkit-animation: out-left 0.3s ease 0ms 1 forwards;
    animation: out-left 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before {
    -webkit-animation: in-left 0.3s ease 0ms 1 forwards;
    animation: in-left 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before,.pxl-grid-item .pxl-grid-direction .out-left .item--featured:before {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.pxl-grid-item .pxl-grid-direction .out-right .item--featured:before {
    -webkit-animation: out-right 0.3s ease 0ms 1 forwards;
    animation: out-right 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before {
    -webkit-animation: in-right 0.3s ease 0ms 1 forwards;
    animation: in-right 0.3s ease 0ms 1 forwards;
}

.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before,.pxl-grid-item .pxl-grid-direction .out-right .item--featured:before {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.elementor-drop-cap-letter {
    box-shadow: 1px 10px 60px #fab319;
}

.site-header-lang {
    max-width: 60px;
}

.site-header-lang .wpml-ls-current-language>a {
    background-color: transparent !important;
}

.site-header-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "\f078" !important;
    font-family: 'font awesome 5 pro';
    vertical-align: middle;
    display: inline-block;
    border: none !important;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translatey(-50%);
    font-size: 11px;
    font-weight: 700;
}

.site-header-lang .wpml-ls-link {
    background-color: #f8f8f8;
}

.site-header-lang .wpml-ls-statics-shortcode_actions .js-wpml-ls-item-toggle {
    padding: 0 !important;
}

.site-header-lang .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu {
    border: none;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
    transform: translatey(20px);
    overflow: hidden;
    border-radius: 5px;
    min-width: 90px;
    text-align: center;
    background-color: #eaeaea !important;
}

.site-header-lang .wpml-ls-statics-shortcode_actions:hover .wpml-ls-sub-menu {
    opacity: 1;
    transform: translatey(0px);
}

.site-header-lang .wpml-ls-statics-shortcode_actions a {
    display: inline-flex;
    align-items: center;
    border: none !important;
    width: 100%;
    height: 100%;
    line-height: 2;
}

.site-header-lang .wpml-ls-statics-shortcode_actions a img {
    width: 20px;
    min-width: 20px;
    margin-right: 8px;
    border-radius: 100px;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
}

.site-header-lang .wpml-ls-statics-shortcode_actions a span {
    font-size: 14px;
    font-weight: 700;
    color: #252525;
}

.site-header-lang.style2 .js-wpml-ls-item-toggle {
    background-color: transparent !important;
}

#parallax {
    background-attachment: fixed;
    background-position-y: -0.2;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-progressbar {
    font-size: 16px;
    font-weight: 500;
    color: #080808;
}

.pxl-progressbar .progress-percentage {
    position: absolute;
    font-size: 15px;
    font-weight: 700;
    top: 0;
    right: 0;
}

.pxl-progressbar .progress-item {
    position: relative;
}

.pxl-progressbar .progress-item+.progress-item {
    margin-top: 24px;
}

.pxl-progressbar .progress-title-wrap {
    margin-bottom: 5px;
}

.pxl-progressbar .progress-bar-wrap {
    position: relative;
}

.pxl-progressbar .progress-bar-wrap .progress-bound {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f2f2f2;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.pxl-progressbar .pxl-progress-bar {
    height: 10px;
    position: relative;
    width: 0;
    background-color: var(--primary-color);
    -webkit-transition: width 1.4s ease;
    -khtml-transition: width 1.4s ease;
    -moz-transition: width 1.4s ease;
    -ms-transition: width 1.4s ease;
    -o-transition: width 1.4s ease;
    transition: width 1.4s ease;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.pxl-progressbar.style1 .progress-title-wrap {
    z-index: 2;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    padding: 0 27px;
}

.pxl-history {
    position: relative;
    max-width: 850px;
}

.pxl-history:before {
    position: absolute;
    content: 0;
    height: 100%;
    border-left: 1px dashed #fff;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    content: '';
    z-index: 0;
}

@media (max-width: 900px) {
    .pxl-history:before {
        left: 51px;
        transform: translatex(0%);
    }
}

.pxl-history .tetx-start {
    z-index: 2;
    display: block;
    width: 104px;
    height: 104px;
    border-radius: 200px;
    background-color: var(--primary-color);
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 102px;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

@media (max-width: 900px) {
    .pxl-history .tetx-start {
        left: 0%;
        transform: translatex(0%);
    }
}

.pxl-history .pxl-history-l1 {
    padding: 0;
}

.pxl-history .pxl-history-l1 li {
    display: flex;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li {
        margin: 20px 0 0 0 !important;
        padding-left: 130px;
    }
}

.pxl-history .pxl-history-l1 li:nth-child(1) {
    padding-top: 27px;
}

.pxl-history .pxl-history-l1 li .wrap-content {
    width: 300px;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li .wrap-content {
        width: 100%;
    }
}

.pxl-history .pxl-history-l1 li:nth-child(even) {
    text-align: right;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li:nth-child(even) {
        text-align: left;
    }
}

.pxl-history .pxl-history-l1 li:nth-child(even) .title {
    padding-right: 25px;
}

.pxl-history .pxl-history-l1 li:nth-child(even) .title:before {
    right: -135px;
}

.pxl-history .pxl-history-l1 li:nth-child(even) .title:after {
    right: -112px;
}

.pxl-history .pxl-history-l1 li:nth-child(odd) {
    text-align: left;
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li:nth-child(odd) {
        justify-content: flex-start;
    }
}

.pxl-history .pxl-history-l1 li:nth-child(odd) .title:before {
    left: -135px;
}

.pxl-history .pxl-history-l1 li:nth-child(odd) .title:after {
    left: -112px;
}

.pxl-history .pxl-history-l1 li .title {
    font-size: 24px;
    color: #f6f6f6;
    font-weight: 700;
    position: relative;
}

.pxl-history .pxl-history-l1 li .title:before {
    position: absolute;
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 100px;
    background-color: var(--primary-color);
    top: 13px;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li .title:before {
        left: -90px !important;
    }
}

.pxl-history .pxl-history-l1 li .title:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    top: 23px;
    border-top: 1px dashed #818181;
}

@media (max-width: 900px) {
    .pxl-history .pxl-history-l1 li .title:after {
        width: 50px !important;
        left: -62px !important;
        right: auto !important;
    }
}

.pxl-history .pxl-history-l1 li .desc {
    padding-top: 9px;
    font-size: 18px;
    color: #acacac;
    line-height: 26px;
}

.pxl-history .img-h {
    width: 142px;
    max-width: 142px;
    height: 142px;
    border-radius: 200px;
    border: 3px solid #474747;
    overflow: hidden;
    margin: auto;
    position: relative;
    margin-top: -3px;
}

@media (max-width: 900px) {
    .pxl-history .img-h {
        margin-left: 0;
        width: 104px;
        max-width: 104px;
        height: 104px;
    }
}

.pxl-client-grid1 .pxl-grid-item {
    padding: 0;
    margin-top: -1px;
}

.pxl-client-grid1 .pxl-grid-item:nth-child(1):before,.pxl-client-grid1 .pxl-grid-item:nth-child(2):before,.pxl-client-grid1 .pxl-grid-item:nth-child(4):before,.pxl-client-grid1 .pxl-grid-item:nth-child(5):before,.pxl-client-grid1 .pxl-grid-item:nth-child(7):before,.pxl-client-grid1 .pxl-grid-item:nth-child(8):before,.pxl-client-grid1 .pxl-grid-item:nth-child(10):before,.pxl-client-grid1 .pxl-grid-item:nth-child(11):before,.pxl-client-grid1 .pxl-grid-item:nth-child(13):before,.pxl-client-grid1 .pxl-grid-item:nth-child(14):before {
    content: '';
    top: -7px;
    height: 134px;
    right: 0;
    width: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 100%;
}

@media (max-width: 450px) {
    .pxl-client-grid1 .pxl-grid-item:nth-child(1):before,.pxl-client-grid1 .pxl-grid-item:nth-child(2):before,.pxl-client-grid1 .pxl-grid-item:nth-child(4):before,.pxl-client-grid1 .pxl-grid-item:nth-child(5):before,.pxl-client-grid1 .pxl-grid-item:nth-child(7):before,.pxl-client-grid1 .pxl-grid-item:nth-child(8):before,.pxl-client-grid1 .pxl-grid-item:nth-child(10):before,.pxl-client-grid1 .pxl-grid-item:nth-child(11):before,.pxl-client-grid1 .pxl-grid-item:nth-child(13):before,.pxl-client-grid1 .pxl-grid-item:nth-child(14):before {
        height: 100px !important;
    }
}

.pxl-client-grid1 .pxl-grid-item:nth-child(1),.pxl-client-grid1 .pxl-grid-item:nth-child(2),.pxl-client-grid1 .pxl-grid-item:nth-child(3),.pxl-client-grid1 .pxl-grid-item:nth-child(7),.pxl-client-grid1 .pxl-grid-item:nth-child(9),.pxl-client-grid1 .pxl-grid-item:nth-child(8),.pxl-client-grid1 .pxl-grid-item:nth-child(15),.pxl-client-grid1 .pxl-grid-item:nth-child(13),.pxl-client-grid1 .pxl-grid-item:nth-child(14) {
    border-bottom: 1px solid #f2f2f2;
}

.pxl-client-grid1 .pxl-grid-item .pxl-item--inner {
    text-align: center;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    min-height: 125px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

@media (max-width: 450px) {
    .pxl-client-grid1 .pxl-grid-item .pxl-item--inner {
        min-height: 100px !important;
    }
}

.pxl-client-grid1 .pxl-grid-item .pxl-item--inner img {
    -webkit-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    -o-transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    transition: all 0.3s cubic-bezier(0,0,0.2,1) 0s;
    position: relative;
    width: auto;
    max-height: 80px;
}

.pxl-client-grid1 .pxl-grid-item .pxl-item--inner:hover img {
    transform: scale(0.9);
}

.pxl-text-carousel1 .pxl-swiper-slide {
    text-align: center;
}

.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) {
    border: none;
    /* border-bottom: 1px solid #f0e5df; */
}

.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title {
    font-size: 72px;
    color: #000;
    font-weight: 700;
    line-height: 97px;
}

.pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title {
    font-size: 72px;
    color: #fff;
    font-weight: 700;
    -webkit-text-stroke: 1px #ccc;
    text-stroke: 1px #ccc;
    line-height: 97px;
}

@media (max-width: 1700px) {
    .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
        font-size: 62px !important;
        line-height: 72px !important;
    }
}

@media (max-width: 1500px) {
    .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
        font-size: 42px !important;
        line-height: 52px !important;
    }
}

@media (max-width: 767px) {
    .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
        font-size: 35px !important;
        line-height: 45px !important;
    }
}

.pxl-image-carousel2 .pxl-swiper-container {
    margin: 0 !important;
}

.pxl-image-carousel2 .pxl-swiper-slide {
    padding: 0 3px !important;
}

.pxl-image-carousel2 .pxl-swiper-slide img {
    width: 100%;
    border-radius: 10px;
}

.pxl-image-carousel2 .pxl-swiper-dots {
    margin-top: 45px !important;
    min-height: 12px;
    align-items: center;
}

.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 0 21px !important;
    background-color: #c6c6c6 !important;
}

.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    overflow: hidden;
    background-color: var(--primary-color) !important;
}

.pxl-image-carousel5 .pxl-swiper-arrow {
    width: 61px;
    height: 61px;
}

@media (max-width: 1500px) {
    .pxl-image-carousel5 .pxl-swiper-arrow {
        display: none !important;
    }
}

.pxl-image-carousel5 .pxl-swiper-arrow i {
    font-size: 38px;
    line-height: 61px;
    margin-left: -46px;
}

.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    transform: rotatey(180deg);
    left: -124px;
}

.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -124px;
}

.pxl-image-carousel5 .pxl-swiper-container {
    mask-image: url(../img/mask-video.png);
    -webkit-mask-image: url(../img/mask-video.png);
    -ms-mask-image: url(../img/mask-video.png);
    -o-mask-image: url(../img/mask-video);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
}

.pxl-image-carousel5 .pxl-swiper-slide {
    max-width: 260px;
    min-width: 260px;
    padding: 0;
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
}

@media (max-width: 1500px) {
    .pxl-image-carousel5 .pxl-swiper-slide {
        max-width: 1000px;
        min-width: auto;
    }
}

.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
    min-width: 690px;
}

@media (max-width: 1500px) {
    .pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
        min-width: auto;
    }
}

.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active .pxl-title {
    transform: translatey(0px) !important;
    opacity: 1 !important;
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-content {
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #000;
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-content:before {
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .wrap-content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    margin-top: 40px;
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title {
    font-weight: 700;
    height: 48.6px;
    overflow: hidden;
    font-size: 29.94px;
    color: #fff;
    margin-top: 33px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
}

@media (max-width: 991px) {
    .pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title {
        font-size: 24px;
    }
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a {
    position: relative;
    font-size: 16px;
    width: 83px;
    height: 83px;
    line-height: 83px;
    color: #fff;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    background-color: var(--primary-color);
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border2 3s linear infinite;
    border: 0.3px solid var(--primary-color);
    background-color: transparent !important;
    border-radius: 500px;
    opacity: 0;
}

.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border2 3s 1.5s linear infinite;
    background-color: transparent !important;
    border: 0.3px solid var(--primary-color);
    border-radius: 500px;
    opacity: 0;
}

.pxl-image-carousel6 .pxl-swiper-thumbs {
    overflow: hidden;
    position: absolute;
    z-index: 20;
    transform: translatey(0%);
    bottom: 0;
    right: 0;
}

@media (min-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs {
        top: 50%;
        max-width: 200px;
        left: 0;
        transform: translatey(-50%);
    }
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
        flex-direction: row !important;
    }
}

@media (min-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
        display: grid !important;
    }
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
    height: 130px !important;
    max-width: 153px !important;
    display: inline-flex;
    padding: 8px 60px 8px 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: relative;
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img {
    border-radius: 0 1000px 1000px 0;
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img {
        border-radius: 0;
    }
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
        height: 90px !important;
        max-width: 90px !important;
        display: inline-flex;
        padding: 0;
    }
}

@media (max-width: 575px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
        height: 50px !important;
        max-width: 50px !important;
    }
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
    position: absolute;
    content: '';
    background-color: #eb3c47;
    width: 160px;
    height: 131px;
    border-radius: 0 1000px 1000px 0;
    right: 0;
    top: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: -1;
    opacity: 0;
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
        opacity: 1;
        background-color: rgba(0,0,0,0.6);
        z-index: 2;
        border-radius: 0;
        width: 100%;
        height: 100%;
    }
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:after {
    position: absolute;
    content: "\f125";
    font-family: flaticon;
    border-radius: 0 1000px 1000px 0;
    right: 20px;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
    color: #fff;
    font-size: 22px;
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    padding: 8px 54px 8px 0;
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
        padding: 0;
    }
}

.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before,.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
    opacity: 1;
}

@media (max-width: 1500px) {
    .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before,.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
        opacity: 0;
    }
}

.pxl-image-carousel6 .pxl-swiper-slide {
    padding: 0;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content {
    background-size: cover;
    background-position: center;
    background-color: #000;
    position: relative;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(to right,#000 0%,#000 5%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.001) 100%);
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
    padding: 181px 15px 217px 15px;
    max-width: 670px;
}

@media (max-width: 1199px) {
    .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
        padding: 150px 30px 180px 30px;
        max-width: 750px;
    }
}

@media (max-width: 575px) {
    .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
        padding: 100px 30px 150px 30px;
    }
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .sub-pxl-title {
    position: relative;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: -webkit-linear-gradient(1deg,#f05045,#df3b48);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title {
    position: relative;
    margin: 8px 0 21px 0;
    padding-left: 25px;
    font-size: 63px;
    line-height: 63px;
    font-weight: 700;
    color: #fff;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title {
        padding-left: 0px;
        font-size: 40px;
        line-height: 40px;
    }
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
    position: absolute;
    content: '';
    background-color: #f05045;
    width: 3px;
    top: 12px;
    left: 0;
    border-radius: 100px;
    bottom: 6px;
}

@media (max-width: 575px) {
    .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
        opacity: 0;
    }
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title span {
    background: -webkit-linear-gradient(1deg,#f05045,#df3b48);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-desc {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 42px;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button {
    position: relative;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a {
    display: inline-flex;
    align-items: center;
    padding: 0 32px;
    line-height: 62px;
    font-size: 15px;
    color: #fff;
    border-radius: 1000px;
    font-weight: 700;
    background: linear-gradient(90deg,#df3b48 0%,#f05045 50%,#df3b48 100%);
    background-size: 200%;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a i {
    padding-left: 15px;
    font-size: 24px;
}

.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a:hover {
    background-position: right;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary-color);
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

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

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--primary-color);
    animation-timing-function: cubic-bezier(0,1,1,0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0);
    }

    100% {
        transform: translate(24px,0);
    }
}

.bf-col-left-hd>.elementor-widget-container {
    position: relative;
}

.bf-col-left-hd>.elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 10000px;
    right: 0;
    top: 0;
    background-color: #050505;
    height: 66px;
    transform: skewx(0deg);
    z-index: -1;
}

.bf-col-right-hd>.elementor-widget-container {
    position: relative;
}

.bf-col-right-hd>.elementor-widget-container:before {
    position: absolute;
    content: '';
    width: 280px;
    left: 0;
    top: -1px;
    background-color: var(--primary-color);
    height: 66px;
    z-index: -1;
}

.pxl-piechart-layout1 {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-piechart-layout1 .pxl-piechart {
    text-align: center;
    position: relative;
}

.pxl-piechart-layout1 .pxl-piechart .item--value {
    position: relative;
    display: inline-flex;
}

.pxl-piechart-layout1 .pxl-piechart .item--value span {
    font-size: 40px;
    font-weight: 400;
    color: var(--secondary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: ;
}

.pxl-piechart-layout1 .pxl-piechart .item--value span i {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
}

.pxl-piechart-layout1 .pxl-piechart .wrap-content {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    width: 100%;
}

.pxl-piechart-layout1 .pxl-piechart .number {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
}

.pxl-piechart-layout1 .pxl-piechart .item--title {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.text-hsl1 {
    display: flex;
    align-items: center;
}

.text-hsl1 i {
    color: #d2431c;
    font-size: 20px;
    padding-right: 10px;
    display: inline-block !important;
    transform: translatey(3px);
}

.button-slider-8 {
    background-color: var(--primary-color) !important;
    text-transform: uppercase;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.button-slider-8 i {
    font-size: 13px;
    margin-left: 12px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    display: inline-block !important;
}

.button-slider-8:hover i {
    transform: rotate(45deg) !important;
}

.btn-slide9-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-slide9-1 i {
    font-size: 24px !important;
    padding-left: 11px;
    transform: translatey(2px);
}

.btn-slide9-1:hover {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    color: #000 !important;
    background-color: #fff !important;
}

.btn-slide9-2:hover {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

.pxl-icon-box-carousel1 .pxl-swiper-arrow {
    transform: none;
    top: auto;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    left: auto;
    line-height: 45px;
    color: var(--primary-color);
}

.pxl-icon-box-carousel1 .pxl-swiper-arrow:hover {
    color: #fff;
}

.pxl-icon-box-carousel1 .pxl-swiper-arrow-next {
    bottom: 0px;
    right: -70px;
}

.pxl-icon-box-carousel1 .pxl-swiper-arrow-prev {
    bottom: 50px;
    right: -70px;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    padding: 20px 30px 48px 30px;
    overflow: hidden;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before,.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 5px;
    bottom: 0;
    left: 30px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after {
    background-color: var(--primary-color);
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before {
    z-index: 2;
    opacity: 0;
    background-color: #fff;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner i {
    position: relative;
    font-size: 50px;
    color: var(--primary-color);
    z-index: 2;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after {
    left: 0;
    width: 100%;
    height: 100%;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before {
    opacity: 1;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--title,.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--desc,.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover i {
    color: #fff;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title {
    position: relative;
    z-index: 2;
    padding: 4px 0 13px 0;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    color: #000;
}

.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--desc {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    color: #444;
    line-height: 28px;
    font-size: 17px;
    position: relative;
    z-index: 2;
}

.pxl-bn-box1 {
    padding: 50px 0 0 100px;
}

.pxl-bn-box1 .wrap-icon-box {
    padding: 33px;
    display: block;
    background-color: #fff;
    width: 202px;
    height: 195px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: -97px;
    right: -40px;
    position: absolute;
    z-index: 4;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    border-radius: 3px 3px 2px 2px;
}

@media (max-width: 575px) {
    .pxl-bn-box1 .wrap-icon-box {
        bottom: 0px;
        right: 0px;
    }
}

.pxl-bn-box1 .wrap-icon-box i {
    font-size: 65px;
    color: var(--primary-color);
    line-height: 65px;
}

.pxl-bn-box1 .wrap-icon-box:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.pxl-bn-box1 .pxl-item-image-1 {
    z-index: 2;
    position: absolute;
    top: 0;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    left: 0;
}

.pxl-bn-box1 .pxl-item-image-2 {
    position: relative;
    display: inline-block;
}

.pxl-bn-box1 .pxl-item-image-2:before,.pxl-bn-box1 .pxl-item-image-2:after {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    content: '';
}

.pxl-bn-box1 .pxl-item-image-2:before {
    z-index: 1;
    top: -20px;
    right: -20px;
    background-color: var(--primary-color);
}

.pxl-bn-box1 .pxl-item-image-2:after {
    z-index: 1;
    bottom: -20px;
    left: -20px;
    background-color: #000;
}

.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler {
    position: absolute;
    top: 0;
    right: -32px;
    z-index: -1;
    overflow: hidden;
    height: 100%;
}

.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler .ruler {
    top: 0;
    left: 0;
    animation: ruler 60000ms linear infinite;
}

.pxl-bn-box1 .pxl-item-feature {
    font-size: 18px;
    line-height: 25px;
    color: #010000;
    font-weight: 700;
    padding-top: 12px;
}

.text-phone-slide a {
    margin-left: 15px;
    font-size: 24px !important;
    color: var(--primary-color) !important;
}

.text-phone-slide a:hover {
    color: #ef4619 !important;
}

.title-slide-shadow1 {
    text-shadow: 2px 3px #fff;
}

.persephone.tp-rightarrow {
    border-radius: 5px !important;
    background-color: var(--primary-color) !important;
    color: #fff !important;
    transition: 300ms all linear 0ms;
}

.persephone.tp-rightarrow:hover {
    background-color: #000 !important;
    color: var(--primary-color) !important;
}

.persephone:hover:before,.persephone:hover:after {
    color: var(--primary-color) !important;
}

.persephone.tp-leftarrow {
    border-radius: 5px !important;
    background-color: #000 !important;
    color: var(--primary-color) !important;
    transition: 300ms all linear 0ms;
}

.persephone.tp-leftarrow:hover {
    background-color: var(--primary-color) !important;
}

.persephone.tp-leftarrow:hover:before {
    color: #fff !important;
}

.persephone.tparrows.tp-leftarrow:before {
    content: '\f123' !important;
    font-family: 'flaticon' !important;
    font-size: 20px !important;
    transition: 300ms all linear 0ms;
}

.persephone.tparrows.tp-rightarrow:before {
    content: '\f124' !important;
    font-family: 'flaticon' !important;
    font-size: 20px !important;
    transition: 300ms all linear 0ms;
}

.zeus.tparrows.tp-leftarrow {
    transform: translate(-146px,86px) rotate(90deg) !important;
    background-color: #000 !important;
    overflow: revert !important;
}

.zeus.tparrows.tp-leftarrow:before {
    color: #fff;
    content: '\f125' !important;
    transform: translatex(-26px);
    font-family: 'flaticon' !important;
    font-size: 41px !important;
    transition: 300ms all linear 0ms;
}

.zeus.tparrows.tp-leftarrow:hover:before {
    transform: translatex(-21px);
}

.zeus .tp-bullet span {
    display: none !important;
}

.zeus.tparrows.tp-rightarrow {
    transform: translate(-146px,-148px) rotate(-90deg) !important;
    background-color: var(--primary-color) !important;
    overflow: revert !important;
}

.zeus.tparrows.tp-rightarrow:before {
    color: #fff;
    content: '\f125' !important;
    transform: translatex(-26px);
    font-family: 'flaticon' !important;
    font-size: 41px !important;
    transition: 300ms all linear 0ms;
}

.zeus.tparrows.tp-rightarrow:hover:before {
    transform: translatex(-21px);
}

.ct-folding-cube {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    -webkit-transform: rotatez(45deg);
    transform: rotatez(45deg);
}

.ct-folding-cube .ct-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.ct-folding-cube .ct-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    -webkit-animation: ct-foldcubeangle 2.4s infinite linear both;
    -ms-animation: ct-foldcubeangle 2.4s infinite linear both;
    -o-animation: ct-foldcubeangle 2.4s infinite linear both;
    animation: ct-foldcubeangle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.ct-folding-cube .ct-cube2 {
    -webkit-transform: scale(1.1) rotatez(90deg);
    -ms-transform: scale(1.1) rotatez(90deg);
    -o-transform: scale(1.1) rotatez(90deg);
    transform: scale(1.1) rotatez(90deg);
}

.ct-folding-cube .ct-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ct-folding-cube .ct-cube3 {
    -webkit-transform: scale(1.1) rotatez(180deg);
    -ms-transform: scale(1.1) rotatez(180deg);
    -o-transform: scale(1.1) rotatez(180deg);
    transform: scale(1.1) rotatez(180deg);
}

.ct-folding-cube .ct-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ct-folding-cube .ct-cube4 {
    -webkit-transform: scale(1.1) rotatez(270deg);
    -ms-transform: scale(1.1) rotatez(270deg);
    -o-transform: scale(1.1) rotatez(270deg);
    transform: scale(1.1) rotatez(270deg);
}

.ct-folding-cube .ct-cube4:before {
    -webkit-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.pxl-loader {
    pointer-events: none;
}

.pxl-load {
    position: fixed;
}

.pxl-load:before {
    position: fixed;
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    width: 50%;
    background-color: #fff;
    z-index: 5000075756;
    transition: all 0.75s linear;
}

.pxl-load:after {
    position: fixed;
    content: '';
    height: 100%;
    top: 0;
    right: 0;
    width: 50%;
    background-color: #fff;
    z-index: 500008567;
    transition: all 0.75s linear;
}

.loaderr {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
    background-color: initial;
    border-radius: 50%;
    border: 2px solid rgba(205,0,1,.1);
}

.loaderr:before {
    content: '';
    width: 164px;
    height: 164px;
    display: block;
    position: absolute;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px,35px,35px,0px);
    z-index: 10;
    animation: rotate infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
}

.loaderr:after {
    content: '';
    width: 164px;
    height: 164px;
    display: block;
    position: absolute;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px,164px,150px,0px);
    z-index: 9;
    animation: rotate2 3s linear infinite;
}

.hexagon-container {
    position: relative;
    top: 16px;
    left: 41px;
    border-radius: 50%;
}

.hexagon {
    list-style-type: none;
    position: absolute;
    width: 40px;
    height: 23px;
    background-color: var(--primary-color);
}

.hexagon:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 11.5px solid var(--primary-color);
}

.hexagon:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 11.5px solid var(--primary-color);
}

.hexagon.hex_1 {
    top: 0;
    left: 0;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 0.21429s;
}

.hexagon.hex_2 {
    top: 0;
    left: 42px;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 0.42857s;
}

.hexagon.hex_3 {
    top: 36px;
    left: 63px;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 0.64286s;
}

.hexagon.hex_4 {
    top: 72px;
    left: 42px;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 0.85714s;
}

.hexagon.hex_5 {
    top: 72px;
    left: 0;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 1.07143s;
}

.hexagon.hex_6 {
    top: 36px;
    left: -21px;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 1.28571s;
}

.hexagon.hex_7 {
    top: 36px;
    left: 21px;
    animation: animasearch 3s ease-in-out infinite;
    animation-delay: 1.5s;
}

.pxl-contact-form {
    position: relative;
}

.pxl-contact-form .image-box {
    position: absolute;
    z-index: 0;
}

.pxl-contact-form .input-filled {
    /* z-index: 2; */
    position: relative;
}

.pxl-contact-form.hide-bf .ctf10:before {
    display: none;
}

.item--icon.icon-psb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.item--icon.icon-psb img {
    max-width: 50px;
    z-index: 2;
}

.pxl-contact-form1.off .ctf10:before {
    display: none !important;
}

.pxl-contact-form1.off .image-box {
    display: none !important;
}

.pxl-search-popup-button {
    cursor: pointer;
}

.pxl-mailchimp .mc4wp-form {
    position: relative;
}

.pxl-mailchimp .mc4wp-response {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
}

.pxl-mailchimp .mc4wp-alert {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 14px;
    box-shadow: 0 0 35px rgba(0,0,0,0.06);
    margin-top: 25px;
    position: relative;
    max-width: 350px;
}

.pxl-mailchimp .mc4wp-alert:before {
    content: '';
    position: absolute;
    top: -18px;
    left: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.pxl-mailchimp .mc4wp-alert p {
    margin: 0;
}

.pxl-mailchimp [type=submit] {
    white-space: nowrap;
}

.pxl-mailchimp.style-default .mc4wp-form-fields {
    position: relative;
}

.pxl-mailchimp.style-default [type=email] {
    height: 54px;
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 54px;
    -khtml-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    -o-border-radius: 54px;
    border-radius: 54px;
    background-color: transparent;
    font-size: 12px;
    color: #b8b8b8;
    padding: 0 22px;
    min-width: 280px;
}

.pxl-mailchimp.style-default [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 32px;
    line-height: 54px;
    font-size: 14px;
    text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-default [type=submit] {
        padding: 0 22px;
    }
}

.pxl-mailchimp.style-box-round .mc4wp-form-fields {
    position: relative;
}

.pxl-mailchimp.style-box-round [type=email] {
    height: 65px;
    -webkit-border-radius: 65px;
    -khtml-border-radius: 65px;
    -moz-border-radius: 65px;
    -ms-border-radius: 65px;
    -o-border-radius: 65px;
    border-radius: 65px;
    background-color: rgba(255,255,255,0.24);
    font-size: 15px;
    color: #e4e4e4;
    padding: 0 22px;
    min-width: 280px;
    border: none;
    padding-left: 48px;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-box-round [type=email] {
        padding-left: 30px;
    }
}

.pxl-mailchimp.style-box-round [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 50px;
    line-height: 65px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-box-round [type=submit] {
        padding: 0 22px;
    }
}

@media screen and (max-width: 575px) {
    .pxl-mailchimp.style-box-round [type=submit] {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
}

.pxl-mailchimp.style-outline .mc4wp-form-fields {
    display: flex;
    flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {
    .pxl-mailchimp.style-outline .mc4wp-form-fields {
        display: block;
    }
}

.pxl-mailchimp.style-outline [type=email] {
    height: 50px;
    border: none;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    font-size: 16px;
    color: #bfbfbf;
    padding: 0;
    width: auto;
    min-width: 320px;
    margin-right: 30px;
}

.pxl-mailchimp.style-outline [type=email]:focus {
    color: #fff;
    border-color: rgba(255,255,255,0.67);
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-outline [type=email] {
        margin-right: 20px;
        min-width: 220px;
    }
}

.pxl-mailchimp.style-outline [type=submit] {
    padding: 0 40px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    z-index: 1;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-outline [type=submit] {
        padding: 0 22px;
    }
}

@media screen and (max-width: 767px) {
    .pxl-mailchimp.style-outline [type=submit] {
        margin-top: 20px;
    }
}

.pxl-mailchimp.style-outline.style-btn-default [type=submit]:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,0.08);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1,2,1);
    transform: scale3d(1,2,1);
    -webkit-transition: -webkit-transform 0.3s,opacity 0.3s;
    transition: transform 0.3s,opacity 0.3s;
    transition-timing-function: ease,ease;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
    transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}

.pxl-mailchimp.style-outline.style-btn-default [type=submit]:hover:before {
    -webkit-transform: scale3d(9,9,1);
    transform: scale3d(9,9,1);
}

.pxl-mailchimp.style-outline.style-btn-default [type=submit]:hover,.pxl-mailchimp.style-outline.style-btn-default [type=submit]:focus {
    background: var(--primary-color);
}

.pxl-mailchimp.style-primary .mc4wp-form-fields {
    display: flex;
    flex-wrap: nowrap;
}

@media screen and (max-width: 991px) {
    .pxl-mailchimp.style-primary .mc4wp-form-fields {
        display: block;
    }
}

.pxl-mailchimp.style-primary [type=email] {
    height: 54px;
    border: none;
    border: none;
    -webkit-border-radius: 54px;
    -khtml-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    -o-border-radius: 54px;
    border-radius: 54px;
    background-color: #3b3f38;
    font-size: 16px;
    color: #fff;
    padding-left: 26px;
    width: auto;
    min-width: 320px;
    margin-right: 16px;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-primary [type=email] {
        min-width: 220px;
    }
}

@media screen and (max-width: 991px) {
    .pxl-mailchimp.style-primary [type=email] {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

.pxl-mailchimp.style-primary [type=submit] {
    padding: 0 34px;
    line-height: 54px;
    font-size: 16px;
    font-weight: 600;
    color: #122a00;
    z-index: 1;
    text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
    .pxl-mailchimp.style-primary [type=submit] {
        padding: 0 22px;
    }
}

@media screen and (max-width: 991px) {
    .pxl-mailchimp.style-primary [type=submit] {
        margin-top: 20px;
    }
}

.pxl-mailchimp.style-box-white {
    -webkit-border-radius: 42px;
    -khtml-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    -o-border-radius: 42px;
    border-radius: 42px;
    background-color: #fff;
    padding: 13px 18px 13px 40px;
}

.pxl-mailchimp.style-box-white [type=email] {
    font-size: 15px;
    color: #79949f;
    padding: 0 0 0 60px;
    background-image: url(../img/mail.png);
    background-position: left -10px center;
    background-repeat: no-repeat;
    border: none;
    margin-right: 10px;
}

.pxl-mailchimp.style-box-white [type=submit] {
    line-height: 58px;
    padding: 0 26px;
}

.pxl-mailchimp.style-box-white .mc4wp-form-fields {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .pxl-mailchimp.style-box-white .mc4wp-form-fields {
        display: block;
    }
}

.pxl-mailchimp.style-box-white2 {
    -webkit-border-radius: 42px;
    -khtml-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    -o-border-radius: 42px;
    border-radius: 42px;
    background-color: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 1px 62px rgba(0,0,0,0.08);
    -khtml-box-shadow: 0 1px 62px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 1px 62px rgba(0,0,0,0.08);
    -ms-box-shadow: 0 1px 62px rgba(0,0,0,0.08);
    -o-box-shadow: 0 1px 62px rgba(0,0,0,0.08);
    box-shadow: 0 1px 62px rgba(0,0,0,0.08);
}

.pxl-mailchimp.style-box-white2 [type=email] {
    font-size: 15px;
    color: #747e8c;
    padding: 0 0 0 30px;
    border: none;
    height: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: auto;
    flex-grow: 1;
}

@media screen and (max-width: 767px) {
    .pxl-mailchimp.style-box-white2 [type=email] {
        padding-left: 20px;
    }
}

.pxl-mailchimp.style-box-white2 [type=submit] {
    line-height: 50px;
    padding: 0 30px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .pxl-mailchimp.style-box-white2 [type=submit] {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 0px;
    }

    .pxl-mailchimp.style-box-white2 [type=submit]:before {
        content: "\f13b";
        font-family: "Caseicon";
        font-size: 16px;
        font-weight: 400;
    }
}

.pxl-mailchimp.style-box-white2 .mc4wp-form-fields {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

body.rtl .pxl-mailchimp.style-box-round [type=email] {
    padding-left: 20px;
    padding-right: 48px;
}

body.rtl .pxl-mailchimp.style-box-round [type=submit] {
    right: auto;
    left: 0;
}

.pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .fa-chevron-down {
    display: inline-flex;
    font-size: 10px;
    line-height: 1;
    margin-left: 8px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-nav-menu .pxl-menu-primary>li:hover>a .fa-chevron-down {
    -webkit-transform: rotateX(-180deg);
    -khtml-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.pxl-nav-menu .sub-menu li.menu-item-has-children>a:after {
    content: "\f14d";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 10px;
    font-family: "Caseicon";
    font-weight: 400;
}

.pxl-nav-menu .pxl-hide {
    display: none;
}

.pxl-nav-menu .sub-menu .pxl-hide {
    display: none !important;
}

.pxl-nav-menu .menu-item-has-children .pxl-hide {
    display: block;
}

.pxl-nav-menu.style2 ul li {
    width: 100%;
    margin: 0 0 4px 0;
}

.pxl-nav-menu.style2 ul li a {
    line-height: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    background-color: #f5f5f5;
    font-size: 18px;
    font-weight: 600;
    padding: 0 25px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-nav-menu.style2 ul li a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
}

.pxl-nav-menu.style2 ul li.current-menu-item a {
    background-color: var(--primary-color);
    color: #fff !important;
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li.current-menu-ancestor>a {
    color: var(--primary-color);
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li.current-menu-ancestor>a a:after {
    width: 100%;
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li>a:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 0;
    background-color: var(--primary-color) !important;
    border-radius: 5px;
    transform: translatex(-50%);
    height: 3px;
    background-image: none;
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li>a:before {
    position: absolute;
    content: '';
    left: 50%;
    background-color: var(--primary-color) !important;
    border-radius: 5px;
    transform: translatex(-50%);
    height: 3px;
    background-image: none;
    top: 0 !important;
    margin: 0;
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li:hover>a {
    color: var(--primary-color);
}

.pxl-nav-menu.style3.divider-middle .pxl-menu-primary>li:hover>a:after {
    width: 100%;
}

.pxl-nav-menu.hv-style1 .pxl-menu-primary>li>a:before {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 11px auto 0 auto;
}

.pxl-nav-menu.hv-style1 .pxl-menu-primary>li:hover>a:before,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current_page_item>a:before,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current-menu-item>a:before,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current_page_ancestor>a:before,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current-menu-ancestor>a:before,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li:hover>a:after,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current_page_item>a:after,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current-menu-item>a:after,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current_page_ancestor>a:after,.pxl-nav-menu.hv-style1 .pxl-menu-primary>li.current-menu-ancestor>a:after {
    width: 100%;
}

.pxl-nav-menu.hv-style2 .pxl-menu-primary>li>a:before {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 12px auto 0 auto;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pxl-nav-menu.hv-style2 .pxl-menu-primary>li:hover>a:before,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current_page_item>a:before,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current-menu-item>a:before,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current_page_ancestor>a:before,.pxl-nav-menu.hv-style2 .pxl-menu-primary>li.current-menu-ancestor>a:before {
    width: 100%;
}

.pxl-nav-menu.sub-hv-style-none .pxl-menu-primary .sub-menu li a span::before {
    display: none;
}

.pxl-nav-menu.divider-top .pxl-menu-primary>li>a::before {
    margin-top: 0;
    top: 0px;
}

.pxl-nav-menu.divider-bottom .pxl-menu-primary>li>a::before {
    margin-top: 0;
    top: auto;
    bottom: 0;
}

.pxl-logo-nav1 {
    display: inline-flex;
    background-color: #040900;
    align-items: center;
}

.pxl-logo-nav1 .pxl-logo-wrap {
    padding: 0 95px;
}

.pxl-logo-nav1 .pxl-logo-wrap img {
    max-height: 47px;
    width: auto;
}

.pxl-logo-nav1 .pxl-nav-wrap {
    display: none;
    height: 118px !important;
    opacity: 1 !important;
}

.pxl-logo-nav1 .pxl-menu-primary {
    margin-right: 70px;
}

.pxl-logo-nav1 .pxl-menu-primary>li>a {
    color: #fff;
    font-size: 16px;
    line-height: 118px;
}

.pxl-logo-nav1 .pxl-menu-primary>li>a:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 0;
    margin: 11px auto 0 auto;
}

.pxl-logo-nav1 .pxl-menu-primary>li.menu-item-has-children>a {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-logo-nav1 .pxl-menu-primary>li.menu-item-has-children>a .fa-chevron-down {
    display: inline-flex;
    font-size: 10px;
    line-height: 1;
    margin-left: 6px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-logo-nav1 .pxl-menu-primary>li:hover>a .fa-chevron-down {
    -webkit-transform: rotateX(-180deg);
    -khtml-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.pxl-logo-nav1 .pxl-menu-primary>li:hover>a:before,.pxl-logo-nav1 .pxl-menu-primary>li.current_page_item>a:before,.pxl-logo-nav1 .pxl-menu-primary>li.current-menu-item>a:before,.pxl-logo-nav1 .pxl-menu-primary>li.current_page_ancestor>a:before,.pxl-logo-nav1 .pxl-menu-primary>li.current-menu-ancestor>a:before {
    width: 100%;
}

.pxl-logo-nav1 .pxl-nav-button {
    width: 118px;
    height: 118px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i {
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    height: 2px;
    background-color: #000;
    left: 0;
    position: absolute;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(1) {
    top: 7px;
    width: 40px;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(2) {
    top: 19px;
    width: 22px;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(3) {
    top: 31px;
    width: 22px;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(4) {
    width: 40px;
    transform: rotate(45deg) translateX(100%);
    top: 30px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i {
    width: 100%;
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1),.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(2) {
    transform: rotate(-45deg);
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(4) {
    transform: rotate(45deg) translateX(0%);
    top: 19px;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.pxl-header-nav .pxl-menu-primary li>a:before {
    display: none;
}

.pxl-header-nav .children li>a:before {
    display: block !important;
}

.hover-imge-effect1 {
    position: relative;
    overflow: hidden;
}

.hover-imge-effect1 a {
    display: block;
}

.hover-imge-effect1 a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
}

.hover-imge-effect2 {
    position: relative;
    overflow: hidden;
}

.hover-imge-effect2 img {
    -webkit-transition: all 1.4s;
    -khtml-transition: all 1.4s;
    -moz-transition: all 1.4s;
    -ms-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s;
}

.hover-imge-effect3 {
    position: relative;
    overflow: hidden;
}

.hover-imge-effect3 img {
    -webkit-transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    -khtml-transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    -ms-transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    -o-transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
    transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
}

.hover-imge-effect4 {
    position: relative;
    overflow: hidden;
}

.hover-imge-effect4 .hover-item {
    width: 50%;
    height: 50%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    -webkit-transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    transition: all 0.3s cubic-bezier(0.39,0.575,0.565,1) 0s;
    opacity: 0;
}

.hover-imge-effect4 .hover-item.hover-item1 {
    top: 0;
    left: 0;
}

.hover-imge-effect4 .hover-item.hover-item2 {
    top: 0;
    left: 50%;
}

.hover-imge-effect4 .hover-item.hover-item3 {
    left: 50%;
    top: 50%;
}

.hover-imge-effect4 .hover-item.hover-item4 {
    left: 0;
    top: 50%;
}

.pxl-item--inner:hover .hover-imge-effect1 a::before {
    -webkit-animation: img_circle 0.65s;
    animation: img_circle 0.65s;
}

.pxl-item--inner:hover .hover-imge-effect2 img {
    -webkit-transform: scale(1.18);
    -khtml-transform: scale(1.18);
    -moz-transform: scale(1.18);
    -ms-transform: scale(1.18);
    -o-transform: scale(1.18);
    transform: scale(1.18);
}

.pxl-item--inner:hover .hover-imge-effect3 img {
    -webkit-transform: scale(1.06);
    -khtml-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item1 {
    left: 50%;
    top: 0;
    opacity: 1;
}

.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item2 {
    left: 50%;
    top: 50%;
    opacity: 1;
}

.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item3 {
    left: 0%;
    top: 50%;
    opacity: 1;
}

.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item4 {
    left: 0%;
    top: 0%;
    opacity: 1;
}

.pxl-grid .pxl-item--image img {
    width: 100%;
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: #f5f1f1;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 18px;
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers i {
    font-size: 13px;
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:before,.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:after {
    display: none;
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers.current,.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:hover {
    background-color: #242f51;
}

.pxl-grid-filter2 {
    margin-bottom: 38px;
    font-size: 17px;
    color: #444;
}

.pxl-grid-filter2 .filter-item {
    cursor: pointer;
}

.pxl-grid-filter2 .filter-item:after {
    content: '-';
    margin: 0 18px;
}

.pxl-grid-filter2 .filter-item:last-child:after {
    display: none;
}

.pxl-grid-filter3 {
    margin-bottom: 53px;
}

.pxl-blog-grid-layout1 .pxl-load-more {
    padding-top: 10px !important;
}

.pxl-blog-grid-layout1 .pxl-btn-effect1 {
    border-radius: 0 !important;
    padding-left: 42px !important;
    padding-right: 30px !important;
}

.pxl-blog-grid-layout1 .pxl-btn-effect1 i {
    transition: 0.5s;
}

.pxl-blog-grid-layout1 .pxl-btn-effect1:hover i {
    margin-left: 16px;
    margin-right: 10px;
}

.pxl-blog-grid-layout1 .pxl-grid-item {
    margin-bottom: 30px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--image {
    overflow: hidden;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 18px 35px 20px 35px;
}

@media (max-width: 480px) {
    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
        padding: 18px 20px 20px 20px;
    }
}

@media (max-width: 1100px) and (min-width: 992px) {
    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
        padding: 18px 20px 20px 20px;
    }

    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) and (min-width: 575px) {
    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
        padding: 18px 20px 20px 20px;
    }

    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore {
        font-size: 14px !important;
    }

    .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date a,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category a,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author a,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore a {
        font-size: 14px !important;
    }
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner:hover {
    box-shadow: rgba(149,157,165,0.25) 0px 25px 22px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder {
    background-color: #fff;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta {
    display: flex;
    align-items: center;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category {
    font-size: 16px;
    color: #666;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date i,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category i {
    color: var(--primary-color);
    padding-right: 5px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date.item--category,.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category.item--category {
    padding-left: 20px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .pxl-item--title {
    padding-top: 10px;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .item--content {
    font-size: 16px;
    line-height: 24px;
    color: #0e0d0f;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    margin-top: 15px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a {
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a i {
    width: 38px;
    height: 38px;
    border-radius: 100px;
    background-color: var(--primary-color);
    font-size: 23px;
    color: #fff;
    text-align: center;
    margin-right: 7px;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore {
    align-items: center;
    display: flex;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a {
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a:hover {
    text-decoration: underline;
    color: var(--primary-color);
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore i {
    transform: translatey(3px);
    color: var(--primary-color);
    font-size: 20px;
    padding-left: 5px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore:hover i {
    transform: translatey(3px) translatex(3px);
}

.pxl-blog-grid-layout4 .pxl-load-more .btn {
    line-height: 53px;
    padding: 0 33px;
    font-size: 16px;
    border-radius: 0 !important;
}

.pxl-blog-grid-layout4 .pxl-grid-item {
    margin-bottom: 20px;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner {
    position: relative;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before {
    position: absolute;
    content: '';
    background-color: #000;
    opacity: 0.62;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 25px;
    right: 25px;
    transform: translatey(-50%);
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title,.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title:hover,.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .item--content {
    font-size: 16px;
    color: #7d7f8e;
    line-height: 24px;
    display: none;
    margin-top: -5px;
    margin-bottom: 5px;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore {
    margin-top: 12px;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 700;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a i {
    display: block;
    margin-left: 10px;
    transform: rotate(45deg);
    transition: 200ms !important;
}

.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a:hover {
    color: var(--primary-color);
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--image:before {
    display: none;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--holder {
    margin-top: 20px;
    position: relative;
    transform: translatey(0%);
    right: 0;
    left: 0;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title,.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title a {
    font-size: 24px;
    color: #000 !important;
    line-height: 34px;
    font-weight: 700;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--readmore,.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .item--content {
    display: none;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--image:before {
    display: none;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--holder {
    margin-top: 20px;
    position: relative;
    transform: translatey(0%);
    right: 0;
    left: 0;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .item--content {
    display: block;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title,.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title a {
    font-size: 22px;
    color: #000 !important;
    line-height: 30px;
    font-weight: 700;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore {
    margin-top: 12px;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    display: flex;
    align-items: center;
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a i {
    color: var(--primary-color);
    display: block;
    margin-left: 10px;
    transform: rotate(0deg);
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover {
    color: var(--primary-color);
}

.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover i {
    transform: rotate(45deg);
}

.pxl-portfolio-grid-layout1 .btn {
    font-size: 15px;
    font-weight: 700;
    padding: 0 30px !important;
    line-height: 43px !important;
    border-radius: 0 !important;
}

.pxl-portfolio-grid-layout1 .btn:before {
    background-color: #000 !important;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner {
    box-shadow: none;
    margin-bottom: 20px;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item {
    background-color: #f2f2f2;
    color: var(--secondary-color);
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 25px;
    margin: 0 18px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 100%;
    background-color: #f2f2f2;
    z-index: -1;
    right: 0px;
    top: 0;
    clip-path: polygon(37% 0,100% 50%,37% 100%,0 100%,0 0);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
    background-color: var(--primary-color);
    color: #fff;
    margin-right: 35px;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active .filter-item-count {
    background-color: #080808;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before {
    background-color: var(--primary-color);
    right: -25px;
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
    position: absolute;
    width: 17px;
    height: 16px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    left: 0;
    top: -15px;
}

.pxl-portfolio-grid-layout1 .wrap-content-service {
    position: relative;
}

.pxl-portfolio-grid-layout1 .wrap-content-service:before {
    position: absolute;
    content: '';
    z-index: 2;
    width: 1px;
    height: 0;
    background-color: var(--primary-color);
    bottom: 43px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 56px;
}

@media (max-width: 1100px) and (min-width: 992px) {
    .pxl-portfolio-grid-layout1 .wrap-content-service:before {
        bottom: 20px;
        left: 36px;
    }
}

@media (max-width: 767px) {
    .pxl-portfolio-grid-layout1 .wrap-content-service:before {
        display: none;
    }
}

.pxl-portfolio-grid-layout1 .wrap-content-service:after {
    position: absolute;
    content: '';
    z-index: 2;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    height: 1px;
    width: 0;
    background-color: var(--primary-color);
    bottom: 57px;
    left: 39px;
}

@media (max-width: 1100px) and (min-width: 992px) {
    .pxl-portfolio-grid-layout1 .wrap-content-service:after {
        bottom: 37px;
        left: 20px;
    }
}

@media (max-width: 767px) {
    .pxl-portfolio-grid-layout1 .wrap-content-service:after {
        display: none;
    }
}

.pxl-portfolio-grid-layout1 .wrap-content-service:hover:before {
    height: 242px;
    transition-delay: 200ms;
}

.pxl-portfolio-grid-layout1 .wrap-content-service:hover:after {
    width: 242px;
    transition-delay: 200ms;
}

.pxl-portfolio-grid-layout1 .item--featured {
    position: relative;
}

.pxl-portfolio-grid-layout1 .item--featured img {
    width: 100%;
}

.pxl-portfolio-grid-layout1 .item--featured:before {
    position: absolute;
    content: '';
    top: 20px;
    bottom: 20px;
    right: 20px;
    left: 20px;
    background-color: #000;
    pointer-events: none;
    transform: rotate3d(1,0,0,90deg);
    opacity: 0.87;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body {
    position: absolute;
    bottom: 77px;
    left: 83px;
}

@media (max-width: 1100px) and (min-width: 992px) {
    .pxl-portfolio-grid-layout1 .wrap-entry-body {
        bottom: 55px;
        left: 58px;
    }
}

@media (max-width: 767px) {
    .pxl-portfolio-grid-layout1 .wrap-entry-body {
        bottom: 42px;
        left: 43px;
    }
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title {
    margin-bottom: 6px;
    transform: translatey(10px);
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a {
    color: #fff;
    font-size: 22px;
    line-height: normal;
    font-weight: 700;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category {
    transform: translatey(10px);
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    margin-bottom: 13px;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category a {
    color: #fff;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore {
    transform: translatey(10px);
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a i {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover {
    color: var(--primary-color);
    background-color: #fff;
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover i {
    transform: rotate(90deg);
}

.pxl-portfolio-grid-layout1 .wrap-entry-body .item--icon {
    transform: translatey(10px);
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    margin-bottom: -7px;
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 700 !important;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item {
    margin-bottom: 30px;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--category {
    transform: translatey(0);
    opacity: 1;
    transition-delay: 400ms;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .pxl-item--readmore {
    transform: translatey(0);
    opacity: 1;
    transition-delay: 500ms;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--icon {
    transform: translatey(0);
    opacity: 1;
    transition-delay: 200ms;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--title {
    transform: translatey(0);
    opacity: 1;
    transition-delay: 300ms;
}

.pxl-portfolio-grid-layout2 .pxl-grid-inner {
    position: relative;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item {
    padding: 0 !important;
}

@media (min-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(5) .wrap-content-portfolio {
        clip-path: polygon(0 3%,100% 0,100% 100%,0% 100%);
    }
}

@media (min-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(4) .wrap-content-portfolio {
        clip-path: polygon(0 6%,100% 3%,100% 100%,0% 100%);
    }
}

@media (min-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(3) .wrap-content-portfolio {
        clip-path: polygon(0 9%,100% 6%,100% 100%,0% 100%);
    }
}

@media (min-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(2) .wrap-content-portfolio {
        clip-path: polygon(0 12%,100% 9%,100% 100%,0% 100%);
    }
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio {
    position: relative;
    overflow: hidden;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio:before {
    position: absolute;
    content: '';
    background-color: #000;
    opacity: 0.75;
    width: 100%;
    z-index: 0;
    height: 200%;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner {
    z-index: 2;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner img {
    width: 100%;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body {
    position: absolute;
    left: 38px;
    right: 50px;
    bottom: 80px;
}

@media (max-width: 675px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body {
        left: 30px;
        right: 30px;
        bottom: 40px;
    }
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--category a {
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-color);
    letter-spacing: 4px;
    text-transform: uppercase;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title {
    margin-top: 11px;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title a {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .content-excerpt {
    padding: 14px 0 55px 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a {
    padding: 11px 60px;
    background-color: #fff;
    display: inline-block;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
    -webkit-transition: 400ms all linear 0ms;
    -khtml-transition: 400ms all linear 0ms;
    -moz-transition: 400ms all linear 0ms;
    -ms-transition: 400ms all linear 0ms;
    -o-transition: 400ms all linear 0ms;
    transition: 400ms all linear 0ms;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:after {
    background-color: #000;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:hover {
    color: #fff !important;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: absolute;
    top: -20px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    z-index: 10;
}

@media (min-width: 1200px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
        clip-path: polygon(0 4%,100% 0,100% 100%,0% 100%);
        transform: scaley(1.1);
    }
}

@media (max-width: 1199px) {
    .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover:before {
    opacity: 0.5;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .pxl-item--inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,#df2828 0%,#df2828 60%,transparent 100%);
    opacity: 0.74;
    z-index: 0;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .wrap-entry-body {
    z-index: 2;
}

.pxl-portfolio-grid-layout2 .pxl-grid-item:hover .hover {
    pointer-events: auto;
    opacity: 1;
    transform: scaley(1);
}

.pxl-portfolio-grid-layout3 .pxl-load-more,.pxl-blog-grid-layout3 .pxl-load-more {
    padding-top: 0px !important;
    margin-top: 25px !important;
}

.pxl-portfolio-grid-layout3 .pxl-btn-effect1,.pxl-blog-grid-layout3 .pxl-btn-effect1 {
    border-radius: 0 !important;
    padding-left: 33px !important;
    padding-right: 33px !important;
    line-height: 53px !important;
}

.pxl-portfolio-grid-layout3 .pxl-load-icon,.pxl-blog-grid-layout3 .pxl-load-icon {
    display: none;
}

.pxl-portfolio-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item,.pxl-blog-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item {
    margin-bottom: 45px;
}

.pxl-portfolio-grid-layout3 .pxl-grid-item,.pxl-blog-grid-layout3 .pxl-grid-item {
    margin-bottom: 30px;
}

.pxl-portfolio-grid-layout3 .pxl-load-more,.pxl-blog-grid-layout3 .pxl-load-more {
    margin-top: 48px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio,.pxl-blog-grid-layout3 .wrap-content-portfolio {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .item--featured img,.pxl-blog-grid-layout3 .wrap-content-portfolio .item--featured img {
    width: 100%;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body {
    position: relative;
    padding: 34px 30px 16px 30px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date {
    position: absolute;
    top: -23px;
    left: 30px;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    width: max-content;
    border-radius: 5px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title {
    font-size: 22px;
    line-height: 32px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a {
    font-size: 22px;
    line-height: 32px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author {
    margin-top: 6px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img {
    width: 44px;
    height: 44px;
    border-radius: 200px;
    margin-right: 10px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span {
    margin-left: 2px;
}

.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a,.pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a {
    font-size: 15px;
    color: var(--primary-color) !important;
    font-weight: 700;
}

.pxl-post-layout-portfolio-4 .pxl-grid-filter {
    margin-bottom: 75px;
}

.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner {
    padding: 11px 60px;
    display: inline-block;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    border-radius: 100px;
    margin: auto;
}

.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item {
    font-size: 16px;
    padding: 10px 16px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item:hover,.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
    color: var(--primary-color);
}

.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
    display: none;
}

.pxl-post-layout-portfolio-4 .pxl-load-more {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .pxl-post-layout-portfolio-4 .pxl-load-more {
        margin-top: 10px;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner:before {
    position: absolute;
    content: '';
    background-color: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    position: absolute;
    bottom: 40px;
    left: 45px;
    right: 45px;
}

@media (max-width: 991px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore {
    display: none;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title {
    margin-bottom: 10px;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover {
    color: var(--primary-color);
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt {
    font-size: 18px;
    line-height: 21px;
    color: #e3e3e3;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore {
    display: block;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .content-excerpt,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .content-excerpt {
    display: none;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner {
    display: flex;
    align-items: center;
}

@media (max-width: 575px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner {
        display: block !important;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
    width: 48%;
    min-width: 48%;
    max-height: 272px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
        width: 100%;
        min-width: 100%;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured:before {
    position: absolute;
    content: '';
    background-color: #000;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    width: 52%;
    padding: 20px 30px 20px 80px;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 991px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
        padding: 20px 30px 20px 30px;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 144px;
    top: 37px;
    left: -77px;
    background-color: var(--primary-color);
}

@media (max-width: 991px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
        display: none;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
    max-width: 192px;
    margin-bottom: 4px;
}

@media (max-width: 575px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
        width: 100%;
        min-width: 100%;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a {
    font-size: 30px;
    line-height: 34px;
    text-decoration: underline;
    position: relative;
    max-width: 192px;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a:hover {
    color: var(--primary-color);
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category {
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category {
        margin-bottom: 0px;
    }
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a {
    font-size: 18px;
    line-height: 34px;
    color: #666;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a:hover {
    color: var(--primary-color);
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a {
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
    color: var(--primary-color);
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a:hover,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a:hover {
    text-decoration: underline;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured {
    order: 2;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    order: 1;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body {
    padding: 20px 30px 20px 30px !important;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body:before,.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body:before {
    right: -77px !important;
    left: auto !important;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item {
    margin-bottom: 30px;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item .wrap-entry-body {
    z-index: 3;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item .item--featured img {
    -webkit-transition: 400ms all ease 0ms;
    -khtml-transition: 400ms all ease 0ms;
    -moz-transition: 400ms all ease 0ms;
    -ms-transition: 400ms all ease 0ms;
    -o-transition: 400ms all ease 0ms;
    transition: 400ms all ease 0ms;
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured img {
    transform: scale(1.1) rotate(5deg);
}

.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured:before {
    opacity: 0.4 !important;
}

.pxl-service-grid-layout1 .pxl-grid-item {
    padding: 0 22px !important;
    z-index: 0;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service {
    position: relative;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background-color: var(--primary-color);
    top: -1px;
    left: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 7px 10px 0px 13px;
    border-bottom: 1px solid #968687;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title {
    max-height: 40px;
    overflow: hidden;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon {
    margin-right: 20px;
}

.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon i {
    color: var(--primary-color);
    font-size: 48px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-grid-layout1 .pxl-grid-item:hover .wrap-content-service:before {
    width: 100%;
}

.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder {
    border-color: var(--primary-color);
    padding-left: 20px;
}

.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder .item--icon i {
    color: #fff;
}

.pxl-portfolio-grid-layout6 .pxl-grid-filter {
    margin-bottom: 75px;
}

.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner {
    padding: 11px 60px;
    display: inline-block;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    border-radius: 100px;
    margin: auto;
}

.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item {
    font-size: 16px;
    padding: 10px 16px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item:hover,.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
    color: var(--primary-color);
}

.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
    display: none;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item {
    margin-bottom: 50px;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    transform: scale(1.05) translatex(-5px);
}

.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 20px;
    position: absolute;
    bottom: 27px;
    left: -100%;
    width: calc(100% - 54px);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 0;
    font-size: 22px;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-size: 13px;
    margin-bottom: 0;
    color: #808080;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item:hover .pxl-item--holder {
    left: 27px;
}

.pxl-portfolio-grid-layout6 .pxl-grid-item:hover img {
    transform: scale(1.05) translatex(0px);
}

.pxl-portfolio-grid-layout7 .pxl-grid-item {
    padding: 0 !important;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner {
    position: relative;
    overflow: hidden;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner:before {
    position: absolute;
    content: '';
    background-color: #000;
    top: 40px;
    left: 40px;
    bottom: 40px;
    right: 40px;
    z-index: 1;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    padding: 0 20px;
    z-index: 2;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    color: #fff;
    margin-bottom: 3px;
    font-size: 36px;
}

@media (max-width: 1024px) {
    .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
        font-size: 25px;
    }
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--primary-color);
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover {
    text-decoration: underline;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: 200ms all linear 100ms;
    -khtml-transition: 200ms all linear 100ms;
    -moz-transition: 200ms all linear 100ms;
    -ms-transition: 200ms all linear 100ms;
    -o-transition: 200ms all linear 100ms;
    transition: 200ms all linear 100ms;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category {
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: 200ms all linear 300ms;
    -khtml-transition: 200ms all linear 300ms;
    -moz-transition: 200ms all linear 300ms;
    -ms-transition: 200ms all linear 300ms;
    -o-transition: 200ms all linear 300ms;
    transition: 200ms all linear 300ms;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--inner:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.89;
}

.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category,.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title {
    margin-top: 0;
    opacity: 1;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter {
    margin-bottom: 75px;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner {
    padding: 0px 60px;
    background-color: #fff;
    margin: 0 9px;
    display: inline-block;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item {
    min-width: 100px;
    font-size: 16px;
    padding: 18px 16px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: relative;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 0;
    background-color: var(--primary-color);
    transform: translatex(-50%) skewx(-45deg);
    height: 4px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover,.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
    color: var(--primary-color);
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover:before,.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before {
    width: 100%;
}

.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
    display: none;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item {
    padding: 0 3px 3px 0 !important;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner {
    position: relative;
    overflow: hidden;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner:before {
    position: absolute;
    content: '';
    background-color: #000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 45px;
    height: 45px;
    border-radius: 3px;
    color: #fff;
    background-color: var(--primary-color);
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    z-index: 3;
    transition: 400ms all ease 0s;
    transform: rotate(-60deg) scale(0.5);
    opacity: 0;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more:hover {
    background-color: #fff;
    color: var(--primary-color);
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    position: absolute;
    bottom: 14px;
    left: 23px;
    width: 100%;
    z-index: 2;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    color: #fff;
    margin-bottom: 3px;
    font-size: 24px;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover {
    text-decoration: underline;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    height: 0;
    overflow: hidden;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category {
    height: 0;
    overflow: hidden;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .more {
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--inner:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.65;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title {
    height: 39px;
    -webkit-transition: 300ms all linear 200ms;
    -khtml-transition: 300ms all linear 200ms;
    -moz-transition: 300ms all linear 200ms;
    -ms-transition: 300ms all linear 200ms;
    -o-transition: 300ms all linear 200ms;
    transition: 300ms all linear 200ms;
}

.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category {
    height: 26px;
    -webkit-transition: 300ms all linear 350ms;
    -khtml-transition: 300ms all linear 350ms;
    -moz-transition: 300ms all linear 350ms;
    -ms-transition: 300ms all linear 350ms;
    -o-transition: 300ms all linear 350ms;
    transition: 300ms all linear 350ms;
}

.pxl-service-grid-layout5 .pxl-grid-item {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .pxl-service-grid-layout5 .pxl-grid-item {
        margin-bottom: 60px;
        padding: 0 25px !important;
    }
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner {
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    padding: 42px 35px 25px 25px;
    position: relative;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon {
    position: relative;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .bf-mask-tab {
    content: '';
    min-width: 95px;
    width: 95px;
    height: 37px;
    background-image: url(../img/bg-mask-tab.png);
    position: absolute;
    top: -6px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 0;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon {
    min-width: 95px;
    width: 95px;
    height: 93px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    mask-image: url(../img/mask-tab.png);
    -webkit-mask-image: url(../img/mask-tab.png);
    -ms-mask-image: url(../img/mask-tab.png);
    -o-mask-image: url(../img/mask-tab.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    position: relative;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: -100%;
    background-color: var(--primary-color);
    z-index: -1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon i {
    margin-top: 12px;
    display: block;
    font-size: 49px;
    color: #000;
    width: 100%;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content {
    padding-left: 20px;
}

@media (max-width: 700px) {
    .pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content {
        padding-left: 0px;
        padding-top: 20px;
    }
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title {
    margin-bottom: 7px;
    margin-top: -8px;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title a {
    font-size: 17px;
    display: block;
    height: 22px;
    overflow: hidden;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .content-excerpt {
    font-size: 16px;
    color: #444;
    line-height: 24px;
    height: 73px;
    overflow: hidden;
    display: block;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    z-index: 2;
    height: 40px;
    text-align: center;
    background: var(--primary-color);
    transform: scalex(0);
    transform-origin: right;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
    width: 100%;
    height: 100%;
    display: block;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore:hover {
    background-color: #000;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore i {
    line-height: 40px;
    font-size: 13px;
    color: #fff;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
}

@media (max-width: 700px) {
    .pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
        display: block;
    }
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover {
    box-shadow: rgba(149,157,165,0.3) 0px 27px 34px;
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-readmore {
    transform: scalex(1);
}

.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon i {
    -o-animation: scale 0.5s forwards;
    -ms-animation: scale 0.5s forwards;
    -webkit-animation: scale 0.5s forwards;
    animation: scale 0.5s forwards;
}

.pxl-icon-box .pxl-item--icon {
    line-height: 1;
}

.pxl-icon-box .pxl-item--icon img {
    width: auto;
}

.pxl-icon-box1 {
    z-index: 0;
}

.pxl-icon-box1 .wrap-icon {
    position: relative;
    display: inline-block;
}

.pxl-icon-box1 .wrap-icon .step {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 100px;
    background-color: #fff;
    top: -13px;
    left: -5px;
    z-index: 2;
    line-height: 60px;
    font-weight: 700;
    font-size: 26px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box1 .wrap-icon .step:before {
    position: absolute;
    content: '';
    border-radius: 100px;
    top: 27px;
    left: 27px;
    right: 27px;
    bottom: 27px;
    background-color: var(--secondary-color);
    opacity: 0;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    z-index: -1;
}

.pxl-icon-box1 .pxl-item--inner {
    padding: 0px 10px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    text-align: center;
}

@media (max-width: 1200px) and (min-width: 1025px) {
    .pxl-icon-box1 .pxl-item--inner {
        padding: 40px 20px 30px 20px;
    }
}

.pxl-icon-box1 .pxl-item--inner:hover .step {
    color: #fff;
}

.pxl-icon-box1 .pxl-item--inner:hover .step:before {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 1;
}

.pxl-icon-box1 .pxl-item--inner:hover i {
    transform: scale(0.9);
}

.pxl-icon-box1 .pxl-item--icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 140px;
    mask-image: url(../img/mask-icbox.png);
    -webkit-mask-image: url(../img/mask-icbox.png);
    -ms-mask-image: url(../img/mask-icbox.png);
    -o-mask-image: url(../img/mask-icbox.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: top;
    -ms-mask-position: top;
    -o-mask-position: top;
    position: relative;
}

.pxl-icon-box1 .pxl-item--icon:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    background: linear-gradient(to bottom,var(--primary-color) 0%,#5f5f5f 100%);
    width: 100%;
    height: 100%;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 1;
}

.pxl-icon-box1 .pxl-item--icon:after {
    position: absolute;
    top: 100%;
    content: '';
    left: 0;
    background: linear-gradient(to top,var(--primary-color) 0%,#5f5f5f 100%);
    width: 100%;
    height: 100%;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 1;
}

.pxl-icon-box1 .pxl-item--icon i {
    z-index: 2;
    position: absolute;
    bottom: 11px;
    color: #fff;
    font-size: 70px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box1 .pxl-item--title {
    padding-top: 32px;
    margin-bottom: 22px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media screen and (max-width: 1199px) {
    .pxl-icon-box1 .pxl-item--title {
        font-size: 20px;
    }
}

.pxl-icon-box1 .pxl-item--description {
    font-size: 16px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    line-height: 28px;
    color: #afafaf;
    font-weight: 400;
}

@media screen and (max-width: 1199px) {
    .pxl-icon-box1 .pxl-item--description {
        padding-right: 0;
    }
}

@media screen and (max-width: 991px) {
    .pxl-icon-box1 .pxl-item--description {
        font-size: 15px;
    }
}

.pxl-icon-box1:hover .pxl-item--icon:before {
    top: -100%;
}

.pxl-icon-box1:hover .pxl-item--icon:after {
    top: 0%;
}

.pxl-icon-box2 .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-icon-box2 .pxl-item--inner .pxl-item--holder {
    padding-left: 10px;
}

.pxl-icon-box2 .pxl-item--inner .pxl-item--icon {
    height: 35px;
    width: 35px;
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: var(--primary-color);
    justify-content: center;
}

.pxl-icon-box2 .pxl-item--inner .pxl-item--icon i {
    font-size: 19px;
    margin-top: 1px;
    color: #fff;
}

.pxl-icon-box3 .pxl-item--holder .pxl-item--title {
    font-size: 17px;
    font-weight: 700;
}

.pxl-icon-box3 .pxl-item--icon {
    position: relative;
    display: inline-block;
    padding: 6px 6px 0px 5px;
}

.pxl-icon-box3 .pxl-item--icon i {
    font-size: 52px;
}

.pxl-icon-box3 .pxl-item--icon:before,.pxl-icon-box3 .pxl-item--icon:after {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    background-color: #6d9d4640;
    background-blend-mode: multiply;
    z-index: -1;
}

.pxl-icon-box3 .pxl-item--icon:before {
    top: 0;
    right: 0;
}

.pxl-icon-box3 .pxl-item--icon:after {
    width: 21px;
    height: 21px;
    bottom: 0;
    left: 0;
}

@keyframes gradient {
    100% {
        -webkit-mask-position: bottom;
        -ms-mask-position: bottom;
        -o-mask-position: bottom;
    }
}

.pxl-icon-box4 .pxl-item--inner {
    display: flex;
    align-items: center;
}

@media (max-width: 575px) {
    .pxl-icon-box4 .pxl-item--inner {
        display: block;
    }
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--icon {
    display: flex;
    width: 83px;
    min-width: 83px;
    height: 83px;
    border-radius: 200px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--icon i {
    font-size: 35px;
    margin-top: 4px;
    color: #fff;
    animation: tada 2s linear infinite;
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--holder {
    margin-left: 25px;
}

@media (max-width: 575px) {
    .pxl-icon-box4 .pxl-item--inner .pxl-item--holder {
        margin-left: 0;
        margin-top: 10px;
    }
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 12px;
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.pxl-icon-box5 .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-icon-box5 .pxl-item--title {
    margin-left: 15px;
}

.pxl-icon-box6 {
    position: relative;
    text-align: center;
    padding: 46px 20px 58px 20px;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-icon-box6:before {
    position: absolute;
    content: '';
    top: 30px;
    left: 30px;
    right: 30px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    bottom: 30px;
    background-color: var(--primary-color);
    opacity: 0;
}

.pxl-icon-box6 .bg-image,.pxl-icon-box6 #pxl-page-title-default {
    position: absolute;
    bottom: 0px;
    right: 0px;
    -webkit-transition: 200ms all linear 150ms;
    -khtml-transition: 200ms all linear 150ms;
    -moz-transition: 200ms all linear 150ms;
    -ms-transition: 200ms all linear 150ms;
    -o-transition: 200ms all linear 150ms;
    transition: 200ms all linear 150ms;
}

.pxl-icon-box6 .pxl-item--icon {
    position: relative;
}

.pxl-icon-box6 .pxl-item--icon i {
    font-size: 57px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    color: var(--primary-color);
}

.pxl-icon-box6 .pxl-item--meta .pxl-item--title {
    padding-top: 15px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.pxl-icon-box6 .pxl-item--meta .pxl-item--description {
    padding-top: 2px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 24px;
}

.pxl-icon-box6 .pxl-item--link {
    z-index: 2;
    position: absolute;
    width: 44px;
    bottom: 0;
    right: 0;
    height: 44px;
    text-align: center;
    background-color: var(--primary-color);
}

.pxl-icon-box6 .pxl-item--link:before {
    position: absolute;
    content: '';
    background-color: #fff;
    top: 0;
    left: 0;
    width: 0;
    -webkit-transition: 200ms all linear 100ms;
    -khtml-transition: 200ms all linear 100ms;
    -moz-transition: 200ms all linear 100ms;
    -ms-transition: 200ms all linear 100ms;
    -o-transition: 200ms all linear 100ms;
    transition: 200ms all linear 100ms;
    height: 0;
}

.pxl-icon-box6 .pxl-item--link i {
    position: relative;
    color: #fff;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 44px;
}

.pxl-icon-box6:hover .pxl-item--link:before {
    width: 100%;
    height: 100%;
}

.pxl-icon-box6:hover .pxl-item--link i {
    color: var(--primary-color);
}

.pxl-icon-box6:hover .pxl-item--title {
    color: #fff;
}

.pxl-icon-box6:hover .pxl-item--description {
    color: #fff;
}

.pxl-icon-box6:hover .pxl-item--icon i {
    color: #fff;
}

.pxl-icon-box6:hover:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}

.pxl-icon-box7 .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-icon-box7 .pxl-item--inner .pxl-item--icon {
    width: 55px;
    min-width: 55px;
    background-color: #000;
    height: 55px;
    border-radius: 200px;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

.pxl-icon-box7 .pxl-item--inner .pxl-item--holder {
    margin-left: 20px;
}

.pxl-icon-box7 .pxl-item--inner .pxl-item--title {
    margin-bottom: 0;
}

.pxl-icon-box8 {
    text-align: center;
}

.pxl-icon-box8 i {
    color: var(--primary-color);
    font-size: 76px;
}

@media (max-width: 575px) {
    .pxl-icon-box8 i {
        font-size: 50px;
    }
}

.pxl-icon-box8 .pxl-item--title {
    font-size: 22px;
    margin-top: 8px;
}

.pxl-icon-box9 {
    text-align: center;
}

.pxl-icon-box9 .pxl-item--icon {
    width: 105px;
    min-width: 105px;
    height: 105px;
    border-radius: 100px;
    margin: 0 auto;
}

.pxl-icon-box9 .pxl-item--icon i {
    color: var(--primary-color);
    line-height: 105px;
    font-size: 60px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-icon-box9 .pxl-item--title {
    font-size: 24px;
    margin-top: 22px;
    margin-bottom: 20px;
}

.pxl-icon-box9 .pxl-item--description {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.pxl-icon-box9:hover .pxl-item--icon {
    animation: tada 1.3s linear;
}

body.rtl .pxl-icon-box2.style5 .pxl-item--icon {
    margin-right: 0;
    margin-left: 20px;
}

.pxl-icon-box10 {
    text-align: center;
    padding: 50px 20px 52px 20px;
    border-radius: 10px;
    box-shadow: rgba(149,157,165,0.1) 0px 8px 24px;
}

.pxl-icon-box10 .pxl-item--icon {
    width: 114px;
    min-width: 114px;
    height: 114px;
    border-radius: 200px;
    margin: 0 auto;
    background-color: #fbfbfb;
}

.pxl-icon-box10 .pxl-item--icon i {
    color: var(--primary-color);
    line-height: 114px;
    font-size: 25px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-icon-box10 .pxl-item--title {
    font-size: 22px;
    font-weight: 700;
    color: #666;
    margin-top: 40px;
    margin-bottom: 12px;
}

.pxl-icon-box10 .pxl-item--description {
    font-size: 16px;
    line-height: 28px;
    max-width: 200px;
    margin: auto;
}

.pxl-icon-box10:hover .pxl-item--icon {
    animation: tada 1.3s linear;
}

.pxl-icon-box11 {
    text-align: center;
}

.pxl-icon-box11 .wrap-icon {
    display: inline-block;
    position: relative;
}

.pxl-icon-box11 .wrap-icon .bf-mask-tab {
    content: '';
    min-width: 95px;
    width: 95px;
    height: 37px;
    background-image: url(../img/bg-mask-tab.png);
    position: absolute;
    top: 1px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 0;
}

.pxl-icon-box11 .icon-tab {
    min-width: 95px;
    width: 95px;
    height: 93px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    mask-image: url(../img/mask-tab.png);
    -webkit-mask-image: url(../img/mask-tab.png);
    -ms-mask-image: url(../img/mask-tab.png);
    -o-mask-image: url(../img/mask-tab.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    position: relative;
}

.pxl-icon-box11 .icon-tab:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: -100%;
    background-color: var(--primary-color);
    z-index: -1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box11 .icon-tab i {
    margin-top: 12px;
    font-size: 49px;
    color: #000;
    width: 100%;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-icon-box11 .pxl-item--title {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    padding-top: 11px;
}

.pxl-icon-box11:hover .bf-mask-tab {
    top: -6px;
}

.pxl-icon-box11:hover .icon-tab i {
    margin-top: 6px;
}

.pxl-icon-box12 .pxl-item--inner {
    display: flex;
}

@media (max-width: 767px) {
    .pxl-icon-box12 .pxl-item--inner {
        display: block;
    }
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
    display: block;
    height: 77px;
    width: 105px;
    min-width: 105px;
    text-align: center;
    background-color: var(--primary-color);
    transform: skewx(-15deg);
}

@media (max-width: 767px) {
    .pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
        transform: skewx(0deg);
    }
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
    font-size: 51px;
    line-height: 77px;
    color: #fff;
    transform: skewx(15deg);
    display: block;
}

@media (max-width: 767px) {
    .pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
        transform: skewx(0deg);
    }
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
        padding: 20px 0 0 0;
    }
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 20px;
    letter-spacing: 0px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    display: inline-block;
    position: relative;
    margin-bottom: 9px;
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:before {
    position: absolute;
    clip-path: polygon(0 0,0% 100%,100% 50%);
    width: 9px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    height: 12px;
    background-color: var(--primary-color);
    top: 7px;
    right: -60px;
    content: '';
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover {
    text-decoration: underline;
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover:before {
    right: -50px;
}

.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--description {
    font-size: 16px;
    line-height: 24px;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
    margin-left: 28px;
    margin-right: 40px;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon {
    width: 68px;
    min-width: 68px;
    height: 66px;
    background-color: #f1f1f1;
    text-align: center;
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--primary-color);
    top: 0;
    left: 0;
    transform: scalex(0);
    transform-origin: center;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon i {
    font-size: 42px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    line-height: 66px;
    z-index: 2;
    position: relative;
    color: #000;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step {
    width: 37px;
    height: 37px;
    position: absolute;
    border-radius: 100px;
    background-color: #000;
    top: -25px;
    left: -10px;
    z-index: 2;
    line-height: 37px;
    font-size: 15px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    color: #fff;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step:before {
    position: absolute;
    content: '';
    border-radius: 100px;
    top: 27px;
    left: 27px;
    right: 27px;
    bottom: 27px;
    background-color: var(--secondary-color);
    opacity: 0;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    z-index: -1;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    font-size: 20px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 0;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover {
    text-decoration: underline;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom {
    margin-top: 16px;
    background-color: #f8f8f8;
    padding: 22px 50px 22px 22px;
    min-height: 135px;
    position: relative;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .pxl-item--description {
    font-size: 15px;
    line-height: 24px;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more {
    position: absolute;
    bottom: 16px;
    right: 40px;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more a {
    font-size: 15px;
    font-weight: 700;
    color: #f8f8f8;
    text-decoration: underline;
    padding-right: 10px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:before {
    position: absolute;
    clip-path: polygon(0 0,0% 100%,100% 50%);
    width: 9px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    height: 12px;
    background-color: var(--primary-color);
    top: 9px;
    right: -19px;
    content: '';
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover a {
    color: var(--secondary-color);
}

.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover:before {
    background-color: var(--secondary-color);
}

.pxl-icon-box13 .pxl-item--inner:hover .more a {
    padding-right: 0;
    color: var(--primary-color);
}

.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon:before {
    transform: scaley(1);
}

.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon i {
    color: #fff;
}

.pxl-icon-box14 .pxl-item--inner {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    justify-content: space-between;
    padding: 8px 13px 8px 8px;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--icon {
    display: block;
    width: 33px;
    min-width: 33px;
    height: 41px;
    text-align: center;
    background: var(--primary-color);
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--icon i {
    font-size: 19px;
    color: #fff;
    line-height: 41px;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item-meta {
    padding-left: 15px;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 18px;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--description {
    font-size: 14px;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--link {
    display: block;
    width: 35px;
    min-width: 35px;
    height: 35px;
    text-align: center;
    background: var(--primary-color);
    position: relative;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--link:before {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    background-color: #000;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scalex(0);
    transform-origin: center;
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--link:hover:before {
    transform: scalex(1);
}

.pxl-icon-box14 .pxl-item--inner .pxl-item--link i {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 35px;
}

.pxl-icon-box15 .pxl-item--inner {
    display: flex;
}

.pxl-icon-box15 .pxl-item--inner .pxl-item--icon {
    font-size: 41px;
    color: var(--primary-color);
}

.pxl-icon-box15 .pxl-item--inner .pxl-item--holder {
    margin-left: 5px;
}

.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 22px;
    line-height: 24px;
}

.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--description {
    font-size: 17px;
    color: #444;
    line-height: 26px;
}

.pxl-icon-box16 {
    text-align: center;
}

.pxl-icon-box16 .pxl-item--inner .pxl-item--icon {
    display: inline-flex;
    justify-content: center;
    border-radius: 20px;
    align-items: center;
    box-shadow: rgba(85,85,85,0.11) 0px 9px 21px;
    margin-bottom: 35px;
}

.pxl-icon-box16 .pxl-item--inner .pxl-item--title {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #131115;
}

.pxl-icon-box16.style2 .pxl-item--inner {
    text-align: left;
    display: flex;
    align-item: center;
}

.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--title {
    font-size: 20px;
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
}

.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--icon {
    background-color: #fff;
    border-radius: 200px;
    margin-bottom: 0;
}

.pxl-icon-box17 {
    z-index: 0;
    position: relative;
}

.pxl-icon-box17 .pxl-item--inner {
    display: flex;
    align-items: center;
}

@media (max-width: 480px) {
    .pxl-icon-box17 .pxl-item--inner {
        display: block;
    }
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--icon {
    display: block;
    width: 123px;
    min-width: 123px;
    height: 123px;
    border-radius: 1000px;
    box-shadow: rgba(0,0,0,0.24) 0px 3px 8px;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--icon:before {
    position: absolute;
    content: '';
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    opacity: 0;
    border-radius: 1000px;
    -webkit-transition: 200ms all ease 0ms;
    -khtml-transition: 200ms all ease 0ms;
    -moz-transition: 200ms all ease 0ms;
    -ms-transition: 200ms all ease 0ms;
    -o-transition: 200ms all ease 0ms;
    transition: 200ms all ease 0ms;
    background: linear-gradient(to right,#0f5eff 0%,#02e4e2 100%);
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--icon i {
    background: -webkit-linear-gradient(1deg,#1361ff 0%,#00e7f1 100%);
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 123px;
    font-size: 53px;
    position: relative;
    z-index: 2;
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--holder {
    margin-left: 58px;
    padding: 15px 24px 13px 24px;
    position: relative;
    -webkit-transition: 200ms all ease 0ms;
    -khtml-transition: 200ms all ease 0ms;
    -moz-transition: 200ms all ease 0ms;
    -ms-transition: 200ms all ease 0ms;
    -o-transition: 200ms all ease 0ms;
    transition: 200ms all ease 0ms;
}

@media (max-width: 480px) {
    .pxl-icon-box17 .pxl-item--inner .pxl-item--holder {
        margin-left: 0px;
        margin-top: 20px;
    }
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    -webkit-transition: 200ms all ease 0ms;
    -khtml-transition: 200ms all ease 0ms;
    -moz-transition: 200ms all ease 0ms;
    -ms-transition: 200ms all ease 0ms;
    -o-transition: 200ms all ease 0ms;
    transition: 200ms all ease 0ms;
    font-size: 18px;
    margin-bottom: 5px;
    border-bottom: 1px solid transparent;
    display: inline-block;
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--description {
    -webkit-transition: 200ms all ease 0ms;
    -khtml-transition: 200ms all ease 0ms;
    -moz-transition: 200ms all ease 0ms;
    -ms-transition: 200ms all ease 0ms;
    -o-transition: 200ms all ease 0ms;
    transition: 200ms all ease 0ms;
    line-height: 24px;
    color: #858585;
    font-size: 15px;
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before {
    position: absolute;
    content: '';
    width: 0px;
    height: 2px;
    background: linear-gradient(to right,#18b019 0%,#a7e706 100%);
    left: -58px;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transition: 200ms all ease 0ms;
    -khtml-transition: 200ms all ease 0ms;
    -moz-transition: 200ms all ease 0ms;
    -ms-transition: 200ms all ease 0ms;
    -o-transition: 200ms all ease 0ms;
    transition: 200ms all ease 0ms;
}

@media (max-width: 480px) {
    .pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before {
        width: 2px;
        height: 0px;
        left: 60px;
        top: -20px;
        transform: translatey(0%);
    }
}

.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 100%;
    background: linear-gradient(to right,#18b019 0%,#a7e706 100%);
    -webkit-transition: 150ms all ease 200ms;
    -khtml-transition: 150ms all ease 200ms;
    -moz-transition: 150ms all ease 200ms;
    -ms-transition: 150ms all ease 200ms;
    -o-transition: 150ms all ease 200ms;
    transition: 150ms all ease 200ms;
    left: 0px;
    top: 0;
}

.pxl-icon-box17:hover,.pxl-icon-box17.pxl--item-active {
    z-index: 2;
}

.pxl-icon-box17:hover .pxl-item--title,.pxl-icon-box17.pxl--item-active .pxl-item--title {
    border-bottom: 1px solid #b1b1b1 !important;
}

.pxl-icon-box17:hover .pxl-item--holder,.pxl-icon-box17.pxl--item-active .pxl-item--holder {
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.pxl-icon-box17:hover .pxl-item--holder:before,.pxl-icon-box17.pxl--item-active .pxl-item--holder:before {
    width: 58px;
}

@media (max-width: 480px) {
    .pxl-icon-box17:hover .pxl-item--holder:before,.pxl-icon-box17.pxl--item-active .pxl-item--holder:before {
        width: 2px;
        height: 20px;
    }
}

.pxl-icon-box17:hover .pxl-item--holder:after,.pxl-icon-box17.pxl--item-active .pxl-item--holder:after {
    width: 6px;
}

.pxl-icon-box17:hover .pxl-item--icon i,.pxl-icon-box17.pxl--item-active .pxl-item--icon i {
    background: no-repeat;
    color: #fff;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: aliceblue;
}

.pxl-icon-box17:hover .pxl-item--icon:before,.pxl-icon-box17.pxl--item-active .pxl-item--icon:before {
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body.rtl .pxl-icon-box2.style5 .pxl-item--icon {
    margin-right: 0;
    margin-left: 20px;
}

.pxl-banner1 {
    position: relative;
    overflow: hidden;
}

.pxl-banner1 .pxl-item--title {
    position: absolute;
    height: 135px;
    width: 270px;
    background-color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    border-bottom: 30px solid #fff;
    padding: 31px 90px 0 90px;
    top: -20px;
    left: -88px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    transform: rotate(-45deg);
}

.pxl-banner2 {
    position: relative;
}

.pxl-banner2 .pxl-item--image img {
    width: 100%;
}

.pxl-banner2 .pxl-item--meta {
    top: 0;
    right: 0;
    position: absolute;
    width: 137px;
    height: 137px;
    border-radius: 100px 0 100px 100px;
    background-color: var(--primary-color);
    text-align: center;
}

.pxl-banner2 .pxl-item--meta .pxl-item--title {
    font-size: 16px;
    font-weight: 500;
    display: block;
    color: #fff;
    line-height: 22px;
}

.pxl-banner2 .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value {
    display: block;
    padding-top: 28px;
    padding-bottom: 11px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.pxl-banner4 .pxl-banner-inner {
    position: relative;
    padding-bottom: 13px;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--image2 {
    position: absolute;
    right: 26px;
    bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--meta {
    padding-right: 20px;
    left: 0;
    bottom: 0px;
    position: absolute;
    width: 211px;
    height: 187px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    background-image: url(../img/bg-title-banner.png);
    background-size: cover;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title {
    max-width: 160px;
    margin: 0 auto;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-weight: 700;
    display: block;
    color: #fff;
    line-height: 20px;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number {
    position: relative;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value {
    display: block;
    line-height: 64px;
    padding-bottom: 15px;
    font-size: 90px;
    font-weight: 700;
    color: #fff;
}

.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-suffix {
    font-size: 37px;
    position: absolute;
    right: 10px;
    font-weight: 700;
    top: 0;
    line-height: 16px;
}

.pxl-bn-box2 .ct-banner-meta {
    animation: pxl_spin 8s linear infinite;
    width: 170px;
    height: 170px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: transparent;
    border: 40px solid #fff;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
}

.pxl-bn-box2 .ct-banner-title {
    font-size: 19.5px;
    white-space: nowrap;
    color: #0e0e0e;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 700;
}

.pxl-bn-box2 .ct-banner-title svg {
    fill: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible;
    width: 120px;
    height: 120px;
}

.pxl-bn-box2 .ct-banner-title svg text {
    letter-spacing: inherit;
    fill: var(--secondary-color);
}

.pxl-bn-box2 .ct-banner-title svg textpath:after {
    content: "";
    fill: var(--primary-color);
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pxl-bn-box2 .ct-banner-inner {
    position: relative;
    padding-top: 35px;
    padding-left: 35px;
}

.pxl-counter1 .pxl--counter-number {
    line-height: 1;
    font-size: 42px;
    font-weight: 700;
    color: var(--secondary-color);
    display: inline-flex;
    margin-bottom: 7px;
}

.pxl-counter1 .pxl--item-title {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
}

.pxl-counter1 .pxl--item-inner {
    text-align: center;
}

@media (max-width: 767px) {
    .pxl-counter1 .pxl--item-inner {
        text-align: left;
    }
}

.pxl-counter1 i {
    font-size: 65px;
}

.pxl-counter1:hover .pxl-item--icon {
    animation: icon-bounce 800ms ease-out;
}

.pxl-counter2 .pxl--counter-number {
    line-height: 1;
    font-size: 42px;
    font-weight: 700;
    color: var(--secondary-color);
    display: inline-flex;
    margin-bottom: 7px;
}

.pxl-counter2 .pxl--item-title {
    padding-left: 30px;
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
}

.pxl-counter2 .pxl--item-inner {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .pxl-counter2 .pxl--item-inner {
        text-align: left;
    }
}

.pxl-counter2 i {
    font-size: 65px;
}

.pxl-counter2:hover .pxl-item--icon {
    animation: icon-bounce 800ms ease-out;
}

.pxl-counter3 .pxl--counter-number {
    position: relative;
    display: inline-block;
}

.pxl-counter3 .pxl--counter-number .pxl--counter-value {
    font-size: 52px;
    color: var(--primary-color);
    font-weight: 700;
    line-height: 52px;
}

.pxl-counter3 .pxl--counter-number .pxl--counter-suffix {
    font-size: 30px;
    color: var(--primary-color);
    font-weight: 700;
    position: absolute;
    top: 0;
    line-height: 0;
    right: -20px;
}

.pxl-counter3 .pxl--item-title {
    padding-top: 6px;
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 700;
}

.pxl-counter3 .pxl--item-desc {
    margin-top: 7px;
    font-size: 16px;
    color: #666;
    font-weight: 400;
    line-height: 24px;
}

.pxl-counter4 .pxl--item-inner {
    display: flex;
    align-items: center;
}

.pxl-counter4 .pxl--item-inner .pxl-item--icon i {
    color: #fff;
    font-size: 60px;
}

.pxl-counter4 .pxl--item-inner .content-right {
    padding-left: 30px;
}

.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-number {
    line-height: 1;
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    margin-bottom: 7px;
}

.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-value {
    font-variant-numeric: lining-nums;
}

.pxl-counter4 .pxl--item-inner .content-right .pxl--item-title {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.pxl-counter4:hover .pxl-item--icon {
    animation: icon-bounce 800ms ease-out;
}

.pxl-counter5 .pxl--counter-number {
    position: relative;
    display: inline-block;
}

.pxl-counter5 .pxl--counter-number .pxl--counter-value {
    font-size: 150px;
    line-height: 150px;
    font-weight: 700;
    color: #000;
}

.pxl-counter5 .pxl--counter-number .pxl--counter-suffix {
    line-height: 60px;
    position: absolute;
    top: 0;
    color: var(--primary-color);
    right: -27px;
    font-size: 60px;
    font-weight: 700;
}

.pxl-counter5 .pxl--item-title {
    color: #5d5d5d;
    font-size: 28px;
}

body.rtl .pxl-progressbar-2 .pxl-item--icon {
    margin-right: 0;
    margin-left: 10px;
}

.pxl-video-player .btn-video {
    z-index: 2;
}

.pxl-video-player .pxl-box--icon {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 54px;
    right: 95px;
    background-color: #ffde19;
    border-radius: 100px;
    text-align: center;
    font-size: 38px;
    color: #000010;
}

@media screen and (max-width: 1199px) {
    .pxl-video-player .pxl-box--icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
        bottom: 30px;
        right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .pxl-video-player .pxl-box--icon {
        bottom: 20px;
        right: 20px;
    }
}

.pxl-video-player1 .pxl-shadow-gradient {
    width: 240px;
    height: 240px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
    filter: blur(40px);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    display: none;
}

@media screen and (max-width: 767px) {
    .pxl-video-player1 .pxl-shadow-gradient {
        width: 120px;
        height: 120px;
        filter: blur(22px);
    }
}

.pxl-video-player1 .pxl-video--holder img,.pxl-video-player1 .pxl-video--holder .pxl-video--imagebg {
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.pxl-video-player1 .pxl-video--holder+.btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center;
}

.pxl-video-player1 .pxl-video--holder+.btn-video-wrap.p-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.pxl-video-player1 .pxl-video-text {
    font-size: 12px;
    text-transform: uppercase;
    color: #fefeff;
    letter-spacing: 0.05em;
    font-weight: 700;
    width: 100%;
    display: block;
    margin-top: 24px;
}

.pxl-video-player1 .btn-video {
    position: relative;
}

.pxl-video-player1 .btn-video i {
    display: inline-flex;
}

.pxl-video-player1 .btn-video.style1 {
    font-size: 17px;
    width: 137px;
    height: 137px;
}

@media screen and (max-width: 767px) {
    .pxl-video-player1 .btn-video.style1 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 15px;
    }
}

.pxl-video-player1 .btn-video.style2 {
    font-size: 18px;
    width: 120px;
    height: 120px;
    color: var(--primary-color);
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.pxl-video-player1 .btn-video.style2:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border 3s linear infinite;
    border: 0.3px solid #fff;
    background-color: transparent !important;
    border-radius: 500px;
    opacity: 0;
}

.pxl-video-player1 .btn-video.style2:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border 3s 1.5s linear infinite;
    background-color: transparent !important;
    border: 0.3px solid #fff;
    border-radius: 500px;
    opacity: 0;
}

.pxl-video-player1 .btn-video.style2:hover {
    transform: scale(0.9);
}

.pxl-video-player1 .btn-video.style3,.pxl-video-player1 .btn-video.style5 {
    font-size: 16px;
    width: 69px;
    height: 69px;
    color: #fff;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    background-color: var(--primary-color);
}

.pxl-video-player1 .btn-video.style3:before,.pxl-video-player1 .btn-video.style5:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border2 3s linear infinite;
    border: 0.3px solid var(--primary-color);
    background-color: transparent !important;
    border-radius: 500px;
    opacity: 0;
}

.pxl-video-player1 .btn-video.style3:after,.pxl-video-player1 .btn-video.style5:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    animation: scale-border2 3s 1.5s linear infinite;
    background-color: transparent !important;
    border: 0.3px solid var(--primary-color);
    border-radius: 500px;
    opacity: 0;
}

.pxl-video-player1 .btn-video.style5 {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    background-image: linear-gradient(90deg,#29b430 0%,#b0f006 100%);
}

.pxl-video-player1 .btn-video.style5:before {
    inset: 0;
    border-radius: 150px;
    background: linear-gradient(45deg,#29b430,#b0f006);
    padding: 0px;
    border-color: transparent;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.pxl-video-player1 .btn-video.style5:after {
    inset: 0;
    border-radius: 150px;
    background: linear-gradient(45deg,#29b430,#b0f006);
    padding: 0px;
    border-color: transparent;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.pxl-video-player1 .btn-video.style4 {
    font-size: 16px;
    width: 110px;
    height: 100px;
    color: #fff;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    background-color: #fff;
    border-radius: 3px;
}

.pxl-video-player1 .btn-video.style4:after {
    position: absolute;
    content: '';
    border: 2px solid var(--primary-color);
    border-radius: 100px;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%,-50%);
}

.pxl-video-player1 .btn-video.style4 i {
    line-height: 100px;
    color: var(--primary-color);
    font-size: 23px;
}

.pxl-video-player1 .pxl-video--inner {
    position: relative;
}

.pxl-video-player1.pxl-video-style1 .pxl-video--holder+.btn-video-wrap .pxl-shadow-gradient {
    display: block;
    z-index: -1;
}

.pxl-video-player1.pxl-video-style4 .btn-video-wrap {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
}

.pxl-item--4-star i:nth-child(5) {
    display: none;
}

.pxl-item--3-star i:nth-child(5),.pxl-item--3-star i:nth-child(4) {
    display: none;
}

.pxl-item--2-star i:nth-child(5),.pxl-item--2-star i:nth-child(4),.pxl-item--2-star i:nth-child(3) {
    display: none;
}

.pxl-item--1-star i:nth-child(5),.pxl-item--1-star i:nth-child(4),.pxl-item--1-star i:nth-child(3),.pxl-item--1-star i:nth-child(2) {
    display: none;
}

.pxl-item--star {
    color: #ffd203;
}

.pxl-testimonial-carousel1 .pxl-swiper-arrow,.pxl-testimonial-grid1 .pxl-swiper-arrow {
    opacity: 0;
    height: 100% !important;
    top: 0;
    transform: translateY(0px) !important;
}

.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet,.pxl-testimonial-grid1 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-testimonial-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet:hover,.pxl-testimonial-grid1 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-testimonial-carousel1 .pxl-grid-item,.pxl-testimonial-grid1 .pxl-grid-item {
    margin-bottom: 50px;
}

.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content {
    box-shadow: rgba(149,157,165,0.07) 0px 12px 14px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover {
    background-color: #000;
}

.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title {
    color: #fff !important;
}

.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position {
    color: #b3b3b3 !important;
    border-color : #1e1e1e !important;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content {
    background-color: #fff;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .quote,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .quote,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .quote,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .quote {
    position: absolute;
    right: 30px;
    top: 42px;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner {
    padding: 25px 40px 14px 40px;
    display: flex;
    align-items: center;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image {
    margin-right: 15px;
    width: 63px;
    min-width: 63px;
    height: 63px;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star {
    font-size: 12px;
    color: var(--primary-color);
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc,.pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc,.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--desc,.pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--desc {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    border-top: 1px solid #e8e8e8;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding: 21px 40px 30px 40px;
}

.pxl-testimonial-carousel2 .pxl-swiper-container {
    overflow: inherit;
}

.pxl-testimonial-carousel2 .pxl-swiper-dots {
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-top: 0;
}

.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 0;
    background-color: #f2f2f2;
}

.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .pxl-swiper-dots {
        display: none;
    }
}

.pxl-testimonial-carousel2 .swiper-container-vertical {
    height: 193px;
}

.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-wrapper {
    flex-direction: column;
}

.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pxl-testimonial-carousel2 .wrap-content {
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .wrap-content {
        display: block;
    }
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
    min-width: 240px;
    text-align: center;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
        margin-right: 10px;
        margin-left: 0px;
    }
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 14px;
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position {
    font-size: 13px;
    color: #8e8e8e;
    font-weight: 400;
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder {
    background-color: #f2f2f2;
    padding: 60px 0 54px 0;
    position: relative;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder {
        text-align: center;
        padding: 30px 0 24px 0;
    }
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100000px;
    top: 0;
    right: 0;
    background-color: #f2f2f2;
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 27px;
    top: 70px;
    right: -26px;
    clip-path: polygon(0 0,0% 100%,100% 100%);
    background-color: #f2f2f2;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after {
        top: 100%;
        left: 50%;
        transform: translatex(-50%);
        clip-path: polygon(50% 100%,0 0,100% 0);
        height: 15px;
    }
}

.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
    position: relative;
    z-index: 2;
    font-size: 30px;
    color: #050505;
    font-weight: 400;
    line-height: 40px;
}

@media (max-width: 480px) {
    .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap {
    position: absolute !important;
    bottom: 10px;
    right: 0;
    display: flex;
}

.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: relative !important;
    transform: translate(0) !important;
    font-size: 15px;
}

.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
    margin-left: 17px;
}

.pxl-testimonial-carousel3 .wrap-inner-content {
    position: relative;
    padding-top: 24px;
}

.pxl-testimonial-carousel3 .wrap-inner-content .quote {
    position: absolute;
    left: 20px;
    top: 0px;
    z-index: 2;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc {
    background-color: #fff;
    padding: 40px;
    font-size: 17px;
    line-height: 37px;
    color: #666;
    position: relative;
}

@media (max-width: 480px) {
    .pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc {
        padding: 30px 20px;
    }
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc:before {
    position: absolute;
    content: '';
    clip-path: polygon(100% 0,0 0,100% 100%);
    background-color: #fff;
    width: 43px;
    height: 24px;
    bottom: -24px;
    left: 58px;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner {
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-top: 50px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image {
    min-width: 70px;
    width: 70px;
    border: 4px solid #fff;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder {
    margin-left: 20px;
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
    font-size: 16px;
    color: var(--primary-color);
}

.pxl-testimonial-carousel3 .wrap-inner-content:hover .pxl-item--image img {
    transform: scale(1.1);
}

.pxl-testimonial-carousel4.style1 .wrap-inner-content,.pxl-testimonial-grid2.style1 .wrap-inner-content {
    background-color: #f7f7f7;
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    justify-content: center;
    margin-top: 40px;
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:before,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:before {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translatey(-50%);
    height: 1px !important;
    background-color: #ddd;
    content: '';
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:after,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:after {
    position: absolute;
    width: 183px;
    top: 48%;
    left: 50%;
    transform: translate(-50%);
    height: 2px !important;
    background-color: #fff;
    content: '';
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    border: 2px solid #e7e7e7;
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i {
    color: #808080;
    line-height: 0;
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
    border-color: var(--primary-color);
}

.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i,.pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i {
    color: #fff;
}

.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap,.pxl-testimonial-grid2 .pxl-swiper-arrow-wrap {
    position: absolute !important;
    top: -107px;
    right: 0;
    display: flex;
}

.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow,.pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: relative !important;
    transform: translate(0) !important;
    box-shadow: none;
    font-size: 15px;
}

.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2),.pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
    margin-left: 17px;
}

.pxl-testimonial-carousel4 .wrap-inner-content,.pxl-testimonial-grid2 .wrap-inner-content {
    position: relative;
    padding-top: 24px;
    background-color: #fff;
    padding: 35px 40px 35px 50px;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel4 .wrap-inner-content,.pxl-testimonial-grid2 .wrap-inner-content {
        padding: 25px 20px 25px 25px;
    }
}

.pxl-testimonial-carousel4 .wrap-inner-content:before,.pxl-testimonial-grid2 .wrap-inner-content:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 8px;
    background-color: var(--primary-color);
    top: 0;
    left: 0;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc {
    margin-bottom: 13px;
    font-size: 17px;
    line-height: 37px;
    color: #666;
    position: relative;
}

@media (max-width: 480px) {
    .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc {
        font-size: 16px;
        line-height: 32px;
    }
}

.pxl-testimonial-carousel4 .wrap-inner-content .wrap-content-bottom,.pxl-testimonial-grid2 .wrap-inner-content .wrap-content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star {
    color: var(--primary-color);
}

@media (max-width: 480px) {
    .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star {
        display: none;
    }
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner {
    display: flex;
    align-items: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image {
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    border-radius: 200px;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner {
    min-width: 70px;
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder {
    margin-left: 20px;
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
    font-size: 16px;
    color: var(--primary-color);
}

.pxl-testimonial-carousel4 .wrap-inner-content:hover .pxl-item--image img,.pxl-testimonial-grid2 .wrap-inner-content:hover .pxl-item--image img {
    transform: scale(1.1);
}

.pxl-testimonial-carousel4 .pxl-grid-item,.pxl-testimonial-grid2 .pxl-grid-item {
    margin-bottom: 90px;
}

.pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content,.pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content {
    padding: 65px 40px 35px 50px;
    background-color: #f5f5f5;
}

@media (max-width: 480px) {
    .pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content,.pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content {
        padding: 50px 20px 35px 30px;
    }
}

.pxl-testimonial-carousel4 .pxl-grid-item .quote,.pxl-testimonial-grid2 .pxl-grid-item .quote {
    position: absolute;
    top: -48px;
    left: 42px;
    width: 93px;
    height: 93px;
    min-width: 93px;
    border-radius: 100px;
    background-color: var(--primary-color);
    border: 8px solid #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.pxl-testimonial-carousel5 .pxl-swiper-container {
    overflow: inherit;
}

.pxl-testimonial-carousel5 .pxl-swiper-dots {
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-top: 0;
}

.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 0;
    background-color: #f2f2f2;
}

.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.pxl-testimonial-carousel5 .swiper-container-vertical {
    height: 193px;
}

.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-wrapper {
    flex-direction: column;
}

.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
}

.pxl-testimonial-carousel5 .wrap-content {
    display: flex;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel5 .wrap-content {
        display: block;
    }
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
    min-width: 240px;
    text-align: center;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
        text-align: left;
    }
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
    display: block;
    width: 177px;
    height: 177px;
    border-radius: 177px;
    overflow: hidden;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        margin: 0;
    }
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image img {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder {
    position: relative;
    padding: 0 55px 0 75px;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder {
        padding: 0 20px 0 0px;
    }
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
    position: absolute;
    top: -3px;
    left: -11px;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
        top: -95px;
        left: 120px;
    }
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc {
    position: relative;
    z-index: 2;
    font-size: 22px;
    color: #e8e8e8;
    font-weight: 400;
    line-height: 37px;
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #fff;
    margin-top: 18px;
}

.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position {
    font-size: 16px;
    color: #8e8e8e;
    font-weight: 400;
}

.pxl-testimonial-carousel5 .wrap-content:hover .pxl-item--image img {
    transform: scale(1.1);
}

.pxl-testimonial-grid3 .pxl-grid-item {
    margin-bottom: 44px;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top {
    display: flex;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--image {
    width: 92px;
    height: 92px;
    min-width: 92px;
    border-radius: 100px;
    overflow: hidden;
    align-items: center;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder {
    display: block;
    margin-left: 18px;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title {
    margin-top: 12px;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--position {
    font-size: 15px;
    color: #666;
    font-weight: 400;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i {
    margin-top: 14px;
    margin-left: -21px;
    width: 39px;
    height: 39px;
    border-radius: 100px;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    background-color: #fff;
    line-height: 39px;
    text-align: center;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-instagram {
    color: #e1306c;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-linkedin-in {
    color: #0a66c2;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-facebook-f {
    color: #0055bf;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-twitter {
    color: #00d0e9;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.hide {
    display: none;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom {
    margin-top: 36px;
    background-color: #323232;
    padding: 32px 50px 35px 50px;
    position: relative;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 480px) {
    .pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom {
        padding: 32px 25px 35px 25px;
    }
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    background-color: #f4f4f4;
    left: 0;
    transform: scaley(0);
    transform-origin: center;
    z-index: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .quote {
    position: absolute;
    top: -18px;
    left: 44px;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--desc {
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    position: relative;
    opacity: 0.76;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star {
    position: relative;
    margin-top: 8px;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star i {
    color: #ecbd00;
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .wrap-content-bottom:before {
    transform: scaley(1);
}

.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc {
    color: #666;
    opacity: 1;
}

.pxl-testimonial-grid4 .pxl-grid-item {
    margin-bottom: 78px;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
    padding: 35px 40px 30px 40px;
    box-shadow: rgba(0,23,97,.1) 0px 0px 46px;
    border-radius: 25px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 700px) and (min-width: 575px) {
    .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
        padding: 35px 20px 30px 20px;
    }
}

@media (max-width: 480px) {
    .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
        padding: 35px 20px 30px 20px;
    }
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
    margin-bottom: 22px;
    margin-left: -12px;
    filter: grayscale(100%);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0.4;
}

@media (max-width: 700px) and (min-width: 575px) {
    .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
        margin-left: -5px;
    }
}

@media (max-width: 480px) {
    .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
        margin-left: -5px;
    }
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--desc {
    position: relative;
    font-size: 16px;
    color: #7d7f8e;
    line-height: 30px;
    position: relative;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom {
    margin-top: 27px;
    display: flex;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--image {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 100px;
    overflow: hidden;
    align-items: center;
    border: 6px solid #fff;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder {
    display: block;
    margin-left: 6px;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title {
    margin-top: 6px;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--position {
    font-size: 15px;
    color: #a5a9b6;
    font-weight: 400;
}

.pxl-testimonial-grid4 .pxl-grid-item:hover .pxl-item--inner {
    box-shadow: rgba(0,23,97,.2) 0px 44px 46px;
}

.pxl-testimonial-grid4 .pxl-grid-item:hover .quote {
    filter: grayscale(0%);
    opacity: 1;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap {
    position: absolute;
    width: 95px;
    height: 95px;
    background-color: var(--primary-color);
    border-radius: 50%;
    z-index: 3;
    top: 36%;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap {
        display: none;
    }
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:before {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 1px;
    height: 42px;
    left: 50%;
    transform: translatex(-50%);
    top: 28px;
    z-index: 3;
    opacity: 0.7;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:hover:before {
    opacity: 0;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
    width: 50%;
    height: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: var(--primary-color);
    text-align: left;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover {
    background-color: #fff;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover i {
    color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next i {
    padding-left: 10px;
    line-height: 95px;
    color: #fff;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
    width: 50%;
    height: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: var(--primary-color);
    transform: rotate(180deg) translatey(50%);
    text-align: left;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover {
    background-color: #fff;
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover i {
    color: var(--primary-color);
}

.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev i {
    padding-left: 10px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    line-height: 95px;
    color: #fff;
}

.pxl-testimonial-carousel6 .pxl-item--inner {
    display: flex;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel6 .pxl-item--inner {
        display: block;
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%) skewx(-3deg);
    z-index: 3;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner:before {
        transform: skew(0);
    }
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel6 .pxl-item--inner:before {
        display: none;
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: skewx(-3deg);
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
        transform: skew(0);
    }
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
        min-height: 200px;
        width: 100%;
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
    background-image: url(../img/bg-test.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    position: relative;
    transform: skewx(-3deg);
    padding: 46px 90px 40px 90px;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
        transform: skew(0);
    }
}

@media (max-width: 991px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
        width: 100%;
        padding: 40px 20px;
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.9;
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star {
    z-index: 2;
    position: relative;
    transform: skewx(3deg);
    display: inline-block;
    background-color: #fff;
    border-radius: 100px;
    padding: 1px 12px 4px 12px;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star {
        transform: skew(0);
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star i {
    font-size: 12px;
    color: var(--primary-color);
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    z-index: 2;
    position: relative;
    transform: skewx(3deg);
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding: 21px 0 20px 0;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
        transform: skew(0);
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
    z-index: 2;
    position: relative;
    transform: skewx(3deg);
    display: block;
    display: flex;
    align-items: center;
}

@media (max-width: 1200px) {
    .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
        transform: skew(0);
    }
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .pxl-item--author {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right {
    margin-left: 15px;
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--position {
    font-size: 15px;
    color: #afaeae;
}

.pxl-testimonial-carousel7 .pxl-swiper-arrow {
    opacity: 0;
    height: 100% !important;
    top: 0;
    transform: translateY(0px) !important;
}

.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #dedede;
    margin: 0 7px;
    border: 2px solid #dedede;
}

.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet:hover {
    background-color: #fff;
    border: 2px solid var(--primary-color);
}

.pxl-testimonial-carousel7 .pxl-swiper-dots {
    margin-top: 50px;
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content {
    padding: 40px 40px 35px 117px;
    background-color: #f6f6f6;
    position: relative;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content {
        padding: 117px 25px 35px 25px;
    }
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 147px;
    top: 50%;
    transform: translatey(-50%);
    left: 58px;
    background-color: #dedede;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
        display: none;
    }
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 0px;
    top: 50%;
    transform: translatey(-50%);
    left: 58px;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
        display: none;
    }
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
    position: absolute;
    left: 25px;
    z-index: 2;
    top: 50%;
    transform: translatey(-50%);
    background-color: var(--primary-color);
    height: 65px;
    width: 65px;
    border: 6px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

@media (max-width: 575px) {
    .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
        top: 20px;
        transform: translatey(0%);
    }
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image {
    margin-right: 15px;
    width: 63px;
    min-width: 63px;
    height: 63px;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 12px;
    font-weight: 400;
    color: #444;
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 20px 0 22px 0;
}

.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--star {
    font-size: 12px;
    color: var(--primary-color);
}

.pxl-testimonial-carousel7 .pxl-swiper-slide:hover .wrap-inner-content:after {
    height: 147px;
}

.pxl-testimonial-carousel7.style1 .quote {
    background-image: linear-gradient(270deg,#00e8f1 0%,#1b66ff 100%) !important;
}

.pxl-testimonial-carousel7.style1 .wrap-inner-content:after {
    background-color: #578dfc !important;
}

.pxl-testimonial-carousel7.style1 .pxl-item--star {
    color: #ffc106 !important;
}

.pxl-testimonial-carousel7.style1 .pxl-item--star i {
    padding-right: 5px;
}

.pxl-testimonial-carousel7.style1 .pxl-item--image {
    width: 71px !important;
    min-width: 71px !important;
    height: 71px !important;
    padding: 4px;
    background-image: linear-gradient(180deg,#16ae1e 0%,#baf127 100%) !important;
}

.pxl-testimonial-carousel7.style1 .pxl-item--image .pxl-item--image-inner {
    max-height: 63px !important;
    border-radius: 100px;
    overflow: hidden;
}

.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet {
    border: none !important;
}

.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 100px;
    background-image: #dedede;
}

.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active,.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover {
    background-image: linear-gradient(90deg,#0759ff 0%,#0ce3f3 100%) !important;
}

.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active:before,.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover:before {
    background-color: #fff;
}

.pxl-testimonial-carousel8 .pxl-swiper-arrow {
    transform: none;
    top: auto;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    left: auto;
    line-height: 45px;
    color: var(--primary-color);
}

@media (max-width: 1310px) {
    .pxl-testimonial-carousel8 .pxl-swiper-arrow {
        display: none;
    }
}

.pxl-testimonial-carousel8 .pxl-swiper-arrow:hover {
    color: #fff;
}

.pxl-testimonial-carousel8 .pxl-swiper-arrow-next {
    bottom: 10px;
    right: -75px;
}

.pxl-testimonial-carousel8 .pxl-swiper-arrow-prev {
    bottom: 60px;
    right: -75px;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content {
    padding: 45px 70px 41px 70px;
    border-radius: 5px;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content {
        padding: 40px 20px;
    }
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star {
    font-size: 12px;
    display: inline-block;
    background-color: #f9fafc;
    border-radius: 100px;
    padding: 5px 15px;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star i {
    padding: 0 2px;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .quote {
    position: absolute;
    right: 60px;
    bottom: 40px;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image {
    margin-right: 15px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 15px;
    font-weight: 400;
    color: #444;
}

.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #000;
    transform: skew(-3deg);
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin: 21px 0 37px 0;
}

.pxl-testimonial-carousel9 .pxl-swiper-arrow {
    width: 61px;
    height: 61px;
    transform: inherit;
    background-color: #f1f1f1;
    box-shadow: none;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 450px) {
    .pxl-testimonial-carousel9 .pxl-swiper-arrow {
        display: none;
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    color: #000;
}

.pxl-testimonial-carousel9 .pxl-swiper-arrow i {
    font-size: 38px;
    line-height: 61px;
    margin-left: -46px;
}

.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    transform: rotatey(180deg);
    right: 110px;
    left: auto;
    bottom: 0;
    top: auto;
}

.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0px;
    bottom: 0;
    top: auto;
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner {
        display: block;
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
    min-width: 140px;
    min-height: 290px;
    height: 100%;
    transform: skewx(3deg);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
        min-width: 100%;
        height: 250px;
        transform: skewx(0deg);
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-width: 170px;
    min-height: 290px;
    height: 100%;
    display: block;
    transform: skewx(-3deg);
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
        background-position: top center;
        min-width: 100%;
        transform: skewx(0deg);
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    padding-left: 35px;
    z-index: 2;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
        padding-left: 0px;
        padding-top: 20px;
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
    display: inline-flex;
    background-color: #f1f1f1;
    padding: 0px 11px;
    border-radius: 100px;
    margin-left: -55px;
}

@media (max-width: 767px) {
    .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
        margin-left: 0px;
    }
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i {
    line-height: 23px;
    font-size: 12px;
    color: var(--primary-color);
    padding-right: 4px;
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i:last-child {
    padding-right: 0;
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 23px;
    font-weight: 600;
    line-height: 36px;
    color: #030303;
    padding: 14px 0 24px 0;
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position {
    font-size: 14px;
    margin-top: -5px;
    color: var(--primary-color);
}

.pxl-testimonial-single1 {
    text-align: center;
}

.pxl-testimonial-single1 .pxl-item--description {
    font-size: 22px;
    line-height: 36px;
    color: #4a4a4a;
}

.pxl-testimonial-single1 .pxl-item--holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image {
    width: 77px;
    height: 77px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}

.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,145,249,0.4);
}

.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta {
    padding-top: 20px;
    text-align: left;
    padding-left: 20px;
}

.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title {
    margin-bottom: 2px;
    font-size: 22px;
    color: #050505;
}

.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title {
    font-size: 22px;
    color: #050505;
}

@media (max-width: 1250px) and (min-width: 1025px) {
    .pl-lg-30>.elementor-element-populated {
        padding-left: 30px !important;
    }
}

.swiper-filter-active .non-swiper-slide {
    display: none;
}

.swiper-filter-wrap,.pxl-grid-filter3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.swiper-filter-wrap .filter-item,.pxl-grid-filter3 .filter-item {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 24px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.swiper-filter-wrap .filter-item:before,.pxl-grid-filter3 .filter-item:before {
    content: '';
    width: 11px;
    height: 41px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    background-color: #f4f4f4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scaley(0);
    -khtml-transform: translate(-50%,-50%) scaley(0);
    -moz-transform: translate(-50%,-50%) scaley(0);
    -ms-transform: translate(-50%,-50%) scaley(0);
    -o-transform: translate(-50%,-50%) scaley(0);
    transform: translate(-50%,-50%) scaley(0);
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    z-index: -1;
}

.swiper-filter-wrap .filter-item span,.pxl-grid-filter3 .filter-item span {
    color: #010927;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.swiper-filter-wrap .filter-item.active,.pxl-grid-filter3 .filter-item.active {
    color: var(--primary-color);
}

.swiper-filter-wrap .filter-item.active:before,.pxl-grid-filter3 .filter-item.active:before {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%) scaley(1);
    -khtml-transform: translate(-50%,-50%) scaley(1);
    -moz-transform: translate(-50%,-50%) scaley(1);
    -ms-transform: translate(-50%,-50%) scaley(1);
    -o-transform: translate(-50%,-50%) scaley(1);
    transform: translate(-50%,-50%) scaley(1);
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow {
    left: 50%;
    -webkit-transform: translatex(-50%);
    -khtml-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
    right: auto;
    bottom: 0;
    top: auto;
    opacity: 1;
    visibility: visible;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #4b5345;
    line-height: 36px;
    color: #4b5345;
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before {
    content: "\f142";
    font-size: 16px;
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-left: -80px;
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
    -webkit-transform: scalex(-1);
    -khtml-transform: scalex(-1);
    -moz-transform: scalex(-1);
    -ms-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1);
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    margin-left: 80px;
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow+.pxl-swiper-dots {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    margin: 0;
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction {
    bottom: 10px;
    font-size: 0px;
    line-height: 20px;
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    min-width: 20px;
    text-align: center;
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
    position: relative;
    margin-right: 50px;
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 32px;
    width: 27px;
    height: 1px;
    background-color: #fff;
}

.pxl-swiper-arrow-style1.pxl-arrows-active {
    padding-bottom: 90px;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow {
    opacity: 1;
    visibility: visible;
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 20px;
    background: transparent;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    position: static;
    -webkit-transform: translate(0,0);
    -khtml-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow i {
    display: inline-flex;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg {
    height: 55px;
    width: 55px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main {
    fill: #ececec;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover {
    opacity: 0;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    -webkit-transform: scalex(-1);
    -khtml-transform: scalex(-1);
    -moz-transform: scalex(-1);
    -ms-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1);
    margin-right: 16px;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main {
    opacity: 0;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover {
    opacity: 1;
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pxl-swiper-arrow-style3 .pxl-swiper-arrow {
    font-size: 36px;
    color: #c5d3d8;
    background-color: transparent;
    box-shadow: none;
}

.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
    -webkit-transform: scalex(-1);
    -khtml-transform: scalex(-1);
    -moz-transform: scalex(-1);
    -ms-transform: scalex(-1);
    -o-transform: scalex(-1);
    transform: scalex(-1);
    display: inline-block;
}

.pxl-swiper-arrow-style4 .pxl-swiper-arrow {
    width: 63px;
    height: 63px;
    background-color: transparent;
    border: 2px solid #1a2f31;
    box-shadow: none;
}

@media screen and (max-width: 1199px) {
    .pxl-swiper-arrow-style4 .pxl-swiper-arrow {
        width: 50px;
        height: 50px;
    }
}

@media screen and (min-width: 1400px) {
    .pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left: -110px;
    }

    .pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right: -110px;
    }
}

.pxl-swiper-arrow-style4 .pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets {
    margin-top: 35px;
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span {
    margin: 0 4px;
    width: 11px;
    height: 11px;
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:before {
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid var(--primary-color);
    top: -1px;
    left: -1px;
    position: absolute;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    opacity: 0;
    -webkit-transform: scale(1.4);
    -khtml-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after {
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    content: '';
    width: 5px;
    height: 5px;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
    opacity: 0;
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover,.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
    background: transparent;
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before,.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before,.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after,.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
    opacity: 1;
}

.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before,.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pxl-swiper-sliders .pxl-item--image img {
    width: 100%;
}

.pxl-swiper-sliders .pxl-item--title a,.pxl-swiper-sliders .pxl-item--category a {
    color: inherit;
}

.pxl-swiper-sliders .pxl-item--title a:hover,.pxl-swiper-sliders .pxl-item--category a:hover {
    color: inherit;
}

.pxl-post-carousel3 .pxl-swiper-wrapper {
    padding: 50px 0;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner {
    box-shadow: rgba(149,157,165,0.1) 0px 8px 24px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body {
    padding: 23px 30px 30px 30px;
    position: relative;
    background-color: #fff;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body:before {
    position: absolute;
    content: '';
    background-color: #000;
    height: 13px;
    width: 97px;
    bottom: 0;
    right: 27px;
    transform: skewx(-45deg);
    transition: 250ms all ease 0s;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta {
    display: flex;
    align-items: center;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div,.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a {
    font-size: 16px;
    color: #7a7a7a;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i {
    color: var(--primary-color);
    padding-right: 8px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date {
    padding-right: 25px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title {
    font-size: 22px;
    line-height: 30px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a {
    font-size: 22px;
    line-height: 30px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content {
    padding-top: 14px;
    font-size: 17px;
    color: #444;
    line-height: 28px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore {
    border-top: 1px solid #e9f0f3;
    padding-top: 20px;
    margin-top: 24px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    transition: 250ms all ease 0s;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i {
    transition: 250ms all ease 0s !important;
    font-size: 13px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span {
    padding-right: 10px;
    transition: 250ms all ease 0s;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span {
    padding-right: 15px;
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before {
    background-color: var(--primary-color);
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a {
    color: var(--primary-color);
}

.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i {
    transform: rotate(45deg);
}

.pxl-post-carousel4 .pxl-swiper-wrapper {
    padding: 50px 0;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide {
    padding-top: 110px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner {
    box-shadow: rgba(149,157,165,0.1) 0px 8px 24px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body {
    padding: 0px 30px 19px 30px;
    position: relative;
    background-color: #fff;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--image img {
    border-radius: 3px;
    margin-top: -105px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta {
    display: flex;
    align-items: center;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div,.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a {
    font-size: 16px;
    color: #7a7a7a;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i {
    color: var(--primary-color);
    padding-right: 8px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date {
    padding-right: 25px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title {
    padding-top: 23px;
    font-size: 22px;
    line-height: 30px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a {
    font-size: 22px;
    line-height: 30px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content {
    padding-top: 14px;
    font-size: 17px;
    color: #444;
    line-height: 28px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore {
    border-top: 1px solid #e9f0f3;
    padding-top: 16px;
    margin-top: 24px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    transition: 250ms all ease 0s;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i {
    font-size: 13px;
    transition: 250ms all ease 0s !important;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span {
    padding-right: 10px;
    transition: 250ms all ease 0s;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span {
    padding-right: 15px;
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover img {
    transform: scale(1.1);
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before {
    background-color: var(--primary-color);
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a {
    color: var(--primary-color);
}

.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i {
    transform: rotate(45deg);
}

.pxl-post-carousel1 .pxl-grid-item,.pxl-blog-grid-layout2 .pxl-grid-item {
    margin-bottom: 60px;
}

.pxl-post-carousel1 .pxl-swiper-dots,.pxl-blog-grid-layout2 .pxl-swiper-dots {
    margin-top: -46px;
}

.pxl-post-carousel1 .pxl-swiper-pagination-bullet,.pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-post-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-post-carousel1 .pxl-swiper-pagination-bullet:hover,.pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-post-carousel1 .pxl-swiper-wrapper,.pxl-blog-grid-layout2 .pxl-swiper-wrapper {
    padding: 40px 0 80px 0;
}

.pxl-post-carousel1 .pxl-item--inner,.pxl-blog-grid-layout2 .pxl-item--inner {
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-post-carousel1 .pxl-item--inner:hover,.pxl-blog-grid-layout2 .pxl-item--inner:hover {
    box-shadow: rgba(17,12,46,0.1) 0px 48px 40px 0px;
}

.pxl-post-carousel1 .pxl-item--title,.pxl-blog-grid-layout2 .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
    line-height: 30px;
}

.pxl-post-carousel1 .pxl-item--title:hover,.pxl-blog-grid-layout2 .pxl-item--title:hover {
    color: var(--primary-color);
}

.pxl-post-carousel1 .pxl-item--category,.pxl-blog-grid-layout2 .pxl-item--category {
    padding: 11px 25px 14px 25px;
    border-bottom: 1px solid #e8e8e8;
}

.pxl-post-carousel1 .pxl-item--category a,.pxl-blog-grid-layout2 .pxl-item--category a {
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-color);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.pxl-post-carousel1 .wrap-feature,.pxl-blog-grid-layout2 .wrap-feature {
    overflow: hidden;
    position: relative;
}

.pxl-post-carousel1 .wrap-feature .pxl-item--date,.pxl-blog-grid-layout2 .wrap-feature .pxl-item--date {
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 35px;
    width: 105px;
    height: 75px;
    mask-image: url(../img/mask-date.png);
    -webkit-mask-image: url(../img/mask-date.png);
    -ms-mask-image: url(../img/mask-date.png);
    -o-mask-image: url(../img/mask-date);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    background-color: #fff;
}

.pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day,.pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day {
    margin-top: 25px;
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 700;
}

.pxl-post-carousel1 .wrap-feature .pxl-item--date .year,.pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year {
    margin-top: -3px;
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 400;
}

.pxl-post-carousel1 .pxl-item--readmore .btn-readmore,.pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore {
    margin-top: 5px;
    display: block;
    padding: 11px 21px 12px 21px;
    font-size: 15px;
    font-weight: 700;
    color: #fff !important;
    background-color: var(--primary-color);
    position: relative;
}

.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:before,.pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:before {
    position: absolute;
    content: '';
    left: 2px;
    right: 2px;
    bottom: 15px;
    top: 15px;
    border: 0px solid var(--primary-color);
}

.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:hover:before,.pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:hover:before {
    left: 2px;
    right: 2px;
    bottom: 2px;
    top: 2px;
    border: 4px solid #fff;
}

.pxl-post-carousel1 .pxl-item--author a,.pxl-blog-grid-layout2 .pxl-item--author a {
    display: block;
    color: #898989;
}

.pxl-post-carousel1 .pxl-item--author a i,.pxl-blog-grid-layout2 .pxl-item--author a i {
    color: var(--primary-color);
    padding-right: 10px;
}

.pxl-post-carousel1 .pxl-item--author a span,.pxl-blog-grid-layout2 .pxl-item--author a span {
    padding-left: 4px;
    color: var(--secondary-color);
    font-weight: 700;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-post-carousel1 .pxl-item--author a:hover span,.pxl-blog-grid-layout2 .pxl-item--author a:hover span {
    color: var(--primary-color);
}

.pxl-post-carousel1 .pxl-swiper-arrow,.pxl-blog-grid-layout2 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translatey(0px);
}

.pxl-post-carousel1 .entry-body,.pxl-blog-grid-layout2 .entry-body {
    padding: 13px 25px 35px 25px;
}

.pxl-post-carousel1 .entry-body .pxl-item--holder,.pxl-blog-grid-layout2 .entry-body .pxl-item--holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxl-post-carousel1.btn-2 .btn-readmore,.pxl-blog-grid-layout2.btn-2 .btn-readmore {
    background-color: var(--primary-color);
    padding: 7px 0px 7px 21px;
}

.pxl-post-carousel1.btn-2 .btn-readmore:before,.pxl-blog-grid-layout2.btn-2 .btn-readmore:before {
    display: none;
}

.pxl-post-carousel1.btn-2 .btn-readmore:after,.pxl-blog-grid-layout2.btn-2 .btn-readmore:after {
    position: absolute;
    content: '';
    width: 24px !important;
    height: 100% !important;
    background-color: var(--primary-color);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    border: none;
    bottom: auto;
    left: auto;
    transition: 200ms all linear 0ms;
    z-index: 0;
    right: -22px !important;
    z-index: -1;
    top: 0 !important;
    clip-path: polygon(0 0,100% 0,100% 50%,100% 100%,0 100%,0% 50%);
}

.pxl-post-carousel1.btn-2 .btn-readmore:hover,.pxl-blog-grid-layout2.btn-2 .btn-readmore:hover {
    padding: 7px 21px 7px 15px;
}

.pxl-post-carousel1.btn-2 .btn-readmore:hover:after,.pxl-blog-grid-layout2.btn-2 .btn-readmore:hover:after {
    clip-path: polygon(0 0,9% 0,100% 50%,9% 100%,0 100%,0% 50%);
    z-index: 0;
    opacity: 1;
    transform: scalex(1);
}

.pxl-post-carousel2 .pxl-swiper-arrow {
    top: 40%;
    width: 89px;
    height: 81px;
    border-radius: 0 !important;
    background-color: rgba(0,0,0,.7);
}

@media (max-width: 991px) {
    .pxl-post-carousel2 .pxl-swiper-arrow {
        display: none;
    }
}

.pxl-post-carousel2 .pxl-swiper-arrow i {
    font-size: 35px;
    line-height: 81px;
    color: #fff;
}

.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -100px;
    transform: rotatey(90deg);
    transform-origin: center;
    opacity: 0;
    -webkit-transition: 350ms all linear 0ms;
    -khtml-transition: 350ms all linear 0ms;
    -moz-transition: 350ms all linear 0ms;
    -ms-transition: 350ms all linear 0ms;
    -o-transition: 350ms all linear 0ms;
    transition: 350ms all linear 0ms;
}

.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -100px;
    transform: rotatey(-90deg);
    transform-origin: center;
    opacity: 0;
    -webkit-transition: 350ms all linear 0ms;
    -khtml-transition: 350ms all linear 0ms;
    -moz-transition: 350ms all linear 0ms;
    -ms-transition: 350ms all linear 0ms;
    -o-transition: 350ms all linear 0ms;
    transition: 350ms all linear 0ms;
}

.pxl-post-carousel2 .pxl-swiper-arrow:hover {
    background-color: rgba(213,58,22,.7);
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
    position: relative;
    overflow: hidden;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date {
    width: 81px;
    height: 83px;
    background-color: #fff;
    position: absolute;
    top: 19px;
    left: 17px;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .day {
    padding-top: 18px;
    padding-bottom: 1px;
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 800;
    line-height: 27px;
    text-align: center;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .month {
    color: #050505;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    background-color: #fff;
    overflow: hidden;
    padding-top: 22px;
    margin-left: 23px;
    padding-left: 23px;
    margin-top: -50px;
    z-index: 2;
    position: relative;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-color);
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
    height: 60px;
    overflow: hidden;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    border-bottom: 1px solid transparent;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
    border-bottom: 1px solid #828282;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore {
    font-size: 15px;
    color: #050505;
    font-weight: 700;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore i {
    color: #050505;
    transform: translate(3px);
    width: 28px;
    background-color: #fff;
    margin-left: -15px;
    font-size: 12px;
    transition: 300ms all ease 0ms;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot {
    margin-left: 7px;
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    margin-bottom: 2px;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 7px;
    top: 0;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 14px;
    top: 0;
}

.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore:hover i {
    margin-left: 11px;
    color: var(--primary-color);
}

.pxl-post-carousel2:hover .pxl-swiper-arrow {
    transform: rotatey(0);
    opacity: 1;
}

.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -40px !important;
}

.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -40px !important;
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image {
    max-height: 310px;
    mask-image: url(../img/mask-post-carousel.png);
    -webkit-mask-image: url(../img/mask-post-carousel.png);
    -ms-mask-image: url(../img/mask-post-carousel.png);
    -o-mask-image: url(../img/mask-post-carousel.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    -ms-mask-position: left top;
    -o-mask-position: left top;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image {
        border-radius: 8px 8px 0 0;
        mask-image: none;
        -webkit-mask-image: none;
        -ms-mask-image: none;
        -o-mask-image: none;
    }
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image img {
    transform: scale(1.1) translatex(-15px);
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content {
    max-width: 507px;
    padding: 0px 50px 30px 50px;
    transform: skewx(-5deg);
    border-radius: 0 0 5px 5px;
    background-color: #f8f8f8;
    margin-left: 17px;
}

@media (max-width: 767px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content {
        max-width: 100%;
        padding: 0px 20px 30px 20px;
        transform: skewx(0deg);
        border-radius: 0 0 5px 5px;
        margin-left: 0px;
    }
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
    transform: skewx(5deg) translate(-33px,-23px);
    padding: 0 22px;
    line-height: 46px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 1000px;
    display: inline-block;
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date i {
    padding-right: 5px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
        transform: skewx(0deg) translate(0px,-23px);
    }
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
    transform: skewx(5deg) translatex(-6px);
    font-size: 25px;
    color: #323232;
    line-height: 35px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
        font-size: 20px;
        line-height: 30px;
        transform: skewx(0deg) translatex(-6px);
    }
}

@media (max-width: 575px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
        font-size: 18px;
        line-height: 28px;
        transform: skewx(0deg) translatex(-6px);
    }
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a {
    font-size: 25px;
    color: #323232;
    line-height: 35px;
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content {
    transform: skewx(5deg);
    font-size: 18px;
    line-height: 28px;
    color: #737879;
}

@media (max-width: 767px) {
    .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content {
        transform: skewx(0deg);
    }
}

.pxl-post-carousel5 .pxl-swiper-slide:hover .pxl-item--image img {
    transform: scale(1.1) translatex(0px);
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top {
    margin-top: 27px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category,.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #0e0e0e;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category a:hover,.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment a:hover {
    color: #0084ff;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category img,.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment img {
    margin-right: 5px;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment {
    margin-left: 25px;
}

.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}

.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a:hover {
    color: #0084ff;
}

.pxl-post-carousel6 .pxl-swiper-slide .item--content {
    margin-top: 13px;
    font-size: 16px;
    line-height: 24px;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom {
    border-top: 2px solid #eaeaea;
    padding-top: 18px;
    margin-top: 24px;
    display: flex;
    align-items: center;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left {
    display: block;
    background-color: #0084ff;
    border-radius: 1000px;
    width: 58px;
    height: 58px;
    text-align: center;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left i {
    font-size: 32px;
    color: #fff;
    line-height: 58px;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right {
    padding-left: 15px;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author {
    font-size: 18px;
    font-weight: 700;
    color: #0e0e0e;
    text-transform: capitalize;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author .by {
    color: #757575;
    text-transform: lowercase;
    padding-right: 4px;
    font-weight: 400;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author a:hover {
    color: #0084ff;
}

.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--date {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
}

.pxl-service-carousel1 .pxl-swiper-pagination-bullet,.pxl-service-grid-layout2 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-service-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-carousel1 .pxl-swiper-pagination-bullet:hover,.pxl-service-grid-layout2 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-service-carousel1 .pxl-swiper-arrow,.pxl-service-grid-layout2 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translatey(20px);
    z-index: 10;
}

.pxl-service-carousel1 .pxl-swiper-slide,.pxl-service-grid-layout2 .pxl-swiper-slide,.pxl-service-carousel1 .pxl-grid-item,.pxl-service-grid-layout2 .pxl-grid-item {
    position: relative;
    padding: 25px !important;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

@media (max-width: 767px) {
    .pxl-service-carousel1 .pxl-swiper-slide,.pxl-service-grid-layout2 .pxl-swiper-slide,.pxl-service-carousel1 .pxl-grid-item,.pxl-service-grid-layout2 .pxl-grid-item {
        padding: 0 !important;
    }
}

.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item,.pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item,.pxl-service-carousel1 .pxl-grid-item.pxl-grid-item,.pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item {
    padding: 0 !important;
}

.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner,.pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner,.pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner,.pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner {
    padding: 0 17px 45px 17px;
}

.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a,.pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a,.pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a,.pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a {
    color: var(--primary-color);
}

.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover,.pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover,.pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover,.pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-service-carousel1 .pxl-swiper-slide .roof,.pxl-service-grid-layout2 .pxl-swiper-slide .roof,.pxl-service-carousel1 .pxl-grid-item .roof,.pxl-service-grid-layout2 .pxl-grid-item .roof {
    max-height: 128px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.pxl-service-carousel1 .pxl-swiper-slide .roof:before,.pxl-service-grid-layout2 .pxl-swiper-slide .roof:before,.pxl-service-carousel1 .pxl-grid-item .roof:before,.pxl-service-grid-layout2 .pxl-grid-item .roof:before {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.4;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 0px;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner {
    position: relative;
    text-align: center;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 0 20px 50px 20px;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 0 20px 30px 20px;
    box-shadow: rgba(0,0,0,0.06) 0px 30px 27px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
    font-size: 40px;
    color: var(--secondary-color);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 22px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: var(--primary-color);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
    font-size: 0px;
    line-height: 0px;
    color: #fff;
    background-color: var(--primary-color);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    padding: 0px;
    min-width: 158px;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before {
    position: absolute;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    content: '';
    width: 100%;
    height: 5px;
    bottom: -18px;
    background-color: var(--primary-color);
    left: 0;
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover {
    background-color: var(--secondary-color);
}

.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before,.pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before,.pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before,.pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before {
    background-color: var(--secondary-color);
}

.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon,.pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon,.pxl-service-carousel1 .pxl-grid-item:hover .item--icon,.pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon {
    transform: scale(1.1);
}

.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon i,.pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon i,.pxl-service-carousel1 .pxl-grid-item:hover .item--icon i,.pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon i {
    color: var(--primary-color);
}

.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a,.pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a,.pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a,.pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a {
    line-height: 30px;
    font-size: 15px;
    padding: 10px 40px;
}

.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a:before,.pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a:before,.pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a:before,.pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a:before {
    bottom: -10px;
}

.pxl-service-carousel1 .pxl-swiper-slide:hover .roof:before,.pxl-service-grid-layout2 .pxl-swiper-slide:hover .roof:before,.pxl-service-carousel1 .pxl-grid-item:hover .roof:before,.pxl-service-grid-layout2 .pxl-grid-item:hover .roof:before {
    opacity: 0;
}

.pxl-service-carousel2 .pxl-swiper-dots,.pxl-service-grid-layout3 .pxl-swiper-dots {
    margin-top: -5px;
}

.pxl-service-carousel2 .pxl-swiper-pagination-bullet,.pxl-service-grid-layout3 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-service-carousel2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-grid-layout3 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-carousel2 .pxl-swiper-pagination-bullet:hover,.pxl-service-grid-layout3 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-service-carousel2 .pxl-swiper-arrow,.pxl-service-grid-layout3 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translatey(20px);
    z-index: 10;
}

.pxl-service-carousel2 .pxl-swiper-slide,.pxl-service-grid-layout3 .pxl-swiper-slide,.pxl-service-carousel2 .pxl-grid-item,.pxl-service-grid-layout3 .pxl-grid-item {
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 0px 16px 70px 16px !important;
    filter: drop-shadow(0px 0px 9px rgba(0,0,0,0.1));
}

.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-item--title,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-item--title,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-item--title,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-item--title {
    height: 63px;
    overflow: hidden;
}

.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:before,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:before,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:before,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:before,.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:after,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:after,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:after,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:after,.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a,.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after {
    background-color: var(--primary-color) !important;
}

.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a,.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after {
    background-color: #fff !important;
}

.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon,.pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon,.pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon,.pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon {
    background: transparent !important;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover),.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover),.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:not(.inner-hover),.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:not(.inner-hover) {
    overflow: hidden;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner {
    position: relative;
    text-align: center;
    clip-path: polygon(50% 0%,100% 27%,100% 100%,0 100%,0 27%);
    background-color: #fff;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:before {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 0px 20px 30px 20px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
    font-size: 55px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #fff;
    position: relative;
    width: 105px;
    height: 105px;
    display: block;
    margin: 0 auto;
    background-color: var(--primary-color);
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
    line-height: 105px;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: relative;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 22px;
    padding-top: 33px;
    position: relative;
    line-height: 30px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
    position: relative;
    margin-top: 34px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    padding: 6px 27px;
    font-weight: 700;
    display: inline-block;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 100%;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 0;
    right: -15px;
    z-index: -1;
    transform: scalex(0);
    top: 0;
    clip-path: polygon(37% 0,100% 50%,37% 100%,0 100%,0 0);
    opacity: 0;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    transform: scaley(0);
    clip-path: none;
    background-color: transparent;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:before {
    background-color: var(--primary-color);
    clip-path: polygon(50% 0%,100% 27%,100% 100%,0 100%,0 27%);
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:after,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:after,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:after,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:after {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 65px;
    height: 100px;
    top: 0;
    right: 43px;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before {
    width: 100% !important;
    transform: translatex(0%);
    left: 0;
    height: 100% !important;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a,.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt {
    color: #fff;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a {
    background-color: #fff;
    color: var(--secondary-color);
    padding: 6px 20px 6px 34px;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before {
    transform-origin: left;
    z-index: 0;
    opacity: 1;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    transform: scalex(1);
    background-color: #fff;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover {
    padding: 6px 27px 6px 28px;
    color: var(--primary-color);
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before {
    transform: scalex(0);
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before {
    width: 100%;
    height: 100%;
}

.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon,.pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon,.pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon,.pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon {
    transform: translatey(30px);
    background-color: transparent !important;
}

.pxl-service-carousel2 .pxl-swiper-slide:hover .inner-hover,.pxl-service-grid-layout3 .pxl-swiper-slide:hover .inner-hover,.pxl-service-carousel2 .pxl-grid-item:hover .inner-hover,.pxl-service-grid-layout3 .pxl-grid-item:hover .inner-hover {
    transform: scaley(1);
}

.pxl-service-carousel7 .pxl-swiper-container {
    padding-top: 60px;
}

.pxl-service-carousel7 .pxl-swiper-dots {
    margin-top: -5px;
}

.pxl-service-carousel7 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-service-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-carousel7 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-service-carousel7 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translatey(20px);
    z-index: 10;
}

.pxl-service-carousel7 .pxl-swiper-slide {
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 0px 16px 70px 16px !important;
    filter: drop-shadow(0px 0px 9px rgba(0,0,0,0.1));
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover) {
    overflow: hidden;
}

.pxl-service-carousel7 .pxl-swiper-slide .item--icon {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: -25px;
    font-size: 55px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #fff;
    width: 117px;
    height: 117px;
    display: block;
    z-index: 2;
    text-align: center;
    border-radius: 500px;
    margin: 0 auto;
    background-color: var(--primary-color);
}

.pxl-service-carousel7 .pxl-swiper-slide .item--icon i {
    line-height: 105px;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    text-align: center;
    clip-path: polygon(50% 0%,100% 27%,100% 100%,0 100%,0 27%);
    background-color: #fff;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:before {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    min-height: 390px;
    padding: 95px 45px 30px 45px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

@media (max-width: 991px) {
    .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
        padding: 95px 20px 30px 20px;
    }
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: relative;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 22px;
    padding-top: 33px;
    position: relative;
    line-height: 30px;
    font-weight: 700;
    color: var(--secondary-color);
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a {
    position: relative;
    margin-top: 34px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    padding: 6px 27px;
    font-weight: 700;
    display: inline-block;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 48px;
    height: 2px;
    bottom: 20px;
    left: -58px;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:after {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 48px;
    height: 2px;
    bottom: 20px;
    right: -58px;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    top: 0;
    opacity: 0;
    right: 16px;
    left: 16px;
    transform: scale(0.5);
    clip-path: none;
    background-color: transparent;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:before {
    background-color: #050505;
    clip-path: polygon(50% 0%,100% 27%,100% 100%,0 100%,0 27%);
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:after {
    position: absolute;
    content: '';
    background-color: #050505;
    width: 65px;
    height: 100px;
    top: 0;
    right: 43px;
    bottom: auto;
    left: auto;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before {
    width: 100% !important;
    transform: translatex(0%);
    left: 0;
    height: 100% !important;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder {
    padding: 140px 45px 30px 45px;
}

@media (max-width: 991px) {
    .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder {
        padding: 140px 20px 30px 20px;
    }
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a,.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt {
    color: #fff;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--content {
    height: 50px;
    overflow: hidden;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a {
    background-color: #fff;
    color: var(--secondary-color);
    padding: 6px 27px 6px 27px;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before,.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:after {
    display: none;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover {
    color: var(--primary-color);
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before {
    width: 100%;
    height: 100%;
}

.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon {
    transform: translatey(30px);
    background-color: transparent !important;
}

.pxl-service-carousel7 .pxl-swiper-slide:hover .item--icon {
    top: 40px;
}

.pxl-service-carousel7 .pxl-swiper-slide:hover .inner-hover {
    transform: scale(1);
    opacity: 1;
}

.pxl-service-carousel8 .pxl-swiper-container {
    padding-top: 75px;
}

.pxl-service-carousel8 .pxl-swiper-dots {
    margin-top: -5px;
}

.pxl-service-carousel8 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-service-carousel8 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-carousel8 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-service-carousel8 .pxl-swiper-arrow {
    width: 52px;
    height: 52px;
    line-height: 52px;
}

.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -10px;
}

.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -10px;
}

.pxl-service-carousel8 .pxl-swiper-slide {
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 0px 16px 100px 16px !important;
}

.pxl-service-carousel8 .pxl-swiper-slide .item--icon {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: -55px;
    font-size: 50px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #fff;
    width: 103px;
    height: 103px;
    display: block;
    z-index: 2;
    text-align: center;
    margin: 0 auto;
    background-color: var(--primary-color);
    clip-path: polygon(50% 0%,100% 53%,100% 100%,0 100%,0 53%);
}

.pxl-service-carousel8 .pxl-swiper-slide .item--icon i {
    line-height: 122px;
}

.pxl-service-carousel8 .pxl-swiper-slide .item--roof {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: -92px;
    font-size: 50px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    color: #fff;
    width: 103px;
    height: 103px;
    display: block;
    z-index: 2;
    text-align: center;
    filter: grayscale(1);
    opacity: 0.7;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    text-align: center;
    background-color: #fff;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
    max-height: 298px;
    overflow: hidden;
    position: relative;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #010100;
    opacity: 0.2;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    padding: 20px 45px 34px 45px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: -55px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.06) 5px 0px 24px;
}

@media (max-width: 767px) {
    .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
        padding: 20px 25px 34px 25px !important;
    }
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    position: relative;
    height: 0px;
    overflow: hidden;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 24px;
    position: relative;
    overflow: hidden;
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category {
    font-size: 16px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: -2px;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore {
    height: 0px;
    overflow: hidden;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a {
    font-size: 15px;
    color: #040404;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    font-weight: 700;
    display: inline-block;
}

.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore i {
    transform: translatey(-1px);
    font-size: 9px;
    color: var(--primary-color);
    margin-left: 5px;
}

.pxl-service-carousel8 .pxl-swiper-slide:hover .item--roof {
    filter: grayscale(0);
    opacity: 1;
}

.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--image:before {
    opacity: 0.5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--holder {
    padding: 20px 45px 23px 45px;
}

.pxl-service-carousel8 .pxl-swiper-slide:hover .content-excerpt {
    margin: 16px 0 21px 0;
    height: 70px !important;
}

.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-readmore {
    height: 30px;
}

.pxl-service-carousel8.style2 .item--roof {
    display: none;
}

.pxl-service-carousel8.style2 .item--icon {
    clip-path : none !important;
    width: 87px !important;
    height: 87px !important;
    background-color: #0084ff;
    top: -42px !important;
}

.pxl-service-carousel8.style2 .item--icon:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(270deg,#00e8f1 0%,#1b66ff 100%) !important;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel8.style2 .item--icon i {
    line-height: 87px;
    position: relative;
    z-index: 3;
}

.pxl-service-carousel8.style2 .pxl-readmore span {
    border-bottom: 1px solid #bdbdbd;
}

.pxl-service-carousel8.style2 .pxl-readmore i {
    transform: translatey(3px) !important;
    background: -webkit-linear-gradient(1deg,#0054ff,#60eef6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pxl-service-carousel8.style2 .pxl-readmore i:before {
    content: "\f178" !important;
    font-weight: 400;
    font-size: 21px;
}

.pxl-service-carousel8.style2 .pxl-item--category a {
    color: #12ad1a !important;
}

.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon {
    top: -57px !important;
}

.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon:before {
    left: 0;
    width: 100%;
}

.pxl-service-carousel9 .pxl-swiper-container {
    padding: 50px 24px;
    margin: 0 -20px;
}

.pxl-service-carousel9 .pxl-swiper-slide {
    padding: 0 15px !important;
    opacity: 0;
}

.pxl-service-carousel9 .pxl-swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 10px 50px rgba(132,132,132,0.1);
    border-radius: 3px;
    padding: 40px 30px 20px 30px;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon {
    height: 90px;
    width: 90px;
    border-radius: 200px;
    background-color: #f4f5fa;
    display: inline-block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon i {
    color: var(--primary-color);
    line-height: 90px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 45px;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title {
    padding-top: 25px;
    margin-bottom: 0;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a {
    height: 30px;
    display: block;
    overflow: hidden;
    font-size: 22px;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--content {
    margin: 11px 0 26px 0;
    display: block;
    font-size: 17px;
    color: #444;
    line-height: 28px;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore {
    border-top: 1px solid #e5e5e5;
    padding-top: 17px;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a i {
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover {
    color: var(--primary-color);
}

.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover i {
    transform: rotate(45deg);
}

.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon {
    box-shadow: rgba(209,63,24,0.5) 0px 14px 24px;
    background-color: var(--primary-color);
}

.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon i {
    color: #fff;
}

.pxl-service-carousel10 .pxl-swiper-arrow {
    width: 61px;
    height: 61px;
    opacity: 0;
}

.pxl-service-carousel10 .pxl-swiper-arrow i {
    font-size: 24px;
    line-height: 61px;
}

.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -94px;
}

.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -94px;
}

.pxl-service-carousel10 .pxl-swiper-slide {
    padding: 0 15px !important;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    background-color: #fff;
    text-align: center;
    box-shadow: rgba(149,157,165,0.05) 0px 8px 24px;
    border-radius: 3px;
    margin: 0 30px;
    margin-top: -40px;
}

@media (max-width: 575px) {
    .pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner {
        margin: 0 !important;
    }
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon {
    margin-top: -40px;
    height: 80px;
    width: 80px;
    border-radius: 200px;
    background-color: #fff;
    display: inline-block;
    box-shadow: rgba(0,0,0,0.05) 0px 14px 24px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon i {
    color: var(--primary-color);
    line-height: 80px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 40px;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title {
    padding: 0px 30px 0px 30px;
    padding-top: 25px;
    margin-bottom: 0;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a {
    height: 30px;
    display: block;
    overflow: hidden;
    font-size: 22px;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--content {
    padding: 0px 30px 0px 30px;
    margin: 11px 0 26px 0;
    height: 80px;
    display: block;
    overflow: hidden;
    font-size: 17px;
    color: #444;
    line-height: 28px;
    padding-bottom: 17px;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore {
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a {
    width: 100%;
    font-size: 16px;
    line-height: 60px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a i {
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover i {
    transform: rotate(45deg);
}

.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon {
    box-shadow: rgba(209,63,24,0.5) 0px 14px 24px;
    background-color: var(--primary-color);
}

.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon i {
    color: #fff;
}

.pxl-service-carousel10:hover .pxl-swiper-arrow-next {
    right: -74px;
    opacity: 1;
}

.pxl-service-carousel10:hover .pxl-swiper-arrow-prev {
    left: -74px;
    opacity: 1;
}

.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next,.pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    border: 2px solid #d9d9d9;
    background-color: transparent !important;
    box-shadow: none;
    font-size: 11px;
    right: -123px !important;
}

.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover,.pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
}

.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev,.pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    border: 2px solid #d9d9d9;
    background-color: transparent !important;
    box-shadow: none;
    font-size: 11px;
    left: -123px !important;
}

.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover,.pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
}

.pxl-service-carousel3 .pxl-grid-item,.pxl-service-grid-layout6 .pxl-grid-item {
    margin-bottom: 55px;
}

.pxl-service-carousel3 .pxl-grid-item .pxl-item--holder,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--holder {
    box-shadow: rgba(100,100,111,0.1) 0px 7px 29px 0px;
}

.pxl-service-carousel3 .pxl-swiper-slide,.pxl-service-grid-layout6 .pxl-swiper-slide,.pxl-service-carousel3 .pxl-grid-item,.pxl-service-grid-layout6 .pxl-grid-item {
    padding: 0 15px !important;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner {
    background-color: #fff;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .wrap-feature:before,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .wrap-feature:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: '';
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    opacity: 0;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 42px 30px;
    position: relative;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    right: 18px;
    top: -40px;
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 200px;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before {
    position: absolute;
    content: '';
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    border-radius: 200px;
    background-color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
    position: relative;
    font-size: 45px;
    color: #dc3e3e;
    width: 100%;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    line-height: 80px;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    font-size: 22px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    display: block;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
    color: var(--primary-color);
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
    color: #444;
    line-height: 24px;
    font-size: 16px;
    line-height: 30px;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon:before,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i,.pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon i,.pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon i {
    color: #fff;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 60px;
    background-color: #ededed;
    overflow: hidden;
    position: relative;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a span,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a span,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a span,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a span {
    z-index: 2;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:before,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:before,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:before,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:before {
    position: absolute;
    width: 200%;
    height: 200%;
    z-index: 0;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    border-radius: 50%;
    z-index: 0;
    background: var(--primary-color);
    -webkit-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -khtml-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -moz-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -ms-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -o-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:after,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:after,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:after,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:after {
    position: absolute;
    width: 200%;
    height: 200%;
    z-index: 0;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    border-radius: 50%;
    z-index: 1;
    background: #000;
    -webkit-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -khtml-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -moz-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -ms-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    -o-transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
    transition: 0.7s cubic-bezier(0.24,0.74,0.58,1);
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a i,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a i,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a i,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a i {
    z-index: 2;
    padding-left: 13px;
    line-height: 60px;
    font-size: 10px;
}

.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:hover:after,.pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:hover:after,.pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:hover:after,.pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:hover:after {
    top: -40%;
}

.pxl-service-carousel3 .pxl-swiper-slide:hover .wrap-feature:before,.pxl-service-grid-layout6 .pxl-swiper-slide:hover .wrap-feature:before,.pxl-service-carousel3 .pxl-grid-item:hover .wrap-feature:before,.pxl-service-grid-layout6 .pxl-grid-item:hover .wrap-feature:before {
    opacity: 0.1;
}

.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon,.pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon,.pxl-service-carousel3 .pxl-grid-item:hover .item--icon,.pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon {
    background-color: var(--primary-color);
}

.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon i,.pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon i,.pxl-service-carousel3 .pxl-grid-item:hover .item--icon i,.pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon i {
    color: #fff;
}

.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a,.pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a,.pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a,.pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a {
    color: #fff;
}

.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a:before,.pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a:before,.pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a:before,.pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a:before {
    top : -40%;
}

.pxl-service-carousel4.default .pxl-swiper-arrow-wrap,.pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap {
    position: absolute !important;
    top: -107px;
    right: 0;
    display: flex;
}

.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow,.pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: relative !important;
    transform: translate(0) !important;
    box-shadow: none;
    font-size: 15px;
}

.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2),.pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
    margin-left: 17px;
}

.pxl-service-carousel4 .pxl-grid-item,.pxl-service-grid-layout4 .pxl-grid-item {
    margin-bottom: 40px;
}

.pxl-service-carousel4 .pxl-grid-item .pxl-item--title a,.pxl-service-grid-layout4 .pxl-grid-item .pxl-item--title a {
    display: block;
    height: 30px;
    overflow: hidden;
    padding: 0 15px;
}

.pxl-service-carousel4 .pxl-item--inner,.pxl-service-grid-layout4 .pxl-item--inner {
    background-color: #1b1b1b;
    text-align: center;
    padding: 32px 20px 54px 20px;
    position: relative;
}

.pxl-service-carousel4 .pxl-item--inner .item--icon i,.pxl-service-grid-layout4 .pxl-item--inner .item--icon i {
    color: var(--primary-color);
    font-size: 54px;
    line-height: 54px;
}

.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a,.pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 5px;
}

.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a:hover,.pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a:hover {
    text-decoration: underline;
}

.pxl-service-carousel4 .pxl-item--inner .content-excerpt,.pxl-service-grid-layout4 .pxl-item--inner .content-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: #b9b9b9;
    max-height: 75px;
    overflow: hidden;
    margin: 20px 0 26px 0;
}

.pxl-service-carousel4 .pxl-item--inner .hover,.pxl-service-grid-layout4 .pxl-item--inner .hover {
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scaley(0);
    transform-origin: top center;
    -webkit-transition: 200ms all linear 100ms;
    -khtml-transition: 200ms all linear 100ms;
    -moz-transition: 200ms all linear 100ms;
    -ms-transition: 200ms all linear 100ms;
    -o-transition: 200ms all linear 100ms;
    transition: 200ms all linear 100ms;
}

.pxl-service-carousel4 .pxl-item--inner .hover .pxl-item--holder,.pxl-service-grid-layout4 .pxl-item--inner .hover .pxl-item--holder {
    position: relative;
    padding-top: 109px;
}

.pxl-service-carousel4 .pxl-item--inner .hover:before,.pxl-service-grid-layout4 .pxl-item--inner .hover:before {
    background-color: #000;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
}

.pxl-service-carousel4 .pxl-readmore,.pxl-service-grid-layout4 .pxl-readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 4px solid var(--primary-color);
    width: 100%;
    text-align: right;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-service-carousel4 .pxl-readmore span,.pxl-service-grid-layout4 .pxl-readmore span {
    position: relative;
}

.pxl-service-carousel4 .pxl-readmore.bt-hover,.pxl-service-grid-layout4 .pxl-readmore.bt-hover {
    text-align: center;
    padding-right: 0;
    transform: scaley(0);
    transform-origin: bottom center;
}

.pxl-service-carousel4 .pxl-readmore.bt-hover i,.pxl-service-grid-layout4 .pxl-readmore.bt-hover i {
    position: relative;
    width: 20px;
    background-color: transparent;
}

.pxl-service-carousel4 .pxl-readmore.bt-hover a,.pxl-service-grid-layout4 .pxl-readmore.bt-hover a {
    padding-right: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel4 .pxl-readmore.bt-hover a:before,.pxl-service-grid-layout4 .pxl-readmore.bt-hover a:before {
    position: absolute;
    clip-path: polygon(50% 40%,100% 0,100% 100%,0 100%,0 0);
    height: 110px;
    width: 100%;
    background-color: var(--primary-color);
    bottom: -1px;
    left: 0;
    content: '';
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel4 .pxl-readmore.bt-hover a:hover:before,.pxl-service-grid-layout4 .pxl-readmore.bt-hover a:hover:before {
    background-color: #070707;
}

.pxl-service-carousel4 .pxl-readmore a,.pxl-service-grid-layout4 .pxl-readmore a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 49px;
    padding-right: 72px;
}

.pxl-service-carousel4 .pxl-readmore a i,.pxl-service-grid-layout4 .pxl-readmore a i {
    font-size: 18px;
    position: absolute;
    height: 100%;
    width: 53px;
    text-align: center;
    line-height: 49px;
    background-color: var(--primary-color);
    top: 0;
    right: 0;
}

.pxl-service-carousel4 .pxl-swiper-slide,.pxl-service-grid-layout4 .pxl-swiper-slide {
    padding: 0 0 0 30px !important;
}

.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore,.pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore {
    opacity: 0;
}

.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover,.pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover {
    opacity: 1;
    transform: scaley(1);
}

.pxl-service-carousel4 .pxl-swiper-slide:hover .hover,.pxl-service-grid-layout4 .pxl-swiper-slide:hover .hover {
    transform: scaley(1) !important;
}

@media (max-width: 767px) {
    .pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap,.pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap {
        display: none;
    }
}

.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow,.pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
    top: 130px;
    opacity: 0;
}

.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev,.pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -73px;
}

.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next,.pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -106px;
    left: auto;
}

.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow,.pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    opacity: 1;
}

.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev,.pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -53px;
}

.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next,.pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -86px;
}

.pxl-service-carousel5 .pxl-swiper-container {
    padding-top: 200px;
}

.pxl-service-carousel5 .pxl-swiper-arrow-wrap {
    position: absolute !important;
    top: -107px;
    right: 0;
    display: flex;
}

.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: relative !important;
    transform: translate(0) !important;
    box-shadow: none;
    font-size: 15px;
}

.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
    margin-left: 17px;
}

.pxl-service-carousel5 .pxl-swiper-slide {
    padding: 0 10px !important;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner {
    padding: 4px;
    position: relative;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:before {
    position: absolute;
    content: '';
    width: 139px;
    height: 110px;
    background-color: var(--primary-color);
    top: 0;
    left: 0;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:after {
    position: absolute;
    content: '';
    width: 139px;
    height: 110px;
    background-color: var(--primary-color);
    bottom: 0;
    right: 0;
    z-index: -1;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    background-position: center;
    background-size: cover;
    padding: 28px 35px;
    position: relative;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:before {
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top {
    position: relative;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon {
    position: relative;
    z-index: 2;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon i {
    font-size: 50px;
    color: #fff;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title {
    position: relative;
    z-index: 2;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    padding-top: 4px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title a {
    display: block;
    min-height: 57px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover {
    position: absolute;
    transform: scalex(0);
    transform-origin: center;
    left: 0;
    background-color: var(--primary-color);
    bottom: 0;
    padding: 30px;
    z-index: 3;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    text-align: center;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon {
    position: relative;
    z-index: 2;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon i {
    font-size: 50px;
    color: #fff;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-item--title {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    padding-top: 4px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .content-excerpt {
    font-size: 16px;
    color: #ffe8e7;
    line-height: 24px;
    padding-top: 4px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore {
    padding-top: 44px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a {
    font-size: 15px;
    color: #ffe8e7;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
}

.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a:hover {
    text-decoration: underline;
}

.pxl-service-carousel5 .pxl-swiper-slide:hover .hover {
    transform: scalex(1);
}

.pxl-service-carousel6 {
    text-align: center;
}

.pxl-service-carousel6 .pxl-swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #4d4d4d;
    margin: 0 7px;
    border: 2px solid #4d4d4d;
}

.pxl-service-carousel6 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-service-carousel6 .pxl-swiper-pagination-bullet:hover {
    background-color: transparent;
    border: 2px solid var(--primary-color);
}

.pxl-service-carousel6 .pxl-swiper-slide {
    padding: 0 15px !important;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--image {
    position: relative;
    padding: 0 1px;
}

.pxl-service-carousel6 .pxl-swiper-slide .item--icon {
    z-index: 3;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translatex(-50%);
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: #fff;
    display: inline-block;
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
}

.pxl-service-carousel6 .pxl-swiper-slide .item--icon i {
    font-size: 50px;
    color: var(--primary-color);
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder {
    margin-top: -67px;
    background-color: #2a2a2a;
    padding: 83px 25px 35px 25px;
    clip-path: polygon(50% 25%,100% 0,100% 100%,0 100%,0 0);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .pxl-item--title {
    margin-top: 18px;
    color: #fff;
    font-size: 22px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .content-excerpt {
    color: #b0b0b0;
    font-size: 16px;
    line-height: 24px;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore {
    position: relative;
    overflow: hidden;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar1 {
    position: absolute;
    top: 0;
    left: 0;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar2 {
    position: absolute;
    top: 0;
    left: -154px;
    -webkit-transition: 500ms all ease 0ms;
    -khtml-transition: 500ms all ease 0ms;
    -moz-transition: 500ms all ease 0ms;
    -ms-transition: 500ms all ease 0ms;
    -o-transition: 500ms all ease 0ms;
    transition: 500ms all ease 0ms;
    opacity: 0;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a {
    background-color: #505050;
    line-height: 59px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 178px;
    text-align: left;
    -webkit-transition: 350ms all ease 0ms;
    -khtml-transition: 350ms all ease 0ms;
    -moz-transition: 350ms all ease 0ms;
    -ms-transition: 350ms all ease 0ms;
    -o-transition: 350ms all ease 0ms;
    transition: 350ms all ease 0ms;
}

@media (max-width: 575px) {
    .pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a {
        padding-left: 130px;
    }
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a i {
    color: #fff;
    transform: translate(3px);
    margin-left: -15px;
    font-size: 12px;
    transition: 250ms all ease 0ms;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a span {
    z-index: 2px;
    position: relative;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot {
    margin-left: 7px;
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    margin-bottom: 2px;
    opacity: 0;
    -webkit-transition: 250ms all ease 0ms;
    -khtml-transition: 250ms all ease 0ms;
    -moz-transition: 250ms all ease 0ms;
    -ms-transition: 250ms all ease 0ms;
    -o-transition: 250ms all ease 0ms;
    transition: 250ms all ease 0ms;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 7px;
    top: 0;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 14px;
    top: 0;
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover i {
    margin-left: 11px;
    color: var(--primary-color);
}

.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover .dot {
    opacity: 1;
}

.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder {
    background-color: #fff;
}

.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .pxl-item--title {
    color: #000;
}

.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .content-excerpt {
    color: #444;
}

.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a {
    background-color: #000;
}

.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a .ar2 {
    left: 0;
    opacity: 1;
}

.pxl-portfolio-carousel1 .pxl-swiper-container,.pxl-portfolio-grid-layout5 .pxl-swiper-container {
    margin: 0;
    padding: 50px 0;
}

.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet,.pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet:hover,.pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-portfolio-carousel1 .pxl-swiper-wrapper,.pxl-portfolio-grid-layout5 .pxl-swiper-wrapper {
    align-items: center;
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow,.pxl-portfolio-grid-layout5 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translatey(20px);
    z-index: 10;
}

@media (min-width: 575px) {
    .pxl-portfolio-carousel1 .pxl-grid-item:hover,.pxl-portfolio-grid-layout5 .pxl-grid-item:hover {
        transform: scale(1.07);
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-slide,.pxl-portfolio-grid-layout5 .pxl-swiper-slide,.pxl-portfolio-carousel1 .pxl-grid-item,.pxl-portfolio-grid-layout5 .pxl-grid-item {
    position: relative;
    padding: 20px !important;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner {
    position: relative;
    overflow: hidden;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image {
    max-height: 520px;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image img,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image img {
    -webkit-transition: 2000ms all linear 0ms;
    -khtml-transition: 2000ms all linear 0ms;
    -moz-transition: 2000ms all linear 0ms;
    -ms-transition: 2000ms all linear 0ms;
    -o-transition: 2000ms all linear 0ms;
    transition: 2000ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:before,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:before,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:before,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,#4c4c4c 0%,#4c4c4c 80%,transparent 100%);
    pointer-events: none;
    opacity: 0.7;
    z-index: 1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:after,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:after,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:after,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,var(--primary-color) 0%,var(--primary-color) 80%,transparent 100%);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 35px 30px 35px;
    z-index: 2;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

@media (max-width: 1024px) {
    .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
        padding: 0 20px 20px 20px;
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
    font-size: 40px;
    color: #fff;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    opacity: 0;
    display: inline-block;
    transform: rotatey(90deg) translatey(-30px);
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

@media (max-width: 1024px) {
    .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
        line-height: 20px;
    }
}

@media (max-width: 1024px) {
    .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
        line-height: 20px;
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder {
    transform: scale(1.05);
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .item--icon,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .item--icon,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .item--icon,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon {
    transform: rotatey(0deg) translatey(0px);
    opacity: 1;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after,.pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover:after,.pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover:after,.pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover:after {
    opacity: 0.7;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active {
    padding: 0px !important;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category {
    margin-top: -3px;
    padding-bottom: 6px;
}

@media (max-width: 1024px) {
    .pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category {
        padding-bottom: 0;
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
    padding: 0 35px 40px 35px;
}

@media (max-width: 1024px) {
    .pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
        padding: 0 20px 20px 20px;
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon {
    transform: rotatey(0deg) translatey(0px);
    opacity: 1;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after {
    opacity: 0.7;
}

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before,.pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before,.pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before,.pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before {
    opacity: 0;
}

.pxl-portfolio-carousel2 .pxl-swiper-wrapper {
    position: relative;
}

.pxl-portfolio-carousel2 .pxl-swiper-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    background-color: #fff;
    top: -1px;
    right: -100%;
    z-index: 1;
    clip-path: polygon(0 0,0% 100%,100% 0);
}

.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide {
    position: relative;
}

.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.pxl-portfolio-carousel3 .pxl-swiper-arrow {
    width: 89px;
    height: 81px;
    border-radius: 0 !important;
    background-color: rgba(0,0,0,.7);
}

@media (max-width: 767px) {
    .pxl-portfolio-carousel3 .pxl-swiper-arrow {
        display: none;
    }
}

.pxl-portfolio-carousel3 .pxl-swiper-arrow i {
    font-size: 35px;
    line-height: 81px;
    color: #fff;
}

.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 7%;
    opacity: 0;
    -webkit-transition: 350ms all linear 0ms;
    -khtml-transition: 350ms all linear 0ms;
    -moz-transition: 350ms all linear 0ms;
    -ms-transition: 350ms all linear 0ms;
    -o-transition: 350ms all linear 0ms;
    transition: 350ms all linear 0ms;
}

.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 7%;
    opacity: 0;
}

.pxl-portfolio-carousel3 .pxl-swiper-arrow:hover {
    background-color: rgba(213,58,22,.7);
}

.pxl-portfolio-carousel3 .pxl-item--holder {
    position: absolute;
    bottom: 23px;
    left: 35px;
    padding-left: 40px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel3 .pxl-item--holder {
        left: 0px;
    }
}

.pxl-portfolio-carousel3 .pxl-item--holder:before {
    position: absolute;
    content: '';
    background-color: #676767;
    width: 0px;
    height: 1px;
    bottom: 38px;
    left: 2px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel3 .pxl-item--holder:before {
        display: none;
    }
}

.pxl-portfolio-carousel3 .pxl-item--holder:after {
    position: absolute;
    content: '';
    background-color: #676767;
    height: 0px;
    width: 1px;
    bottom: 18px;
    left: 19px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel3 .pxl-item--holder:after {
        display: none;
    }
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category {
    transform: translatex(30px);
    margin-bottom: 4px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category a {
    font-size: 12px;
    color: #ddd;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title {
    transform: translatex(30px);
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title a {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    font-size: 24px;
    color: #fff;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore {
    transform: translatex(30px);
    margin-top: 36px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore {
        margin-top: 10px;
    }
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore a {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore i {
    color: var(--primary-color);
    transform: translate(3px);
    width: 28px;
    margin-left: -15px;
    font-size: 12px;
    transition: 250ms all ease 0ms;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot {
    margin-left: 7px;
    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    margin-bottom: 2px;
    opacity: 0;
    -webkit-transition: 250ms all ease 0ms;
    -khtml-transition: 250ms all ease 0ms;
    -moz-transition: 250ms all ease 0ms;
    -ms-transition: 250ms all ease 0ms;
    -o-transition: 250ms all ease 0ms;
    transition: 250ms all ease 0ms;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 7px;
    top: 0;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--primary-color);
    left: 14px;
    top: 0;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover .dot {
    opacity: 1;
}

.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover i {
    margin-left: 11px;
}

.pxl-portfolio-carousel3 .pxl-item--image {
    position: relative;
    overflow: hidden;
}

.pxl-portfolio-carousel3 .pxl-item--image img {
    transform: scale(1.05);
    transition: 500ms;
}

.pxl-portfolio-carousel3 .pxl-item--image:before {
    position: absolute;
    z-index: 2;
    content: '';
    background-color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 400ms all linear 0ms;
    -khtml-transition: 400ms all linear 0ms;
    -moz-transition: 400ms all linear 0ms;
    -ms-transition: 400ms all linear 0ms;
    -o-transition: 400ms all linear 0ms;
    transition: 400ms all linear 0ms;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide {
    padding: 0 14px !important;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover img {
    transform: scale(1);
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--readmore {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 400ms;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--title {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 300ms;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--category {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 200ms;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before {
    opacity: 0.7;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder {
    z-index: 3;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:before {
    width: 280px;
}

.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:after {
    height: 280px;
}

.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-next {
    right: 10%;
    opacity: 1;
}

.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-prev {
    left: 10%;
    opacity: 1;
}

.pxl-portfolio-carousel3.style2 .pxl-item--category a {
    color: #12ad1a;
}

.pxl-portfolio-carousel3.style2 .dot {
    background-color: #056cce !important;
}

.pxl-portfolio-carousel3.style2 .dot:before,.pxl-portfolio-carousel3.style2 .dot:after {
    background-color: #056cce !important;
}

.pxl-portfolio-carousel3.style2 .pxl-item--readmore i {
    color: #056cce !important;
}

.pxl-portfolio-carousel3.style2 .pxl-swiper-arrow:hover {
    background-color: rgba(5,108,206,.7);
}

.pxl-portfolio-carousel4 .pxl-swiper-dots {
    margin-top: 70px;
}

.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    background-color: #e3e3e3;
    margin: 0 10px;
}

.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.pxl-portfolio-carousel4 .pxl-swiper-arrow {
    width: 89px;
    height: 81px;
    border-radius: 0 !important;
    background-color: rgba(0,0,0,.7);
}

@media (max-width: 767px) {
    .pxl-portfolio-carousel4 .pxl-swiper-arrow {
        display: none;
    }
}

.pxl-portfolio-carousel4 .pxl-swiper-arrow i {
    font-size: 35px;
    line-height: 81px;
    color: #fff;
}

.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 7%;
    opacity: 0;
    -webkit-transition: 350ms all linear 0ms;
    -khtml-transition: 350ms all linear 0ms;
    -moz-transition: 350ms all linear 0ms;
    -ms-transition: 350ms all linear 0ms;
    -o-transition: 350ms all linear 0ms;
    transition: 350ms all linear 0ms;
}

.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 7%;
    opacity: 0;
}

.pxl-portfolio-carousel4 .pxl-swiper-arrow:hover {
    background-color: rgba(213,58,22,.7);
}

.pxl-portfolio-carousel4 .pxl-item--holder {
    position: absolute;
    bottom: 40px;
    left: 50px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel4 .pxl-item--holder {
        left: 30px;
    }
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category {
    transform: translatex(30px);
    margin-bottom: 4px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category a {
    font-size: 12px;
    color: #ddd;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title {
    transform: translatex(30px);
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    margin-bottom: 8px;
    opacity: 0;
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title a {
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    font-size: 24px;
    color: #fff;
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore {
    transform: translatex(30px);
    margin-top: 29px;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
    opacity: 0;
}

@media (max-width: 575px) {
    .pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore {
        margin-top: 10px;
    }
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a {
    font-size: 24px;
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #fff;
}

.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a:hover {
    color: var(--primary-color);
    background-color: #fff;
}

.pxl-portfolio-carousel4 .pxl-item--image {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

.pxl-portfolio-carousel4 .pxl-item--image img {
    transform: scale(1.05);
    transition: 500ms;
}

.pxl-portfolio-carousel4 .pxl-item--image:before {
    position: absolute;
    z-index: 2;
    content: '';
    background-image: linear-gradient(#000,transparent);
    transform: rotate(180deg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 400ms all linear 0ms;
    -khtml-transition: 400ms all linear 0ms;
    -moz-transition: 400ms all linear 0ms;
    -ms-transition: 400ms all linear 0ms;
    -o-transition: 400ms all linear 0ms;
    transition: 400ms all linear 0ms;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide {
    padding: 0 14px !important;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover img {
    transform: scale(1);
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--readmore {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 400ms;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--title {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 300ms;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--category {
    opacity: 1;
    transform: translatex(0);
    transition-delay: 200ms;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--image:before {
    opacity: 0.7;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder {
    z-index: 3;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:before {
    width: 280px;
}

.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:after {
    height: 280px;
}

.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-next {
    right: 10%;
    opacity: 1;
}

.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-prev {
    left: 10%;
    opacity: 1;
}

.pxl-service-carousel11 .pxl-swiper-slide {
    padding: 0 15px !important;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image {
    position: relative;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(55deg,rgba(0,0,0,0.8),transparent 80%);
    top: 0;
    left: -40px;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner {
    position: absolute;
    bottom: 4px;
    left: 25px;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title {
    height: 52px;
    overflow: hidden;
    max-width: 130px;
    font-size: 20px;
    color: #fff;
    line-height: 26px;
}

.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title:hover {
    text-decoration: underline;
}

.pxl-service-carousel11 .pxl-swiper-slide:hover .pxl-item--image:before {
    left: 0px;
}

.pxl-image-box1 {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.pxl-image-box1 .pxl-item--image img {
    width: 100%;
}

.pxl-image-box1 .wrap-content {
    width: 100%;
    padding: 30px 30px 36px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 575px) {
    .pxl-image-box1 .wrap-content {
        padding: 20px 20px 26px 20px;
    }
}

@media (max-width: 480px) {
    .pxl-image-box1 .wrap-content {
        padding: 10px 20px 16px 20px;
    }
}

.pxl-image-box1 .wrap-content .pxl-item--title {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

@media (max-width: 575px) {
    .pxl-image-box1 .wrap-content .pxl-item--title {
        font-size: 18px;
        line-height: 28px;
    }
}

.pxl-image-box1 .wrap-content .pxl-item--button a {
    margin-top: 5px;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #6d9d46;
    line-height: 56px;
    padding: 0 12px;
    color: #fff;
}

@media (max-width: 575px) {
    .pxl-image-box1 .wrap-content .pxl-item--button a {
        font-size: 25px;
        padding: 0 7px;
    }
}

.pxl-image-box1 .wrap-content .pxl-item--button a:hover {
    text-decoration: underline;
}

.pxl-image-box1.style2 {
    border-radius: 0;
}

.pxl-image-box1.style2 .wrap-content {
    width: 100%;
    padding: 25px;
}

@media (max-width: 575px) {
    .pxl-image-box1.style2 .wrap-content {
        padding: 20px 20px 26px 20px;
    }
}

@media (max-width: 480px) {
    .pxl-image-box1.style2 .wrap-content {
        padding: 10px 20px 16px 20px;
    }
}

.pxl-image-box1.style2 .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .pxl-image-box1.style2 .pxl-item--title {
        font-size: 16px;
        line-height: 25px;
    }
}

.pxl-image-box1.style2 .pxl-item--button a {
    font-size: 24px;
    font-weight: 700;
    border-radius: 0px;
    padding: 0 30px;
    line-height: 46px;
    color: #fff;
}

@media (max-width: 575px) {
    .pxl-image-box1.style2 .pxl-item--button a {
        font-size: 20px;
        padding: 0 10px;
    }
}

.pxl-image-box1.style2 .pxl-item--button a:hover {
    text-decoration: underline;
}

.pxl-image-box2 .pxl-item--inner {
    display: flex;
    align-items: center;
}

.pxl-image-box2 .pxl-item--inner .pxl-item-image {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 200px;
    overflow: hidden;
}

.pxl-image-box2 .pxl-item--inner .pxl-item--holder {
    padding-left: 15px;
}

.pxl-image-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 0;
}

.pxl-image-box4 .pxl-item--inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pxl-image-box4 .pxl-item--inner .pxl-item--holder {
    padding-left: 15px;
}

.pxl-image-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 0;
}

.pxl-image-box3 .pxl-item--inner {
    position: relative;
}

.pxl-image-box3 .pxl-item--inner .pxl-item--title {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 29px;
    z-index: 2;
    bottom: 20px;
    max-width: 150px;
    left: 50%;
    transform: translateX(-50%);
}

.pxl-image-box5 {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.pxl-image-box5:before {
    z-index: 1;
    position: absolute;
    content: '';
    border: 1px solid #f5f5f5;
    top: 0px;
    left: 0px;
    bottom: 0px;
    border-radius: 8px;
    right: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-image-box5 .pxl-item--inner {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxl-image-box5 .pxl-item--inner .wrap-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--image {
    width: 76px;
    height: 69px;
    overflow: hidden;
}

.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--title {
    z-index: 3;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 17px;
    color: #1e1e2a;
    margin-bottom: 0;
    padding-left: 20px;
}

.pxl-image-box5 .pxl-item--inner .pxl-item--button {
    z-index: 3;
}

.pxl-image-box5 .pxl-item--inner .pxl-item--button i {
    z-index: 3;
    margin-right: 20px;
    font-size: 22px;
    color: #1e1e2a;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-image-box5:hover:before {
    border-color: var(--primary-color);
}

.pxl-image-box5:hover .pxl-item--title a,.pxl-image-box5:hover .pxl-item--button i {
    color: var(--primary-color) !important;
}

.pxl-image-box5 .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.pxl-image-box5 {
    position: relative;
}

.pxl-accordion .pxl-item-accordion {
    margin-bottom: 0;
    cursor: pointer;
}

.pxl-accordion .pxl-item--content-acc {
    display: none;
}

.pxl-accordion .fa-chevron-double-right {
    font-style: normal;
}

.pxl-accordion1.style1 .pxl-item-accordion {
    font-size: 18px;
    color: var(--secondary-color);
    position: relative;
    background-color: #f2f2f2;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 25px 80px 25px 25px;
    width: 100%;
}

.pxl-accordion1.style1 .fa-chevron-double-right {
    background-color: var(--secondary-color);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    width: 70px;
    font-size: 13px;
    justify-content: center;
    color: #fff;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    align-items: center;
    background-image: url(../img/bg-icon-acc2.png);
    background-position: center;
    background-size: cover;
}

.pxl-accordion1.style1 .pxl-item--content-acc {
    color: var(--secondary-color);
    line-height: 1.75;
    margin-bottom: 27px;
    padding: 0 80px 0 25px;
}

@media screen and (max-width: 1199px) {
    .pxl-accordion1.style1 .pxl-item--content-acc {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.pxl-accordion1.style1 .pxl--item {
    margin-bottom: 12px;
}

.pxl-accordion1.style1 .pxl--item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right:before {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right {
    background-image: url(../img/bg-icon-acc.png);
}

.pxl-accordion2.style1 .pxl-item-accordion {
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-size: 18px;
    color: #181818;
    position: relative;
    font-weight: 700;
    line-height: 1.3;
    padding: 15px 60px 15px 15px;
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .pxl-accordion2.style1 .pxl-item-accordion {
        padding: 20px 80px 10px 10px !important;
    }
}

.pxl-accordion2.style1 i {
    position: absolute;
    top: 0;
    right: 8px;
    height: 100%;
    display: flex;
    width: 40px;
    font-size: 20px;
    justify-content: center;
    color: var(--primary-color);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    align-items: center;
}

.pxl-accordion2.style1 .pxl-item--content-acc {
    color: #ffffff;
    line-height: 1.75;
    margin-bottom: 27px;
    padding: 25px 80px 0 25px;
}

@media screen and (max-width: 1199px) {
    .pxl-accordion2.style1 .pxl-item--content-acc {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.pxl-accordion2.style1 .pxl--item {
    margin-bottom: 10px;
    border: 1px solid #efefef;
}

.pxl-accordion2.style1 .pxl--item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pxl-accordion2.style1 .pxl--item.active i {
    -webkit-transform: rotatex(180deg);
    -khtml-transform: rotatex(180deg);
    -moz-transform: rotatex(180deg);
    -ms-transform: rotatex(180deg);
    -o-transform: rotatex(180deg);
    transform: rotatex(180deg);
}

.pxl-accordion2.style1 .pxl--item.active {
    background-color: #00585f;
    color: white;
}

.pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion {
    padding: 15px 40px 15px 25px;
    color: white;
    border-bottom: 1px solid #ffffff24;
}

@media screen and (max-width: 1199px) {
    .pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion {
        padding: 20px 80px 10px 10px !important;
    }
}

.pxl-tabs .pxl-item--title {
    cursor: pointer;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-tabs .pxl-item--content {
    display: none;
}

.pxl-tabs .elementor-section.elementor-section-stretched {
    width: auto !important;
    left: 0 !important;
}

.pxl-tabs .pxl-tabs--elementor {
    margin: 0 -15px;
}

.pxl-tabs.tab-effect-fade .pxl-item--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden;
    -webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -khtml-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    -o-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.pxl-tabs.tab-effect-fade .pxl-item--content.active {
    position: static;
    opacity: 1 !important;
    visibility: visible;
}

.pxl-tabs.tab-effect-fade .pxl-tabs--content {
    position: relative;
}

.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
    position: absolute;
    right: 0;
    width: 100%;
    height: 0px;
    top: 0;
    text-align: center;
}

.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
    width: 100%;
    max-width: 835px;
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
        max-width: 100%;
    }
}

.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
    position: absolute;
}

.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content:first-child {
    position: static;
    transform: translatey(15px);
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title {
        display: inline-block;
        position: relative;
    }
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
    display: inline-flex;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
        display: block;
        position: relative;
    }
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    position: absolute;
    display: inline-flex;
    justify-content: space-between;
    min-width: 350px;
    max-width: 350px;
    background-color: #fff;
    padding: 30px 20px 30px 25px;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    align-items: center;
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
        display: block;
        position: relative;
    }
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
        display: inline-block;
        position: relative;
        min-width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
    margin-left: 20px;
}

@media (max-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
        margin-left: 0px;
        margin-top: 10px;
    }
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
    font-size: 17px;
    font-weight: 700;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #444;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
    position: relative;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
    content: '';
    min-width: 95px;
    width: 95px;
    height: 37px;
    background-image: url(../img/bg-mask-tab.png);
    position: absolute;
    top: -6px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 0;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab {
    min-width: 95px;
    width: 95px;
    height: 93px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    mask-image: url(../img/mask-tab.png);
    -webkit-mask-image: url(../img/mask-tab.png);
    -ms-mask-image: url(../img/mask-tab.png);
    -o-mask-image: url(../img/mask-tab.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    position: relative;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: -100%;
    background-color: var(--primary-color);
    z-index: -1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i {
    margin-top: 12px;
    font-size: 49px;
    color: #000;
    width: 100%;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (min-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(1) {
        top: 85px;
        left: 0;
    }
}

@media (min-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
        top: 85px;
        right: 80px;
    }
}

@media (max-width: 1100px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
        right: 0;
    }
}

@media (min-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
        bottom: 70px;
        left: 30px;
    }
}

@media (max-width: 1100px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
        left: 0px;
    }
}

@media (min-width: 991px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
        bottom: 70px;
        right: 50px;
    }
}

@media (max-width: 1100px) {
    .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
        right: 0;
    }
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i {
    margin-top: 6px;
    color: #fff;
}

.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab:before {
    top: 0;
}

.pxl-tabs3 .pxl-tabs--inner {
    position: relative;
}

.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content {
    position: absolute;
    right: 0;
    width: 100%;
    height: 0px;
    top: 0;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content {
        top: 0% !important;
        right: 0% !important;
        position: relative !important;
        height: 100% !important;
        text-align: center;
    }
}

.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
    z-index: 0;
    text-align: right;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
        position: absolute;
        height: 100%;
        display: inline-block !important;
    }
}

.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
    position: absolute;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
        position: static;
        height: 100%;
    }
}

.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
    float: right;
    margin: 0;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
        max-width: 100%;
    }
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
    position: relative;
    display: flex;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
        position: relative;
        display: block;
        text-align: center;
    }
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    max-width: 140px;
    min-width: 140px;
    text-align: center;
}

@media (max-width: 1024px) {
    .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
        margin-top: 20px;
        position: relative;
        display: inline-block;
        max-width: 141px;
        min-width: 141px;
    }
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
    font-size: 17px;
    font-weight: 700;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #444;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
    position: relative;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
    content: '';
    min-width: 95px;
    width: 95px;
    height: 37px;
    background-image: url(../img/bg-mask-tab.png);
    position: absolute;
    top: 1px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    left: 22px;
}

@-moz-document url-prefix() {
    .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
        left: 23px;
    }
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab {
    min-width: 95px;
    width: 95px;
    height: 93px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    mask-image: url(../img/mask-tab.png);
    -webkit-mask-image: url(../img/mask-tab.png);
    -ms-mask-image: url(../img/mask-tab.png);
    -o-mask-image: url(../img/mask-tab.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    position: relative;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: -100%;
    background-color: var(--primary-color);
    z-index: -1;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i {
    margin-top: 12px;
    font-size: 49px;
    color: #000;
    width: 100%;
    text-align: center;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .bf-mask-tab {
    top: -6px !important;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .bf-mask-tab {
    top: -6px;
}

.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i {
    margin-top: 6px;
}

.pxl-tabs1.style-round-box .wrap-title {
    display: flex;
    justify-content: end;
    padding-top: 11px;
}

.pxl-tabs1.style-round-box .wrap-title i {
    display: none;
}

.pxl-tabs1.style-round-box .pxl-tabs--title {
    padding: 5px 0;
    border-radius: 100px;
    font-size: 0;
}

.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title {
    background-color: #f2f2f2;
    padding: 5px;
    border-radius: 100px;
    color: var(--secondary-color);
}

.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title.active,.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.pxl-tabs1.style-round-box .pxl-item-accordion {
    margin-bottom: 20px;
    display: inline-flex;
}

.pxl-tabs1.style-round-box .pxl-item--title {
    cursor: pointer;
    display: inline-block;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-right: 14px;
    margin-top: 14px;
    position: relative;
    z-index: 1;
}

.pxl-tabs1.style-round-box .pxl-item--title.active,.pxl-tabs1.style-round-box .pxl-item--title:hover {
    color: #fff;
}

.pxl-tabs1.style-round-box .pxl-item--title:last-child {
    margin-right: 0px !important;
}

.pxl-tabs1.style-round-box .pxl-item--content {
    font-size: 17px;
    color: #7b7b7b;
    line-height: 1.647;
}

.pxl-tabs1 .pxl-tabs--title {
    padding: 25px;
    border-radius: 10px;
}

.pxl-tabs1 .pxl-tabs--title .pxl-item--title {
    background-color: #fff;
    padding: 11px 35px;
    border-radius: 3px;
    color: var(--secondary-color);
}

.pxl-tabs1 .pxl-tabs--title .pxl-item--title span {
    display: flex;
    align-items: center;
}

.pxl-tabs1 .pxl-tabs--title .pxl-item--title span i {
    padding-left: 10px;
}

.pxl-tabs1 .pxl-tabs--title .pxl-item--title.active,.pxl-tabs1 .pxl-tabs--title .pxl-item--title:hover {
    color: #fff;
    background-color: #fab319;
}

.pxl-tabs1 .pxl-item-accordion {
    margin-bottom: 20px;
    display: inline-flex;
}

.pxl-tabs1 .pxl-item--title {
    cursor: pointer;
    display: inline-block;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-right: 14px;
    position: relative;
    z-index: 1;
}

.pxl-tabs1 .pxl-item--title.active,.pxl-tabs1 .pxl-item--title:hover {
    color: #fff;
}

.pxl-tabs1 .pxl-item--title:last-child {
    margin-right: 0px !important;
}

.pxl-tabs1 .pxl-item--content {
    font-size: 17px;
    color: #7b7b7b;
    line-height: 1.647;
}

.over-hd {
    overflow: hidden;
}

.tt_navigation_cell {
    width: 100%;
    display: flex;
    justify-content: center;
    background-image: url(../img/bg-timetable.png);
    background-position: center;
    background-size: cover;
    padding: 77px 20px;
    margin: 0 !important;
}

@media (max-width: 1250px) {
    .tt_navigation_cell {
        background-image: none;
        background-color: #000;
        padding: 50px 20px;
    }
}

@media (max-width: 991px) {
    .tt_navigation_cell {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .tt_navigation_cell {
        padding: 30px 15px;
    }
}

.tt_navigation_cell .tt_tabs_navigation li {
    margin: 10px !important;
}

.tt_navigation_cell .tt_tabs_navigation li a {
    border-radius: 5px;
    color: #fff !important;
    border: 1px solid #fff !important;
    font-size: 20px !important;
    padding: 12px 30px !important;
    transition: 0.3s !important;
}

.tt_navigation_cell .tt_tabs_navigation li a:hover {
    background-color: var(--primary-color);
}

@media (max-width: 575px) {
    .tt_navigation_cell .tt_tabs_navigation li a {
        padding: 8px 20px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .tt_navigation_cell .tt_tabs_navigation li a {
        padding: 8px 18px !important;
        font-size: 15px !important;
    }
}

.tt_tabs>.ui-tabs-panel {
    margin-top: -73px;
    background-color: #fcf9f4;
    padding: 115px !important;
}

@media (max-width: 1200px) {
    .tt_tabs>.ui-tabs-panel {
        padding: 115px 70px !important;
    }
}

@media (max-width: 991px) {
    .tt_tabs>.ui-tabs-panel {
        padding: 115px 10px !important;
    }
}

@media (max-width: 767px) {
    .tt_tabs>.ui-tabs-panel {
        padding: 75px 10px 55px 10px !important;
    }
}

.pxl-tabs4.style-round-box .pxl-tabs--title {
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .pxl-tabs4.style-round-box .pxl-tabs--title {
        display: block;
    }
}

.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 39px;
    padding: 0 30px;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    margin: 0;
}

@media (max-width: 767px) {
    .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
        font-size: 16px;
        padding: 0 15px;
    }
}

@media (max-width: 575px) {
    .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
        line-height: 30px;
        display: block;
        margin-bottom: 10px;
    }
}

.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title.active,.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.pxl-tabs4.style-button-set .pxl-tabs--title {
    display: block;
    margin: auto;
    text-align: center;
}

@media (max-width: 575px) {
    .pxl-tabs4.style-button-set .pxl-tabs--title {
        display: block;
    }
}

.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    line-height: 60px;
    padding: 0 10px;
    margin: 0 2px;
    text-transform: capitalize;
    color: #000;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    background-color: white;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
        font-size: 16px;
        padding: 0px 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 575px) {
    .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
        line-height: 30px;
        display: block;
        margin-bottom: 10px;
    }
}

.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title.active,.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.pxl-tabs5 .pxl-tabs--inner {
    display: flex;
}

@media (max-width: 991px) {
    .pxl-tabs5 .pxl-tabs--inner {
        display: block;
    }
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title {
    width: 50%;
}

@media (max-width: 991px) {
    .pxl-tabs5 .pxl-tabs--inner .wrap-title {
        width: 100%;
    }
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
    display: flex;
    flex-wrap: wrap;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    padding: 0 15px;
    width: 50%;
    margin-bottom: 85px;
}

@media (max-width: 575px) {
    .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
        width: 100%;
    }
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
    background-color: #fff;
    border-radius: 5px;
    padding: 0 30px 23px 30px;
    position: relative;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:before {
    position: absolute;
    content: '';
    width: 98px;
    height: 5px;
    background-color: var(--primary-color);
    transform: skew(-45deg);
    top: -5px;
    right: 0;
    opacity: 0;
    -webkit-transition: 200ms linear 0ms;
    -khtml-transition: 200ms linear 0ms;
    -moz-transition: 200ms linear 0ms;
    -ms-transition: 200ms linear 0ms;
    -o-transition: 200ms linear 0ms;
    transition: 200ms linear 0ms;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:after {
    position: absolute;
    content: '';
    width: 98px;
    height: 5px;
    background-color: var(--primary-color);
    transform: skew(-45deg);
    bottom: -5px;
    left: 0;
    opacity: 0;
    -webkit-transition: 200ms linear 0ms;
    -khtml-transition: 200ms linear 0ms;
    -moz-transition: 200ms linear 0ms;
    -ms-transition: 200ms linear 0ms;
    -o-transition: 200ms linear 0ms;
    transition: 200ms linear 0ms;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .icon-tab i {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 3px;
    border: 1px solid #efefef;
    background-color: #fff;
    text-align: center;
    transform: translatey(-35px);
    line-height: 70px;
    font-size: 40px;
    color: var(--primary-color);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab {
    margin-top: -15px;
    font-size: 22px;
    font-weight: 700;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .title-tab,.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .title-tab {
    color: var(--primary-color);
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:before,.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:before {
    right: 20px;
    opacity: 1;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:after,.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:after {
    left: 20px;
    opacity: 1;
}

.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i,.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .icon-tab i {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content {
    width: 50%;
}

@media (max-width: 991px) {
    .pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content {
        width: 100%;
    }
}

.pxl-tabs6 .pxl-item--content {
    display: block;
    opacity: 0;
}

.pxl-tabs6 .wrap-title {
    margin-bottom: 50px;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title {
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 575px) {
    .pxl-tabs6 .wrap-title .pxl-tabs--title {
        display: grid;
        justify-content: stretch;
    }
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title {
    position: relative;
    padding-bottom: 14px;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:before {
    position: absolute;
    content: '';
    background-color: #e3e3e3;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:after {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    width: 0%;
    height: 3px;
    bottom: 0;
    border-radius: 100px;
    left: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab {
    padding-right: 0;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab:before {
    opacity: 0;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child:before {
    border-radius: 0 100px 100px 0;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title.active:after {
    width: 100%;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab {
    padding-left: 0;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab img {
    margin-left: -3px;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child:before {
    border-radius: 100px 0 0 100px;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab {
    position: relative;
    padding: 0 30px;
    align-items: center;
    display: flex;
}

@media (max-width: 575px) {
    .pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab {
        padding: 0px;
        padding-top: 10px;
    }
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
    position: absolute;
    content: '';
    background-color: #c7c7c7;
    height: 19px;
    width: 2px;
    top: 50%;
    right: -1px;
    transform: translatey(-50%);
}

@media (max-width: 575px) {
    .pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
        display: none;
    }
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab span {
    font-size: 19px;
    font-weight: 700;
    line-height: 31px;
}

.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab img {
    width: 31px;
    margin-right: 8px;
}

.pxl-progressbar-1 .pxl--progressbar {
    height: 10px;
    position: relative;
    width: 0;
    -webkit-transition: width 1.4s ease;
    -khtml-transition: width 1.4s ease;
    -moz-transition: width 1.4s ease;
    -ms-transition: width 1.4s ease;
    -o-transition: width 1.4s ease;
    transition: width 1.4s ease;
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to)',gradienttype='1');
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    top: 5px;
}

.pxl-progressbar-1 .pxl--holder {
    background-color: #f4f4f4;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
}

.pxl-progressbar-1 .pxl--percentage {
    font-size: 15px;
    font-weight: 500;
    color: #382c4d;
}

.pxl-progressbar-1 .pxl--title {
    font-weight: 500;
    font-size: 16px;
    color: #382c4d;
    flex-grow: 1;
    margin-right: 20px;
    margin-bottom: 0;
}

.pxl-progressbar-1 .pxl--meta {
    margin-bottom: 7px;
}

.pxl-progressbar-1 .pxl--item+.pxl--item {
    margin-top: 28px;
}

.pxl-progressbar-2 .pxl-item--icon {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 46px;
    -khtml-border-radius: 46px;
    -moz-border-radius: 46px;
    -ms-border-radius: 46px;
    -o-border-radius: 46px;
    border-radius: 46px;
    background-image: -webkit-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -moz-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -ms-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -o-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to) 50%');
    font-size: 20px;
    color: #fff;
    min-width: 46px;
    margin-top: 3px;
    margin-right: 10px;
}

.pxl-progressbar-2 .pxl--progressbar {
    height: 13px;
    position: relative;
    width: 0;
    -webkit-transition: width 1.4s ease;
    -khtml-transition: width 1.4s ease;
    -moz-transition: width 1.4s ease;
    -ms-transition: width 1.4s ease;
    -o-transition: width 1.4s ease;
    transition: width 1.4s ease;
    background-image: -webkit-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -moz-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -ms-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: -o-linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    background-image: linear-gradient(60deg,var(--gradient-color-from),var(--gradient-color-to) 50%);
    filter: progid:dximagetransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endcolorstr='var(--gradient-color-to) 50%');
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.pxl-progressbar-2 .pxl--holder {
    background-color: rgba(0,0,0,0.13);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 13px;
}

.pxl-progressbar-2 .pxl--percentage {
    font-size: 18px;
    font-weight: 500;
    color: #382c4d;
}

.pxl-progressbar-2 .pxl--title {
    font-weight: 500;
    font-size: 18px;
    color: #382c4d;
    flex-grow: 1;
    margin-right: 20px;
    margin-bottom: 0;
}

.pxl-progressbar-2 .pxl--meta {
    margin-bottom: 7px;
}

.pxl-progressbar-2 .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.pxl-progressbar-2 .pxl--item .pxl--bottom {
    flex-grow: 1;
}

.pxl-progressbar-2 .pxl--item+.pxl--item {
    margin-top: 25px;
}

.pxl-team-carousel1 .pxl-swiper-pagination-bullet,.pxl-team-grid1 .pxl-swiper-pagination-bullet {
    margin: 0 7px;
    background-color: #d3d3d3;
}

.pxl-team-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-team-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active,.pxl-team-carousel1 .pxl-swiper-pagination-bullet:hover,.pxl-team-grid1 .pxl-swiper-pagination-bullet:hover {
    background-color: var(--primary-color);
}

.pxl-team-carousel1 .pxl-swiper-dots,.pxl-team-grid1 .pxl-swiper-dots {
    margin-top: -20px;
}

.pxl-team-carousel1 .pxl-swiper-arrow,.pxl-team-grid1 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translateY(0px);
}

.pxl-team-carousel1 .pxl-swiper-wrapper,.pxl-team-grid1 .pxl-swiper-wrapper {
    padding: 50px 0;
}

.pxl-team-carousel1 .pxl-grid-item,.pxl-team-grid1 .pxl-grid-item {
    margin-bottom: 55px;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner {
    position: relative;
    padding: 27px 25px;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:before,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:before,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:before,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:before {
    position: absolute;
    content: '';
    top: -3px;
    left: 0;
    background-color: #ededed;
    width: 120px;
    height: 135px;
    clip-path: polygon(0 0,0% 100%,100% 0);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 2;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:after,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:after,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:after,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:after {
    position: absolute;
    content: '';
    bottom: -3px;
    right: 0;
    background-color: #e4e4e4;
    width: 70px;
    height: 80px;
    clip-path: polygon(100% 0,100% 100%,0 100%);
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    z-index: 2;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image {
    position: relative;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image {
    overflow: hidden;
    position: relative;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before {
    position: absolute;
    content: '';
    background: linear-gradient(to left,var(--secondary-color) 0%,transparent 100%);
    opacity: 0.9;
    right: -125px;
    top: 0;
    width: 125px;
    z-index: 2;
    height: 100%;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social {
    z-index: 3;
    position: absolute;
    bottom: -26px;
    right: 20px;
    display: grid;
    text-align: center;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a {
    margin-bottom: 4px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    opacity: 0;
    transform: translatey(10px);
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i {
    color: #fff;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i {
    color: var(--primary-color);
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn {
    margin-top: 9px;
    display: block;
    width: 52px;
    height: 52px;
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i {
    line-height: 52px;
    font-size: 20px;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--title,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--title {
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 0;
    padding: 17px 0 1px 0;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--position,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--position {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover {
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a {
    opacity: 1;
    transform: translatey(0);
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1),.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1),.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1),.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1) {
    transition-delay: 100ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2),.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2),.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2),.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2) {
    transition-delay: 200ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3),.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3),.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3),.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3) {
    transition-delay: 300ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4),.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4),.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4),.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4) {
    transition-delay: 400ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5),.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5),.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5),.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5) {
    transition-delay: 500ms;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before {
    right: 0;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover img,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover img,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover img,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover img {
    transform: scale(1.03);
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:before,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:before,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:before {
    background-color: var(--primary-color);
    top: 0px;
}

.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after,.pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:after,.pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:after,.pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:after {
    bottom: 0px;
    background-color: var(--primary-color);
}

.pxl-team-carousel2 .pxl-swiper-arrow,.pxl-team-grid2 .pxl-swiper-arrow {
    opacity: 0;
    height: 100%;
    top: 0;
    transform: translateY(0px);
}

.pxl-team-carousel2 .pxl-swiper-arrow-prev,.pxl-team-grid2 .pxl-swiper-arrow-prev {
    left: -50px !important;
}

.pxl-team-carousel2 .pxl-swiper-arrow-next,.pxl-team-grid2 .pxl-swiper-arrow-next {
    right: -50px !important;
}

.pxl-team-carousel2 .pxl-swiper-wrapper,.pxl-team-grid2 .pxl-swiper-wrapper {
    padding: 50px 0;
}

.pxl-team-carousel2 .pxl-swiper-slide.pxl-grid-item,.pxl-team-grid2 .pxl-swiper-slide.pxl-grid-item,.pxl-team-carousel2 .pxl-grid-item.pxl-grid-item,.pxl-team-grid2 .pxl-grid-item.pxl-grid-item {
    margin-bottom: 72px;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner {
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 40px;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image {
    display: inline-flex;
    width: 240px;
    height: 240px;
    border-radius: 200px;
    overflow: hidden;
    padding: 10px;
    margin: 0 auto;
    position: relative;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image a,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image a {
    width: 100%;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image img,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image img {
    border-radius: 300px;
    height: 100%;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 200px;
    border: 2px dashed #a6a6a6;
    content: '';
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    margin-top: 62px;
    padding: 40px 0 30px 0;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.06) 0px 10px 20px;
    position: relative;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb {
    position: absolute;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #e9e9e9;
    top: -27px;
    width: max-content;
    left: 50%;
    transform: translatex(-50%);
    background-color: #fff;
    padding: 7px 50px 10px 35px;
    font-size: 17px;
    font-weight: 700;
    color: #000;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i {
    color: var(--primary-color);
    font-size: 17px;
    padding-right: 10px;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social {
    overflow: hidden;
    height: 0px;
    transition: 300ms !important;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a {
    display: inline-block;
    padding: 0 17px;
    color: #7c7d94;
    -webkit-transition: 300ms all linaer;
    -khtml-transition: 300ms all linaer;
    -moz-transition: 300ms all linaer;
    -ms-transition: 300ms all linaer;
    -o-transition: 300ms all linaer;
    transition: 300ms all linaer;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover {
    color: var(--primary-color);
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position {
    font-size: 16px;
    color: #999;
    font-weight: 700;
}

.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 6px;
}

.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--image:before,.pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--image:before,.pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--image:before,.pxl-team-grid2 .pxl-grid-item:hover .pxl-item--image:before {
    border-color: var(--primary-color);
    animation: pxl_spin 8s linear infinite;
}

.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--social,.pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--social,.pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--social,.pxl-team-grid2 .pxl-grid-item:hover .pxl-item--social {
    height: 23px !important;
    margin-bottom: 20px !important;
}

.pxl-team-grid3 .pxl-grid-item {
    margin-bottom: 44px;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social {
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social {
    padding-top: 20px;
    z-index: 3;
    position: absolute;
    bottom: 0;
    right: 0px;
    display: grid;
    text-align: center;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 80%,transparent 100%);
    z-index: 0;
    width: 100%;
    height: 0%;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a {
    margin-bottom: 4px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    opacity: 0;
    transform: translatey(10px);
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i {
    color: #fff;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
    color: var(--primary-color);
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    z-index: 2;
    margin-top: 9px;
    display: block;
    width: 48px;
    height: 48px;
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
}

.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn i {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    line-height: 48px;
    font-size: 20px;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom {
    text-align: center;
    padding-left: 30px;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder {
    background-color: #e4e4e4;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 17px 10px 20px 10px;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title a {
    transition: 200ms;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb {
    padding-top: 12px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb i {
    color: var(--primary-color);
    padding-right: 10px;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder {
    background-color: var(--primary-color);
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title a {
    color: #fff !important;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--position {
    color: #fff !important;
}

.pxl-team-grid3 .pxl-grid-item:hover .item--social-btn {
    background-color: #fff !important;
    color: var(--primary-color) !important;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a {
    opacity: 1 !important;
    transform: translatey(0) !important;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social:before {
    height: 100% !important;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(1) {
    transition-delay: 100ms;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(2) {
    transition-delay: 200ms;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(3) {
    transition-delay: 300ms;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(4) {
    transition-delay: 400ms;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(5) {
    transition-delay: 500ms;
}

.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--image:before {
    right: 0;
}

.pxl-team-grid3 .pxl-grid-item:hover:before {
    background-color: var(--primary-color);
    top: 0px;
}

.pxl-team-grid3 .pxl-grid-item:hover:after {
    bottom: 0px;
    background-color: var(--primary-color);
}

.pxl-team-grid4 .pxl-swiper-arrow,.pxl-team-carousel3 .pxl-swiper-arrow {
    background-color: #fff;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    width: 44px !important;
    height: 44px !important;
    border: none;
    top: 127px !important;
}

.pxl-team-grid4 .pxl-swiper-arrow i,.pxl-team-carousel3 .pxl-swiper-arrow i {
    font-size: 11px;
}

.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-next,.pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -22px !important;
}

.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-prev,.pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -22px !important;
}

.pxl-team-grid4 .pxl-grid-item,.pxl-team-carousel3 .pxl-grid-item,.pxl-team-grid4 .pxl-swiper-slide,.pxl-team-carousel3 .pxl-swiper-slide {
    margin-bottom: 44px;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
    position: relative;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image:before,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before {
    position: absolute;
    content: '';
    top: 40px;
    bottom: 40px;
    right: 40px;
    left: 40px;
    background-color: #000;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    opacity: 0;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social {
    position: relative;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social {
    z-index: 3;
    position: absolute;
    bottom: 40%;
    left: 50%;
    display: flex;
    text-align: center;
    transform: translate(-50%);
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a {
    width: 52px;
    margin: 0 5px;
    height: 52px;
    margin-bottom: 4px;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    opacity: 0;
    transform: translatey(10px);
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i {
    background-color: #fff;
    width: 100%;
    color: #737879;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    line-height: 52px;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover {
    transition-delay: 0ms !important;
}

.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i,.pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i,.pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i,.pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
    transition-delay: 0ms !important;
    background-color: var(--primary-color);
    color: #fff;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom {
    text-align: center;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    padding: 17px 10px 38px 10px;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.pxl-team-grid4 .pxl-grid-item .wrap-content-bottom,.pxl-team-carousel3 .pxl-grid-item .wrap-content-bottom,.pxl-team-grid4 .pxl-swiper-slide .wrap-content-bottom,.pxl-team-carousel3 .pxl-swiper-slide .wrap-content-bottom {
    position: relative;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover {
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
    background-color: var(--primary-color);
    text-align: center;
    padding: 17px 10px 20px 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: scaley(0);
    transform-origin: top;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title a,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title a,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a,.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--position,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--position,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-decoration: underline;
}

.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover,.pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover,.pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover,.pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover {
    opacity: 0.9;
}

.pxl-team-grid4 .pxl-grid-item .content-bottom,.pxl-team-carousel3 .pxl-grid-item .content-bottom,.pxl-team-grid4 .pxl-swiper-slide .content-bottom,.pxl-team-carousel3 .pxl-swiper-slide .content-bottom {
    position: relative;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-meta-hover,.pxl-team-carousel3 .pxl-grid-item:hover .wrap-meta-hover,.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-meta-hover,.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-meta-hover {
    transform: scaley(1);
}

.pxl-team-grid4 .pxl-grid-item:hover .pxl-item--image:before,.pxl-team-carousel3 .pxl-grid-item:hover .pxl-item--image:before,.pxl-team-grid4 .pxl-swiper-slide:hover .pxl-item--image:before,.pxl-team-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.61;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a,.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a,.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a,.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a {
    opacity: 1 !important;
    transform: translatey(0) !important;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1),.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1),.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1),.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1) {
    transition-delay: 200ms;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2),.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2),.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2),.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2) {
    transition-delay: 300ms;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3),.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3),.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3),.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3) {
    transition-delay: 400ms;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4),.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4),.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4),.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4) {
    transition-delay: 500ms;
}

.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5),.pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5),.pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5),.pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5) {
    transition-delay: 600ms;
}

.pxl-team-carousel4 .pxl-swiper-slide {
    padding: 0;
}

.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--title {
    font-size: 22px;
    margin: 20px 0 5px 0;
}

.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--position {
    font-size: 16px;
    color: #666;
}

.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image {
    position: relative;
}

.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social {
    position: absolute;
    display: grid;
    bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    right: -10px;
    background-color: var(--primary-color);
    transform: rotatey(90deg);
    opacity: 0;
    transform-origin: right;
    transition: 300ms all linear 0ms;
}

.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a {
    background-color: var(--primary-color);
    color: #fff;
    line-height: 31px;
    text-align: center;
    padding: 0 10px;
}

.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:first-child,.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:last-child {
    padding: 4px 10px;
}

.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:hover {
    color: var(--primary-color);
    background-color: #fff;
}

.pxl-team-carousel4 .pxl-swiper-slide:hover .pxl-item--social {
    transform: rotatey(0deg);
    right: 20px;
    opacity: 1;
}

.pxl-team-carousel5 .pxl-swiper-container {
    padding: 50px 24px;
    margin: 0 -20px;
}

.pxl-team-carousel5 .pxl-swiper-slide {
    opacity: 0;
    padding: 0 15px;
}

.pxl-team-carousel5 .pxl-swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.pxl-team-carousel5 .pxl-swiper-slide .pxl-item--inner {
    filter: drop-shadow(3px 5px 25px rgba(0,0,0,0.1));
    display: flex;
    justify-content: center;
}

.pxl-team-carousel5 .pxl-swiper-slide:nth-child(even) .wrap-item-inner {
    background-color: #fff;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    overflow: hidden;
    min-height: 543px;
    max-width: 272px;
    mask-image: url(../img/mt2.png);
    -webkit-mask-image: url(../img/mt2.png);
    -ms-mask-image: url(../img/mt2.png);
    -o-mask-image: url(../img/mt2.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
}

.pxl-team-carousel5 .pxl-swiper-slide:nth-child(odd) .wrap-item-inner {
    background-color: #fff;
    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
    overflow: hidden;
    min-height: 543px;
    max-width: 272px;
    mask-image: url(../img/mt1.png);
    -webkit-mask-image: url(../img/mt1.png);
    -ms-mask-image: url(../img/mt1.png);
    -o-mask-image: url(../img/mt1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner {
    border-radius: 3px;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--title {
    font-size: 30px;
    line-height: 32px;
    margin: 20px 0 5px 0;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--position {
    font-size: 15px;
    color: var(--primary-color);
    margin: 8px 0 20px 0;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta {
    padding: 6px 48px 30px 48px;
    overflow: hidden;
    position: relative;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta:before {
    position: absolute;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    content: '';
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social {
    border-radius: 5px;
    overflow: hidden;
    transition: 300ms all linear 0ms;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a {
    color: #fff;
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    color: #1c1c1c;
    border-radius: 100px;
    border: 1px solid #1c1c1c;
    text-align: center;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a i {
    line-height: 43px;
    font-size: 18px;
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a:hover {
    color: var(--primary-color);
    background-color: #fff;
    border-color: var(--primary-color);
}

.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--image {
    position: relative;
    min-height: 327px;
    max-height: 327px;
    overflow: hidden;
}

.pxl-team-carousel5 .pxl-swiper-slide:hover .pxl-item--meta:before {
    height: 6px;
}

.pxl-team-grid5 .pxl-grid-item {
    margin-bottom: 57px;
}

.pxl-team-grid5 .pxl-grid-item:last-child() {
    margin-bottom: 0 !important;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .pxl-team-grid5 .pxl-grid-item .pxl-item--inner {
        display: block;
    }
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    min-width: 205px;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(90deg,#0054ff 0%,#00e8f1 100%);
    opacity: 0.9;
    width: 101%;
    height: 0px;
    bottom: -1px;
    left: 0;
    z-index: 1;
    clip-path: polygon(0 45%,100% 0,100% 100%,0% 100%);
    -webkit-transition: 300ms ease 0ms;
    -khtml-transition: 300ms ease 0ms;
    -moz-transition: 300ms ease 0ms;
    -ms-transition: 300ms ease 0ms;
    -o-transition: 300ms ease 0ms;
    transition: 300ms ease 0ms;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 62px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a {
    transform: scale(0);
    -webkit-transition: 300ms ease 0ms;
    -khtml-transition: 300ms ease 0ms;
    -moz-transition: 300ms ease 0ms;
    -ms-transition: 300ms ease 0ms;
    -o-transition: 300ms ease 0ms;
    transition: 300ms ease 0ms;
    margin: 0 6px;
    display: block;
    text-align: center;
    height: 36px;
    width: 36px;
    border-radius: 100px;
    background-color: #fff;
    line-height: 36px;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i {
    color: #050505;
    -webkit-transition: 300ms ease 0ms;
    -khtml-transition: 300ms ease 0ms;
    -moz-transition: 300ms ease 0ms;
    -ms-transition: 300ms ease 0ms;
    -o-transition: 300ms ease 0ms;
    transition: 300ms ease 0ms;
}

.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
    color: #aff006;
}

.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom {
    padding-left: 15px;
}

@media (max-width: 767px) {
    .pxl-team-grid5 .pxl-grid-item .wrap-content-bottom {
        padding-left: 0px;
        padding-top: 20px;
    }
}

.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--title {
    font-size: 22px;
    color: #050505;
    margin-bottom: 0;
}

.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position {
    font-size: 16px;
    color: #444;
    position: relative;
    padding: 2px 0 10px 0;
    margin-bottom: 15px;
}

.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(90deg,#12ad1a 0%,#aff006 100%);
    bottom: 0;
    left: 0;
    width: 33px;
    height: 3px;
}

.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--description {
    font-size: 16px;
    color: #444;
    line-height: 24px;
}

.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a {
    transform: scale(1) !important;
    transition-delay: 100ms;
}

.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(2) {
    transition-delay: 150ms;
}

.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(3) {
    transition-delay: 250ms;
}

.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social:before {
    height: 100px;
}

.pxl-team-grid5.style2 .wrap-image-social {
    order: 2;
}

.pxl-team-grid5.style2 .wrap-content-bottom {
    padding-left: 0px;
    padding-right: 15px;
}

.pxl-pricing1 {
    padding: 48px 45px;
    position: relative;
}

@media (max-width: 480px) {
    .pxl-pricing1 {
        padding: 25px;
    }
}

.pxl-pricing1 .item--star {
    position: absolute;
    padding: 5px 10px;
    background-color: #fff;
    top: -10px;
    border-radius: 5px;
    right: 20px;
}

.pxl-pricing1 .item--star i {
    color: #fab319;
}

.pxl-pricing1:before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 100%;
    background-color: var(--regular-color);
    height: 50%;
    top: 0;
    left: 0;
    display: inline-block;
    mask-image: url(../img/mask-pricing.png);
    -webkit-mask-image: url(../img/mask-pricing.png);
    -ms-mask-image: url(../img/mask-pricing.png);
    -o-mask-image: url(../img/mask-pricing.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 1024px) {
    .pxl-pricing1:before {
        -webkit-mask-image: none;
    }
}

.pxl-pricing1:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 100%;
    height: 80%;
    background-color: var(--regular-color);
    bottom: 0;
    left: 0;
    display: inline-block;
    mask-image: url(../img/mask-pricing.png);
    -webkit-mask-image: url(../img/mask-pricing.png);
    -ms-mask-image: url(../img/mask-pricing.png);
    -o-mask-image: url(../img/mask-pricing.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center bottom;
    -ms-mask-position: center bottom;
    -o-mask-position: center bottom;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

@media (max-width: 1024px) {
    .pxl-pricing1:after {
        -webkit-mask-image: none;
    }
}

.pxl-pricing1 .pxl-item--title {
    font-size: 24px;
    position: relative;
    margin-top: -2px;
    margin-bottom: 12px;
}

.pxl-pricing1 .pxl-item--title span {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--title {
        font-size: 20px;
    }
}

.pxl-pricing1 .pxl-item--subtitle {
    font-family: 'Mulish';
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 23px;
    position: relative;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}

.pxl-pricing1 .pxl-item--feature {
    position: relative;
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
}

.pxl-pricing1 .pxl-item--feature li {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: 'Mulish';
    font-weight: 600;
    font-size: 18px;
}

@media (max-width: 480px) {
    .pxl-pricing1 .pxl-item--feature li {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--feature {
        font-size: 15px;
    }
}

.pxl-pricing1 .pxl-item--feature i {
    line-height: 1;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-right: 15px;
    margin-bottom: -4px;
}

.pxl-pricing1 .pxl-item--feature li+li {
    margin-top: 19px;
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--feature li+li {
        margin-top: 20px;
    }
}

.pxl-pricing1 .pxl-item--feature .non-active i {
    color: #ec2a00;
    font-size: 11px;
}

.pxl-pricing1 .pxl-item--feature .non-active i:before {
    content: "\f126";
}

.pxl-pricing1 .pxl-item--price {
    position: relative;
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 32px;
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--price {
        font-size: 24px;
    }
}

.pxl-pricing1 .pxl-item--price small {
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--price small {
        font-size: 14px;
    }
}

.pxl-pricing1 .pxl-item--meta {
    position: relative;
    background-color: #fff;
    padding: 34px 20px 30px;
    -webkit-box-shadow: 0 1px 61px rgba(0,0,0,0.09);
    -khtml-box-shadow: 0 1px 61px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 61px rgba(0,0,0,0.09);
    -ms-box-shadow: 0 1px 61px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 61px rgba(0,0,0,0.09);
    box-shadow: 0 1px 61px rgba(0,0,0,0.09);
}

@media screen and (max-width: 991px) {
    .pxl-pricing1 .pxl-item--meta {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.pxl-pricing1 .pxl-item--readmore {
    margin-bottom: 12px;
}

.pxl-pricing1 .pxl-item--readmore .btn-readmore {
    position: relative;
    border-radius: 3px;
    border: 2px solid #fff;
    background-color: transparent;
    overflow: hidden;
    color: #fff;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 30px;
}

@media (max-width: 480px) {
    .pxl-pricing1 .pxl-item--readmore .btn-readmore {
        padding: 10px 20px;
        font-size: 16px;
    }
}

.pxl-pricing1 .pxl-item--readmore .btn-readmore:after {
    transform: skewX(0deg);
    right: 0;
    left: auto;
}

.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover {
    background-color: #fab319;
    border-color: #fab319;
}

.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover:after {
    transition: 250ms all linear 350ms;
    width: 100%;
    left: 0;
    right: auto;
}

.pxl-pricing1 .pxl-item--readmore .btn-readmore i {
    padding-left: 10px;
    font-size: 22px;
}

.pxl-pricing-carousel1 .pxl-swiper-dots {
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -41px;
    margin-top: 0;
}

.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 0;
    background-color: #f2f2f2;
}

.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.pxl-pricing-carousel1 .swiper-container-vertical {
    height: 440px;
}

.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper {
    flex-direction: column;
}

.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pxl-pricing-carousel1 .pxl-swiper-slide {
    padding-bottom: 30px;
    overflow: hidden;
    -webkit-transition: 250ms all linear 0ms;
    -khtml-transition: 250ms all linear 0ms;
    -moz-transition: 250ms all linear 0ms;
    -ms-transition: 250ms all linear 0ms;
    -o-transition: 250ms all linear 0ms;
    transition: 250ms all linear 0ms;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content {
    background-color: #f2f2f2;
    text-align: center;
    padding: 39px 0 36px 0;
    position: relative;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content:before {
    position: absolute;
    content: '';
    width: 0;
    height: 5px;
    background-color: var(--primary-color);
    left: 50%;
    right: 50%;
    bottom: 0;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    color: #050505;
    margin-bottom: -5px;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price {
    margin-bottom: -2px;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit {
    font-size: 24px;
    font-weight: 700;
    color: #050505;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing {
    font-size: 48px;
    font-weight: 700;
    color: #050505;
}

.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
    font-size: 16px;
    font-weight: 700;
    color: #878787;
}

.pxl-pricing-carousel1 .pxl-swiper-slide:hover {
    box-shadow: rgba(149,157,165,0.1) 0px 8px 24px;
}

.pxl-pricing-carousel1 .pxl-swiper-slide:hover .wrap-inner-content:before {
    width: 100%;
    left: 0;
    right: 0;
}

.pxl-pricing-carousel1.style1 .wrap-inner-content {
    background-color: rgba(255,255,255,0.12);
}

.pxl-pricing-carousel1.style1 .wrap-inner-content:before {
    top: 0;
    bottom: auto;
}

.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--title {
    color: #fff;
}

.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--unit {
    color: #fff;
}

.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--pricing {
    color: #fff;
}

.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--desc {
    color: #878787;
}

body.rtl .pxl-pricing2 .pxl-item--feature li i {
    margin-right: 0;
    margin-left: 20px;
}

body.rtl .pxl-pricing2 .pxl-item--button {
    margin-left: 0;
    margin-right: -30px;
}

body.rtl .pxl-pricing2 .pxl-item--button a {
    -webkit-border-radius: 69px 0 0 69px;
    -khtml-border-radius: 69px 0 0 69px;
    -moz-border-radius: 69px 0 0 69px;
    -ms-border-radius: 69px 0 0 69px;
    -o-border-radius: 69px 0 0 69px;
    border-radius: 69px 0 0 69px;
}

body.rtl .pxl-pricing2 .pxl-item--video {
    margin-right: 0;
    margin-left: -30px;
}

body.rtl .pxl-pricing2 .pxl-item--price {
    -webkit-border-radius: 0 85px 85px 0;
    -khtml-border-radius: 0 85px 85px 0;
    -moz-border-radius: 0 85px 85px 0;
    -ms-border-radius: 0 85px 85px 0;
    -o-border-radius: 0 85px 85px 0;
    border-radius: 0 85px 85px 0;
}

.pxl-hidden-button {
    cursor: pointer;
    -webkit-transition: 200ms all linear 0ms;
    -khtml-transition: 200ms all linear 0ms;
    -moz-transition: 200ms all linear 0ms;
    -ms-transition: 200ms all linear 0ms;
    -o-transition: 200ms all linear 0ms;
    transition: 200ms all linear 0ms;
}

@media (max-width: 1500px) {
    .hide-1500 {
        display: none;
    }
}

.pxl-hidden-sidebar.active .pxl-item--overlay {
    -webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.pxl-hidden-sidebar.active .pxl-item--conent {
    -webkit-transform: translateX(0px);
    -khtml-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.pxl-hidden-sidebar .pxl-item--overlay {
    background-color: rgba(27,35,54,0.8);
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 1026;
    -webkit-transform: scaleX(0);
    -khtml-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -webkit-transition: transform 0.8s ease 0s;
    -khtml-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
    transition: transform 0.8s ease 0s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.pxl-hidden-sidebar .pxl-item--conent {
    overflow-y: scroll;
    position: fixed;
    z-index: 1029;
    top: 0;
    right: 0;
    bottom: 0;
    width: 450px;
    font-size: 15px;
    line-height: 26px;
    color: #383838;
    overflow: hidden;
    -webkit-transform: translateX(460px);
    -khtml-transform: translateX(460px);
    -moz-transform: translateX(460px);
    -ms-transform: translateX(460px);
    -o-transform: translateX(460px);
    transform: translateX(460px);
    -webkit-transition: transform 0.8s ease 0s;
    -khtml-transition: transform 0.8s ease 0s;
    -moz-transition: transform 0.8s ease 0s;
    -ms-transition: transform 0.8s ease 0s;
    -o-transition: transform 0.8s ease 0s;
    transition: transform 0.8s ease 0s;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.pxl-hidden-sidebar .pxl-item--conent:hover .pxl-close {
    top: 40px;
    opacity: 1;
}

.pxl-widget-cart-wrap:hover .pxl-close {
    background-color: var(--secondary-color) !important;
    top: 10px;
    opacity: 1;
}

.pxl-widget-cart-wrap:hover .pxl-close:before,.pxl-widget-cart-wrap:hover .pxl-close:after {
    background-color: #fff !important;
}

.far {
    font-family: "Font Awesome 5 Pro" !important;
}
.service-list .pxl-image-box4 .pxl-item--inner{
        justify-content: left;
}

.our-gallery-sec img {
    height: 400px;
    object-fit: cover;
    border: 10px solid #f8f6f6;
}