@media(min-width: 768px) and (max-width:1024px) {
    .elementor .elementor-hidden-tablet {
        display:none!important
    }
}

@media screen and (max-width: 767px) {
    .elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone {
        display:none!important
    }
}

@keyframes pxl_scale {
    0%,100% {
        transform: scale(0)
    }

    50% {
        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)
    }
}

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

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

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

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

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

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

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

    to {
        transform: rotate(360deg)
    }
}

@keyframes pxl_spin_child {
    0% {
        -webkit-transform: rotate(-160deg);
        -moz-transform: rotate(-160deg);
        -o-transform: rotate(-160deg);
        transform: rotate(-160deg)
    }

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

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

@keyframes pxl_zoom_reverse {
    0% {
        transform: scale(.6)
    }

    100% {
        transform: scale(1)
    }
}

.pxl-image-zoom {
    animation: pxl_zoom_reverse 8s linear infinite
}

@keyframes zoom-banner-box {
    0% {
        transform: scale(.7,.7)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(.7,.7)
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(.6,.6)
    }

    50% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(.6,.6)
    }
}

.pxl-image-zoom2 {
    animation: zoom-in-zoom-out 3e3ms 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)
    }
}

@-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)
    }
}

.pxl-image-bounce {
    animation: pxl_bounce 1s ease-out infinite;
    -webkit-animation: pxl_bounce 1s ease-out infinite
}

@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_float_one {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-3%)
    }
}

@keyframes pxl_float_two {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

.slide-up-down {
    animation: pxl_float_two 1.2s ease infinite alternate
}

@keyframes pxl_float_three {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10%)
    }
}

@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_effect3 {
    0% {
        transform: translate(0,0)
    }

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

    45% {
        transform: translate(80px,90px)
    }

    65% {
        transform: translate(40px,110px)
    }

    75% {
        transform: translate(20px,800px)
    }

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

.slide-effect3 {
    animation: pxl_effect3 12s ease-out infinite;
    -webkit-animation: pxl_effect3 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)
    }
}

.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)
    }
}

@keyframes pxl_keyword_slideIn {
    from {
        transform: translateY(65%)rotateX(-95deg);
        opacity: 0
    }

    to {
        transform: translateY(0)rotateX(0);
        opacity: 1
    }
}

@keyframes pxl_keyword_slideOut {
    from {
        transform: translateY(0)rotateX(0);
        opacity: 1
    }

    to {
        transform: translateY(-65%)rotateX(95deg);
        opacity: 0
    }
}

@keyframes pxl_path_animation1 {
    0% {
        d: path("M216.0721,0.4833 C322.9537,-2.5322 717.2049,68.7775 615.7587,325.1304 C514.3126,581.4834 253.6633,623.1795 113.8722,568.3405 C-25.9188,513.5016 -11.254,228.6905 24.3807,136.5252 C60.0154,44.36 109.1906,3.4987 216.0721,0.4833 Z")
    }

    15% {
        d: path("M242.5805,0.8723 C352.6677,-1.5945 701.5915,48.4815 618.6036,302.8597 C535.6157,557.2379 307.7729,624.1337 152.4263,570.7438 C-2.9204,517.354 -15.5995,237.2326 20.2686,141.7992 C56.1366,46.3658 132.4932,3.3391 242.5805,0.8723 Z")
    }

    25% {
        d: path("M353.759,3.772 C477.2084,3.5922 636.1455,-37.2589 630.0964,208.8882 C624.0473,455.0353 521.2185,623.5462 298.9779,580.716 C76.7372,537.8858 -28.8734,264.4844 7.9672,155.4284 C44.8077,46.3725 230.3095,3.9518 353.759,3.772 Z")
    }

    35% {
        d: path("M236.134,2.7663 C345.3119,0.1438 705.4482,52.4497 617.2239,307.3881 C528.9995,562.3266 273.4527,616.7046 119.2977,569.9905 C-34.8572,523.2763 -6.7788,221.7094 29.0231,127.2031 C64.8249,32.6969 126.9562,5.3887 236.134,2.7663 Z")
    }

    50% {
        d: path("M348.0078,15.4973 C469.9906,15.0665 639.8879,-38.6012 625.3939,208.4494 C610.9,455.5 383.8066,580.5979 149.5525,579.1913 C-84.7016,577.7847 18.1772,182.7798 54.911,75.219 C91.6447,-32.3417 226.025,15.9282 348.0078,15.4973 Z")
    }

    75% {
        d: path("M369.8056,17.6371 C494.3056,17.6371 627.1037,-56.176 627.1037,189.324 C627.1037,434.824 408.9345,574.7961 159.5178,581.013 C-89.899,587.2299 21.7092,177.4988 58.6262,67.3718 C95.5432,-42.7552 245.3056,17.6371 369.8056,17.6371 Z")
    }

    100% {
        d: path("M346.228,3.5756 C468.7724,3.2409 640.5786,-31.4511 629.3179,215.2536 C618.0572,461.9583 506.7603,623.586 289.0509,580.0405 C71.3414,536.495 -27.9742,262.6385 8.8004,154.5052 C45.5751,46.372 223.6837,3.9103 346.228,3.5756 Z")
    }
}

@-webkit-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@-moz-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@-o-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

.pxl-animation-round {
    animation: pxl_animation_round 4s infinite linear;
    -webkit-animation: pxl_animation_round 4s infinite linear
}

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

    1.5625% {
        opacity: 1
    }

    23.4375% {
        opacity: 1
    }

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

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

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

    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

@keyframes pxl-wide-menu-underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }

    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}

@keyframes pxl-wide-menu-underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }

    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}

@keyframes pxl_clip_ani_1 {
    0% {
        clip-path: polygon(100% 10%,80% 40%,60% 60%,70% 80%,70% 90%,75% 100%,2% 96%,0% 44%,3% 7%,47% 0%)
    }

    100% {
        clip-path: polygon(100% 10%,90% 40%,70% 65%,65% 80%,70% 90%,75% 100%,2% 96%,0% 44%,3% 7%,47% 0%)
    }
}

@keyframes pxl_clip_ani_2 {
    0% {
        -webkit-border-radius: 120% 200% 0 0;
        -khtml-border-radius: 120% 200% 0 0;
        -moz-border-radius: 120% 200% 0 0;
        -ms-border-radius: 120% 200% 0 0;
        -o-border-radius: 120% 200% 0 0;
        border-radius: 120% 200% 0 0;
        width: 28%
    }

    100% {
        -webkit-border-radius: 200% 120% 0 0;
        -khtml-border-radius: 200% 120% 0 0;
        -moz-border-radius: 200% 120% 0 0;
        -ms-border-radius: 200% 120% 0 0;
        -o-border-radius: 200% 120% 0 0;
        border-radius: 200% 120% 0 0;
        width: 30%
    }
}

@keyframes pxl_video_ani_1 {
    0% {
        background-position: 0
    }

    50% {
        background-position: 100%
    }

    100% {
        background-position: 0
    }
}

@keyframes wave {
    0%,100% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(7deg)
    }
}

@keyframes wave2 {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes movement {
    16%,48%,78% {
        top: 50px;
        animation-timing-function: ease-out
    }

    32% {
        top: 20px;
        animation-timing-function: ease-out
    }

    62% {
        top: 10px;
        animation-timing-function: ease-out
    }

    90% {
        top: 20px;
        animation-timing-function: ease-out
    }

    100% {
        top: 0;
        left: 100%;
        animation-timing-function: ease-out;
        transform: rotate(360deg)
    }
}

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

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

@keyframes pxl_line_anim {
    0% {
        right: 0;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    100% {
        right: 99%
    }
}

@keyframes swing {
    0% {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

@keyframes jello {
    11.1% {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg)skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg)skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg)skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg)skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg)skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg)skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg)skewY(-.19531deg)
    }

    100% {
        transform: none
    }
}

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

    100% {
        -webkit-transform: translate(-60%,0%)
    }
}

@keyframes pxl_text_slide_l {
    0% {
        transform: translate(-40%,0%)
    }

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

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

    100% {
        -webkit-transform: translate(60%,0%)
    }
}

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

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

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

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

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

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

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

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

@keyframes pxl_text_slide_b {
    0% {
        transform: translate(0%,-100%)
    }

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

.text-slide-to-left {
    -webkit-animation: pxl_text_slide_l 10s linear infinite;
    animation: pxl_text_slide_l 10s linear infinite
}

.text-slide-to-right {
    -webkit-animation: pxl_text_slide_r 10s linear infinite;
    animation: pxl_text_slide_r 10s linear infinite
}

.text-slide-to-top {
    -webkit-animation: pxl_text_slide_t 10s linear infinite;
    animation: pxl_text_slide_t 10s linear infinite
}

.text-slide-to-bottom {
    -webkit-animation: pxl_text_slide_b 10s linear infinite;
    animation: pxl_text_slide_b 10s linear infinite
}

@keyframes pxl_grid_fall {
    0% {
        top: 36%
    }

    100% {
        top: 90%
    }
}

@keyframes shine_left {
    0 {
        width: 170%;
        height: 170%;
        animation-timing-function: ease-out
    }

    30% {
        width: 150%;
        height: 150%;
        animation-timing-function: ease-out
    }

    60% {
        width: 170%;
        height: 170%;
        animation-timing-function: ease-out
    }

    100% {
        width: 150%;
        height: 150%;
        animation-timing-function: ease-out
    }
}

@keyframes circle {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7)
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1)
    }

    100% {
        top: 0%
    }
}

@keyframes shadow {
    0% {
        transform: scaleX(1.5)
    }

    40% {
        transform: scaleX(1);
        opacity: .7
    }

    100% {
        transform: scaleX(.2);
        opacity: .4
    }
}

@-o-keyframes an-smoke-1 {
    0% {
        opacity: 0;
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(-10%,0%)rotate(.01deg);
        transform: translate(-10%,0%)rotate(.01deg)
    }
}

@keyframes an-smoke-1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)rotate(.01deg);
        -moz-transform: translateY(0)rotate(.01deg);
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-10%,0%)rotate(.01deg);
        -moz-transform: translate(-10%,0%)rotate(.01deg);
        -o-transform: translate(-10%,0%)rotate(.01deg);
        transform: translate(-10%,0%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-2 {
    0% {
        opacity: 0;
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(10%,0%)rotate(.01deg);
        transform: translate(10%,0%)rotate(.01deg)
    }
}

@keyframes an-smoke-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)rotate(.01deg);
        -moz-transform: translateY(0)rotate(.01deg);
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(10%,0%)rotate(.01deg);
        -moz-transform: translate(10%,0%)rotate(.01deg);
        -o-transform: translate(10%,0%)rotate(.01deg);
        transform: translate(10%,0%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-3 {
    0% {
        opacity: 0;
        -o-transform: translateX(0)rotate(.01deg);
        transform: translateX(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(0%,10%)rotate(.01deg);
        transform: translate(0%,10%)rotate(.01deg)
    }
}

@keyframes an-smoke-3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0)rotate(.01deg);
        -moz-transform: translate(0)rotate(.01deg);
        -o-transform: translate(0)rotate(.01deg);
        transform: translate(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0,10%)rotate(.01deg);
        -moz-transform: translate(0,10%)rotate(.01deg);
        -o-transform: translate(0,10%)rotate(.01deg);
        transform: translate(0,10%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-4 {
    0% {
        opacity: 0;
        -o-transform: scale(1)rotate(.01deg);
        transform: scale(1)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: scale(1.1)rotate(.01deg);
        transform: scale(1.1)rotate(.01deg)
    }
}

@keyframes an-smoke-4 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1)rotate(.01deg);
        -moz-transform: scale(1)rotate(.01deg);
        -o-transform: scale(1)rotate(.01deg);
        transform: scale(1)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.1)rotate(.01deg);
        -moz-transform: scale(1.1)rotate(.01deg);
        -o-transform: scale(1.1)rotate(.01deg);
        transform: scale(1.1)rotate(.01deg)
    }
}

@keyframes animate_sub_menu {
    0% {
        transform: translate(-9%,-75%)rotate(0)
    }

    100% {
        transform: translate(-9%,-75%)rotate(360deg)
    }
}

@keyframes SVGTX {
    0% {
        stroke-dashoffset: 2500;
        fill: transparent
    }

    100% {
        stroke-dashoffset: 0;
        stroke-width: 1;
        fill: var(--primary-color)
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-moz-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-ms-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-webkit-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255,255,255,.9);
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-moz-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255,255,255,.9);
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-ms-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255,255,255,.9);
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255,255,255,.9);
        transform: scale(1.5)
    }

    60%,100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-webkit-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-moz-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-ms-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-webkit-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-moz-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-ms-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

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

    100% {
        transform: translateX(-100%)
    }
}

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

    100% {
        transform: translateX(100%)scale(1.15)
    }
}

@keyframes pxlInnerIn {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes pxlImgIn {
    0% {
        transform: translateX(-100%)scale(1.15)
    }

    100% {
        transform: translateX(0)scale(1)
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

@keyframes ct1 {
    0% {
        background-position: 100%
    }
}

@keyframes gentle-rotate {
    0% {
        transform: rotate(-25deg)
    }

    50% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-25deg)
    }
}

@keyframes move-left-to-right {
    0% {
        transform: translate(0,0)
    }

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

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

@keyframes move-right-to-left {
    0% {
        transform: translate(5px,0)
    }

    50% {
        transform: translate(15px,0)
    }

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

@keyframes square-top-left {
    0% {
        transform: translate(0)
    }

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

    100% {
        transform: translate(0)
    }
}

@keyframes square-top-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(0,-15px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-bottom-left {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(0,10px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-top-right-lv2 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(10px,0)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-bottom-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(5px,10px)
    }

    100% {
        transform: translate(0)
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

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

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

    51% {
        opacity: 1
    }
}

@keyframes slidetopbottom {
    0% {
        top: 0;
        transform: translateY(0)
    }

    100% {
        top: 100%;
        transform: translateY(-100%)
    }
}

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

    5% {
        transform: translate(8px,-14px)
    }

    10% {
        transform: translate(15px,-10px)
    }

    17% {
        transform: translate(23px,-24px)
    }

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

    27% {
        transform: translate(38px,-34px)
    }

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

    37% {
        transform: translate(53px,-44px)
    }

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

    50% {
        transform: translate(60px,0)
    }

    57% {
        transform: translate(53px,-14px)
    }

    60% {
        transform: translate(45px,-10px)
    }

    67% {
        transform: translate(37px,-24px)
    }

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

    77% {
        transform: translate(22px,-34px)
    }

    80% {
        transform: translate(15px,-30px)
    }

    87% {
        transform: translate(7px,-44px)
    }

    90% {
        transform: translate(0,-40px)
    }

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

@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }

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

.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
}

@media screen and (min-width: 1201px) {
    .pxl-grid .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .pxl-grid .col-lg-66-pxl {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media screen and (min-width: 1201px) {
    .pxl-grid .col-xl-66-pxl {
        -ms-flex:0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.elementor-editor-active .grid-sizer {
    display: none
}

body:not(.elementor-editor-active) .pxl-swiper-slider {
    opacity: 0
}

.pxl-carousel-inner {
    overflow: hidden
}

.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: auto;
    height: 100%;
    position: relative;
    padding: 0 15px
}

.pxl-navigation-carousel {
    display: inline-flex;
    margin: 0 -10px
}

.pxl-swiper-arrow,.pxl-navigation-arrow {
    cursor: pointer;
    -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
}

.pxl-swiper-arrow.style-1,.pxl-navigation-arrow.style-1 {
    font-size: 12px;
    color: var(--secondary-color);
    width: 47px;
    height: 47px;
    line-height: 47px;
    display: block;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    background-color: rgba(248,248,248,.58);
    -webkit-border-radius: 47px;
    -khtml-border-radius: 47px;
    -moz-border-radius: 47px;
    -ms-border-radius: 47px;
    -o-border-radius: 47px;
    border-radius: 47px;
    margin: 0 10px;
    cursor: pointer
}

.pxl-swiper-arrow.style-1:hover,.pxl-navigation-arrow.style-1:hover {
    color: #fff;
    background-color: var(--primary-color);
    color: var(--secondary-color)
}

.pxl-swiper-arrow.style-2,.pxl-navigation-arrow.style-2 {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    background-color: #373737;
    line-height: 72px;
    color: #fff;
    cursor: pointer;
    font-size: 25px
}

.pxl-swiper-arrow.style-2:hover,.pxl-navigation-arrow.style-2:hover,.pxl-swiper-arrow.style-2.active,.pxl-navigation-arrow.style-2.active {
    background-color: var(--primary-color);
    color: var(--secondary-color)
}

.pxl-swiper-arrow.style-3,.pxl-navigation-arrow.style-3 {
    height: 43px;
    width: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #9a4f00;
    color: #fff;
    font-size: 15px;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.4);
    -khtml-box-shadow: 0 6px 6px rgba(0,0,0,.4);
    -moz-box-shadow: 0 6px 6px rgba(0,0,0,.4);
    -ms-box-shadow: 0 6px 6px rgba(0,0,0,.4);
    -o-box-shadow: 0 6px 6px rgba(0,0,0,.4);
    box-shadow: 0 6px 6px rgba(0,0,0,.4)
}

.pxl-swiper-arrow.style-3 i,.pxl-navigation-arrow.style-3 i {
    display: inline-flex
}

.pxl-swiper-arrow.style-3:hover,.pxl-navigation-arrow.style-3:hover {
    background-color: var(--primary-color)
}

.pxl-swiper-arrow.swiper-button-disabled,.pxl-navigation-arrow.swiper-button-disabled {
    cursor: not-allowed
}

.pxl-swiper-arrow.pxl-mouse-effect,.pxl-navigation-arrow.pxl-mouse-effect {
    height: 100%;
    width: 140px;
    position: absolute;
    top: 0;
    margin: 0;
    opacity: 0
}

.pxl-swiper-arrow.pxl-mouse-effect.pxl-swiper-arrow-next,.pxl-navigation-arrow.pxl-mouse-effect.pxl-swiper-arrow-next {
    right: -120px
}

.pxl-swiper-arrow.pxl-mouse-effect.pxl-swiper-arrow-prev,.pxl-navigation-arrow.pxl-mouse-effect.pxl-swiper-arrow-prev {
    left: -120px
}

.pxl-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px
}

.pxl-swiper-pagination .pxl-swiper-current-slide,.pxl-swiper-pagination .pxl-swiper-total-slides {
    font-size: 18px;
    font-weight: 700;
    color: #cccabf;
    margin: 0 14px
}

.pxl-swiper-pagination .pxl-swiper-current-slide:before,.pxl-swiper-pagination .pxl-swiper-total-slides:before {
    content: '0'
}

.pxl-swiper-pagination .pxl-swiper-current-slide {
    color: #0a1316
}

.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
}

@media screen and (max-width: 1200px) {
    .pxl-swiper-boxshadow .pxl-swiper-dots.style-1.pxl-swiper-pagination-progressbar {
        margin-left:45px;
        margin-right: 45px
    }
}

.pxl-swiper-slider {
    position: relative
}

.pxl-swiper-slider.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;
    padding: 0 15px
}

.pxl-swiper-thumbs .swiper-slide {
    cursor: pointer;
    padding: 0 15px
}

.swiper-container-vertical {
    height: 300px
}

.swiper-container-vertical .pxl-swiper-wrapper,.swiper-container-vertical .swiper-wrapper {
    flex-direction: column
}

.swiper-container-vertical .pxl-swiper-slide,.swiper-container-vertical .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-slider-mode=fade] .swiper-slide-active {
    z-index: 9
}

.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
}

html {
    box-sizing: border-box
}

body {
    background-color: var(--body-bg-color);
    font-size: 17px;
    line-height: 1.9;
    color: var(--secondary-color);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    font-weight: 400;
    letter-spacing: 0;
    font-family: dm sans,sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 767px) {
    body.body-visible-sm {
        overflow:visible
    }
}

a {
    -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;
    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 {
    color: var(--link-color-hover)
}

a:active {
    color: var(--link-color-active)
}

a,a:hover,a:focus,a:before,a:after {
    outline: none;
    text-decoration: none
}

.ft-heading,#pxl-header-default .pxl-menu-primary>li>a,.error404 .pxl-error-number,.widget_block .wp-block-search__label,.widget_block .wp-block-group__inner-container>h2,.pxl-text-animation1 .pxl-item-inner .pxl-item-text,.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title,.pxl-pagination1 .pxl--item .pxl-title-inner,.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title,.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--title,.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-sub-title,.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-item-title,.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title,.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc,.pxl-showcase-grid .pxl-item--inner .pxl-item-content .pxl-item--new,.pxl-showcase .pxl-item--inner.style-1 .pxl-image-bg .pxl-item-new,.pxl-list-box1 .pxl-item--title,.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item--number,.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title,.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number,.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title,.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img,.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading,.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading,.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading,.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc,.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-number,.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-number,.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link,.pxl-text-change1 .pxl-change-inner .pxl--heading,.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--title,.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number,.woocommerce #pxl-sidebar-area .widget_products ul li a,.single-product #pxl-content-area div.product form.cart label,.single-product>div.product form.cart label,.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--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,.pxl-logo-fixed .pxl-logo-text,.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle,.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title,.pxl-heading.px-sub-title-style2-style .pxl-item--title,.pxl-heading.px-sub-title-style3-style .pxl-item--subtitle,.pxl-grid-filter.style-2 .filter-item,.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date1,.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-day,.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date1,.pxl-portfolio-grid-layout1 .pxl-grid-filter,.pxl-portfolio-carousel1 .pxl-grid-filter,.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title a,.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position,.pxl-counter1.default .pxl--item-inner .pxl--counter-number,.pxl-counter2.default .pxl--item-inner .pxl--counter-number,.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price,.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li {
    font-family: urbanist,Helvetica,Arial,sans-serif
}

h1,h2,h3,h4,h5,h6 {
    font-family: urbanist,Helvetica,Arial,sans-serif;
    font-optical-sizing: auto;
    color: var(--link-color);
    font-weight: 600;
    margin: 0 0 15px;
    clear: both;
    font-style: normal
}

h1,.h1 {
    font-size: 60px;
    letter-spacing: -.02em;
    line-height: 1.15
}

h2,.h2 {
    font-size: 48px;
    line-height: 1.2
}

h3,.h3 {
    font-size: 26px;
    line-height: 1.5
}

h4,.h4 {
    font-size: 20px;
    line-height: 1.6
}

h5,.h5 {
    font-size: 18px;
    line-height: 1.6
}

h6,.h6 {
    font-size: 16px;
    line-height: 1.6
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

p {
    margin: 0 0 15px
}

table {
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    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
}

table th {
    color: #000;
    font-size: 15px
}

caption,td {
    font-weight: 400
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 13px 8px
}

th {
    font-weight: 600;
    border-top: 1px solid #d5d5d5;
    padding: 10px;
    border-right: 1px solid #d5d5d5
}

td {
    border-top: 1px solid #d5d5d5;
    padding: 10px;
    border-right: 1px solid #d5d5d5;
    font-size: 15px;
    text-align: center
}

dl {
    margin: 0 0 0 25px
}

dl dt {
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000
}

dl dd {
    line-height: normal;
    margin-bottom: 20px
}

dl dd a {
    color: #000
}

dl dd a:hover {
    color: var(--primary-color)
}

code,kbd {
    background-color: initial;
    border-radius: 4px;
    color: inherit;
    font-size: 100%;
    padding: 2px 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

ins {
    color: #fff;
    border: none;
    padding: 2px;
    text-decoration: none;
    background-color: var(--primary-color)
}

pre {
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word
}

ol {
    list-style: outside none decimal;
    margin-bottom: 32px
}

ul {
    padding: 0;
    margin: 0 0 32px
}

ul li {
    list-style-position: inside
}

dl+h2+ul {
    padding-left: 35px
}

dl+h2+ul ul {
    padding-left: 35px
}

dl+h2+ul ul li {
    list-style: outside
}

.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;
    margin-top: 10px
}

.wp-block-group.has-background {
    padding: 40px;
    margin-bottom: 30px
}

.wp-caption-text {
    text-align: center
}

.alignleft,.alignright,.aligncenter {
    margin-top: 15px;
    margin-bottom: 32px
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 30px
}

.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:not(.pxl-blockquote) {
    padding: 25px 30px;
    font-size: 20px;
    line-height: 1.5;
    color: #1b1b1b;
    position: relative;
    font-weight: 700;
    margin: 30px 0 26px;
    z-index: 1;
    background-color: #f8f9fa;
    border-left: 5px solid var(--primary-color)
}

@media screen and (max-width: 767px) {
    blockquote:not(.pxl-blockquote) {
        padding-left:20px;
        padding-right: 20px
    }
}

blockquote:not(.pxl-blockquote) cite {
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 500;
    display: block;
    font-style: normal;
    margin-top: 16px
}

blockquote:not(.pxl-blockquote) p:last-child {
    margin-bottom: 0
}

blockquote:not(.pxl-blockquote).wp-block-quote p {
    margin-bottom: 16px!important
}

blockquote:not(.pxl-blockquote).wp-block-quote cite br {
    display: none
}

blockquote:not(.pxl-blockquote).wp-block-quote.has-text-align-right:before {
    left: auto;
    right: 0
}

.wp-block-button {
    margin-bottom: 20px
}

.wp-block-button .wp-block-button__link {
    padding-left: 32px;
    padding-right: 32px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-weight: 700
}

.wp-block-button .wp-block-button__link:not([href]) {
    color: #fff
}

.wp-block-button .wp-block-button__link:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.wp-block-button .wp-block-button__link:hover:not([href]) {
    color: #fff
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: initial;
    color: var(--primary-color)
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.wp-block-button.is-style-squared .wp-block-button__link {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.wp-block-button.aligncenter {
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.has-background-dim {
    color: #fff;
    margin-bottom: 30px
}

.wp-block-gallery .blocks-gallery-item {
    float: left
}

.wp-block-gallery .blocks-gallery-caption {
    margin-bottom: 22px
}

.wp-block-gallery.alignleft {
    margin-right: 30px
}

.wp-block-gallery.alignright {
    margin-left: 30px
}

#tslOverlay {
    background-color: initial!important;
    z-index: 999999!important
}

@font-face {
    font-family: neuemachina;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-light.woff2)format('woff2'),url(../fonts/neuemachina/neuemachina-light.woff)format('woff')
}

@font-face {
    font-family: neuemachina;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-regular.woff2)format('woff2'),url(../fonts/neuemachina/neuemachina-regular.woff)format('woff')
}

@font-face {
    font-family: neuemachina;
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-ultrabold.woff2)format('woff2'),url(../fonts/neuemachina/neuemachina-ultrabold.woff)format('woff')
}

.ft-neuemachina {
    font-family: neuemachina!important
}

.elementor-editor-preview,.elementor-editor-active {
}

.elementor-editor-preview .pxl-section-bg-parallax,.elementor-editor-active .pxl-section-bg-parallax {
    z-index: -1
}

.elementor-editor-preview .elementor-shape,.elementor-editor-active .elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.elementor-editor-preview .elementor-shape.elementor-shape-top,.elementor-editor-active .elementor-shape.elementor-shape-top {
    top: 0
}

.elementor-editor-preview .elementor-shape.elementor-shape-bottom,.elementor-editor-active .elementor-shape.elementor-shape-bottom {
    bottom: 0;
    transform: rotate(180deg)
}

@media screen and (min-width: 1201px) {
    #pxl-wapper .container {
        max-width:1310px;
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    #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.elementor-column-gap-extended {
    margin: 0 -15px;
    max-width: inherit!important
}

@media screen and (max-width: 1200px) {
    #pxl-wapper .elementor-top-section>.elementor-column-gap-extended .elementor-inner-section>.elementor-column-gap-extended {
        margin-left:-15px;
        margin-right: -15px
    }
}

#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section.pxl-inner-section-maxwidth>.elementor-container {
    max-width: 1170px!important;
    margin: auto
}

#pxl-main {
    padding: 120px 0 140px;
    min-height: calc(100vh - 606px)
}

@media(max-width: 1024px) {
    #pxl-main {
        padding:70px 0
    }
}

@media screen and (max-width: 1200px) {
    #pxl-main {
        overflow-x:clip
    }
}

@media screen and (max-width: 1024px) {
    #pxl-main>.elementor-container {
        padding:0 15px
    }
}

.pxl-wapper {
    overflow: clip
}

.elementor-page:not(.single-post):not(.single-product) #pxl-main {
    padding-top: 0;
    padding-bottom: 0
}

.elementor-page.single-product .woocommerce-Tabs-panel>.elementor {
    margin: 0 -15px
}

@media screen and (min-width: 1201px) {
    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
        align-items:flex-start;
        justify-content: space-between
    }

    body:not(.elementor-editor-active) .pxl-row-scroll-fixed .pxl-column-sticky {
        position: sticky
    }
}

@media screen and (max-width: 1200px) {
    body:not(.elementor-editor-active) .pxl-row-scroll-fixed .pxl-column-sticky {
        top:0!important
    }
}

body.elementor-editor-active .pxl-row-scroll-fixed .pxl-column-sticky {
    top: 0!important
}

.elementor-page:not(.single-post):not(.single-product) #pxl-content-area.col-12,.elementor-page:not(.single-post):not(.single-product) #pxl-footer-elementor .row>.col-12 {
    min-height: 0
}

@media(min-width: 1025px) and (max-width:1200px) {
    .elementor-page:not(.single) #pxl-content-area.col-12 {
        padding-left:15px;
        padding-right: 15px
    }
}

.single-post .pxl-item--excerpt>.elementor {
    margin: 0 -15px
}

.pxl-bg-color-full {
    z-index: 1
}

.pxl-bg-color-full .pxl-section-overlay-color {
    z-index: -1;
    content: '';
    background-color: #070f01;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -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
}

.pxl-bg-color-skew {
    z-index: 1
}

.pxl-bg-color-skew .pxl-section-overlay-color {
    z-index: -1;
    content: '';
    background-color: #080808;
    position: absolute;
    top: 0;
    left: 6px;
    right: 6px;
    bottom: 0;
    transform: skewX(-12deg);
    max-width: 1160px;
    margin: auto;
    -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-page-title-elementor {
    background-color: #fff
}

@media screen and (max-width: 1200px) {
    #pxl-page-title-elementor {
        overflow:hidden
    }
}

.page #pxl-page-title-default:before,.single-service #pxl-page-title-default:before {
    display: none
}

#pxl-page-title-default {
    background-color: rgba(18,19,44,.75);
    padding: 215px 0 100px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-position-x: 0!important
}

@media(max-width: 1280px) {
    #pxl-page-title-default {
        padding:190px 0 100px
    }
}

@media(max-width: 1199px) {
    #pxl-page-title-default {
        padding:90px 0
    }
}

@media(max-width: 991px) {
    #pxl-page-title-default {
        text-align:center
    }
}

@media(max-width: 880px) {
    #pxl-page-title-default {
        background-position:0!important
    }
}

#pxl-page-title-default:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(0,rgba(18,19,44,.75) 0%,rgba(18,19,44,.75) 50%);
    background: -moz-linear-gradient(0,rgba(18,19,44,.75) 0%,rgba(18,19,44,.75) 50%);
    background: linear-gradient(0deg,rgba(18,19,44,.75) 0%,rgba(18,19,44,.75) 50%);
    opacity: .8
}

#pxl-page-title-default .container {
    position: relative;
    z-index: 1
}

#pxl-page-title-default .pxl-page-title {
    font-style: normal;
    font-weight: 600;
    margin: 0;
    line-height: 1.15;
    text-transform: capitalize;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #545454;
}

@media(max-width: 1280px) {
    #pxl-page-title-default .pxl-page-title {
        font-size:55px
    }
}

@media(max-width: 767px) {
    #pxl-page-title-default .pxl-page-title {
        font-size:45px;
        text-align: center
    }
}

#pxl-page-title-default .row {
    justify-content: center
}

.ptitle-right {
    align-content: center
}

.ptitle-right .pxl-ptitle-text {
    margin-bottom: 0;
    color: #fff;
    text-align: right
}

@media(max-width: 991px) {
    .ptitle-right .pxl-ptitle-text {
        text-align:center
    }
}

.pxl-breadcrumb {
    list-style: none;
    color: #545454;
    font-weight: 500;
    font-size: 13px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: fit-content;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
    z-index: 1;
    position: relative
}

@media(max-width: 767px) {
    .pxl-breadcrumb {
        justify-content:center;
        padding: 0;
        margin-top: 10px;
        text-align: center;
        width: 100%;
        max-width: unset
    }
}

.pxl-breadcrumb a {
    color: #545454;
    opacity: .6
}

.pxl-breadcrumb a:hover {
    opacity: 1
}

.pxl-breadcrumb span.breadcrumb-entry {
    overflow: hidden;
    text-transform: capitalize;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: 700
}

.pxl-breadcrumb li {
    padding-right: 10px;
    margin-right: 15px;
    position: relative
}

.pxl-breadcrumb li:after {
    content: '\f110';
    font-family: Caseicon;
    color: rgba(255,255,255,.75);
    top: 50%;
    right: -8px;
    font-size: 9px;
    position: absolute;
    font-weight: 400;
    transform: translate(0,-50%)
}

.pxl-breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.pxl-breadcrumb li:last-child:before,.pxl-breadcrumb li:last-child:after {
    display: none
}

.page #pxl-page-title-default:before {
    display: none
}

body.single .pxl-breadcrumb li:not(:first-child):not(:last-child) {
    display: none
}

#pxl-footer-default {
    padding: 20px 0;
    background-color: var(--link-color);
    text-align: center
}

#pxl-footer-default a {
    color: var(--secondary-color);
    font-weight: 600
}

#pxl-footer-default a:hover {
    color: #fff
}

.pxl-scroll-top {
    width: 20px;
    position: fixed;
    z-index: 1002;
    text-align: center;
    font-size: 12px;
    transition: all linear .5s;
    top: 50%;
    left: 44px;
    transform: translate(-50%,-50%);
    font-weight: 500;
    opacity: 0
}

.pxl-scroll-top span {
    writing-mode: vertical-rl;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: var(--link-color)
}

.pxl-scroll-top span.dark {
    color: #fff
}

@media(max-width: 1199px) {
    .pxl-scroll-top {
        display:none
    }
}

.pxl-scroll-top.pxl-on {
    opacity: 1;
    visibility: visible
}

.scrollbar-v {
    width: 2px;
    transition: all linear .1s;
    min-height: 100px;
    z-index: 1000;
    position: relative;
    margin-left: 10px;
    margin-top: 13px
}

.scrollbar-v:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    min-height: 100px;
    background: rgba(0,0,0,.15)
}

.scrollbar-v svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(180deg)
}

.scrollbar-v path {
    fill: none;
    stroke: var(--primary-color);
    stroke-width: 2;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.scrollbar-v.dark:before {
    background: rgba(255,255,255,.2)
}

@keyframes pxl_scroll_top_effect {
    0% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(-3px)
    }
}

@keyframes pxl_scroll_bottom_effect {
    0% {
        transform: translateY(-3px)
    }

    100% {
        transform: translateY(3px)
    }
}

@media screen and (max-width: 1024px) {
    .section-bg-bl-lg {
        background-position:0 100%!important
    }
}

#pxl-footer-elementor.pxl-footer-hide {
    display: none!important
}

#pxl-footer-elementor .footer-elementor-inner>.container {
    max-width: 100%
}

.pxl-footer-fixed #pxl-footer-elementor {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .pxl-footer-fixed #pxl-footer-elementor {
        position:static;
        overflow: hidden
    }
}

.pxl-footer-fixed #pxl-header-elementor,.pxl-footer-fixed #pxl-page-title-elementor {
    background-color: #fff
}

.pxl-footer-fixed #pxl-main {
    background-color: #fff
}

@media screen and (max-width: 1200px) {
    .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
}

.elementor-editor-active.single-pxl-template {
    background-color: rgba(0,0,0,.1)
}

.elementor-editor-active .elementor-inner-section>.elementor-element-overlay>.elementor-editor-element-settings {
    margin-left: 84px
}

.elementor-editor-active .elementor-inner-section .elementor-column .elementor-editor-element-settings {
    margin-left: 12px
}

.elementor-editor-active .elementor-section-wrap.ui-sortable {
    margin-top: 30px
}

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: rgba(255,255,255,.12);
    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: #fff
}

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 {
    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: 1201px) {
    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:not(.post-type-archive):not(.tax-product_cat):not(.tax-product_tag) .pxl-content-wrap.no-sidebar .pxl-content-area,body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto
    }

    body.blog .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main,body.archive:not(.post-type-archive):not(.tax-product_cat):not(.tax-product_tag) .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main,body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main {
        padding-right: 0
    }
}

.pxl-row-divider-active {
    z-index: 1
}

.pxl-row-divider-active>.elementor-container {
    z-index: 2
}

.pxl-row-divider-active .pxl-row-angle {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px
}

.pxl-row-divider-wave-animation-top .pxl-row-angle {
    top: -1px;
    -webkit-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    height: 150px
}

.pxl-row-divider-wave-animation-bottom .pxl-row-angle {
    bottom: -1px;
    height: 150px
}

.pxl-row-divider-angle-top .pxl-row-angle {
    top: -1px;
    -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-right .pxl-row-angle {
    top: -1px;
    -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: -1px
}

.pxl-row-divider-angle-bottom-left .pxl-row-angle {
    bottom: -1px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-row-divider-angle-top-bottom .pxl-row-angle-top {
    top: -1px;
    -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: -1px
}

.pxl-row-divider-angle-top-bottom-left .pxl-row-angle-top {
    top: -1px;
    -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-left .pxl-row-angle-bottom {
    bottom: -1px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-row-divider-curved-top .pxl-row-angle {
    top: -1px
}

.pxl-row-divider-curved-top .pxl-row-angle path {
    fill-rule: evenodd
}

.pxl-row-divider-curved-bottom .pxl-row-angle {
    bottom: -1px;
    -webkit-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1)
}

.pxl-row-divider-curved-bottom .pxl-row-angle path {
    fill-rule: evenodd
}

.pxl-row-divider-vertical1 .pxl-divider-vertical {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 1490px;
    margin: 0 auto
}

.pxl-row-divider-vertical1 .pxl-divider-vertical>div {
    background-color: #303233;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line1 {
    left: 0
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line2 {
    left: 20%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line3 {
    left: 40%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line4 {
    left: 60%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line5 {
    left: 80%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line6 {
    right: 0
}

.pxl-row-divider-rounded-top:before,.pxl-row-divider-rounded-top:after {
    content: '';
    position: absolute;
    height: 53px;
    background-color: #fff;
    top: -53px;
    width: 50%
}

@media screen and (max-width: 767px) {
    .pxl-row-divider-rounded-top:before,.pxl-row-divider-rounded-top:after {
        top:-30px;
        height: 30px
    }
}

.pxl-row-divider-rounded-top:before {
    left: 0;
    border-radius: 28px 53px 0 0
}

@media screen and (max-width: 767px) {
    .pxl-row-divider-rounded-top:before {
        border-radius:15px 30px 0 0
    }
}

.pxl-row-divider-rounded-top:after {
    right: 0;
    border-radius: 53px 28px 0 0
}

@media screen and (max-width: 767px) {
    .pxl-row-divider-rounded-top:after {
        border-radius:30px 15px 0 0
    }
}

.pxl-curved-arrow {
    position: absolute;
    height: 48px;
    z-index: 99;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -khtml-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.pxl-curved-arrow.pxl-curved-arrow-top {
    top: -48px
}

.pxl-curved-arrow.pxl-curved-arrow-bottom {
    bottom: -48px;
    transform: translate(-50%,0)scaleY(-1)
}

.pxl-curved-arrow-inner-top,.pxl-curved-arrow-inner-bottom {
    height: 48px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -khtml-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.pxl-curved-arrow-inner-top {
    top: 0;
    transform: translate(-50%,0)scaleY(-1)
}

.pxl-curved-arrow-inner-bottom {
    bottom: 0
}

.pxl-divider-border-lv1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pxl-divider-border-lv1 .pxl-divider-border-top,.pxl-divider-border-lv1 .pxl-divider-border-bottom {
    background-color: #999!important;
    position: absolute;
    width: 100%;
    height: 1px
}

.pxl-divider-border-lv1 .pxl-divider-border-left,.pxl-divider-border-lv1 .pxl-divider-border-right {
    background-color: #999!important;
    position: absolute;
    width: 1px;
    height: 100%
}

.pxl-divider-border-lv1 .pxl-divider-border-left {
    left: 0
}

.pxl-divider-border-lv1 .pxl-divider-border-right {
    right: 0
}

.pxl-divider-border-lv1 .pxl-divider-border-top {
    top: 0
}

.pxl-divider-border-lv1 .pxl-divider-border-bottom {
    bottom: 0
}

.pxl-divider-border-line {
    z-index: 1
}

.pxl-divider-border-line .pxl-item-line {
    background-color: #333
}

.pxl-divider-border-line .pxl-border-line-top {
    top: -1px
}

.pxl-divider-border-line .pxl-border-line-bottom {
    bottom: -1px
}

.pxl-divider-border-line .pxl-item-line-width {
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0)
}

.pxl-divider-border-line .pxl-border-line-left {
    left: -1px
}

.pxl-divider-border-line .pxl-border-line-right {
    right: 0
}

.pxl-divider-border-line .pxl-item-line-height {
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%)
}

.pxl-divider-border-line .pxl-border-corner {
    height: 1px;
    position: absolute;
    transform: rotate(-45deg)
}

.pxl-divider-border-line .pxl-border-line-top-left,.pxl-divider-border-line .pxl-border-line-top-right {
    top: 0
}

.pxl-divider-border-line .pxl-border-line-bottom-left,.pxl-divider-border-line .pxl-border-line-bottom-right {
    bottom: 0
}

.pxl-divider-border-line .pxl-border-line-top-left {
    left: -31px
}

.pxl-divider-border-line .pxl-border-line-top-right {
    right: -29px
}

.pxl-divider-border-line .pxl-border-line-bottom-left {
    left: -29px
}

.pxl-divider-border-line .pxl-border-line-bottom-right {
    right: -30px
}

.pxl-row-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@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%
    }
}

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

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

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

@keyframes pxl_loader_prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

@keyframes pxl_loader_anim {
    0% {
        box-shadow: 20px -10px,40px 10px,60px 0
    }

    25% {
        box-shadow: 20px 0,40px 0,60px 10px
    }

    50% {
        box-shadow: 20px 10px,40px -10px,60px 0
    }

    75% {
        box-shadow: 20px 0,40px 0,60px -10px
    }

    100% {
        box-shadow: 20px -10px,40px 10px,60px 0
    }
}

@keyframes pxl_loaderFlash {
    0% {
        background-color: rgba(74,129,211,.28);
        box-shadow: 32px 0 rgba(74,129,211,.28),-32px 0 var(--primary-color)
    }

    50% {
        background-color: var(--primary-color);
        box-shadow: 32px 0 rgba(74,129,211,.28),-32px 0 rgba(74,129,211,.28)
    }

    100% {
        background-color: rgba(74,129,211,.28);
        box-shadow: 32px 0 var(--primary-color),-32px 0 rgba(74,129,211,.28)
    }
}

@keyframes pxl_animloader {
    50% {
        transform: scale(1)translate(-50%,-50%)
    }
}

@keyframes pxl_loader_photography {
    0% {
        left: 0;
        transform: translateX(-100%)
    }

    100% {
        left: 100%;
        transform: translateX(0%)
    }
}

@-webkit-keyframes pxl_site_loading {
    0% {
        -webkit-transform: translate(0)scaleX(0);
        transform: translate(0)scaleX(0)
    }

    30% {
        -webkit-transform: translate(0)scaleX(1);
        transform: translate(0)scaleX(1)
    }

    100%,80% {
        -webkit-transform: translate(100%)scaleX(0);
        transform: translate(100%)scaleX(0)
    }
}

@keyframes pxl_site_loading {
    0% {
        -webkit-transform: translate(0)scaleX(0);
        transform: translate(0)scaleX(0)
    }

    30% {
        -webkit-transform: translate(0)scaleX(1);
        transform: translate(0)scaleX(1)
    }

    100%,80% {
        -webkit-transform: translate(100%)scaleX(0);
        transform: translate(100%)scaleX(0)
    }
}

@-webkit-keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@keyframes pxl_loader_rotate1 {
    0% {
        transform: rotateX(35deg)rotateY(-45deg)rotateZ(0)
    }

    100% {
        transform: rotateX(35deg)rotateY(-45deg)rotateZ(360deg)
    }
}

@keyframes pxl_loader_rotate2 {
    0% {
        transform: rotateX(50deg)rotateY(10deg)rotateZ(0)
    }

    100% {
        transform: rotateX(50deg)rotateY(10deg)rotateZ(360deg)
    }
}

@keyframes pxl_loader_rotate3 {
    0% {
        transform: rotateX(35deg)rotateY(55deg)rotateZ(0)
    }

    100% {
        transform: rotateX(35deg)rotateY(55deg)rotateZ(360deg)
    }
}

.banner_canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .17;
    z-index: 99999;
    pointer-events: none;
    mix-blend-mode: difference;
    background-color: #fff
}

.pxl-enable-cursor .pxl-drag-area {
    cursor: none
}

.pxl-enable-cursor .pxl-process-cards .pxl-cursor-content {
    cursor: none
}

.pxl-cursor {
    position: fixed;
    width: 12px;
    height: 12px;
    background-color: #fff;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
    -webkit-transition: transform .3s linear,opacity .2s linear;
    -khtml-transition: transform .3s linear,opacity .2s linear;
    -moz-transition: transform .3s linear,opacity .2s linear;
    -ms-transition: transform .3s linear,opacity .2s linear;
    -o-transition: transform .3s linear,opacity .2s linear;
    transition: transform .3s linear,opacity .2s linear
}

.pxl-cursor.active {
    color: #fff;
    background-color: rgba(156,156,156,.5);
    opacity: 1;
    -webkit-transform: scale(2);
    -khtml-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.pxl-cursor:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor.none-follower.active {
    -webkit-transform: scale(2.5);
    -khtml-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}

.pxl-cursor.hide {
    opacity: 0
}

.pxl-cursor-follower {
    position: fixed;
    width: 20px;
    height: 20px;
    background-color: rgba(166,161,130,.2);
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(2px,2px);
    -khtml-transform: translate(2px,2px);
    -moz-transform: translate(2px,2px);
    -ms-transform: translate(2px,2px);
    -o-transform: translate(2px,2px);
    transform: translate(2px,2px);
    transform-origin: center;
    -webkit-transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear;
    -khtml-transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear;
    -moz-transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear;
    -ms-transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear;
    -o-transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear;
    transition: .4s transform linear,opacity .2s linear,background .2s linear,width .2s linear,height .2s linear
}

.pxl-cursor-follower.active {
    color: #fff;
    background-color: initial;
    opacity: 1;
    width: 40px;
    height: 40px
}

.pxl-cursor-follower.active:before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 1.5px dashed #9c9c9c;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: pxl_spin 4s linear infinite;
    -khtml-animation: pxl_spin 4s linear infinite;
    -moz-animation: pxl_spin 4s linear infinite;
    -ms-animation: pxl_spin 4s linear infinite;
    -o-animation: pxl_spin 4s linear infinite;
    animation: pxl_spin 4s linear infinite;
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transform-origin: unset
}

.pxl-cursor-follower.active.video {
    background-color: rgba(255,255,255,.6)
}

.pxl-cursor-follower:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor-follower.hide {
    opacity: 0
}

.pxl-cursor-text {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .08s linear;
    -khtml-transition: all .08s linear;
    -moz-transition: all .08s linear;
    -ms-transition: all .08s linear;
    -o-transition: all .08s linear;
    transition: all .08s linear;
    user-select: none;
    pointer-events: none;
    z-index: 1000;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: center;
    mix-blend-mode: difference
}

.pxl-cursor-text>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pxl-cursor-text.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-cursor-text:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor-text.hide {
    opacity: 0
}

.pxl-cursor-drag {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .08s linear;
    -khtml-transition: all .08s linear;
    -moz-transition: all .08s linear;
    -ms-transition: all .08s linear;
    -o-transition: all .08s linear;
    transition: all .08s linear;
    user-select: none;
    pointer-events: none;
    z-index: 1000;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: center
}

.pxl-cursor-drag>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pxl-cursor-drag.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-cursor-drag.hide {
    opacity: 0
}

.elementor-editor-active.page-template-default {
}

.elementor-editor-active.page-template-default #pxl-content-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.elementor-editor-active.page-template-default #pxl-sidebar-area {
    display: none
}

.pxl-cookie-policy {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 570px;
    background-color: #fff;
    -webkit-border-radius: 57px;
    -khtml-border-radius: 57px;
    -moz-border-radius: 57px;
    -ms-border-radius: 57px;
    -o-border-radius: 57px;
    border-radius: 57px;
    padding: 17px 58px 17px 24px;
    -webkit-box-shadow: 0 8px 8px rgba(29,27,76,8%);
    -khtml-box-shadow: 0 8px 8px rgba(29,27,76,8%);
    -moz-box-shadow: 0 8px 8px rgba(29,27,76,8%);
    -ms-box-shadow: 0 8px 8px rgba(29,27,76,8%);
    -o-box-shadow: 0 8px 8px rgba(29,27,76,8%);
    box-shadow: 0 8px 8px rgba(29,27,76,8%);
    font-size: 15px;
    color: #111013;
    z-index: 9999;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    -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
}

@media screen and (max-width: 767px) {
    .pxl-cookie-policy {
        max-width:290px;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        display: none
    }
}

.pxl-cookie-policy a {
    font-weight: 700;
    text-decoration: underline;
    color: inherit;
    text-underline-offset: 2px;
    margin: 0 4px;
    white-space: nowrap
}

.pxl-cookie-policy a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

.pxl-cookie-policy .pxl-item--icon {
    min-width: 20px
}

.pxl-cookie-policy .pxl-item--icon img {
    max-height: 20px
}

.pxl-cookie-policy .pxl-item--close {
    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%);
    border-width: 12px
}

.pxl-cookie-policy .pxl-item--close:before,.pxl-cookie-policy .pxl-item--close:after {
    height: 1px
}

@media screen and (max-width: 767px) {
    .pxl-cookie-policy .pxl-item--close {
        top:10px;
        -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-cookie-policy.pxl-active {
    opacity: 1;
    visibility: visible;
    bottom: 40px
}

.pxl-cookie-policy.pxl-hidden {
    opacity: 0;
    visibility: hidden;
    bottom: 30px
}

.pxl-popup--close.style2 {
    border: none;
    width: 24px;
    height: 24px;
    background-color: initial
}

.pxl-popup--close.style2:before,.pxl-popup--close.style2:after {
    background-color: #878787
}

.pxl-popup {
    position: fixed;
    background-color: rgba(0,0,0,.43);
    z-index: 99991;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -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;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.pxl-popup .pxl-popup--content {
    width: 100%;
    -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-popup .pxl-popup--close {
    border-width: 8px
}

.pxl-popup .pxl-popup--close:before,.pxl-popup .pxl-popup--close:after {
    background-color: #a7a7a7
}

.pxl-popup .pxl-popup--close:hover:before,.pxl-popup .pxl-popup--close:hover:after {
    background-color: #111
}

.pxl-popup.pxl-effect-zoom .pxl-popup--content {
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.pxl-popup.pxl-effect-fade-slide .pxl-popup--content {
    -webkit-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -khtml-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -moz-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -ms-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -o-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    transform: translateY(-20px)perspective(600px)rotateX(14deg)
}

.pxl-popup.pxl-active {
    opacity: 1;
    visibility: visible
}

.pxl-popup.pxl-active.pxl-effect-zoom .pxl-popup--content {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-popup.pxl-active.pxl-effect-fade-slide .pxl-popup--content {
    -webkit-transform: translateY(0)perspective(600px)rotateX(0);
    -khtml-transform: translateY(0)perspective(600px)rotateX(0);
    -moz-transform: translateY(0)perspective(600px)rotateX(0);
    -ms-transform: translateY(0)perspective(600px)rotateX(0);
    -o-transform: translateY(0)perspective(600px)rotateX(0);
    transform: translateY(0)perspective(600px)rotateX(0)
}

.pxl-section-overlay-image {
}

.pxl-section-overlay-image .pxl-overlay--image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.pxl-section-overlay-image .pxl-overlay--image.pxl-overlay--imageLeft {
    right: auto
}

.pxl-section-overlay-image .pxl-overlay--image.pxl-overlay--imageRight {
    right: 0;
    left: auto
}

.pxl-section-overlay-image .pxl-overlay--image .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-section-overlay-image.pxl-custom--bgposition .pxl-overlay--image {
    right: 140px;
    left: 46%
}

@media screen and (max-width: 1024px) {
    .pxl-section-overlay-image.pxl-custom--bgposition .pxl-overlay--image {
        display:none
    }
}

.pxl-section-effect-images {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.pxl-section-effect-images .pxl-item--image {
    position: absolute
}

body.rtl {
}

body.rtl .pxl-cursor.is-active.has-icon .pxl-cursor--icon:before {
    content: "\f111"
}

body.rtl .pxl-cursor.is-active.has-icon-right .pxl-cursor--icon:before {
    content: "\f110"
}

body.rtl .pxl-cookie-policy {
    padding-left: 58px;
    padding-right: 24px
}

@media screen and (max-width: 767px) {
    body.rtl .pxl-cookie-policy {
        padding-left:25px;
        padding-right: 25px
    }
}

body.rtl .pxl-cookie-policy .pxl-item--close {
    right: auto;
    left: 10px
}

.pxl-page-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 60px 0;
    -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;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.85);
    -khtml-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85)
}

.pxl-page-popup.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-page-popup .pxl-popup--conent {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 80vh
}

.pxl-page-popup .pxl-popup--close {
    position: absolute;
    top: 30px;
    right: 30px
}

.pxl-page-popup .pxl-popup--close .pxl-close {
    border-width: 0
}

@media screen and (max-width: 1400px) {
    .pxl-page-popup .pxl-popup--close {
        top:20px;
        right: 20px
    }

    .pxl-page-popup .pxl-popup--close .pxl-close {
        border-width: 3px
    }
}

.admin-bar .pxl-page-popup {
    top: 32px
}

@media screen and (max-width: 782px) {
    .admin-bar .pxl-page-popup {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    .admin-bar .pxl-page-popup {
        top:0
    }
}

.pxl-section-waves1 {
    position: absolute;
    width: 100%;
    height: 140px;
    bottom: 0
}

@media screen and (max-width: 767px) {
    .pxl-section-waves1 {
        height:80px
    }
}

.pxl-wave-parallax>use {
    animation: pxl-move-forever 25s cubic-bezier(.55,.5,.45,.5)infinite;
    fill: #ebeef6
}

.pxl-wave-parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    opacity: .5
}

.pxl-wave-parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    opacity: .4
}

.pxl-wave-parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    opacity: .3
}

.pxl-wave-parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s
}

@keyframes pxl-move-forever {
    0% {
        transform: translate3d(-90px,0,0)
    }

    100% {
        transform: translate3d(85px,0,0)
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    body:not(.elementor-editor-active) .elementor .elementor-hidden-tablet {
        position:absolute;
        visibility: hidden;
        opacity: 0;
        display: block!important;
        text-indent: -99999px
    }
}

@media screen and (max-width: 767px) {
    body:not(.elementor-editor-active) .elementor .elementor-hidden-mobile {
        position:absolute;
        visibility: hidden;
        opacity: 0;
        display: block!important;
        text-indent: -99999px
    }
}

.pxl-section-bg-parallax,.pxl-column-bg-parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay {
    z-index: 2
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay+.pxl-section-bg-parallax,body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay .pxl-column-bg-parallax {
    z-index: 1
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow.elementor-top-section>.elementor-container {
    z-index: 3
}

.pxl-section-parallax-overflow,.pxl-section-overflow-hidden {
    overflow: hidden!important
}

.elementor-column.pxl-column-overflow-hidden-yes {
    overflow: hidden!important
}

.pxl-zoom-point-true {
    z-index: 1
}

.pxl-zoom-point-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pxl-zoom-point {
    width: 240px;
    height: 240px;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -240px;
    margin: auto;
    left: 0
}

.pxl-zoom-point .pxl-item--overlay {
    width: 100%;
    height: 100%;
    background-color: #151a25;
    z-index: -1;
    -webkit-border-radius: 240px;
    -khtml-border-radius: 240px;
    -moz-border-radius: 240px;
    -ms-border-radius: 240px;
    -o-border-radius: 240px;
    border-radius: 240px;
    -webkit-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -khtml-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -moz-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -ms-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -o-transition: all .25s cubic-bezier(.3,.3,0,.8);
    transition: all .25s cubic-bezier(.3,.3,0,.8)
}

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

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

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

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

.pxl-loader {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999
}

.pxl-loader.is-loaded {
    opacity: 0;
    visibility: hidden
}

.pxl-loader .pxl-loader-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.pxl-loader.style-default #de-loader {
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.pxl-loader.style-default .lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.pxl-loader.style-default .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5,0,.5,1)infinite;
    transform-origin: 40px 40px
}

.pxl-loader.style-default .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--primary-color);
    border-radius: 50%;
    margin: -2px 0 0 -2px
}

.pxl-loader.style-default .lds-roller div:nth-child(1) {
    animation-delay: -.036s
}

.pxl-loader.style-default .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.pxl-loader.style-default .lds-roller div:nth-child(2) {
    animation-delay: -.072s
}

.pxl-loader.style-default .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.pxl-loader.style-default .lds-roller div:nth-child(3) {
    animation-delay: -.108s
}

.pxl-loader.style-default .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.pxl-loader.style-default .lds-roller div:nth-child(4) {
    animation-delay: -.144s
}

.pxl-loader.style-default .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.pxl-loader.style-default .lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.pxl-loader.style-default .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.pxl-loader.style-default .lds-roller div:nth-child(6) {
    animation-delay: -.216s
}

.pxl-loader.style-default .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.pxl-loader.style-default .lds-roller div:nth-child(7) {
    animation-delay: -.252s
}

.pxl-loader.style-default .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.pxl-loader.style-default .lds-roller div:nth-child(8) {
    animation-delay: -.288s
}

.pxl-loader.style-default .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

.pxl-loader.style-default .pxl-loader-effect {
    width: 75px;
    height: 100px
}

.pxl-loader.style-default .loader {
    position: relative;
    width: 75px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000 50px,var(--link-color) 0),linear-gradient(#000 50px,var(--link-color) 0),linear-gradient(#000 50px,var(--link-color) 0),linear-gradient(#000 50px,var(--link-color) 0),linear-gradient(#000 50px,var(--link-color) 0);
    background-size: 8px 100%;
    background-position: 0 90px,15px 78px,30px 66px,45px 58px,60px 50px;
    animation: pillerPushUp 4s linear infinite
}

.pxl-loader.style-default .loader:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: var(--link-color-hover);
    border-radius: 50%;
    animation: ballStepUp 4s linear infinite
}

.elementor>.pin-spacer {
    width: 100%!important
}

.elementor>.pin-spacer>.elementor-section {
    max-width: 100%!important;
    width: 100%!important;
    left: 0!important
}

.elementor-editor-active #pxl-loadding {
    display: none!important
}

.elementor-editor-active .pin-spacer>.elementor-element {
    position: static!important;
    height: auto!important;
    max-height: 100%!important
}

.pxl-section-fix-bottom {
    z-index: 999
}

.scroll-top-active>.elementor-section {
    top: 0!important;
    left: 0!important;
    position: relative!important
}

@media screen and (max-width: 1260px) {
    .pxl-section-fix-bottom .pxl-section-overlay-color {
        left:0!important;
        right: 0!important
    }
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
    body:not(.elementor-editor-active) .pxl-hide-sr-md {
        display:none!important
    }
}

.pxl-overlay-shake {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.pxl-overlay-shake .pxl-overlay--color {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #fff;
    transform: translate(-50%,-50%);
    transition: width .7s,padding-top .7s;
    top: 55px;
    left: 35px
}

.pxl-overlay-shake:hover .pxl-overlay--color {
    width: calc(100% * 4);
    padding-top: calc(100% * 4)
}

.pxl-box-hover1 .pxl-item--inner {
    position: relative;
    z-index: 1
}

.pxl-box-hover1 .pxl-item--inner:before,.pxl-box-hover1 .pxl-item--inner:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    -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: var(--primary-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-box-hover1 .pxl-item--inner:before {
    left: 0;
    right: 0;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    z-index: -1
}

.pxl-box-hover1 .pxl-item--inner:after {
    opacity: .3;
    left: 25px;
    right: 25px;
    z-index: -2;
    height: 16px;
    top: 100%;
    -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;
    transform: scaleY(0);
    transform-origin: top center
}

.pxl-box-hover1 .pxl-item--inner:hover:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.pxl-box-hover1 .pxl-item--inner:hover:after {
    transform: scaleY(1);
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.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 .5s ease;
    -khtml-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transform: scale(1.01,1.01)
}

.hover-imge-effect2-up {
    position: relative;
    overflow: hidden
}

.hover-imge-effect2-up img {
    -webkit-transition: all .6s;
    -khtml-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.hover-imge-effect3 {
    position: relative;
    overflow: hidden
}

.hover-imge-effect3 img {
    -webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -khtml-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -ms-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    transition: all 1.5s cubic-bezier(.19,1,.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 .3s cubic-bezier(.39,.575,.565,1)0s;
    -khtml-transition: all .3s cubic-bezier(.39,.575,.565,1)0s;
    -moz-transition: all .3s cubic-bezier(.39,.575,.565,1)0s;
    -ms-transition: all .3s cubic-bezier(.39,.575,.565,1)0s;
    -o-transition: all .3s cubic-bezier(.39,.575,.565,1)0s;
    transition: all .3s cubic-bezier(.39,.575,.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-post--inner:hover .hover-imge-effect1 a:before,.pxl-item--inner:hover .hover-imge-effect1 a:before {
    -webkit-animation: img_circle .65s;
    animation: img_circle .65s
}

.pxl-post--inner:hover .hover-imge-effect2 img,.pxl-item--inner:hover .hover-imge-effect2 img {
    -webkit-transform: scale(1.07,1.07);
    transform: scale(1.07,1.07)
}

.pxl-post--inner:hover .hover-imge-effect3 img,.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-post--inner:hover .hover-imge-effect4 .hover-item.hover-item1,.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item1 {
    left: 50%;
    top: 0;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item2,.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item2 {
    left: 50%;
    top: 50%;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item3,.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item3 {
    left: 0%;
    top: 50%;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item4,.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item4 {
    left: 0%;
    top: 0%;
    opacity: 1
}

.pxl-flipbox {
    position: relative;
    perspective: 1200px
}

.pxl-flipbox .pxl-flipbox--front,.pxl-flipbox .pxl-flipbox--back {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-flipbox .pxl-flipbox--back {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg)translateZ(1px);
    z-index: 99
}

.pxl-flipbox .pxl-flipbox--wrap {
    position: relative;
    transition-property: box-shadow,transform;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transform-style: preserve-3d
}

.pxl-flipbox:hover .pxl-flipbox--wrap {
    transform: rotateY(180deg);
    transform-origin: 50% 50%
}

body.rtl .pxl-box-hover1 .pxl-item--inner:before {
    transform-origin: left center;
    -webkit-transform-origin: left center
}

body.rtl .pxl-box-hover1 .pxl-item--inner:hover:before {
    transform-origin: right center;
    -webkit-transform-origin: right center
}

.z-index-1 {
    z-index: 1
}

.pxl-icon-reverse {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.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-hidden {
    display: none
}

.color-white {
    color: #fff
}

.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn-flex i {
    display: inline-flex
}

.field-dflex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-text-nowrap {
    white-space: nowrap
}

.pxl-imgfilter-wrap {
    overflow: hidden
}

.pxl-imgfilter-wrap .pxl-item--imgfilter {
    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: -1;
    filter: blur(8px)
}

.pxl-imgfilter-wrap .pxl-item--imgfilter:before {
    background-color: rgba(253,253,251,.1)
}

.pxl--hover-slideup {
    -webkit-transition: all .65s cubic-bezier(.23,1,.32,1);
    -khtml-transition: all .65s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .65s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .65s cubic-bezier(.23,1,.32,1);
    -o-transition: all .65s cubic-bezier(.23,1,.32,1);
    transition: all .65s cubic-bezier(.23,1,.32,1)
}

.pxl--hover-slideup:hover {
    -webkit-transform: translateY(-5px);
    -khtml-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.pxl--effect-slide:after {
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85)
}

.pxl--effect-slide:hover:after {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.d-inline-block {
    display: inline-block
}

.pxl-d-flex {
    display: inline-flex
}

.pxl-mw-1200 {
    max-width: 1200px
}

.fs-17 {
    font-size: 17px
}

.lt-4 {
    letter-spacing: -.03em!important
}

.pxl-text-center {
    text-align: center
}

@media screen and (max-width: 767px) {
    .pxl-text-center .pxl-link-page1 .pxl-item--inner {
        justify-content: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
}

.text-primary {
    color: var(--primary-color)
}

.text-secondary {
    color: var(--secondary-color)
}

.pxl-flex-grow {
    flex-grow: 1
}

.pxl-icon--plus {
    height: 10px;
    width: 10px;
    position: relative;
    cursor: pointer
}

.pxl-icon--plus:before,.pxl-icon--plus:after {
    content: '';
    background-color: #122a00;
    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-icon--minus {
    height: 10px;
    width: 10px;
    position: relative;
    cursor: pointer
}

.pxl-icon--minus:before {
    content: '';
    background-color: #122a00;
    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--minus:before {
    width: 10px;
    height: 2px;
    top: 4px;
    left: 0
}

.pxl-inline-flex {
    display: inline-flex;
    align-items: center
}

.pxl-flex {
    display: flex;
    flex-wrap: wrap
}

.pxl-flex-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.pxl-flex-middle {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-flex-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.pxl-flex-center {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-widget-flex>.elementor-widget-container>div {
    display: flex
}

.el-empty:empty,.pxl-empty:empty {
    display: none!important
}

.pxl-spill,.pxl-imgfilter-wrap .pxl-item--imgfilter:before,#pxl-popup-elementor .pxl-item--overlay .pxl-item--flip:before,.pxl-gallery .pxl--item-inner.video-active:before,.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image,.pxl-showcase-grid .pxl-item--image .pxl-link-img:after,.pxl-grid .pxl-post--link,.pxl-post-carousel .pxl-post--link,.pxl-post-modern .pxl-post--link,.btn--readmore .btn-readmore--icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-skew {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--primary-color);
    transform: skew(-9deg);
    -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-middle,.pxl-popup-button1 .pxl-anchor-button,.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout i,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare 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%)
}

.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);
    fill: var(--primary-color)
}

.color-secondary {
    color: var(--secondary-color);
    fill: var(--secondary-color)
}

.text-gradient,.pxl-link .pxl-type-gradient i,.swiper-filter-wrap .filter-item.active span {
    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
}

.text-gradient-bottom,.pxl-heading .highlight-text-gradient .pxl-title--highlight {
    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)');
    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
}

.pxl-icon-color-gradient 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
}

.text-gradient-bg {
    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 {
    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,.pxl-swiper-pagination .pxl-swiper-current-slide,.pxl-swiper-pagination .pxl-swiper-total-slides,#pxl-search-popup .pxl-item--conent form .search-field,.pxl-post--navigation .pxl--meta a,.page-links .post-page-numbers,.widget_recent_comments ul,.widget_recent_comments ol,.widget_block .wp-block-latest-posts__list,.widget_block .wp-block-latest-comments,.pxl-contact-form1 .contact1 input,.pxl-contact-form1 .contact1 textarea,.pxl-contact-form1 .contact1 .pxl-select-higthlight,.pxl-contact-form1 .contact2 input,.pxl-contact-form1 .contact2 textarea,.pxl-contact-form1 .contact2 .pxl-select-higthlight,.pxl-logo-marquee1 .pxl-item--text,.pxl-text-marquee1.style1 .pxl-item--text,.pxl-text-marquee1.style2 .pxl-item--text,.woocommerce .button.add_to_cart_button,.woocommerce-page .button.add_to_cart_button,.woocommerce button.single_add_to_cart_button,.woocommerce-page button.single_add_to_cart_button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce a.added_to_cart.wc-forward,.woocommerce-page a.added_to_cart.wc-forward,.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),.single-product .woocommerce-social-share label,.single-product #pxl-content-area div.product .entry-summary .price,.single-product>div.product .entry-summary .price,.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,body.woocommerce-cart .woocommerce-cart-form .shop_table thead th,.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form label,.pxl-contact-form .pxl-form-label,.pxl-button-circle,.pxl-content-slip1 .pxl-item--feature,.pxl-content-listing1 .pxl-item--number,.btn-text-more1,.btn-text-more2,.pxl-client-box1 .pxl-counter--number,.pxl-anchor-link-scroll .pxl-anchor-text,.pxl-search-form .pxl-search-field,.swiper-filter-wrap .filter-item,.pxl-grid-filter,.button,input[type=submit],.btn {
    font-family: dm sans,sans-serif
}

.bg-image {
    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: 6px solid transparent;
    color: #777;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.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: #fff
}

.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: 1201px) {
    .pxl-hide-xl {
        display:none!important
    }
}

@media screen and (max-width: 1200px) {
    .pxl-hide-lg {
        display:none!important
    }
}

@media screen and (max-width: 1260px) {
    .pxl-hide-lg2 {
        display:none!important
    }
}

.pxl-sz-10 {
    font-size: 10px
}

.pxl-sz-11 {
    font-size: 11px
}

.pxl-sz-12 {
    font-size: 12px
}

.pxl-sz-13 {
    font-size: 13px
}

.pxl-sz-14 {
    font-size: 14px
}

.pxl-sz-15 {
    font-size: 15px
}

.pxl-sz-16 {
    font-size: 16px
}

.pxl-sz-17 {
    font-size: 17px
}

.pxl-sz-18 {
    font-size: 18px
}

.pxl-sz-19 {
    font-size: 19px
}

.pxl-sz-20 {
    font-size: 20px
}

.pxl-sz-21 {
    font-size: 21px
}

.pxl-sz-22 {
    font-size: 22px
}

.pxl-sz-23 {
    font-size: 23px
}

.pxl-sz-24 {
    font-size: 24px
}

.pxl-sz-25 {
    font-size: 25px
}

#pxl-header-default {
    position: relative;
    z-index: 999;
    background-color: rgba(18,19,44,.5)
}

#pxl-header-default .row {
    align-items: center
}

@media screen and (min-width: 1201px) {
    #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: 35.6667px;
    max-width: inherit
}

#pxl-header-default #pxl-nav-mobile {
    display: none
}

#pxl-header-default .pxl-menu-primary {
    list-style: none;
    margin: 0;
    padding: 0
}

#pxl-header-default .pxl-menu-primary ul {
    list-style: none;
    margin: 0
}

#pxl-header-default .pxl-menu-primary li {
    position: relative;
    color: #fff
}

#pxl-header-default .pxl-menu-primary li a {
    font-size: 17px;
    font-style: normal;
    position: relative
}

#pxl-header-default .pxl-menu-primary>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

#pxl-header-default .pxl-menu-primary>li>a {
    line-height: 1.9;
    font-size: 17px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    padding: 25px 0
}

#pxl-header-default .pxl-menu-primary>li>a:hover,#pxl-header-default .pxl-menu-primary>li.current_page_item>a,#pxl-header-default .pxl-menu-primary>li.current-menu-item>a,#pxl-header-default .pxl-menu-primary>li.current_page_ancestor>a,#pxl-header-default .pxl-menu-primary>li.current-menu-ancestor>a {
    color: #fff
}

#pxl-header-default .pxl-menu-primary .sub-menu,#pxl-header-default .pxl-menu-primary .children {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 0;
    min-width: 190px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,9%);
    -khtml-box-shadow: 0 10px 30px rgba(0,0,0,9%);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,9%);
    -ms-box-shadow: 0 10px 30px rgba(0,0,0,9%);
    -o-box-shadow: 0 10px 30px rgba(0,0,0,9%);
    box-shadow: 0 10px 30px 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;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 1px 0
}

#pxl-header-default .pxl-menu-primary .sub-menu li,#pxl-header-default .pxl-menu-primary .children li {
    white-space: nowrap
}

#pxl-header-default .pxl-menu-primary .sub-menu li a,#pxl-header-default .pxl-menu-primary .children li a {
    padding: 8px 15px!important;
    display: block;
    color: var(--link-color);
    border-left: none;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    border-bottom: solid 1px rgba(255,255,255,.5);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

#pxl-header-default .pxl-menu-primary .sub-menu li>a:hover,#pxl-header-default .pxl-menu-primary .children li>a:hover,#pxl-header-default .pxl-menu-primary .sub-menu li.current_page_item>a,#pxl-header-default .pxl-menu-primary .children li.current_page_item>a,#pxl-header-default .pxl-menu-primary .sub-menu li.current-menu-item>a,#pxl-header-default .pxl-menu-primary .children li.current-menu-item>a,#pxl-header-default .pxl-menu-primary .sub-menu li.current_page_ancestor>a,#pxl-header-default .pxl-menu-primary .children li.current_page_ancestor>a,#pxl-header-default .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,#pxl-header-default .pxl-menu-primary .children li.current-menu-ancestor>a {
    background-color: var(--primary-color);
    color: #fff
}

#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse {
    left: auto;
    right: 0;
    text-align: right
}

#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
    transform: translate(0,-50%)scaleX(-1);
    right: auto;
    left: 0
}

#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li a:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li a:before {
    left: auto;
    right: -10px
}

#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li>a:hover,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a {
    padding-left: 0;
    padding-right: 18px
}

#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li>a:hover:before,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a:before,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a:before,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a:before,#pxl-header-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a:before,#pxl-header-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a:before {
    left: auto;
    right: 0
}

#pxl-header-default .pxl-menu-primary .sub-menu .sub-menu,#pxl-header-default .pxl-menu-primary .children .sub-menu,#pxl-header-default .pxl-menu-primary .sub-menu .children,#pxl-header-default .pxl-menu-primary .children .children {
    top: 0;
    left: 100%
}

#pxl-header-default .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,#pxl-header-default .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,#pxl-header-default .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,#pxl-header-default .pxl-menu-primary .children .children.pxl-sub-reverse {
    left: auto;
    right: 100%
}

#pxl-header-default .pxl-menu-primary li:hover>.sub-menu,#pxl-header-default .pxl-menu-primary li.focus>.sub-menu,#pxl-header-default .pxl-menu-primary li:hover>.children,#pxl-header-default .pxl-menu-primary li.focus>.children {
    visibility: visible;
    opacity: 1;
    margin-top: 0
}

#pxl-header-default .pxl-menu-primary .pxl-megamenu {
    position: static
}

#pxl-header-default .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-header-default .pxl-menu-primary .pxl-megamenu .pxl-link li {
    padding: 0;
    margin-bottom: 0
}

#pxl-header-default .pxl-menu-toggle {
    display: none
}

@media screen and (min-width: 1201px) {
    #pxl-header-elementor {
        min-height:0!important;
        position: relative;
        z-index: 1001
    }
}

#pxl-header-elementor.pxl-header--rmindex-action {
    z-index: inherit
}

#pxl-header-elementor.pxl-header--rmindex-action .pxl-header-elementor-main {
    z-index: inherit
}

#pxl-header-elementor #pxl-header-mobile {
    display: none
}

#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(255,255,255,5%);
    -khtml-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -moz-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -ms-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -o-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    box-shadow: 0 3px 18px rgba(255,255,255,5%)
}

#pxl-header-elementor .px-header--fixed .pxl-header-scale {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform-origin: top;
    outline: none;
    margin-top: 0
}

#pxl-header-elementor .px-header--fixed.smaller .pxl-header-scale {
    margin-top: -42.3px;
    overflow: hidden
}

#pxl-header-elementor.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#pxl-header-elementor.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed .pxl-logo-nav {
    -webkit-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -khtml-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -moz-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -ms-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    -o-box-shadow: 0 3px 18px rgba(255,255,255,5%);
    box-shadow: 0 3px 18px rgba(255,255,255,5%)
}

#pxl-header-elementor .px-header--transparent {
    position: absolute;
    top: 0!important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

#pxl-header-elementor .elementor-section .elementor-container,#pxl-header-elementor .elementor-inner-section,#pxl-header-elementor .elementor-widget:not(.elementor-absolute),#pxl-header-elementor .elementor-widget-wrap,#pxl-header-elementor .elementor-column,#pxl-header-elementor .elementor-column-wrap {
    position: static
}

.px-header--fixed {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(18,19,44,.5);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.px-header--fixed.smaller {
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,9%);
    background: rgba(18,19,44,.5)!important
}

.px-header--fixed.smaller .fr-style-default .pxl-menu-primary>li>a,.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li>a {
    padding: 25px 0
}

.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li>a {
    color: var(--link-color)
}

.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li>a .caseicon-angle-arrow-down {
    color: var(--link-color)!important
}

.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li>a:hover,.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li.current_page_item>a,.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li.current-menu-item>a,.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li.current_page_ancestor>a,.px-header--fixed.smaller .fr-style-box1 .pxl-menu-primary>li.current-menu-ancestor>a {
    color: var(--link-color)
}

.px-header--fixed.smaller .pxl-logo-box a .pxl-logo-lv1 {
    opacity: 0
}

.px-header--fixed.smaller .pxl-logo-box a .pxl-logo-lv2 {
    opacity: 1
}

.px-header--fixed.smaller .pxl-anchor-button1.style-2 .pxl-button-sidebar .pxl-icon-line {
    background-color: var(--link-color)
}

.px-header--fixed.smaller .pxl-header3 {
    background-color: initial;
    padding: 0;
    margin-top: 0
}

.px-header--fixed.scroll-down {
    top: -100px
}

@media screen and (min-width: 1201px) {
    .fr-style-default .pxl-menu-primary {
        list-style:none;
        margin: 0;
        padding: 0
    }

    .fr-style-default .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .fr-style-default .pxl-menu-primary li {
        position: relative;
        color: var(--link-color)
    }

    .fr-style-default .pxl-menu-primary li a {
        font-size: 17px;
        font-style: normal;
        position: relative
    }

    .fr-style-default .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px
    }

    .fr-style-default .pxl-menu-primary>li>a {
        line-height: 1.9;
        font-size: 17px;
        display: inline-block;
        color: var(--link-color);
        font-weight: 600;
        padding: 25px 0
    }

    .fr-style-default .pxl-menu-primary>li>a:hover,.fr-style-default .pxl-menu-primary>li.current_page_item>a,.fr-style-default .pxl-menu-primary>li.current-menu-item>a,.fr-style-default .pxl-menu-primary>li.current_page_ancestor>a,.fr-style-default .pxl-menu-primary>li.current-menu-ancestor>a {
        color: var(--link-color-hover)
    }

    .fr-style-default .pxl-menu-primary .sub-menu,.fr-style-default .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 190px;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -khtml-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        box-shadow: 0 10px 30px 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;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 1px 1px 0
    }

    .fr-style-default .pxl-menu-primary .sub-menu li,.fr-style-default .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .fr-style-default .pxl-menu-primary .sub-menu li a,.fr-style-default .pxl-menu-primary .children li a {
        padding: 8px 15px!important;
        display: block;
        color: var(--link-color);
        border-left: none;
        text-align: left;
        font-weight: 400;
        font-size: 14px;
        border-bottom: solid 1px rgba(255,255,255,.5);
        -webkit-transition: all 220ms linear 0ms;
        -khtml-transition: all 220ms linear 0ms;
        -moz-transition: all 220ms linear 0ms;
        -ms-transition: all 220ms linear 0ms;
        -o-transition: all 220ms linear 0ms;
        transition: all 220ms linear 0ms
    }

    .fr-style-default .pxl-menu-primary .sub-menu li>a:hover,.fr-style-default .pxl-menu-primary .children li>a:hover,.fr-style-default .pxl-menu-primary .sub-menu li.current_page_item>a,.fr-style-default .pxl-menu-primary .children li.current_page_item>a,.fr-style-default .pxl-menu-primary .sub-menu li.current-menu-item>a,.fr-style-default .pxl-menu-primary .children li.current-menu-item>a,.fr-style-default .pxl-menu-primary .sub-menu li.current_page_ancestor>a,.fr-style-default .pxl-menu-primary .children li.current_page_ancestor>a,.fr-style-default .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,.fr-style-default .pxl-menu-primary .children li.current-menu-ancestor>a {
        background-color: #ff0000;
        color: #fff
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0;
        text-align: right
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0,-50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li a:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li a:before {
        left: auto;
        right: -10px
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li>a:hover,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a {
        padding-left: 0;
        padding-right: 18px
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li>a:hover:before,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a:before,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a:before,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a:before,.fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a:before,.fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a:before {
        left: auto;
        right: 0
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu,.fr-style-default .pxl-menu-primary .children .sub-menu,.fr-style-default .pxl-menu-primary .sub-menu .children,.fr-style-default .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,.fr-style-default .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,.fr-style-default .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,.fr-style-default .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .fr-style-default .pxl-menu-primary li:hover>.sub-menu,.fr-style-default .pxl-menu-primary li.focus>.sub-menu,.fr-style-default .pxl-menu-primary li:hover>.children,.fr-style-default .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 0
    }

    .fr-style-default .pxl-menu-primary .pxl-megamenu {
        position: static
    }

    .fr-style-default .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
    }

    .fr-style-default .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .fr-style-default .pxl-menu-toggle {
        display: none
    }

    .fr-style-box1 .pxl-menu-primary {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .fr-style-box1 .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .fr-style-box1 .pxl-menu-primary li {
        position: relative;
        color: #fff
    }

    .fr-style-box1 .pxl-menu-primary li a {
        font-size: 15px;
        font-style: normal;
        position: relative
    }

    .fr-style-box1 .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px
    }

    .fr-style-box1 .pxl-menu-primary>li>a {
        line-height: 1.9;
        font-size: 15px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        padding: 35px 0
    }

    .fr-style-box1 .pxl-menu-primary>li>a:hover,.fr-style-box1 .pxl-menu-primary>li.current_page_item>a,.fr-style-box1 .pxl-menu-primary>li.current-menu-item>a,.fr-style-box1 .pxl-menu-primary>li.current_page_ancestor>a,.fr-style-box1 .pxl-menu-primary>li.current-menu-ancestor>a {
        color: #fff
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu,.fr-style-box1 .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 190px;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        -webkit-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -khtml-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -moz-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -ms-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        -o-box-shadow: 0 10px 30px rgba(0,0,0,9%);
        box-shadow: 0 10px 30px 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;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 1px 1px 0
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li,.fr-style-box1 .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li a,.fr-style-box1 .pxl-menu-primary .children li a {
        padding: 8px 15px!important;
        display: block;
        color: var(--link-color);
        border-left: none;
        text-align: left;
        font-weight: 400;
        font-size: 14px;
        border-bottom: solid 1px rgba(255,255,255,.5);
        -webkit-transition: all 220ms linear 0ms;
        -khtml-transition: all 220ms linear 0ms;
        -moz-transition: all 220ms linear 0ms;
        -ms-transition: all 220ms linear 0ms;
        -o-transition: all 220ms linear 0ms;
        transition: all 220ms linear 0ms
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li>a:hover,.fr-style-box1 .pxl-menu-primary .children li>a:hover,.fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_item>a,.fr-style-box1 .pxl-menu-primary .children li.current_page_item>a,.fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-item>a,.fr-style-box1 .pxl-menu-primary .children li.current-menu-item>a,.fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_ancestor>a,.fr-style-box1 .pxl-menu-primary .children li.current_page_ancestor>a,.fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,.fr-style-box1 .pxl-menu-primary .children li.current-menu-ancestor>a {
        background-color: var(--primary-color);
        color: #fff
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0;
        text-align: right
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0,-50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li a:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li a:before {
        left: auto;
        right: -10px
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li>a:hover,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a {
        padding-left: 0;
        padding-right: 18px
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li>a:hover:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li>a:hover:before,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_item>a:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current_page_item>a:before,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-item>a:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-item>a:before,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current_page_ancestor>a:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current_page_ancestor>a:before,.fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.current-menu-ancestor>a:before,.fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.current-menu-ancestor>a:before {
        left: auto;
        right: 0
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu,.fr-style-box1 .pxl-menu-primary .children .sub-menu,.fr-style-box1 .pxl-menu-primary .sub-menu .children,.fr-style-box1 .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,.fr-style-box1 .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,.fr-style-box1 .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,.fr-style-box1 .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .fr-style-box1 .pxl-menu-primary li:hover>.sub-menu,.fr-style-box1 .pxl-menu-primary li.focus>.sub-menu,.fr-style-box1 .pxl-menu-primary li:hover>.children,.fr-style-box1 .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 0
    }

    .fr-style-box1 .pxl-menu-primary .pxl-megamenu {
        position: static
    }

    .fr-style-box1 .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
    }

    .fr-style-box1 .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .fr-style-box1 .pxl-menu-toggle {
        display: none
    }

    #pxl-header-default .pxl-menu-primary>li.menu-item-has-children>a span:after {
        content: "\f107";
        font-family: Caseicon;
        font-size: 10px;
        margin-left: 6px;
        font-weight: 400;
        -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);
        display: inline-flex
    }

    #pxl-header-default .pxl-menu-primary>li.menu-item-has-children:hover>a span:after {
        transform: scaleY(-1)
    }

    #pxl-header-default .pxl-menu-primary>li.menu-item-has-children:hover>a span:after {
        -webkit-transform: rotateX(-180deg);
        -khtml-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -o-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@media screen and (max-width: 1200px) {
    #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-image: linear-gradient(130deg,white,#b3b3b3);
    }

    #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;
        background:grey;
    }

    #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;
        background: red;
    }

    .pxl-nav-mobile-button:before,.pxl-nav-mobile-button:after,.pxl-nav-mobile-button span {
        content: '';
        background-color: #000;
        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(0,0,0,.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: 350px;
        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: var(--link-color);
        overflow-y: scroll
    }

    .pxl-header-menu.active {
        visibility: visible;
        opacity: 1;
        background: #efefef;
        -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: 55px 25px 40px
    }

    .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: #fff;
        -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: #ededed;
    }

    .pxl-menu-toggle:before {
        content: "\f107";
        font-family: caseicon;
        -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;
        display: inline-flex
    }

    .pxl-menu-toggle.active:before {
        transform: scaleY(-1)
    }

    .pxl-menu-primary {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary li.menu-item {
        position: relative
    }

    .pxl-menu-primary li.menu-item>a {
        display: block;
        line-height: 50px;
        color: #1e1e1e;
        font-size: 15px;
        font-weight: 600;
        border-bottom: 1px solid rgba(223,223,223,.31)
    }

    .pxl-menu-primary li.menu-item>a:hover,.pxl-menu-primary li.menu-item>a.current,.pxl-menu-primary li.menu-item.current_page_item>a,.pxl-menu-primary li.menu-item.current-menu-item>a,.pxl-menu-primary li.menu-item.current_page_ancestor>a,.pxl-menu-primary li.menu-item.current-menu-ancestor>a {
        color: #1e1e1e;
    }

    .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 {
        margin-left: 14px;
        font-size: 14px
    }

    .pxl-menu-primary>li>.sub-menu>li>.sub-menu>li a {
        margin-left: 30px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor {
        margin-top: 40px
    }

    .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-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: 14px!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: 30px
    }

    .pxl-logo-mobile img {
        height: 123px;
    }

    .pxl-header-mobile-search {
        margin-bottom: 20px
    }

    .pxl-header-mobile-search form {
        position: relative
    }

    .pxl-header-mobile-search .search-field {
        height: 50px;
        border: none;
        padding: 0 10px;
        color: #fff;
        background-color: unset;
        border: 1px solid rgba(255,255,255,.2)
    }

    .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: 50px;
        height: 50px;
        line-height: 50px;
        background: 0 0;
        color: #000;
        border: none
    }

    .pxl-header-mobile-search .search-submit:hover,.pxl-header-mobile-search .search-submit:focus {
        color: var(--link-color)
    }

    .pxl-menu-close {
        background-color: var(--primary-color);
        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
    }

    #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-elementor #pxl-header-mobile.style-dark {
        background-color: #1c2539
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-nav-mobile-button::before,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-nav-mobile-button::after,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-nav-mobile-button span {
        background-color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-menu {
        background-color: #1c2539
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-field {
        background-color: rgba(255,255,255,.12);
        border-color: rgba(255,255,255,.12);
        color: rgba(255,255,255,.67)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-field:focus {
        color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-submit {
        color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li>a:hover,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li>a.current,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current_page_item>a,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current-menu-item>a,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current_page_ancestor>a,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current-menu-ancestor>a {
        color: var(--link-color)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li a {
        color: #fff;
        border-color: rgba(255,255,255,8%)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close {
        background-color: rgba(255,255,255,.12)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close:before,#pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close:after {
        background-color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-toggle {
        background-color: rgba(255,255,255,.1);
        color: rgba(255,255,255,.8)
    }

    #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background: red;
        -webkit-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -khtml-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -moz-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -ms-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -o-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        background-color: #ffffff;
        box-shadow: 0 3px 18px rgba(0,0,0,7%)
    }
}

@media screen and (max-width: 767px) {
    .pxl-header-menu {
        width:100%
    }
}

.pxl-popup-wrap .pxl-item--overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28,37,57,.67);
    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-popup-wrap.active .pxl-item--overlay {
    opacity: 1;
    visibility: visible
}

#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: #ef4824;
    top: 40px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;
    border-radius: 45px;
    border-width: 11px
}

#pxl-search-popup .pxl-item--conent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 320px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 15px 80px;
    -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: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

#pxl-search-popup .pxl-item--conent form {
    max-width: 760px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

#pxl-search-popup .pxl-item--conent form .search-field {
    height: 80px;
    padding: 16px 0;
    color: #1c2539;
    font-size: 30px;
    border: none;
    background-color: initial;
    font-weight: 600
}

#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.active {
    visibility: visible
}

#pxl-search-popup.active .pxl-item--conent {
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

#pxl-hidden-panel-popup {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    height: 100vh;
    width: 100%;
    visibility: hidden
}

@media screen and (max-width: 1200px) {
    #pxl-hidden-panel-popup {
        display:none
    }
}

#pxl-hidden-panel-popup .pxl-item--overlay {
    background-color: initial
}

#pxl-hidden-panel-popup .pxl-close {
    width: 26px;
    height: 26px;
    background: 0 0;
    border-width: 0;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 99;
    border: none
}

#pxl-hidden-panel-popup .pxl-close:before,#pxl-hidden-panel-popup .pxl-close:after {
    background-color: #fff;
    margin-top: 0
}

@media(max-width: 1280px) {
    #pxl-hidden-panel-popup .pxl-close {
        right:30px
    }
}

#pxl-hidden-panel-popup .pxl-item--conent {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 500px;
    background-color: rgba(0,10,91,.75);
    -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%);
    padding: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

@media(max-width: 1280px) {
    #pxl-hidden-panel-popup .pxl-item--conent {
        padding:50px 30px
    }
}

#pxl-hidden-panel-popup.active {
    visibility: visible
}

#pxl-hidden-panel-popup.active .pxl-item--conent {
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

#pxl-hidden-panel-popup .elementor>.elementor-section {
    width: 100%!important;
    left: 0!important;
    right: 0!important
}

.pxl-anchor-button1 {
    overflow: hidden;
    width: 24px;
    height: 12px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-anchor-button1 .pxl-button-sidebar {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-anchor-button1 .pxl-button-sidebar .pxl-icon-line {
    height: 2px;
    width: 100%;
    position: absolute;
    list-style: none;
    background-color: var(--link-color);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-anchor-button1 .pxl-button-sidebar .pxl-icon-line.pxl-icon-line1 {
    top: 0;
    left: 0
}

.pxl-anchor-button1 .pxl-button-sidebar .pxl-icon-line.pxl-icon-line2 {
    bottom: 0;
    right: 0
}

.pxl-anchor-button1 .pxl-button-sidebar:hover .pxl-icon-line {
    width: 70%
}

.pxl-anchor-button1.style-2 .pxl-button-sidebar .pxl-icon-line {
    background-color: #fff
}

.pxl-anchor-button2 {
    overflow: hidden;
    width: 51px;
    height: 51px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-anchor-button2 .pxl-button-sidebar {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin: 0
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line {
    height: 2px;
    position: absolute;
    right: 0;
    list-style: none
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line:before,.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: var(--link-color-hover);
    opacity: 1;
    width: 100%;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line:before {
    -webkit-transform: translate3d(-220%,0,0);
    -khtml-transform: translate3d(-220%,0,0);
    -moz-transform: translate3d(-220%,0,0);
    -ms-transform: translate3d(-220%,0,0);
    -o-transform: translate3d(-220%,0,0);
    transform: translate3d(-220%,0,0)
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line:after {
    -webkit-transform: translate3d(0,0,0);
    -khtml-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line.pxl-icon-line1 {
    top: 5px;
    width: 50%
}

.pxl-anchor-button2 .pxl-button-sidebar .pxl-icon-line.pxl-icon-line2 {
    top: 75%;
    width: 100%;
    margin-top: -1px
}

.pxl-anchor-button2:hover .pxl-icon-line.pxl-icon-line1:before,.pxl-popup-button1:hover .pxl-icon-line.pxl-icon-line1:before {
    -webkit-transform: translate3d(0,0,0);
    -khtml-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    -webkit-transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms;
    -khtml-transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms;
    -moz-transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms;
    -ms-transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms;
    -o-transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms;
    transition: transform .8s cubic-bezier(.215,.61,.355,1)460ms,opacity .8s cubic-bezier(.215,.61,.355,1)460ms
}

.pxl-anchor-button2:hover .pxl-icon-line.pxl-icon-line1:after,.pxl-popup-button1:hover .pxl-icon-line.pxl-icon-line1:after {
    -webkit-transform: translate3d(36px,0,0);
    -khtml-transform: translate3d(36px,0,0);
    -moz-transform: translate3d(36px,0,0);
    -ms-transform: translate3d(36px,0,0);
    -o-transform: translate3d(36px,0,0);
    transform: translate3d(36px,0,0);
    opacity: 0;
    -webkit-transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s;
    -khtml-transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s;
    -moz-transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s;
    -ms-transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s;
    -o-transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s;
    transition: transform .6s cubic-bezier(.165,.84,.44,1)0s,opacity .6s cubic-bezier(.165,.84,.44,1)0s
}

.pxl-anchor-button2:hover .pxl-icon-line.pxl-icon-line2:before,.pxl-popup-button1:hover .pxl-icon-line.pxl-icon-line2:before {
    -webkit-transform: translate3d(0,0,0);
    -khtml-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    -webkit-transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms;
    -khtml-transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms;
    -moz-transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms;
    -ms-transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms;
    -o-transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms;
    transition: transform .8s cubic-bezier(.215,.61,.355,1)620ms,opacity .8s cubic-bezier(.215,.61,.355,1)620ms
}

.pxl-anchor-button2:hover .pxl-icon-line.pxl-icon-line2:after,.pxl-popup-button1:hover .pxl-icon-line.pxl-icon-line2:after {
    -webkit-transform: translate3d(36px,0,0);
    -khtml-transform: translate3d(36px,0,0);
    -moz-transform: translate3d(36px,0,0);
    -ms-transform: translate3d(36px,0,0);
    -o-transform: translate3d(36px,0,0);
    transform: translate3d(36px,0,0);
    opacity: 0;
    -webkit-transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms;
    -khtml-transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms;
    -moz-transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms;
    -ms-transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms;
    -o-transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms;
    transition: transform .6s cubic-bezier(.165,.84,.44,1)160ms,opacity .6s cubic-bezier(.165,.84,.44,1)160ms
}

.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
    }
}

.admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed {
    top: 32px
}

@media screen and (max-width: 782px) {
    .admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    .admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed {
        top:0
    }
}

.admin-bar .pxl-header-menu {
    top: 32px
}

@media screen and (max-width: 782px) {
    .admin-bar .pxl-header-menu {
        top:46px
    }
}

.admin-bar .px-header--fixed {
    top: 32px
}

.admin-bar .px-header--fixed.scroll-down {
    top: -100px
}

@media screen and (max-width: 782px) {
    .admin-bar .px-header--fixed {
        top:46px
    }
}

.pxl-popup-button1 {
    width: 74px;
    height: 75px;
    background-color: #000;
    position: relative;
    cursor: pointer
}

.pxl-popup-button1 .pxl-anchor-button .pxl-icon-line::before,.pxl-popup-button1 .pxl-anchor-button .pxl-icon-line::after {
    background-color: #fff
}

#pxl-popup-elementor {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    height: 100vh;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-width: 1200px) {
    #pxl-popup-elementor {
        display:none
    }
}

#pxl-popup-elementor .pxl-item--overlay {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#pxl-popup-elementor .pxl-item--overlay .pxl-item--flip {
    width: 20%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#pxl-popup-elementor .pxl-item--overlay .pxl-item--flip:before {
    width: 101%;
    background-color: #000;
    -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);
    transform: scaleX(0);
    transform-origin: left center
}

#pxl-popup-elementor .pxl-close {
    width: 54px;
    height: 54px;
    background: #222;
    border-width: 20px;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 99;
    -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;
    transform: scale(0)rotate(360deg)
}

#pxl-popup-elementor .pxl-close:before,#pxl-popup-elementor .pxl-close:after {
    background-color: #fff
}

#pxl-popup-elementor .pxl-item--conent {
    -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);
    transform: translateY(40px);
    opacity: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

#pxl-popup-elementor.active {
    visibility: visible;
    opacity: 1
}

#pxl-popup-elementor.active .pxl-item--overlay .pxl-item--flip:before {
    transform: scaleX(1);
    -webkit-transition-delay: .125s;
    transition-delay: .125s
}

#pxl-popup-elementor.active .pxl-item--conent {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: .325s;
    transition-delay: .325s
}

#pxl-popup-elementor.active .pxl-close {
    opacity: 1;
    transform: scale(1)rotate(0);
    -webkit-transition-delay: .325s;
    transition-delay: .325s
}

#pxl-popup-elementor.deactivation {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

#pxl-popup-elementor.deactivation .pxl-item--flip:before {
    -webkit-transition-delay: .325s;
    transition-delay: .325s
}

#pxl-popup-elementor .elementor>.elementor-section {
    width: 100%!important;
    left: 0!important;
    right: 0!important
}

@-moz-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@-ms-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.pxl---post {
}

.pxl---post iframe {
    width: 100%
}

.pxl---post .pxl-item-image {
    position: relative;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

.pxl---post.product .pxl-item--meta {
    display: none!important
}

.pxl-item--archive {
    margin-bottom: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-item--archive+.pxl-item--archive {
    margin-top: 50px
}

.pxl-item--archive .pxl-item-list {
    display: flex;
    align-items: center
}

.pxl-item--archive .pxl-item-list li {
    list-style: none
}

.pxl-item--archive .pxl-item-list .pxl-item--date {
    margin-right: 10px
}

.pxl-item--archive:hover .pxl-content-thumbnail img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.pxl-item--archive:hover .pxl-content .pxl-item--title a .char {
    color: var(--primary-color);
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.pxl-item--archive .pxl-content-thumbnail {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 25px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

@media(max-width: 480px) {
    .pxl-item--archive .pxl-content-thumbnail {
        margin-bottom:20px
    }
}

.pxl-item--archive .pxl-content-thumbnail img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-item--archive .pxl-content-thumbnail .pxl-date {
    position: absolute;
    padding: 19px 21px;
    background-color: var(--primary-color);
    top: 25px;
    left: 25px;
    line-height: 1.1;
    z-index: 2;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.pxl-item--archive .pxl-content-thumbnail .pxl-date .pxl-item--date {
    font-size: 36px;
    color: #fff;
    line-height: 1;
    font-weight: 600
}

.pxl-item--archive .pxl-content-thumbnail .pxl-date .pxl-item--date2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.pxl-item--archive .pxl-content .pxl-item--category {
    margin-bottom: 10px
}

.pxl-item--archive .pxl-content .pxl-item--category a {
    font-size: 16px;
    color: var(--secondary-color)
}

.pxl-item--archive .pxl-content .pxl-item--category a:hover {
    color: var(--link-color)
}

.pxl-item--archive .pxl-content .pxl-item--title {
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: capitalize;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.pxl-item--archive .pxl-content .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-content .pxl-item--excerpt {
    margin-bottom: 20px
}

.pxl-item--archive .pxl-content .pxl-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pxl-item--archive .pxl-content .btn--readmore {
    font-size: 16px;
    color: #fff;
    background-color: var(--primary-color);
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.pxl-item--archive .pxl-content .btn--readmore:hover {
    background-color: unset;
    color: var(--primary-color)
}

.pxl-date--box {
    position: absolute;
    top: -14px;
    line-height: 28px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background-color: var(--link-color);
    padding: 0 13px;
    border-radius: 5px 0 0 5px
}

.pxl-author--box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.pxl-author--box .pxl-auhtor--img {
    width: 46px;
    min-width: 46px
}

.pxl-author--box .pxl-auhtor--img img {
    border: 2px solid #e1e9f4;
    border-radius: 46px
}

.pxl-author--box .pxl-auhtor--meta h6 {
    margin-bottom: 2px;
    font-size: 16px
}

.pxl-author--box .pxl-auhtor--meta h6 a {
    color: inherit
}

.pxl-author--box .pxl-auhtor--meta h6 a:hover {
    color: inherit
}

.pxl-author--box .pxl-auhtor--meta .pxl-auhtor--position {
    font-size: 12px
}

.single-post #pxl-main .container .pxl-content-wrap {
    margin: 0 -25px
}

@media(max-width: 1280px) {
    .single-post #pxl-main .container .pxl-content-wrap {
        margin:0 -15px
    }
}

.single-post #pxl-main .container .pxl-content-wrap .pxl-content-area,.single-post #pxl-main .container .pxl-content-wrap .pxl-sidebar-area {
    padding: 0 25px
}

@media(max-width: 1280px) {
    .single-post #pxl-main .container .pxl-content-wrap .pxl-content-area,.single-post #pxl-main .container .pxl-content-wrap .pxl-sidebar-area {
        padding:0 15px
    }
}

@media screen and (min-width: 1025px) {
    .single-post #pxl-page-title-elementor .pxl-page--title .pxl-item--title {
        font-size:48px
    }
}

.single-post .pxl-post-image {
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 21px
}

@media(max-width: 575px) {
    .single-post .pxl-post-image {
        margin-bottom:15px
    }
}

.single-post .entry-title {
    color: var(--link-color);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px
}

@media(max-width: 1199px) {
    .single-post .entry-title {
        font-size:40px
    }
}

@media(max-width: 575px) {
    .single-post .entry-title {
        font-size:30px
    }
}

.single-post .entry-title p {
    margin-bottom: 0
}

.single-post .pxl-item--meta .pxl-item-list {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    flex-wrap: wrap
}

@media(max-width: 480px) {
    .single-post .pxl-item--meta .pxl-item-list {
        margin-bottom:15px
    }
}

.single-post .pxl-item--meta .pxl-item-list li {
    list-style: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    line-height: 1.2
}

@media(max-width: 480px) {
    .single-post .pxl-item--meta .pxl-item-list li {
        font-size:14px
    }
}

.single-post .pxl-item--meta .pxl-item-list li:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: var(--link-color);
    right: -2px;
    bottom: 4px
}

.single-post .pxl-item--meta .pxl-item-list li:last-child {
    margin-right: 0;
    padding-right: 0
}

.single-post .pxl-item--meta .pxl-item-list li:last-child:after {
    display: none
}

.single-post .pxl-item--meta .pxl-item-list li a {
    color: var(--link-color)
}

.single-post .pxl-item--meta .pxl-item-list li a:hover {
    color: var(--link-color-hover)
}

.single-post .pxl-item--holder .pxl-item--content .pxl-item-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--secondary-color);
    margin-bottom: 20px
}

@media(max-width: 1200px) {
    .single-post .pxl-item--holder .pxl-item--content .pxl-item-text {
        font-size:14px;
        margin-bottom: 15px
    }
}

.single-post .pxl-item--holder .pxl-item--content .pxl-item-text:last-child {
    margin-bottom: 0
}

.single-post .pxl-item--holder .pxl-item--content .pxl-meta-single {
    margin-top: 40px;
    margin-bottom: 30px
}

@media(max-width: 1200px) {
    .single-post .pxl-item--holder .pxl-item--content .pxl-meta-single {
        margin-top:30px;
        margin-bottom: 20px
    }
}

.single-post .pxl-item--holder .pxl-clearfix-bottom {
    margin-top: 42px
}

@media(max-width: 1200px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom {
        margin-top:30px
    }
}

@media(max-width: 480px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom {
        margin-bottom:20px
    }
}

.single-post .pxl-item--holder .pxl-clearfix-bottom h2 {
    margin-bottom: 30px
}

@media(max-width: 1200px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom h2 {
        margin-top:20px
    }
}

@media(max-width: 480px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom h2 {
        margin-top:10px;
        margin-bottom: 15px
    }
}

.single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex {
    display: flex
}

@media(max-width: 1100px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex {
        display:block
    }
}

.single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-content-text {
    width: 60%
}

@media(max-width: 1280px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-content-text {
        width:63%
    }
}

@media(max-width: 1100px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-content-text {
        width:100%
    }
}

.single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-post-img {
    width: 40%;
    padding-left: 40px
}

@media(max-width: 1280px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-post-img {
        width:37%;
        padding-left: 15px
    }
}

@media(max-width: 1100px) {
    .single-post .pxl-item--holder .pxl-clearfix-bottom .pxl-content-flex .pxl-post-img {
        width:100%;
        padding-left: 0
    }
}

.single-post .pxl-content-footer {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-top: 30px
}

@media(max-width: 676px) {
    .single-post .pxl-content-footer {
        display:block
    }
}

.single-post .pxl-content-footer .pxl--post-tag {
    width: 50%
}

@media(max-width: 676px) {
    .single-post .pxl-content-footer .pxl--post-tag {
        width:100%
    }
}

.single-post .pxl-content-footer .pxl--post-tag a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--secondary-color);
    position: relative;
    padding-right: 9px;
    margin-right: 9px
}

@media(max-width: 575px) {
    .single-post .pxl-content-footer .pxl--post-tag a {
        font-size:14px
    }
}

.single-post .pxl-content-footer .pxl--post-tag a:hover {
    color: var(--link-color-hover);
    text-decoration: underline
}

.single-post .pxl-content-footer .pxl--post-tag a:last-child {
    padding-right: 0;
    margin-right: 0
}

.single-post .pxl-content-footer .pxl--post-tag a:last-child:after {
    display: none
}

.single-post .pxl-content-footer .pxl--post-tag a:after {
    content: '/';
    position: absolute;
    color: var(--secondary-color);
    right: -6px;
    top: 50%;
    transform: translate(0,-50%)
}

.single-post .pxl-content-footer .pxl-map-text {
    font-size: 16px;
    color: var(--link-color);
    font-style: normal;
    font-weight: 400;
    width: 50%;
    display: inline-flex;
    align-items: center;
    padding-left: 123px;
    justify-content: end
}

@media(max-width: 1200px) {
    .single-post .pxl-content-footer .pxl-map-text {
        padding-left:70px
    }
}

@media(max-width: 1100px) {
    .single-post .pxl-content-footer .pxl-map-text {
        padding-left:0
    }
}

@media(max-width: 676px) {
    .single-post .pxl-content-footer .pxl-map-text {
        width:100%;
        justify-content: left
    }
}

.single-post .pxl-content-footer .pxl-map-text i {
    color: var(--link-color-hover);
    font-size: 40px;
    margin-right: 15px
}

.pxl-post--author-info {
    border-bottom: 1px dotted #dadada;
    padding-bottom: 40px;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .pxl-post--author-info {
        align-items:flex-start
    }
}

.pxl-post--author-info .pxl-post--author-image {
    width: 124px;
    min-width: 124px
}

@media screen and (max-width: 767px) {
    .pxl-post--author-info .pxl-post--author-image {
        width:80px;
        min-width: 80px
    }
}

.pxl-post--author-info .pxl-post--author-image img {
    -webkit-border-radius: 124px;
    -khtml-border-radius: 124px;
    -moz-border-radius: 124px;
    -ms-border-radius: 124px;
    -o-border-radius: 124px;
    border-radius: 124px
}

.pxl-post--author-info .pxl-post--author-title {
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .pxl-post--author-info .pxl-post--author-title {
        font-size:18px
    }
}

.pxl-post--author-info .pxl-post--author-title a {
    color: inherit
}

.pxl-post--author-info .pxl-post--author-description {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 15px;
    max-width: 580px
}

.pxl-post--author-info .pxl-post--author-social a {
    color: #5d666f;
    font-size: 15px;
    margin-right: 22px
}

.pxl-post--author-info .pxl-post--author-social a:hover {
    color: var(--link-color)
}

.pxl--post-footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: #000;
    padding: 24px 35px;
    background-color: #f5f8fd;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

@media(max-width: 480px) {
    .pxl--post-footer {
        padding:15px 25px
    }
}

.pxl--post-footer label {
    font-size: 16px;
    margin-right: 42px
}

@media(max-width: 480px) {
    .pxl--post-footer label {
        margin-right:20px;
        font-size: 14px
    }
}

@media(max-width: 360px) {
    .pxl--post-footer label {
        margin-right:10px
    }
}

.pxl--post-footer a {
    color: #fff;
    font-size: 13px;
    padding: 10px 15px;
    margin: 5px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #121212;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 45px
}

@media(max-width: 480px) {
    .pxl--post-footer a {
        padding:5px 10px;
        margin: 5px;
        line-height: 40px
    }
}

.pxl--post-footer a:last-child {
    margin-right: 0
}

.pxl--post-footer a:hover {
    background-color: var(--link-color-hover)
}

.pxl-pagination-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-top: 60px
}

@media(max-width: 676px) {
    .pxl-pagination-wrap {
        padding-top:40
    }
}

@media(max-width: 575px) {
    .pxl-pagination-wrap {
        justify-content:left
    }
}

.pxl-pagination-wrap .pxl-pagination-links {
    display: flex;
    align-items: center
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: var(--link-color);
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 4px;
    background-color: unset;
    border: 1px solid rgba(255,255,255,.3);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers i {
    font-size: 13px;
    line-height: 1;
    margin-top: 2px
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.current {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:last-child {
    margin-right: 0
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-post--navigation {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px dotted #dadada;
    padding: 0 0 40px;
    margin-bottom: 40px
}

.pxl-post--navigation .pxl--items {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.pxl-post--navigation .pxl--items .pxl--item {
    width: 50%
}

@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--label {
    font-size: 15px;
    font-weight: 600;
    color: #5d666f;
    display: inline-block
}

.pxl-post--navigation .pxl--label span {
    position: relative
}

.pxl-post--navigation .pxl--label span:before {
    content: '';
    width: 0;
    -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);
    height: 1px;
    background-color: rgba(0,0,0,.37);
    position: absolute;
    bottom: 0;
    left: 0
}

.pxl-post--navigation .pxl--label:hover span:before {
    width: 100%
}

.pxl-post--navigation .pxl--label i {
    font-size: 10px
}

.pxl-post--navigation .pxl--img {
    width: 60px;
    min-width: 60px;
    position: relative
}

.pxl-post--navigation .pxl--img a {
    display: block
}

.pxl-post--navigation .pxl--img a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    -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 {
    content: '+';
    font-size: 30px;
    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 {
    opacity: .76
}

.pxl-post--navigation .pxl--img:hover a:after {
    opacity: 1
}

.pxl-post--navigation .pxl--meta {
    max-width: 260px
}

.pxl-post--navigation .pxl--meta a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4375;
    color: #1c2539;
    display: block
}

.pxl-post--navigation .pxl--meta a:hover {
    color: var(--link-color)
}

.pxl-post--navigation .pxl--holder {
    margin-top: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.pxl-post--navigation .pxl--item-prev .pxl--label i {
    margin-right: 4px
}

.pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 22px
}

.pxl-post--navigation .pxl--item-next {
    text-align: right
}

.pxl-post--navigation .pxl--item-next .pxl--label i {
    margin-left: 4px
}

.pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 22px
}

.pxl-post--navigation .pxl--item-next .pxl--holder {
    justify-content: flex-end
}

.pxl-custom-swiper {
    overflow: hidden;
    position: relative
}

.pxl-post-gallery-slider .pxl-custom-swiper {
    border-radius: 8px 8px 0 0
}

.pxl-post-gallery-slider .pxl-custom-swiper img {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pxl-post-gallery-slider .pxl-custom-swiper .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 26px
}

.pxl-post-gallery-slider .pxl-custom-swiper .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 26px
}

.error404 .btn.btn-default {
    padding: 0 20px;
    line-height: 45px
}

.error404 .pxl-error-inner {
    text-align: center
}

.error404 .pxl-error-number {
    font-size: 225px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 7px 7px 0 rgba(var(--primary-color-rgb),.08)
}

@media screen and (max-width: 1200px) {
    .error404 .pxl-error-number {
        font-size:180px
    }
}

@media screen and (max-width: 767px) {
    .error404 .pxl-error-number {
        font-size:120px
    }
}

.error404 .pxl-error-title {
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    .error404 .pxl-error-title {
        font-size:45px
    }
}

.error404 .pxl-error-description {
    font-size: 18px;
    line-height: 1.2;
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 30px
}

@media screen and (max-width: 1200px) {
    .error404 .pxl-error-description {
        font-size:18px
    }
}

@media(max-width: 575px) {
    .error404 .pxl-error-description {
        max-width:70%
    }
}

@media(max-width: 480px) {
    .error404 .pxl-error-description {
        max-width:100%;
        font-size: 16px
    }
}

.error404 .pxl-error-holder {
    position: relative;
    z-index: 99
}

.error404 .searchform-wrap .search-submit {
    border-radius: 0 5px 5px 0
}

.error404 .search-form {
    max-width: 520px;
    margin: 0 auto 30px
}

.error404 .search-form .searchform-wrap .search-field {
    margin-bottom: 0;
    font-weight: 500
}

.error404 .search-form .searchform-wrap .search-submit {
    background-color: var(--primary-color);
    height: 50px;
    width: 50px
}

@media screen and (min-width: 1201px) {
    .error404 #pxl-main {
        padding-top:120px;
        padding-bottom: 120px
    }
}

.page-links {
    margin-top: 24px;
    clear: left
}

.page-links .post-page-numbers {
    width: 36px;
    height: 36px;
    background-color: #fff;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin: 15px 15px 0 0;
    color: #080808;
    position: relative;
    z-index: 1;
    padding: 0;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.page-links .post-page-numbers.current,.page-links .post-page-numbers:hover {
    color: #fff;
    border-color: var(--link-color);
    background-color: var(--link-color)
}

.pxl-list--check {
    margin: 40px 0;
    list-style: none
}

.pxl-list--check i {
    color: var(--link-color);
    margin-right: 8px
}

.pxl-list--check li {
    display: flex
}

.pxl-list--check li+li {
    margin-top: 8px
}

body.rtl .pxl-list--check i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl .pxl-date--box {
    border-radius: 0 5px 5px 0
}

body.rtl.single-post .single-list {
    margin-left: 0;
    margin-right: 36px
}

@media screen and (max-width: 1200px) {
    body.rtl.single-post .single-list {
        margin-left:0
    }
}

body.rtl.single-post .single-list li::before {
    margin-right: 0;
    margin-left: 10px
}

body.rtl.single-post .single-heading::before {
    left: auto;
    right: 0
}

body.rtl .pxl-post--author-info .pxl-post--author-social a {
    margin-right: 0;
    margin-left: 22px
}

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 {
    transform: scaleX(-1);
    display: inline-flex
}

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 {
    transform: scaleX(-1);
    display: inline-flex
}

@media screen and (min-width: 1201px) {
    .pxl-sidebar-sticky {
        position:-webkit-sticky;
        position: sticky;
        top: 40px
    }

    .admin-bar .pxl-sidebar-sticky {
        top: 72px
    }
}

.pxl-sidebar-area .widget {
    margin-bottom: 80px;
    background-color: unset
}

@media(max-width: 991px) {
    .pxl-sidebar-area .widget {
        margin-bottom:50px
    }
}

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

.widget-title,.comment-reply-title,.comments-title,.pxl-author-info .author-name {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 13px;
    position: relative
}

.comment-reply-title {
    margin-bottom: 8px
}

.comments-title {
    margin-bottom: 21px
}

.comment-reply-title,.comments-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 25px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    position: relative
}

.search-form {
    position: relative
}

.search-form .search-submit {
    height: 50px;
    width: 50px;
    background-color: unset;
    top: 0;
    right: 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    color: #333f4d;
    line-height: 50px;
    z-index: 1;
    font-size: 17px;
    font-weight: 400
}

.search-form .search-submit:hover {
    color: var(--link-color-hover);
    box-shadow: none
}

.search-form .search-field {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 50px;
    padding: 0 10px
}

.widget_search.widget {
    box-shadow: none
}

.widget_search .searchform-wrap {
    position: relative
}

.widget_product_categories 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-bottom: 0;
    padding: 0
}

.widget_product_categories ul li,.widget_categories ul li,.widget_nav_menu ul li,.widget_pages ul li,.widget_archive ul li,.widget_meta ul li,.widget_recent_entries ul li {
    position: relative
}

.widget_product_categories 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 {
    background-color: unset;
    color: var(--secondary-color);
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.widget_product_categories 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,.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,.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,.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(--link-color)
}

.widget_product_categories ul li>.sub-menu,.widget_categories ul li>.sub-menu,.widget_nav_menu ul li>.sub-menu,.widget_pages ul li>.sub-menu,.widget_archive ul li>.sub-menu,.widget_meta ul li>.sub-menu,.widget_recent_entries ul li>.sub-menu {
    margin-left: 5px
}

.widget_product_categories ul li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li,.widget_categories ul li>.sub-menu>li>.sub-menu>li,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li,.widget_pages ul li>.sub-menu>li>.sub-menu>li,.widget_archive ul li>.sub-menu>li>.sub-menu>li,.widget_meta ul li>.sub-menu>li>.sub-menu>li,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 10px
}

.widget_product_categories .widget-content>ul>li:last-child>a,.widget_categories .widget-content>ul>li:last-child>a,.widget_nav_menu .widget-content>ul>li:last-child>a,.widget_pages .widget-content>ul>li:last-child>a,.widget_archive .widget-content>ul>li:last-child>a,.widget_meta .widget-content>ul>li:last-child>a,.widget_recent_entries .widget-content>ul>li:last-child>a {
    margin-bottom: 0
}

.widget_product_categories ul li a {
    color: var(--secondary-color);
    position: relative;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

.widget_product_categories ul li a:after {
    content: '\f105';
    font-family: "font awesome 5 pro";
    position: absolute;
    font-size: 14px;
    top: 25%;
    right: 0;
    color: var(--secondary-color);
    transform: translate(0,-25%);
    line-height: 1
}

.widget_product_categories ul li a:hover:after {
    color: var(--link-color)
}

.widget_categories a:hover span {
    color: var(--link-color-hover)
}

.widget_tag_cloud .widget-title,.widget_product_tag_cloud .widget-title {
    margin-bottom: 25px
}

.widget_tag_cloud .tagcloud,.widget_product_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px
}

.widget_tag_cloud a,.widget_product_tag_cloud a {
    font-size: 14px!important;
    text-decoration: none;
    padding: 2px 10px;
    margin: 2px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #12132c
}

@media(max-width: 991px) {
    .widget_tag_cloud a,.widget_product_tag_cloud a {
        padding:5px 10px
    }
}

.widget_tag_cloud a:hover,.widget_product_tag_cloud a:hover {
    background-color: var(--primary-color)
}

.widget_text .textwidget {
    font-size: 14px
}

.comments-area .comments-title {
    padding: 0
}

.comments-area .comments-title:before {
    display: none
}

.comments-area .comment-reply-title {
    padding: 0
}

.comments-area .comment-reply-title:before {
    display: none
}

.widget_pxl_recent_posts .pxl--item:hover .pxl-item--img img {
    -webkit-transform: translateX(35px);
    transform: translateX(35px)
}

.widget_pxl_recent_posts .pxl--item:hover .pxl-item--title a .char {
    color: var(--primary-color);
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.widget_pxl_recent_posts .pxl--item .pxl-item--img {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
    overflow: hidden;
    display: block;
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

@media(max-width: 1024px) {
    .widget_pxl_recent_posts .pxl--item .pxl-item--img {
        margin-right:15px
    }
}

.widget_pxl_recent_posts .pxl--item .pxl-item--img img {
    height: 100%;
    position: absolute;
    right: 0;
    width: auto;
    max-width: unset;
    transition: all 1s ease-out
}

.widget_pxl_recent_posts .pxl-item--title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.6
}

@media(max-width: 1280px) {
    .widget_pxl_recent_posts .pxl-item--title {
        font-size:15px
    }
}

.widget_pxl_recent_posts .pxl-item--date {
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
    display: flex;
    align-items: center
}

.widget_pxl_recent_posts .pxl-item--date i {
    font-size: 14px;
    color: var(--primary-color)
}

.widget_pxl_recent_posts .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6
}

.widget_pxl_recent_posts .pxl--item:last-child {
    margin-bottom: 0
}

.gallery {
    margin: -10px -5px 0!important;
    display: flex;
    flex-wrap: wrap
}

.gallery .gallery-item {
    padding: 0 5px!important;
    margin: 24px 0 0!important
}

.gallery .gallery-item img {
    border: none!important
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%!important
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.33%!important
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%!important
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%!important
}

#pxl-content-main .gallery {
    margin: -5px -12px 38px!important
}

#pxl-content-main .gallery .gallery-item {
    padding: 0 12px!important;
    margin: 24px 0 0!important
}

.widget_media_gallery .gallery,.elementor-widget-wp-widget-media_gallery .gallery,.elementor-widget-image-gallery .gallery {
    margin: -10px -5px 0
}

.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: block;
    position: relative
}

.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 42px;
    display: flex;
    flex-wrap: wrap
}

.pxl-gallery img {
    width: 100%
}

.pxl-gallery .pxl--item {
    padding: 30px 15px 0
}

.pxl-gallery .pxl--item-inner {
    overflow: hidden;
    position: relative
}

.pxl-gallery .pxl--item-inner.video-active:before {
    background-color: rgba(27,27,27,.5)
}

.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-gallery.masonry-style1 .pxl--item-inner {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.calendar_wrap caption {
    margin-bottom: 10px
}

.widget_recent_comments ul,.widget_recent_comments ol {
    list-style: none;
    font-size: 16px;
    line-height: 1.3;
    color: var(--secondary-color)
}

.widget_recent_comments ul a,.widget_recent_comments ol a {
    color: var(--link-color)
}

.widget_recent_comments ul a:hover,.widget_recent_comments ol a:hover {
    color: var(--link-color-hover)
}

.widget_recent_comments ul li+li,.widget_recent_comments ol li+li {
    margin-top: 18px
}

.widget_rss .rss-widget-feed {
    font-size: 35px!important
}

.widget_rss ul,.widget_rss ol {
    margin: 0;
    list-style: none
}

.widget_rss .rss-date {
    display: block;
    margin-top: 4px;
    margin-bottom: 10px
}

.widget_rss li+li {
    margin-top: 34px
}

.widget_rss cite {
    display: block;
    margin-top: 4px;
    color: var(--link-color)
}

.widget_block ul,.widget_block ol {
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.widget_block .wp-block-search__label,.widget_block .wp-block-group__inner-container>h2 {
    font-size: 20px;
    margin-bottom: 13px;
    position: relative;
    color: var(--link-color);
    letter-spacing: -.025em;
    line-height: 1.2;
    font-weight: 600;
    display: block
}

.widget_block .wp-block-latest-posts__list,.widget_block .wp-block-latest-comments {
    font-size: 16px;
    color: var(--link-color)
}

.widget_block .wp-block-latest-posts__list a,.widget_block .wp-block-latest-comments a {
    color: inherit
}

.widget_block .wp-block-latest-posts__list a:hover,.widget_block .wp-block-latest-comments a:hover {
    color: var(--link-color-hover)
}

.widget_block .wp-block-latest-posts__list li+li,.widget_block .wp-block-latest-comments li+li {
    margin-top: 18px
}

.widget_block .wp-block-latest-comments {
    color: #666
}

.widget_block .wp-block-latest-comments a {
    color: var(--link-color)
}

.widget_block .wp-block-latest-comments a:hover {
    color: var(--link-color-hover)
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
    position: relative
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    height: 16px;
    width: 16px;
    background: 0 0;
    top: 50%;
    right: 22px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
    color: #333f4d;
    z-index: 1;
    font-size: 0;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    transform: translate(0,-50%)
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:before {
    content: "\f104";
    font-family: caseicon;
    font-size: 16px;
    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%)
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
    color: var(--link-color-hover)
}

.widget_text strong {
    color: var(--link-color)
}

.widget_archive .nice-select ul.list {
    max-width: 320px
}

.wp-calendar-table {
    background-color: #fff
}

.pxl-author-info.widget {
    padding-bottom: 36px
}

.pxl-author-info .author-image {
    margin-bottom: 16px
}

.pxl-author-info .author-image img {
    width: 100%
}

.pxl-author-info .author-desc {
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 15px
}

.pxl-author-info .author-social {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 -6px
}

.pxl-author-info .author-social a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    border-radius: 100%;
    color: #1c2539;
    margin: 6px;
    font-size: 15px
}

.pxl-author-info .author-social a span {
    display: inline-flex
}

.pxl-author-info .author-social a:hover {
    background-color: #fff;
    color: var(--link-color);
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25)
}

body.rtl .widget-title::before,body.rtl .comment-reply-title::before,body.rtl .comments-title::before,body.rtl .pxl-author-info .author-name::before {
    right: 0;
    left: auto
}

.widget_nav_menu {
    padding-bottom: 25px
}

.widget_nav_menu .widget-title {
    margin-bottom: 15px
}

.widget_nav_menu .menu li a {
    padding: 7px 0;
    position: relative
}

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,.nice-select {
    background: rgba(0,0,0,.025);
    border: solid 2px #eee;
    color: #333;
    padding: 10px;
    font-size: 1rem;
    font-weight: 700;
    height: 40px;
    font-weight: 400;
    -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: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    outline: none;
    font-family: inherit;
    margin-bottom: 20px
}

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,.nice-select:focus {
    outline: 0;
    background-color: rgba(74,129,211,.1)
}

input[type=range] {
    padding: 0;
    background-color: initial;
    height: auto;
    border: none
}

select {
    height: 50px
}

textarea {
    height: 256px;
    margin: 0
}

.comment-form {
    display: grid
}

.comment-form .comment-title-name {
    margin-bottom: 3px
}

.comment-form .row {
    margin: 0
}

.comment-form .comment-form-author {
    order: 1;
    padding-left: 0
}

@media(max-width: 991px) {
    .comment-form .comment-form-author {
        padding:0
    }
}

.comment-form .comment-form-email {
    order: 1;
    padding-right: 0
}

@media(max-width: 991px) {
    .comment-form .comment-form-email {
        padding:0
    }
}

.comment-form .comment-form-comment {
    order: 2;
    width: 100%
}

.comment-form .form-submit {
    order: 3
}

.comments-area {
    margin-top: 43px
}

@media(max-width: 991px) {
    .comments-area {
        margin-top:30px
    }
}

.comments-area .comment-respond .logged-in-as {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700
}

@media(max-width: 767px) {
    .comments-area .comment-respond .logged-in-as {
        font-size:14px
    }
}

.comments-area .comment-respond .logged-in-as a {
    color: inherit
}

.comments-area .comment-respond .logged-in-as a:hover {
    color: var(--link-color-hover)
}

.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 {
    color: var(--link-color);
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0
}

.comment-title a {
    color: inherit
}

.comment-title a:hover {
    color: var(--link-color-hover)
}

.comment-list {
    padding: 0;
    list-style: none;
    margin-bottom: 50px
}

@media screen and (max-width: 1200px) {
    .comment-list {
        padding-right:0
    }
}

.comment-list .comment-reply-title {
    font-size: 22px;
    display: inline-flex;
    align-items: center;
    padding-bottom: 0;
    line-height: 1;
    flex-wrap: wrap
}

.comment-list .comment-reply-title:before {
    display: none
}

.comment-list li {
    border-bottom: solid 1px #ccc
}

.comment-list li .children {
    margin: 0;
    margin-left: 55px
}

@media(max-width: 991px) {
    .comment-list li .children {
        padding-left:40px
    }
}

@media screen and (max-width: 575px) {
    .comment-list li .children {
        padding-left:0
    }
}

@media(max-width: 360px) {
    .comment-list li .children {
        margin-left:25px
    }
}

.comment-list li .children li {
    list-style: none;
    padding-bottom: 0;
    margin-top: 20px;
    padding-top: 20px;
    border-bottom: none;
    border-top: solid 1px #ccc
}

.comment-list li .comment-respond {
    margin-top: 35px;
    margin-bottom: 50px;
    margin-left: 92px
}

@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: 20px;
    padding-bottom: 40px
}

.comment-list>li:last-child {
    padding-bottom: 20px
}

.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
}

@media screen and (min-width: 768px) {
    .comment-list .comment-form .comment-form-author,.comment-list .comment-form .comment-form-email {
        flex:0 0 50%;
        max-width: 50%
    }

    .comment-list .comment-form .comment-form-website {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.comment-list #respond {
    padding: 0
}

.comment-content {
    position: relative;
    flex-grow: 1
}

.comment-content a {
    word-wrap: break-word
}

.comment-content .comment-text {
    color: inherit;
    color: var(--secondary-color)
}

.comment-content .comment-text p br {
    display: none
}

@media screen and (max-width: 767px) {
    .comment-content .comment-text {
        font-size:14px
    }
}

.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-form .row>div {
    margin-top: 20px
}

.comment-form .form-submit {
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.comment-form .comment-form-comment {
    display: flex;
    flex-wrap: wrap
}

.comments-title {
    margin-bottom: 32px
}

.comment-inner {
    display: flex
}

@media(max-width: 480px) {
    .comment-inner {
        display:block
    }
}

.comment-inner .comment-image {
    width: 70px;
    min-width: 70px;
    overflow: hidden
}

@media(max-width: 575px) {
    .comment-inner .comment-image {
        width:60px;
        min-width: 60px;
        margin-bottom: 20px
    }
}

.comment-inner .comment-image img {
    width: 100%;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.comment-inner .comment-title {
    color: #555;
    word-spacing: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px
}

.comment-inner .comment-meta {
    margin-bottom: 6px
}

.comment-inner .comment-meta .comment-reply {
    color: var(--gradient-color-to)
}

.comment-inner .comment-meta .comment-reply a {
    color: var(--gradient-color-to)
}

.comment-inner .comment-meta .comment-reply a:hover {
    color: var(--primary-color)
}

.comment-inner .comment-meta span {
    font-size: 12px;
    color: var(--primary-color);
    border-right: 1px solid #ddd;
    padding-right: 20px;
    margin-right: 20px
}

.comment-inner .comment-meta span:last-child {
    padding-right: 0;
    margin-right: 0;
    border: none
}

.comment-inner .comment-text {
    font-size: 15px;
    line-height: 1.6em
}

.comment-form-cookies-consent {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 32px;
    position: relative
}

.comment-form-cookies-consent input,.comment-form-cookies-consent label:before,.comment-form-cookies-consent label:after {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    cursor: pointer
}

.comment-form-cookies-consent label {
    cursor: pointer
}

.comment-form-cookies-consent label:before {
    content: '';
    z-index: 1;
    background-color: #f6f6f6
}

.comment-form-cookies-consent label:after {
    content: "\f135";
    font-family: caseicon;
    font-weight: 400;
    z-index: 2;
    font-size: 10px;
    color: #000;
    opacity: 0;
    line-height: 12px;
    text-align: center;
    top: 8px
}

.comment-form-cookies-consent input {
    z-index: 99;
    opacity: 0
}

.comment-form-cookies-consent input:checked+label:after {
    opacity: 1
}

.pxl-select {
    width: 100%;
    position: relative
}

.pxl-select .pxl-select-hidden {
    display: none!important
}

.pxl-select .pxl-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    background-color: #fff;
    z-index: 99;
    font-size: 15px;
    color: #666;
    font-family: inherit;
    box-shadow: 0 3px 65px rgba(0,0,0,8%);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 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);
    opacity: 0;
    margin-top: 30px;
    visibility: hidden
}

.pxl-select .pxl-select-options li {
    padding: 12px 15px;
    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);
    line-height: normal!important
}

.pxl-select .pxl-select-options li:hover {
    color: #fff;
    background-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: "\f107";
    font-family: Caseicon;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #737879;
    line-height: 28px;
    text-align: center;
    font-size: 10px;
    font-family: Caseicon;
    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%);
    -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: 10px;
    visibility: visible
}

.pxl-select .pxl-select-higthlight.active:before {
    transform: translate(0,-50%)scaleY(-1)
}

.nice-select {
    position: relative;
    padding-right: 44px;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.nice-select:before {
    content: "\f107";
    font-family: Caseicon;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #737879;
    line-height: 28px;
    text-align: center;
    font-size: 10px;
    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%);
    -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)
}

.nice-select ul.list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 12px 18px;
    background-color: #fff;
    z-index: 99;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    font-family: inherit;
    box-shadow: 0 10px 35px rgba(0,0,0,8%);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 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);
    opacity: 0;
    margin-top: 30px;
    visibility: hidden;
    max-width: 270px
}

.nice-select ul.list li {
    padding: 9px 8px;
    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);
    line-height: normal!important
}

.nice-select ul.list li:hover {
    color: #101010;
    background-color: #f8f8f8
}

.nice-select.open:before {
    transform: translate(0,-50%)scaleY(-1)
}

.nice-select.open ul.list {
    opacity: 1;
    margin-top: 10px;
    visibility: visible
}

.comment-reply-title small {
    display: inline-block;
    vertical-align: top
}

.comment-reply-title small a {
    line-height: 30px;
    font-size: 13px;
    padding: 0 15px;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 700;
    display: inline-flex!important;
    letter-spacing: 0
}

.comment-reply-title small a i {
    display: none
}

.comment-reply-title small a:hover {
    background-color: var(--link-color)
}

.post-password-form {
}

.post-password-form input[type=password] {
    margin-top: 6px
}

.post-password-form input[type=submit] {
    margin-top: 10px
}

.select2 .select2-selection--single {
    border: 1px solid #2d2d2d;
    height: 51px
}

.select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    line-height: 51px
}

.select2 .select2-selection--single .select2-selection__arrow {
    right: 8px;
    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%)
}

form .select2-container--default {
    width: 100%!important
}

form .select2-container--default .select2-selection {
    border: 1px solid #ececec;
    height: 50px;
    background-color: #fff;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

form .select2-container--default .select2-selection .select2-selection__rendered {
    line-height: 50px;
    padding-left: 22px;
    font-size: 15px;
    color: #888
}

form .select2-container--default .select2-selection .select2-selection__arrow {
    right: 10px;
    top: 50%;
    color: #5d5d60
}

form .select2-container--default .select2-selection .select2-selection__clear {
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 30px;
    text-align: center;
    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%);
    width: 20px;
    color: #5d5d60
}

form .select2-container--default .select2-selection .select2-selection__placeholder {
    color: #5d5d60
}

.select2-container.select2-container--open {
}

.select2-container.select2-container--open .select2-dropdown {
    border-color: #e7e8e9
}

.select2-container.select2-container--open .select2-dropdown .select2-search__field {
    border: 1px solid #e7e8e9;
    padding-left: 15px;
    padding-right: 15px
}

.select2-container.select2-container--open .select2-results .select2-results__option {
    font-size: 15px
}

.select2-container.select2-container--open .select2-results li.select2-results__option--highlighted {
    background-color: var(--link-color)
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary-color)!important
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,body .xdsoft_datetimepicker .xdsoft_calendar td:hover,body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: var(--secondary-color)!important;
    -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;
    color: var(--primary-color)!important
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,body .xdsoft_timepicker .xdsoft_time_variant .xdsoft_current {
    background-color: var(--primary-color)!important;
    -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;
    color: #fff!important
}

body .xdsoft_datetimepicker {
    font-family: inherit;
    border: none;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0,0,0,.12);
    -khtml-box-shadow: 0 5px 20px -5px rgba(0,0,0,.12);
    -moz-box-shadow: 0 5px 20px -5px rgba(0,0,0,.12);
    -ms-box-shadow: 0 5px 20px -5px rgba(0,0,0,.12);
    -o-box-shadow: 0 5px 20px -5px rgba(0,0,0,.12);
    box-shadow: 0 5px 20px -5px rgba(0,0,0,.12)
}

body .xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: #f3f3f3;
    color: #444
}

body .xdsoft_datetimepicker .xdsoft_calendar td {
    border-color: #ebebeb;
    height: 30px;
    background-color: #f7f7f7
}

body .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding: 0;
    text-align: center
}

body .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 230px
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background-color: var(--link-color);
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.search-no-results #pxl-main {
    min-height: calc(100vh - 308px)
}

.search-no-results .pxl-content-wrap.no-sidebar .no-results.not-found {
    max-width: 780px;
    margin: auto
}

.search-no-results .search-form .searchform-wrap {
    position: relative
}

.search-no-results .search-form .searchform-wrap .search-submit {
    padding: 0;
    background-color: initial;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    transform: unset;
    color: var(--primary-color)
}

.search-no-results .search-form .searchform-wrap .search-submit i {
    color: var(--primary-color)
}

.search-no-results .search-form .searchform-wrap .search-submit:hover {
    color: var(--link-color)
}

body.rtl .comment-list {
    padding-right: 0;
    padding-left: 30px
}

@media screen and (max-width: 1200px) {
    body.rtl .comment-list {
        padding-left:0
    }
}

body.rtl .comment-list .comment-list li .children {
    padding-left: 0;
    padding-right: 92px
}

@media screen and (max-width: 767px) {
    body.rtl .comment-list .comment-list li .children {
        padding-left:0;
        padding-right: 30px
    }
}

@media screen and (max-width: 767px) {
    body.rtl .comment-image.pxl-mr-28 {
        margin-right:0;
        margin-left: 18px
    }
}

body.rtl form input,body.rtl form textarea,body.rtl form select {
    text-align: right
}

body.rtl .pxl-contact-form .pxl--form-icon {
    right: auto;
    left: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body:not(.rtl) .ltr-reverse {
    -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 {
    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 .rtl-reverse {
    -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-icon-reverse {
    -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-text-left {
    text-align: right
}

body.rtl .pxl-text-right {
    text-align: left
}

@media screen and (min-width: 1201px) {
    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: 1200px) {
    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---post .pxl-item--meta li {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl---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---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: 32px
}

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-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:after,body.rtl .widget_categories ul li a:after,body.rtl .widget_nav_menu ul li a:after,body.rtl .widget_pages ul li a:after,body.rtl .widget_archive ul li a:after,body.rtl .widget_meta ul li a:after,body.rtl .widget_recent_entries ul li a:after {
    right: auto;
    left: 24px;
    transform: translate(0,-50%)scaleX(-1)
}

body.rtl .widget_search .search-submit {
    right: auto;
    left: 0
}

.pxl-mr-3 {
    margin-right: 3px
}

.pxl-mr-4 {
    margin-right: 4px
}

.pxl-mr-5 {
    margin-right: 5px
}

.pxl-mr-6 {
    margin-right: 6px
}

.pxl-mr-7 {
    margin-right: 7px
}

.pxl-mr-8 {
    margin-right: 8px
}

.pxl-mr-9 {
    margin-right: 9px
}

.pxl-mr-10 {
    margin-right: 10px
}

.pxl-mr-11 {
    margin-right: 11px
}

.pxl-mr-12 {
    margin-right: 12px
}

.pxl-mr-13 {
    margin-right: 13px
}

.pxl-mr-14 {
    margin-right: 14px
}

.pxl-mr-15 {
    margin-right: 15px
}

.pxl-mr-16 {
    margin-right: 16px
}

.pxl-mr-17 {
    margin-right: 17px
}

.pxl-mr-18 {
    margin-right: 18px
}

.pxl-mr-19 {
    margin-right: 19px
}

.pxl-mr-20 {
    margin-right: 20px
}

.pxl-mr-21 {
    margin-right: 21px
}

.pxl-mr-22 {
    margin-right: 22px
}

.pxl-mr-23 {
    margin-right: 23px
}

.pxl-mr-24 {
    margin-right: 24px
}

.pxl-mr-25 {
    margin-right: 25px
}

.pxl-mr-26 {
    margin-right: 26px
}

.pxl-mr-27 {
    margin-right: 27px
}

.pxl-mr-28 {
    margin-right: 28px
}

.pxl-mr-29 {
    margin-right: 29px
}

.pxl-mr-30 {
    margin-right: 30px
}

.pxl-mr-31 {
    margin-right: 31px
}

.pxl-mr-32 {
    margin-right: 32px
}

.pxl-mr-33 {
    margin-right: 33px
}

.pxl-mr-34 {
    margin-right: 34px
}

.pxl-mr-35 {
    margin-right: 35px
}

.pxl-mr-36 {
    margin-right: 36px
}

.pxl-mr-37 {
    margin-right: 37px
}

.pxl-mr-38 {
    margin-right: 38px
}

.pxl-mr-39 {
    margin-right: 39px
}

.pxl-mr-40 {
    margin-right: 40px
}

.pxl-mr-49 {
    margin-right: 49px
}

.pxl-ml-3 {
    margin-left: 3px
}

.pxl-ml-4 {
    margin-left: 4px
}

.pxl-ml-5 {
    margin-left: 5px
}

.pxl-ml-6 {
    margin-left: 6px
}

.pxl-ml-7 {
    margin-left: 7px
}

.pxl-ml-8 {
    margin-left: 8px
}

.pxl-ml-9 {
    margin-left: 9px
}

.pxl-ml-10 {
    margin-left: 10px
}

.pxl-ml-11 {
    margin-left: 11px
}

.pxl-ml-12 {
    margin-left: 12px
}

.pxl-ml-13 {
    margin-left: 13px
}

.pxl-ml-14 {
    margin-left: 14px
}

.pxl-ml-15 {
    margin-left: 15px
}

.pxl-ml-16 {
    margin-left: 16px
}

.pxl-ml-17 {
    margin-left: 17px
}

.pxl-ml-18 {
    margin-left: 18px
}

.pxl-ml-19 {
    margin-left: 19px
}

.pxl-ml-20 {
    margin-left: 20px
}

.pxl-ml-21 {
    margin-left: 21px
}

.pxl-ml-22 {
    margin-left: 22px
}

.pxl-ml-23 {
    margin-left: 23px
}

.pxl-ml-24 {
    margin-left: 24px
}

.pxl-ml-25 {
    margin-left: 25px
}

.pxl-ml-26 {
    margin-left: 26px
}

.pxl-ml-27 {
    margin-left: 27px
}

.pxl-ml-28 {
    margin-left: 28px
}

.pxl-ml-29 {
    margin-left: 29px
}

.pxl-ml-30 {
    margin-left: 30px
}

.pxl-ml-31 {
    margin-left: 31px
}

.pxl-ml-32 {
    margin-left: 32px
}

.pxl-ml-33 {
    margin-left: 33px
}

.pxl-ml-34 {
    margin-left: 34px
}

.pxl-ml-35 {
    margin-left: 35px
}

.pxl-ml-36 {
    margin-left: 36px
}

.pxl-ml-37 {
    margin-left: 37px
}

.pxl-ml-38 {
    margin-left: 38px
}

.pxl-ml-39 {
    margin-left: 39px
}

.pxl-ml-40 {
    margin-left: 40px
}

.pxl-ml-49 {
    margin-left: 49px
}

.pxl-pr-3 {
    padding-right: 3px
}

.pxl-pr-4 {
    padding-right: 4px
}

.pxl-pr-5 {
    padding-right: 5px
}

.pxl-pr-6 {
    padding-right: 6px
}

.pxl-pr-7 {
    padding-right: 7px
}

.pxl-pr-8 {
    padding-right: 8px
}

.pxl-pr-9 {
    padding-right: 9px
}

.pxl-pr-10 {
    padding-right: 10px
}

.pxl-pr-11 {
    padding-right: 11px
}

.pxl-pr-12 {
    padding-right: 12px
}

.pxl-pr-13 {
    padding-right: 13px
}

.pxl-pr-14 {
    padding-right: 14px
}

.pxl-pr-15 {
    padding-right: 15px
}

.pxl-pr-16 {
    padding-right: 16px
}

.pxl-pr-17 {
    padding-right: 17px
}

.pxl-pr-18 {
    padding-right: 18px
}

.pxl-pr-19 {
    padding-right: 19px
}

.pxl-pr-20 {
    padding-right: 20px
}

.pxl-pr-21 {
    padding-right: 21px
}

.pxl-pr-22 {
    padding-right: 22px
}

.pxl-pr-23 {
    padding-right: 23px
}

.pxl-pr-24 {
    padding-right: 24px
}

.pxl-pr-25 {
    padding-right: 25px
}

.pxl-pr-26 {
    padding-right: 26px
}

.pxl-pr-27 {
    padding-right: 27px
}

.pxl-pr-28 {
    padding-right: 28px
}

.pxl-pr-29 {
    padding-right: 29px
}

.pxl-pr-30 {
    padding-right: 30px
}

.pxl-pr-31 {
    padding-right: 31px
}

.pxl-pr-32 {
    padding-right: 32px
}

.pxl-pr-33 {
    padding-right: 33px
}

.pxl-pr-34 {
    padding-right: 34px
}

.pxl-pr-35 {
    padding-right: 35px
}

.pxl-pr-36 {
    padding-right: 36px
}

.pxl-pr-37 {
    padding-right: 37px
}

.pxl-pr-38 {
    padding-right: 38px
}

.pxl-pr-39 {
    padding-right: 39px
}

.pxl-pr-40 {
    padding-right: 40px
}

.pxl-pr-60 {
    padding-right: 60px
}

.pxl-pl-3 {
    padding-left: 3px
}

.pxl-pl-4 {
    padding-left: 4px
}

.pxl-pl-5 {
    padding-left: 5px
}

.pxl-pl-6 {
    padding-left: 6px
}

.pxl-pl-7 {
    padding-left: 7px
}

.pxl-pl-8 {
    padding-left: 8px
}

.pxl-pl-9 {
    padding-left: 9px
}

.pxl-pl-10 {
    padding-left: 10px
}

.pxl-pl-11 {
    padding-left: 11px
}

.pxl-pl-12 {
    padding-left: 12px
}

.pxl-pl-13 {
    padding-left: 13px
}

.pxl-pl-14 {
    padding-left: 14px
}

.pxl-pl-15 {
    padding-left: 15px
}

.pxl-pl-16 {
    padding-left: 16px
}

.pxl-pl-17 {
    padding-left: 17px
}

.pxl-pl-18 {
    padding-left: 18px
}

.pxl-pl-19 {
    padding-left: 19px
}

.pxl-pl-20 {
    padding-left: 20px
}

.pxl-pl-21 {
    padding-left: 21px
}

.pxl-pl-22 {
    padding-left: 22px
}

.pxl-pl-23 {
    padding-left: 23px
}

.pxl-pl-24 {
    padding-left: 24px
}

.pxl-pl-25 {
    padding-left: 25px
}

.pxl-pl-26 {
    padding-left: 26px
}

.pxl-pl-27 {
    padding-left: 27px
}

.pxl-pl-28 {
    padding-left: 28px
}

.pxl-pl-29 {
    padding-left: 29px
}

.pxl-pl-30 {
    padding-left: 30px
}

.pxl-pl-31 {
    padding-left: 31px
}

.pxl-pl-32 {
    padding-left: 32px
}

.pxl-pl-33 {
    padding-left: 33px
}

.pxl-pl-34 {
    padding-left: 34px
}

.pxl-pl-35 {
    padding-left: 35px
}

.pxl-pl-36 {
    padding-left: 36px
}

.pxl-pl-37 {
    padding-left: 37px
}

.pxl-pl-38 {
    padding-left: 38px
}

.pxl-pl-39 {
    padding-left: 39px
}

.pxl-pl-40 {
    padding-left: 40px
}

.pxl-l-0 {
    left: 0
}

.pxl-l-1 {
    left: 1px
}

.pxl-l-2 {
    left: 2px
}

.pxl-l-3 {
    left: 3px
}

.pxl-l-4 {
    left: 4px
}

.pxl-l-5 {
    left: 5px
}

.pxl-l-6 {
    left: 6px
}

.pxl-l-7 {
    left: 7px
}

.pxl-l-8 {
    left: 8px
}

.pxl-l-9 {
    left: 9px
}

.pxl-l-10 {
    left: 10px
}

.pxl-l-11 {
    left: 11px
}

.pxl-l-12 {
    left: 12px
}

.pxl-l-13 {
    left: 13px
}

.pxl-l-14 {
    left: 14px
}

.pxl-l-15 {
    left: 15px
}

.pxl-l-16 {
    left: 16px
}

.pxl-l-17 {
    left: 17px
}

.pxl-l-18 {
    left: 18px
}

.pxl-l-19 {
    left: 19px
}

.pxl-l-20 {
    left: 20px
}

.pxl-l-21 {
    left: 21px
}

.pxl-l-22 {
    left: 22px
}

.pxl-l-23 {
    left: 23px
}

.pxl-l-24 {
    left: 24px
}

.pxl-l-25 {
    left: 25px
}

.pxl-l-26 {
    left: 26px
}

.pxl-l-27 {
    left: 27px
}

.pxl-l-28 {
    left: 28px
}

.pxl-l-29 {
    left: 29px
}

.pxl-l-30 {
    left: 30px
}

.pxl-l-31 {
    left: 31px
}

.pxl-l-32 {
    left: 32px
}

.pxl-l-33 {
    left: 33px
}

.pxl-l-34 {
    left: 34px
}

.pxl-l-35 {
    left: 35px
}

.pxl-l-36 {
    left: 36px
}

.pxl-l-37 {
    left: 37px
}

.pxl-l-38 {
    left: 38px
}

.pxl-l-39 {
    left: 39px
}

.pxl-l-40 {
    left: 40px
}

.pxl-r-0 {
    right: 0
}

.pxl-r-1 {
    right: 1px
}

.pxl-r-2 {
    right: 2px
}

.pxl-r-3 {
    right: 3px
}

.pxl-r-4 {
    right: 4px
}

.pxl-r-5 {
    right: 5px
}

.pxl-r-6 {
    right: 6px
}

.pxl-r-7 {
    right: 7px
}

.pxl-r-8 {
    right: 8px
}

.pxl-r-9 {
    right: 9px
}

.pxl-r-10 {
    right: 10px
}

.pxl-r-11 {
    right: 11px
}

.pxl-r-12 {
    right: 12px
}

.pxl-r-13 {
    right: 13px
}

.pxl-r-14 {
    right: 14px
}

.pxl-r-15 {
    right: 15px
}

.pxl-r-16 {
    right: 16px
}

.pxl-r-17 {
    right: 17px
}

.pxl-r-18 {
    right: 18px
}

.pxl-r-19 {
    right: 19px
}

.pxl-r-20 {
    right: 20px
}

.pxl-r-21 {
    right: 21px
}

.pxl-r-22 {
    right: 22px
}

.pxl-r-23 {
    right: 23px
}

.pxl-r-24 {
    right: 24px
}

.pxl-r-25 {
    right: 25px
}

.pxl-r-26 {
    right: 26px
}

.pxl-r-27 {
    right: 27px
}

.pxl-r-28 {
    right: 28px
}

.pxl-r-29 {
    right: 29px
}

.pxl-r-30 {
    right: 30px
}

.pxl-r-31 {
    right: 31px
}

.pxl-r-32 {
    right: 32px
}

.pxl-r-33 {
    right: 33px
}

.pxl-r-34 {
    right: 34px
}

.pxl-r-35 {
    right: 35px
}

.pxl-r-36 {
    right: 36px
}

.pxl-r-37 {
    right: 37px
}

.pxl-r-38 {
    right: 38px
}

.pxl-r-39 {
    right: 39px
}

.pxl-r-40 {
    right: 40px
}

[dir=rtl] .pxl-mr-3 {
    margin-right: 0;
    margin-left: 3px
}

[dir=rtl] .pxl-mr-4 {
    margin-right: 0;
    margin-left: 4px
}

[dir=rtl] .pxl-mr-5 {
    margin-right: 0;
    margin-left: 5px
}

[dir=rtl] .pxl-mr-6 {
    margin-right: 0;
    margin-left: 6px
}

[dir=rtl] .pxl-mr-7 {
    margin-right: 0;
    margin-left: 7px
}

[dir=rtl] .pxl-mr-8 {
    margin-right: 0;
    margin-left: 8px
}

[dir=rtl] .pxl-mr-9 {
    margin-right: 0;
    margin-left: 9px
}

[dir=rtl] .pxl-mr-10 {
    margin-right: 0;
    margin-left: 10px
}

[dir=rtl] .pxl-mr-11 {
    margin-right: 0;
    margin-left: 11px
}

[dir=rtl] .pxl-mr-12 {
    margin-right: 0;
    margin-left: 12px
}

[dir=rtl] .pxl-mr-13 {
    margin-right: 0;
    margin-left: 13px
}

[dir=rtl] .pxl-mr-14 {
    margin-right: 0;
    margin-left: 14px
}

[dir=rtl] .pxl-mr-15 {
    margin-right: 0;
    margin-left: 15px
}

[dir=rtl] .pxl-mr-16 {
    margin-right: 0;
    margin-left: 16px
}

[dir=rtl] .pxl-mr-17 {
    margin-right: 0;
    margin-left: 17px
}

[dir=rtl] .pxl-mr-18 {
    margin-right: 0;
    margin-left: 18px
}

[dir=rtl] .pxl-mr-19 {
    margin-right: 0;
    margin-left: 19px
}

[dir=rtl] .pxl-mr-20 {
    margin-right: 0;
    margin-left: 20px
}

[dir=rtl] .pxl-mr-21 {
    margin-right: 0;
    margin-left: 21px
}

[dir=rtl] .pxl-mr-22 {
    margin-right: 0;
    margin-left: 22px
}

[dir=rtl] .pxl-mr-23 {
    margin-right: 0;
    margin-left: 23px
}

[dir=rtl] .pxl-mr-24 {
    margin-right: 0;
    margin-left: 24px
}

[dir=rtl] .pxl-mr-25 {
    margin-right: 0;
    margin-left: 25px
}

[dir=rtl] .pxl-mr-26 {
    margin-right: 0;
    margin-left: 26px
}

[dir=rtl] .pxl-mr-27 {
    margin-right: 0;
    margin-left: 27px
}

[dir=rtl] .pxl-mr-28 {
    margin-right: 0;
    margin-left: 28px
}

[dir=rtl] .pxl-mr-29 {
    margin-right: 0;
    margin-left: 29px
}

[dir=rtl] .pxl-mr-30 {
    margin-right: 0;
    margin-left: 30px
}

[dir=rtl] .pxl-mr-31 {
    margin-right: 0;
    margin-left: 31px
}

[dir=rtl] .pxl-mr-32 {
    margin-right: 0;
    margin-left: 32px
}

[dir=rtl] .pxl-mr-33 {
    margin-right: 0;
    margin-left: 33px
}

[dir=rtl] .pxl-mr-34 {
    margin-right: 0;
    margin-left: 34px
}

[dir=rtl] .pxl-mr-35 {
    margin-right: 0;
    margin-left: 35px
}

[dir=rtl] .pxl-mr-36 {
    margin-right: 0;
    margin-left: 36px
}

[dir=rtl] .pxl-mr-37 {
    margin-right: 0;
    margin-left: 37px
}

[dir=rtl] .pxl-mr-38 {
    margin-right: 0;
    margin-left: 38px
}

[dir=rtl] .pxl-mr-39 {
    margin-right: 0;
    margin-left: 39px
}

[dir=rtl] .pxl-mr-40 {
    margin-right: 0;
    margin-left: 40px
}

[dir=rtl] .pxl-mr-49 {
    margin-right: 0;
    margin-left: 49px
}

[dir=rtl] .pxl-ml-3 {
    margin-left: 0;
    margin-right: 3px
}

[dir=rtl] .pxl-ml-4 {
    margin-left: 0;
    margin-right: 4px
}

[dir=rtl] .pxl-ml-5 {
    margin-left: 0;
    margin-right: 5px
}

[dir=rtl] .pxl-ml-6 {
    margin-left: 0;
    margin-right: 6px
}

[dir=rtl] .pxl-ml-7 {
    margin-left: 0;
    margin-right: 7px
}

[dir=rtl] .pxl-ml-8 {
    margin-left: 0;
    margin-right: 8px
}

[dir=rtl] .pxl-ml-9 {
    margin-left: 0;
    margin-right: 9px
}

[dir=rtl] .pxl-ml-10 {
    margin-left: 0;
    margin-right: 10px
}

[dir=rtl] .pxl-ml-11 {
    margin-left: 0;
    margin-right: 11px
}

[dir=rtl] .pxl-ml-12 {
    margin-left: 0;
    margin-right: 12px
}

[dir=rtl] .pxl-ml-13 {
    margin-left: 0;
    margin-right: 13px
}

[dir=rtl] .pxl-ml-14 {
    margin-left: 0;
    margin-right: 14px
}

[dir=rtl] .pxl-ml-15 {
    margin-left: 0;
    margin-right: 15px
}

[dir=rtl] .pxl-ml-16 {
    margin-left: 0;
    margin-right: 16px
}

[dir=rtl] .pxl-ml-17 {
    margin-left: 0;
    margin-right: 17px
}

[dir=rtl] .pxl-ml-18 {
    margin-left: 0;
    margin-right: 18px
}

[dir=rtl] .pxl-ml-19 {
    margin-left: 0;
    margin-right: 19px
}

[dir=rtl] .pxl-ml-20 {
    margin-left: 0;
    margin-right: 20px
}

[dir=rtl] .pxl-ml-21 {
    margin-left: 0;
    margin-right: 21px
}

[dir=rtl] .pxl-ml-22 {
    margin-left: 0;
    margin-right: 22px
}

[dir=rtl] .pxl-ml-23 {
    margin-left: 0;
    margin-right: 23px
}

[dir=rtl] .pxl-ml-24 {
    margin-left: 0;
    margin-right: 24px
}

[dir=rtl] .pxl-ml-25 {
    margin-left: 0;
    margin-right: 25px
}

[dir=rtl] .pxl-ml-26 {
    margin-left: 0;
    margin-right: 26px
}

[dir=rtl] .pxl-ml-27 {
    margin-left: 0;
    margin-right: 27px
}

[dir=rtl] .pxl-ml-28 {
    margin-left: 0;
    margin-right: 28px
}

[dir=rtl] .pxl-ml-29 {
    margin-left: 0;
    margin-right: 29px
}

[dir=rtl] .pxl-ml-30 {
    margin-left: 0;
    margin-right: 30px
}

[dir=rtl] .pxl-ml-31 {
    margin-left: 0;
    margin-right: 31px
}

[dir=rtl] .pxl-ml-32 {
    margin-left: 0;
    margin-right: 32px
}

[dir=rtl] .pxl-ml-33 {
    margin-left: 0;
    margin-right: 33px
}

[dir=rtl] .pxl-ml-34 {
    margin-left: 0;
    margin-right: 34px
}

[dir=rtl] .pxl-ml-35 {
    margin-left: 0;
    margin-right: 35px
}

[dir=rtl] .pxl-ml-36 {
    margin-left: 0;
    margin-right: 36px
}

[dir=rtl] .pxl-ml-37 {
    margin-left: 0;
    margin-right: 37px
}

[dir=rtl] .pxl-ml-38 {
    margin-left: 0;
    margin-right: 38px
}

[dir=rtl] .pxl-ml-39 {
    margin-left: 0;
    margin-right: 39px
}

[dir=rtl] .pxl-ml-40 {
    margin-left: 0;
    margin-right: 40px
}

[dir=rtl] .pxl-ml-49 {
    margin-left: 0;
    margin-right: 49px
}

[dir=rtl] .pxl-pr-3 {
    padding-right: 0;
    padding-left: 3px
}

[dir=rtl] .pxl-pr-4 {
    padding-right: 0;
    padding-left: 4px
}

[dir=rtl] .pxl-pr-5 {
    padding-right: 0;
    padding-left: 5px
}

[dir=rtl] .pxl-pr-6 {
    padding-right: 0;
    padding-left: 6px
}

[dir=rtl] .pxl-pr-7 {
    padding-right: 0;
    padding-left: 7px
}

[dir=rtl] .pxl-pr-8 {
    padding-right: 0;
    padding-left: 8px
}

[dir=rtl] .pxl-pr-9 {
    padding-right: 0;
    padding-left: 9px
}

[dir=rtl] .pxl-pr-10 {
    padding-right: 0;
    padding-left: 10px
}

[dir=rtl] .pxl-pr-11 {
    padding-right: 0;
    padding-left: 11px
}

[dir=rtl] .pxl-pr-12 {
    padding-right: 0;
    padding-left: 12px
}

[dir=rtl] .pxl-pr-13 {
    padding-right: 0;
    padding-left: 13px
}

[dir=rtl] .pxl-pr-14 {
    padding-right: 0;
    padding-left: 14px
}

[dir=rtl] .pxl-pr-15 {
    padding-right: 0;
    padding-left: 15px
}

[dir=rtl] .pxl-pr-16 {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .pxl-pr-17 {
    padding-right: 0;
    padding-left: 17px
}

[dir=rtl] .pxl-pr-18 {
    padding-right: 0;
    padding-left: 18px
}

[dir=rtl] .pxl-pr-19 {
    padding-right: 0;
    padding-left: 19px
}

[dir=rtl] .pxl-pr-20 {
    padding-right: 0;
    padding-left: 20px
}

[dir=rtl] .pxl-pr-21 {
    padding-right: 0;
    padding-left: 21px
}

[dir=rtl] .pxl-pr-22 {
    padding-right: 0;
    padding-left: 22px
}

[dir=rtl] .pxl-pr-23 {
    padding-right: 0;
    padding-left: 23px
}

[dir=rtl] .pxl-pr-24 {
    padding-right: 0;
    padding-left: 24px
}

[dir=rtl] .pxl-pr-25 {
    padding-right: 0;
    padding-left: 25px
}

[dir=rtl] .pxl-pr-26 {
    padding-right: 0;
    padding-left: 26px
}

[dir=rtl] .pxl-pr-27 {
    padding-right: 0;
    padding-left: 27px
}

[dir=rtl] .pxl-pr-28 {
    padding-right: 0;
    padding-left: 28px
}

[dir=rtl] .pxl-pr-29 {
    padding-right: 0;
    padding-left: 29px
}

[dir=rtl] .pxl-pr-30 {
    padding-right: 0;
    padding-left: 30px
}

[dir=rtl] .pxl-pr-31 {
    padding-right: 0;
    padding-left: 31px
}

[dir=rtl] .pxl-pr-32 {
    padding-right: 0;
    padding-left: 32px
}

[dir=rtl] .pxl-pr-33 {
    padding-right: 0;
    padding-left: 33px
}

[dir=rtl] .pxl-pr-34 {
    padding-right: 0;
    padding-left: 34px
}

[dir=rtl] .pxl-pr-35 {
    padding-right: 0;
    padding-left: 35px
}

[dir=rtl] .pxl-pr-36 {
    padding-right: 0;
    padding-left: 36px
}

[dir=rtl] .pxl-pr-37 {
    padding-right: 0;
    padding-left: 37px
}

[dir=rtl] .pxl-pr-38 {
    padding-right: 0;
    padding-left: 38px
}

[dir=rtl] .pxl-pr-39 {
    padding-right: 0;
    padding-left: 39px
}

[dir=rtl] .pxl-pr-40 {
    padding-right: 0;
    padding-left: 40px
}

[dir=rtl] .pxl-pr-60 {
    padding-right: 0;
    padding-left: 60px
}

[dir=rtl] .pxl-pl-3 {
    padding-left: 0;
    padding-right: 3px
}

[dir=rtl] .pxl-pl-4 {
    padding-left: 0;
    padding-right: 4px
}

[dir=rtl] .pxl-pl-5 {
    padding-left: 0;
    padding-right: 5px
}

[dir=rtl] .pxl-pl-6 {
    padding-left: 0;
    padding-right: 6px
}

[dir=rtl] .pxl-pl-7 {
    padding-left: 0;
    padding-right: 7px
}

[dir=rtl] .pxl-pl-8 {
    padding-left: 0;
    padding-right: 8px
}

[dir=rtl] .pxl-pl-9 {
    padding-left: 0;
    padding-right: 9px
}

[dir=rtl] .pxl-pl-10 {
    padding-left: 0;
    padding-right: 10px
}

[dir=rtl] .pxl-pl-11 {
    padding-left: 0;
    padding-right: 11px
}

[dir=rtl] .pxl-pl-12 {
    padding-left: 0;
    padding-right: 12px
}

[dir=rtl] .pxl-pl-13 {
    padding-left: 0;
    padding-right: 13px
}

[dir=rtl] .pxl-pl-14 {
    padding-left: 0;
    padding-right: 14px
}

[dir=rtl] .pxl-pl-15 {
    padding-left: 0;
    padding-right: 15px
}

[dir=rtl] .pxl-pl-16 {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .pxl-pl-17 {
    padding-left: 0;
    padding-right: 17px
}

[dir=rtl] .pxl-pl-18 {
    padding-left: 0;
    padding-right: 18px
}

[dir=rtl] .pxl-pl-19 {
    padding-left: 0;
    padding-right: 19px
}

[dir=rtl] .pxl-pl-20 {
    padding-left: 0;
    padding-right: 20px
}

[dir=rtl] .pxl-pl-21 {
    padding-left: 0;
    padding-right: 21px
}

[dir=rtl] .pxl-pl-22 {
    padding-left: 0;
    padding-right: 22px
}

[dir=rtl] .pxl-pl-23 {
    padding-left: 0;
    padding-right: 23px
}

[dir=rtl] .pxl-pl-24 {
    padding-left: 0;
    padding-right: 24px
}

[dir=rtl] .pxl-pl-25 {
    padding-left: 0;
    padding-right: 25px
}

[dir=rtl] .pxl-pl-26 {
    padding-left: 0;
    padding-right: 26px
}

[dir=rtl] .pxl-pl-27 {
    padding-left: 0;
    padding-right: 27px
}

[dir=rtl] .pxl-pl-28 {
    padding-left: 0;
    padding-right: 28px
}

[dir=rtl] .pxl-pl-29 {
    padding-left: 0;
    padding-right: 29px
}

[dir=rtl] .pxl-pl-30 {
    padding-left: 0;
    padding-right: 30px
}

[dir=rtl] .pxl-pl-31 {
    padding-left: 0;
    padding-right: 31px
}

[dir=rtl] .pxl-pl-32 {
    padding-left: 0;
    padding-right: 32px
}

[dir=rtl] .pxl-pl-33 {
    padding-left: 0;
    padding-right: 33px
}

[dir=rtl] .pxl-pl-34 {
    padding-left: 0;
    padding-right: 34px
}

[dir=rtl] .pxl-pl-35 {
    padding-left: 0;
    padding-right: 35px
}

[dir=rtl] .pxl-pl-36 {
    padding-left: 0;
    padding-right: 36px
}

[dir=rtl] .pxl-pl-37 {
    padding-left: 0;
    padding-right: 37px
}

[dir=rtl] .pxl-pl-38 {
    padding-left: 0;
    padding-right: 38px
}

[dir=rtl] .pxl-pl-39 {
    padding-left: 0;
    padding-right: 39px
}

[dir=rtl] .pxl-pl-40 {
    padding-left: 0;
    padding-right: 40px
}

[dir=rtl] .pxl-l-0 {
    right: 0;
    left: auto
}

[dir=rtl] .pxl-l-1 {
    right: 1px;
    left: auto
}

[dir=rtl] .pxl-l-2 {
    right: 2px;
    left: auto
}

[dir=rtl] .pxl-l-3 {
    right: 3px;
    left: auto
}

[dir=rtl] .pxl-l-4 {
    right: 4px;
    left: auto
}

[dir=rtl] .pxl-l-5 {
    right: 5px;
    left: auto
}

[dir=rtl] .pxl-l-6 {
    right: 6px;
    left: auto
}

[dir=rtl] .pxl-l-7 {
    right: 7px;
    left: auto
}

[dir=rtl] .pxl-l-8 {
    right: 8px;
    left: auto
}

[dir=rtl] .pxl-l-9 {
    right: 9px;
    left: auto
}

[dir=rtl] .pxl-l-10 {
    right: 10px;
    left: auto
}

[dir=rtl] .pxl-l-11 {
    right: 11px;
    left: auto
}

[dir=rtl] .pxl-l-12 {
    right: 12px;
    left: auto
}

[dir=rtl] .pxl-l-13 {
    right: 13px;
    left: auto
}

[dir=rtl] .pxl-l-14 {
    right: 14px;
    left: auto
}

[dir=rtl] .pxl-l-15 {
    right: 15px;
    left: auto
}

[dir=rtl] .pxl-l-16 {
    right: 16px;
    left: auto
}

[dir=rtl] .pxl-l-17 {
    right: 17px;
    left: auto
}

[dir=rtl] .pxl-l-18 {
    right: 18px;
    left: auto
}

[dir=rtl] .pxl-l-19 {
    right: 19px;
    left: auto
}

[dir=rtl] .pxl-l-20 {
    right: 20px;
    left: auto
}

[dir=rtl] .pxl-l-21 {
    right: 21px;
    left: auto
}

[dir=rtl] .pxl-l-22 {
    right: 22px;
    left: auto
}

[dir=rtl] .pxl-l-23 {
    right: 23px;
    left: auto
}

[dir=rtl] .pxl-l-24 {
    right: 24px;
    left: auto
}

[dir=rtl] .pxl-l-25 {
    right: 25px;
    left: auto
}

[dir=rtl] .pxl-l-26 {
    right: 26px;
    left: auto
}

[dir=rtl] .pxl-l-27 {
    right: 27px;
    left: auto
}

[dir=rtl] .pxl-l-28 {
    right: 28px;
    left: auto
}

[dir=rtl] .pxl-l-29 {
    right: 29px;
    left: auto
}

[dir=rtl] .pxl-l-30 {
    right: 30px;
    left: auto
}

[dir=rtl] .pxl-l-31 {
    right: 31px;
    left: auto
}

[dir=rtl] .pxl-l-32 {
    right: 32px;
    left: auto
}

[dir=rtl] .pxl-l-33 {
    right: 33px;
    left: auto
}

[dir=rtl] .pxl-l-34 {
    right: 34px;
    left: auto
}

[dir=rtl] .pxl-l-35 {
    right: 35px;
    left: auto
}

[dir=rtl] .pxl-l-36 {
    right: 36px;
    left: auto
}

[dir=rtl] .pxl-l-37 {
    right: 37px;
    left: auto
}

[dir=rtl] .pxl-l-38 {
    right: 38px;
    left: auto
}

[dir=rtl] .pxl-l-39 {
    right: 39px;
    left: auto
}

[dir=rtl] .pxl-l-40 {
    right: 40px;
    left: auto
}

[dir=rtl] .pxl-r-0 {
    left: 0;
    right: auto
}

[dir=rtl] .pxl-r-1 {
    left: 1px;
    right: auto
}

[dir=rtl] .pxl-r-2 {
    left: 2px;
    right: auto
}

[dir=rtl] .pxl-r-3 {
    left: 3px;
    right: auto
}

[dir=rtl] .pxl-r-4 {
    left: 4px;
    right: auto
}

[dir=rtl] .pxl-r-5 {
    left: 5px;
    right: auto
}

[dir=rtl] .pxl-r-6 {
    left: 6px;
    right: auto
}

[dir=rtl] .pxl-r-7 {
    left: 7px;
    right: auto
}

[dir=rtl] .pxl-r-8 {
    left: 8px;
    right: auto
}

[dir=rtl] .pxl-r-9 {
    left: 9px;
    right: auto
}

[dir=rtl] .pxl-r-10 {
    left: 10px;
    right: auto
}

[dir=rtl] .pxl-r-11 {
    left: 11px;
    right: auto
}

[dir=rtl] .pxl-r-12 {
    left: 12px;
    right: auto
}

[dir=rtl] .pxl-r-13 {
    left: 13px;
    right: auto
}

[dir=rtl] .pxl-r-14 {
    left: 14px;
    right: auto
}

[dir=rtl] .pxl-r-15 {
    left: 15px;
    right: auto
}

[dir=rtl] .pxl-r-16 {
    left: 16px;
    right: auto
}

[dir=rtl] .pxl-r-17 {
    left: 17px;
    right: auto
}

[dir=rtl] .pxl-r-18 {
    left: 18px;
    right: auto
}

[dir=rtl] .pxl-r-19 {
    left: 19px;
    right: auto
}

[dir=rtl] .pxl-r-20 {
    left: 20px;
    right: auto
}

[dir=rtl] .pxl-r-21 {
    left: 21px;
    right: auto
}

[dir=rtl] .pxl-r-22 {
    left: 22px;
    right: auto
}

[dir=rtl] .pxl-r-23 {
    left: 23px;
    right: auto
}

[dir=rtl] .pxl-r-24 {
    left: 24px;
    right: auto
}

[dir=rtl] .pxl-r-25 {
    left: 25px;
    right: auto
}

[dir=rtl] .pxl-r-26 {
    left: 26px;
    right: auto
}

[dir=rtl] .pxl-r-27 {
    left: 27px;
    right: auto
}

[dir=rtl] .pxl-r-28 {
    left: 28px;
    right: auto
}

[dir=rtl] .pxl-r-29 {
    left: 29px;
    right: auto
}

[dir=rtl] .pxl-r-30 {
    left: 30px;
    right: auto
}

[dir=rtl] .pxl-r-31 {
    left: 31px;
    right: auto
}

[dir=rtl] .pxl-r-32 {
    left: 32px;
    right: auto
}

[dir=rtl] .pxl-r-33 {
    left: 33px;
    right: auto
}

[dir=rtl] .pxl-r-34 {
    left: 34px;
    right: auto
}

[dir=rtl] .pxl-r-35 {
    left: 35px;
    right: auto
}

[dir=rtl] .pxl-r-36 {
    left: 36px;
    right: auto
}

[dir=rtl] .pxl-r-37 {
    left: 37px;
    right: auto
}

[dir=rtl] .pxl-r-38 {
    left: 38px;
    right: auto
}

[dir=rtl] .pxl-r-39 {
    left: 39px;
    right: auto
}

[dir=rtl] .pxl-r-40 {
    left: 40px;
    right: auto
}

.wp-block-search .wp-block-search__button {
    padding: 0 20px
}

.pxl-item--archive.pxl-item--standard .pxl-item--title a {
    word-break: break-word;
    -webkit-box-orient: vertical
}

.border-width-auto {
    max-width: unset!important
}

@media(max-width: 767px) {
    .pxl-main-footer {
        width:50%!important
    }
}

@media(max-width: 480px) {
    .pxl-main-footer {
        width:100%!important
    }
}

@media(max-width: 767px) {
    .pxl-main-pricing {
        width:50%
    }
}

@media(max-width: 676px) {
    .pxl-main-pricing {
        width:100%
    }
}

@media(max-width: 767px) {
    .pxl-main-post {
        width:50%!important
    }
}

@media(max-width: 575px) {
    .pxl-main-post {
        width:100%!important
    }
}

@media(max-width: 767px) {
    .pxl-main-tab {
        width:40%
    }
}

@media(max-width: 575px) {
    .pxl-main-tab {
        width:100%
    }
}

@media(max-width: 767px) {
    .pxl-main-tab2 {
        width:60%
    }
}

@media(max-width: 575px) {
    .pxl-main-tab2 {
        width:100%
    }
}

@media(max-width: 767px) {
    .pxl-main-home05 {
        width:50%
    }
}

@media(max-width: 400px) {
    .pxl-main-home05 {
        width:100%
    }
}

.pxl-border-layout1 {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-clip-layout1 {
    filter: drop-shadow(0 30px 80px rgba(0,0,0,.21))
}

.pxl-banner-absolute {
    left: 33px
}

@media(max-width: 1700px) {
    .pxl-banner-absolute {
        left:-100px;
        width: 39%!important;
        max-width: 39%!important
    }
}

.pxl-page-title-h4 {
    position: relative!important
}

.pxl-page-title-h4:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    display: none
}

@media(max-width: 767px) {
    .pxl-page-title-h4:before {
        display:block
    }
}

.pxl-contact-newsletter {
    position: relative
}

.pxl-contact-newsletter:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--gradient-color-to);
    clip-path: polygon(1.3% 0%,96% 0%,99.3% 100%,3.6% 100%);
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1
}

@media(max-width: 880px) {
    .pxl-contact-newsletter:before {
        clip-path:unset
    }
}

.pxl-contact-newsletter:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 103%;
    left: -3px;
    top: 0;
    background-color: var(--primary-color);
    clip-path: polygon(0% 0%,100% 36%,100% 97%,0% 100%);
    transform: rotate(12deg);
    z-index: -2
}

@media(max-width: 880px) {
    .pxl-contact-newsletter:after {
        display:none
    }
}

.pxl-text-slide-left {
    transform: rotate(-90deg)
}

@media(max-width: 1800px) {
    .pxl-text-slide-left {
        display:none
    }
}

.pxl-footer-main {
    position: relative
}

.pxl-footer-main:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #f3f3f3;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0)
}

.pxl-item-relative {
    position: relative!important
}

.pxl-item-static {
    position: static!important
}

.pxl-footer-main2 {
    position: relative
}

.pxl-footer-main2:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%,0)
}

.pxl-main-sticky .pxl-menu-primary {
    box-shadow: none
}

.testimonials-setion1 {
    padding: 121px 0 30px 300px
}

@media(max-width: 1800px) {
    .testimonials-setion1 {
        padding:121px 0 30px 100px
    }
}

@media(max-width: 1366px) {
    .testimonials-setion1 {
        padding:121px 0 30px 0
    }
}

@media(max-width: 767px) {
    .testimonials-setion1 {
        padding:121px 0 80px 0
    }
}

.pxl-portfolio-padding {
    padding: 137px 0 140px 315px
}

@media(max-width: 1700px) {
    .pxl-portfolio-padding {
        padding:137px 0 140px 200px
    }
}

@media(max-width: 1366px) {
    .pxl-portfolio-padding {
        padding:137px 0 140px 100px
    }
}

@media(max-width: 1280px) {
    .pxl-portfolio-padding {
        padding:137px 15px 140px
    }
}

@media(max-width: 1024px) {
    .pxl-portfolio-padding {
        padding:70px 15px 80px
    }
}

.pxl-section-post1 {
    padding: 41px 0 141px 325px
}

@media(max-width: 1700px) {
    .pxl-section-post1 {
        padding:41px 0 141px 200px
    }
}

@media(max-width: 1366px) {
    .pxl-section-post1 {
        padding:41px 15px 141px
    }
}

@media(max-width: 1024px) {
    .pxl-section-post1 {
        padding:41px 15px 70px
    }
}

.pxl-header-one {
    position: relative!important
}

.pxl-header-one:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 96.6%;
    height: 100%;
    background-color: #eee;
    z-index: -2;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    transform: translate(-50%,0)
}

.pxl-menu-home5 {
    position: relative
}

.pxl-menu-home5:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 130%;
    background-color: #0e0e0e;
    top: 0;
    left: 0;
    z-index: -1
}

.pxl-menu-left5 {
    position: relative!important
}

.pxl-menu-left5:before {
    content: '';
    position: absolute;
    width: 98.8%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: -173px;
    z-index: -1;
    clip-path: polygon(15% 0%,100% 0%,98.2% 100%,15% 100%)
}

.pxl-home02-layout1 {
    position: relative!important
}

.pxl-home02-layout1:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    background-color: #e7e7e7;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(0% 0%,100% 0%,98% 100%,0% 100%)
}

@media(max-width: 1024px) {
    .pxl-home02-layout1:before {
        clip-path:unset
    }
}

.pxl-home02-layout2 {
    position: relative!important
}

.pxl-home02-layout2:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 92%;
    background-color: #1e1e1e;
    bottom: 0;
    left: -50px;
    z-index: -2
}

@media(max-width: 1024px) {
    .pxl-home02-layout2:before {
        height:100%
    }
}

.pxl-video-counter {
    position: relative!important
}

.pxl-video-counter:before {
    content: '';
    position: absolute;
    top: 53%;
    left: 0;
    width: 51.5%;
    height: 62%;
    background-color: #fafafa;
    z-index: -1;
    transform: translate(0,-53%);
    clip-path: polygon(15% 0%,100% 0%,96% 100%,15% 100%)
}

@media(max-width: 1199px) {
    .pxl-video-counter:before {
        display:none
    }
}

.pxl-video-counter:after {
    content: '';
    position: absolute;
    top: 53%;
    left: 0;
    width: 300%;
    height: 62%;
    background-color: #f2f3f5;
    z-index: -2;
    transform: translate(0,-53%);
    clip-path: polygon(15% 0%,100% 0%,96% 100%,15% 100%)
}

@media(max-width: 1199px) {
    .pxl-video-counter:after {
        width:100%;
        height: 100%;
        clip-path: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

.pxl-header-home02-layout1 {
    position: relative!important
}

.pxl-header-home02-layout1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 135%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--primary-color);
    border-radius: 47px 47px 0 0
}

.pxl-header-home02-layout1:after {
    content: '';
    position: absolute;
    width: 99.4%;
    height: 135%;
    bottom: 0;
    left: 50%;
    z-index: -1;
    background-color: #1d1b1b;
    border-radius: 47px 47px 0 0;
    transform: translate(-50%,0)
}

.pxl-header-home02-layout2 {
    position: relative!important
}

.pxl-header-home02-layout2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    clip-path: polygon(1% 0%,100% 0%,98% 100%,0% 100%);
    border-radius: 18px 5px 32px 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-content-contact1 {
    position: absolute!important;
    bottom: -147px
}

@media(max-width: 1200px) {
    .pxl-content-contact1 {
        position:relative!important;
        bottom: unset
    }
}

.pxl-content-contact2 {
    position: absolute!important;
    bottom: -92px
}

@media(max-width: 1200px) {
    .pxl-content-contact2 {
        position:relative!important;
        bottom: unset
    }
}

.pxl-home04-menu1 {
    position: relative!important
}

.pxl-home04-menu1:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300%;
    height: 122%;
    background-color: #fff;
    border-radius: 0 0 50px 0
}

.pxl-home04-menu2 {
    position: relative!important
}

.pxl-home04-menu2:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #161616;
    border-radius: 24px 24px 0 0;
    z-index: -1
}

.pxl-home04-menu3 {
    position: relative!important
}

.pxl-home04-menu3:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 0 0 48px 0;
    z-index: -1
}

.pxl-landing-section1 {
    position: relative!important
}

.pxl-landing-section1:before {
    content: '';
    background-image: url(../img/left1.png);
    width: 240px;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width: 991px) {
    .pxl-landing-section1:before {
        width:150px
    }
}

@media(max-width: 880px) {
    .pxl-landing-section1:before {
        display:none
    }
}

.pxl-landing-section1:after {
    content: '';
    background-image: url(../img/right1.png);
    width: 240px;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width: 991px) {
    .pxl-landing-section1:after {
        width:150px
    }
}

@media(max-width: 880px) {
    .pxl-landing-section1:after {
        display:none
    }
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 20px
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item .pxl-item-number {
    width: 40px;
    min-width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item .pxl-item-title {
    font-weight: 600;
    margin-bottom: 10px
}

.pxl-meta.pxl-meta2 .pxl-meta-inner {
    display: flex;
    gap: 35px
}

@media(max-width: 767px) {
    .pxl-meta.pxl-meta2 .pxl-meta-inner {
        gap:20px
    }
}

.pxl-meta.pxl-meta2 .pxl-meta-inner .pxl-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    min-width: 90px;
    height: 90px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #000;
    font-size: 40px;
    color: #212529
}

@media(max-width: 767px) {
    .pxl-meta.pxl-meta2 .pxl-meta-inner .pxl-icon {
        width:60px;
        min-width: 60px;
        height: 60px;
        font-size: 20px
    }
}

.pxl-meta.pxl-meta2 .pxl-meta-inner .pxl-content-title .pxl-item-title {
    margin-bottom: 10px
}

.pxl-contact-form1 p {
    margin: 0
}

.pxl-contact-form1 span {
    margin: 0!important
}

.pxl-contact-form1 br {
    display: none
}

.pxl-contact-form1 .contact1 .row {
    margin: 0 -7.5px
}

.pxl-contact-form1 .contact1 .col-lg-6,.pxl-contact-form1 .contact1 .col-lg-4 {
    padding: 0 7.5px
}

.pxl-contact-form1 .contact1 .input-filled {
    margin-bottom: 38px
}

@media(max-width: 767px) {
    .pxl-contact-form1 .contact1 .input-filled {
        margin-bottom:20px
    }
}

.pxl-contact-form1 .contact1 .input-filled.message {
    margin-bottom: 33px
}

@media(max-width: 767px) {
    .pxl-contact-form1 .contact1 .input-filled.message {
        margin-bottom:20px
    }
}

.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight {
    color: #212529
}

.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight:before {
    color: var(--primary-color)
}

.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight.active {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact1 input,.pxl-contact-form1 .contact1 textarea,.pxl-contact-form1 .contact1 .pxl-select-higthlight {
    background: rgba(0,0,0,.025);
    border: solid 1px rgba(0,0,0,5%);
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: var(--secondary-color);
    font-size: 1rem;
    font-weight: 400;
    padding: 10px;
    font-family: inherit;
    margin-bottom: 0;
    height: 46px;
    margin-bottom: 0
}

.pxl-contact-form1 .contact1 input:focus,.pxl-contact-form1 .contact1 textarea:focus,.pxl-contact-form1 .contact1 .pxl-select-higthlight:focus {
    background: #fff;
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact1 textarea {
    height: 70px
}

.pxl-contact-form1 .contact1 .pxl-date-content {
    margin-bottom: 25px
}

.pxl-contact-form1 .contact1 .pxl-date-content input {
    color: #212529
}

.pxl-contact-form1 .contact1 .ct-button .btn {
    background-color: var(--primary-color);
    padding: 0 20px;
    line-height: 42.4px
}

.pxl-contact-form1 .contact1 .ct-button .btn:hover {
    background-color: var(--link-color)
}

.pxl-contact-form1 .contact2 .input-filled {
    margin-bottom: 20px
}

.pxl-contact-form1 .contact2 .input-filled.message {
    margin-bottom: 15px
}

.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight {
    color: #212529
}

.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight:before {
    color: var(--primary-color)
}

.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight.active {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact2 input,.pxl-contact-form1 .contact2 textarea,.pxl-contact-form1 .contact2 .pxl-select-higthlight {
    background: rgba(0,0,0,.025);
    border: solid 1px rgba(0,0,0,5%);
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: var(--secondary-color);
    font-size: 1rem;
    font-weight: 400;
    padding: 10px;
    font-family: inherit;
    margin-bottom: 0;
    height: 46px;
    margin-bottom: 0
}

.pxl-contact-form1 .contact2 input:focus,.pxl-contact-form1 .contact2 textarea:focus,.pxl-contact-form1 .contact2 .pxl-select-higthlight:focus {
    background: #fff;
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact2 textarea {
    height: 70px
}

.pxl-contact-form1 .contact2 .pxl-date-content {
    margin-bottom: 25px
}

.pxl-contact-form1 .contact2 .pxl-date-content input {
    color: #212529
}

.pxl-contact-form1 .contact2 .ct-button .btn {
    background-color: var(--primary-color);
    padding: 0 20px;
    line-height: 42.4px
}

.pxl-contact-form1 .contact2 .ct-button .btn:hover {
    background-color: var(--link-color)
}

.pxl-banner.pxl-banner1 .pxl-box-inner {
    position: relative;
    padding-left: 105px;
    padding-top: 52px;
    padding-bottom: 68px;
    padding-right: 53px
}

@media(max-width: 575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner {
        padding:45px 10px 50px 0
    }
}

@media(max-width: 480px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner {
        padding:45px 0 50px 0
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 {
    height: 550px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: auto;
    scrollbar-width: none;
    overflow-y: hidden;
    border: 3px solid #d5d5d5;
    filter: drop-shadow(4px 4px 16px rgba(18,18,18,.25));
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    -webkit-transition: transform 4s ease-out,top 4s ease-out;
    -khtml-transition: transform 4s ease-out,top 4s ease-out;
    -moz-transition: transform 4s ease-out,top 4s ease-out;
    -ms-transition: transform 4s ease-out,top 4s ease-out;
    -o-transition: transform 4s ease-out,top 4s ease-out;
    transition: transform 4s ease-out,top 4s ease-out;
    animation: slidetopbottom 7s ease-in-out infinite alternate
}

@media(max-width: 575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 img {
        animation:none
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img2 {
    position: absolute;
    top: 0;
    left: -5px;
    z-index: 1
}

@media(max-width: 575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img2 {
        display:none
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img3 {
    position: absolute;
    bottom: 0;
    right: 0
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img4 {
    width: 110px;
    height: 110px;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-image-wg {
    -webkit-transition: all 10ms linear 0ms;
    -khtml-transition: all 10ms linear 0ms;
    -moz-transition: all 10ms linear 0ms;
    -ms-transition: all 10ms linear 0ms;
    -o-transition: all 10ms linear 0ms;
    transition: all 10ms linear 0ms
}

@media(max-width: 767px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .col-6 {
        flex:0 0 100%;
        max-width: 100%
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item--imgprimary {
    overflow: hidden;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

@media(max-width: 767px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item--imgprimary {
        margin-bottom:30px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-layout2 {
    padding-left: 33px;
    margin-top: -2px
}

@media(max-width: 1199px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-layout2 {
        padding-left:0
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-sub-title {
    font-size: 20px;
    color: var(--primary-color);
    font-family: inter,sans-serif;
    line-height: 1;
    margin-bottom: 16px
}

@media(max-width: 480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-sub-title {
        font-size:18px;
        margin-bottom: 13px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
    font-size: 40px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 17px
}

@media(max-width: 880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
        font-size:35px;
        margin-bottom: 13px
    }
}

@media(max-width: 480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
        font-size:30px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-desc {
    font-size: 17px;
    color: #494949;
    padding-right: 5px;
    line-height: 1.75
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner {
    padding-top: 25px
}

@media(max-width: 880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner {
        padding-top:20px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item {
    display: flex;
    align-items: center;
    margin-bottom: 17px
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
    font-size: 17px;
    color: var(--link-color);
    font-weight: 500;
    width: 21%
}

@media(max-width: 991px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
        width:25%
    }
}

@media(max-width: 480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
        width:35%
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-title {
    font-size: 17px;
    font-weight: 400;
    color: #494949
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social {
    margin-top: 29px
}

@media(max-width: 880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social {
        margin-top:20px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-title-social {
    font-size: 20px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 16px
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list {
    display: flex;
    align-items: center
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid #494949;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #494949;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a:last-child {
    margin-right: 0
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
    transform: translateY(-3px)
}

.pxl-text-animation1 .pxl-item-inner .content-inner {
    background-image: linear-gradient(to right,var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text {
    font-size: 48px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span {
    position: relative;
    z-index: 1
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span .pxl-svg-line {
    position: absolute;
    top: 50%;
    left: -23px;
    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: 110%;
    margin-top: -2px;
    height: auto;
    fill: none;
    stroke-dashoffset: 0;
    stroke-dasharray: 3e3
}

@media(max-width: 767px) {
    .pxl-text-animation1 .pxl-item-inner .pxl-item-text span .pxl-svg-line {
        display:none
    }
}

.pxl-client-carousel1.style-default .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style-default .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style-default .pxl-item--inner:hover .pxl-item--image img {
    filter: brightness(0)saturate(0%)invert(0%)sepia(0%)saturate(0%)hue-rotate(0)brightness(0%)contrast(0%)
}

.pxl-client-carousel1.style-default .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style-default .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style2 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style2 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style2 .pxl-item--inner:hover .pxl-item--image img {
    filter: none
}

.pxl-client-carousel1.style2 .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style2 .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    filter: brightness(0)saturate(0%)invert(0%)sepia(0%)saturate(0%)hue-rotate(0)brightness(0%)contrast(0%)
}

.pxl-client-carousel1.style3 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style3 .pxl-swiper-slide {
    padding: 0
}

.pxl-client-carousel1.style3 .pxl-swiper-container {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none
}

.pxl-client-carousel1.style3 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style3 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 115%;
    top: 50%;
    right: 0;
    background-color: #d9d9d9;
    transform: translate(0,-50%)
}

.pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
    text-align: center;
    align-content: center;
    padding: 68px 0;
    cursor: pointer
}

@media(max-width: 880px) {
    .pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
        padding:50px 0
    }
}

@media(max-width: 575px) {
    .pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
        padding:40px 20px
    }
}

.pxl-client-carousel1.style4 .pxl-swiper-wrapper {
    align-items: end
}

.pxl-client-carousel1.style4 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style4 .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style4 .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-text-editor .pxl-text-style1 cite {
    font-style: inherit;
    color: #005ef9
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
    padding: 0 120px 0 100px;
    position: relative
}

@media(max-width: 1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding:0 50px
    }
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding:0 30px
    }
}

@media(max-width: 360px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding:0
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1:before {
    content: '';
    position: absolute;
    top: 90px;
    right: 30px;
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -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;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    width: 95px;
    height: 110px;
    animation: pxl_video_ani_1 10s ease infinite;
    background-size: 400% 400%;
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to));
    z-index: 1
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1:before {
        display:none
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item--imgprimary {
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -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;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    position: relative
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item--imgprimary:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    height: 85%;
    background-image: url(../img/shape-video1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 5px 5px rgba(225,225,225,.2);
    margin-top: -170px;
    position: relative;
    z-index: 2
}

@media(max-width: 1200px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
        margin-top:-130px
    }
}

@media(max-width: 1024px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
        margin-top:30px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .row {
    align-items: center
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
    padding-left: 35px;
    width: 75%;
    padding-top: 43px;
    padding-bottom: 40px
}

@media(max-width: 1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        padding:30px 0 25px 20px;
        width: 70%
    }
}

@media(max-width: 575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        width:100%
    }
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        padding:20px 15px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item+.pxl--item {
    margin-top: 15px
}

@media(max-width: 575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-6 {
        max-width:60%;
        flex: 60%
    }
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-6 {
        max-width:100%;
        flex: 100%
    }
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-4 {
        max-width:100%;
        flex: 100%
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .row {
    align-items: center
}

@media(max-width: 480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta {
        margin-bottom:10px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title {
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 1200px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title {
        font-size:13px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl-progressbar--wrap {
    height: 10px;
    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
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl-progressbar--wrap .pxl--progressbar {
    -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;
    background: linear-gradient(90deg,#002aff 0%,#07ebff 80%);
    position: relative
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 214px;
    transform: translateY(-50%);
    height: 100%
}

@media(max-width: 1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
        max-width:200px
    }
}

@media(max-width: 575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
        position:relative;
        top: unset;
        right: unset;
        transform: unset;
        max-width: unset;
        display: flex;
        justify-content: center;
        padding-bottom: 20px
    }
}

@media(max-width: 575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video img {
        -webkit-border-radius:30px;
        -khtml-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video {
    position: relative;
    overflow: hidden;
    height: 100%
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video .pxl-space {
    position: absolute;
    right: 40px;
    bottom: 75px;
    width: 15px;
    height: 15px;
    color: #ff5337;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video .pxl-space i {
    animation: pxl_spin 10s linear infinite
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    color: #fff;
    z-index: 2
}

.pxl-pagination1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--primary-color);
    border-top: 1px solid var(--link-color);
    border-bottom: 1px solid var(--link-color);
    padding: 26px 30px 25px
}

@media(max-width: 575px) {
    .pxl-pagination1 {
        padding:26px 20px 25px
    }
}

.pxl-pagination1 .pxl--item {
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    gap: 10px
}

.pxl-pagination1 .pxl--item .pxl-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-pagination1 .pxl--item:hover .pxl-item-icon svg path {
    stroke: var(--link-color)
}

.pxl-pagination1 .pxl--item:hover .pxl-title-inner {
    color: var(--link-color)
}

.pxl-pagination1 .pxl--item .pxl-item-icon {
    line-height: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-pagination1 .pxl--item .pxl-item-icon svg {
    width: auto
}

@media(max-width: 575px) {
    .pxl-pagination1 .pxl--item .pxl-item-icon svg {
        height:15px
    }
}

.pxl-pagination1 .pxl--item .pxl-item-icon svg path {
    stroke: #999;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-pagination1 .pxl--item .pxl-title-inner {
    color: #999;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 575px) {
    .pxl-pagination1 .pxl--item .pxl-title-inner {
        font-size:15px
    }
}

.pxl-logo-marquee1 {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.pxl-logo-marquee1 .pxl-item--marquee {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 0
}

.pxl-logo-marquee1 .pxl-logo-hidden {
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.pxl-logo-marquee1 .pxl-logo-hidden-wrap {
    overflow: hidden
}

.pxl-logo-marquee1 .pxl-logo-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    direction: ltr
}

.pxl-logo-marquee1 .pxl-logo-active .pxl-item--marquee {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.pxl-logo-marquee1 .pxl-item--text {
    font-size: 60px;
    font-weight: 700;
    overflow: hidden;
    color: #000;
    width: 100%;
    position: relative
}

.pxl-logo-marquee1 .pxl-item--logo {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin: 10px 0
}

.pxl-logo-marquee1 .pxl-item--logo a {
    padding: 0 30px;
    box-shadow: 0 0 10px rgba(204,204,204,.2);
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    line-height: 117px;
    background-color: #fff
}

.pxl-logo-marquee1 .pxl-item--inner {
    flex-wrap: nowrap;
    display: flex;
    width: 100%
}

@media screen and (min-width: 1201px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner {
    position: relative;
    margin-bottom: 40px
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video {
    height: 170px;
    width: 160px;
    min-width: 160px;
    z-index: 1;
    position: absolute;
    bottom: -38px;
    left: 65%;
    transform: translateX(-50%)
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video {
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -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;
    overflow: hidden;
    width: 100%;
    height: 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;
    mask-size: contain;
    position: relative;
    display: grid;
    align-items: center;
    justify-content: center;
    background: #fff;
    text-align: center;
    align-content: center;
    font-family: great vibes,cursive
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:hover .pxl-icon-video {
    transform: translateY(-5px)
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:hover .pxl-icon-video i {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    height: 85%;
    background-image: url(../img/shape-video2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-icon-video {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    transform: translateY(0);
    -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-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-icon-video i {
    background-size: 300% 100%;
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to));
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-item-text-video {
    position: relative;
    width: 96px;
    height: 20px
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-item-text-video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-image: url(../img/text-video.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-text-marquee1.style1 {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    position: relative
}

.pxl-text-marquee1.style1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0,0,0,.3) 20%,#000 100%)
}

.pxl-text-marquee1.style1 .pxl-item--logo {
    width: 65px;
    min-width: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-text-marquee1.style1 .pxl-item--text {
    color: transparent;
    padding: 0 20px;
    font-size: 180px;
    font-weight: 900;
    word-spacing: -30px;
    line-height: 1;
    position: relative
}

.pxl-text-marquee1.style1 .pxl-item--text.text-outline {
    color: transparent!important;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px
}

.pxl-text-marquee1.style1 .pxl-item--text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    width: 80px;
    height: 100%
}

.pxl-text-marquee1.style1 .pxl-item--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap
}

.pxl-text-marquee1.style2 {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    position: relative
}

.pxl-text-marquee1.style2 .pxl-item--logo {
    width: 65px;
    min-width: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-text-marquee1.style2 .pxl-item--text {
    color: transparent;
    margin: 0 10px;
    font-size: 100px;
    line-height: 1;
    position: relative
}

.pxl-text-marquee1.style2 .pxl-item--text.text-outline {
    color: transparent!important;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px
}

.pxl-text-marquee1.style2 .pxl-item--text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dbdbdb;
    width: 450%;
    height: 100%;
    clip-path: polygon(0 0,22% 0,100% 100%,75% 100%)
}

.pxl-text-marquee1.style2 .pxl-item--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap
}

.pxl-banner-box.pxl-banner-box1 .row {
    margin: 0;
    align-items: end
}

.pxl-banner-box.pxl-banner-box1 .col-sm-6 {
    padding: 0
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner {
    background: #000000d6;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner:hover .pxl-inner-section img {
    transform: scale(1.2)
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-inner-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content {
    padding: 40px
}

@media(max-width: 1366px) {
    .pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content {
        padding:20px
    }
}

@media(max-width: 575px) {
    .pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content {
        padding:40px 20px
    }
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content .pxl-item-title {
    color: #fff;
    font-size: 26px;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: 9px
}

@media(max-width: 1280px) {
    .pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content .pxl-item-title {
        font-size:23px
    }
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content .pxl-item-desc {
    color: rgba(255,255,255,.75)
}

@media(max-width: 1280px) {
    .pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-item-content .pxl-item-desc {
        font-size:15px
    }
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-inner-section {
    position: relative;
    overflow: hidden
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-inner-section img {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner .pxl-inner-section .pxl-item-number {
    font-size: 32px;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    position: absolute;
    top: 26px;
    left: 23px
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner.style2 .row,.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner.style3 .row {
    flex-direction: row-reverse
}

.pxl-banner-box.pxl-banner-box1 .pxl-banner-inner.style3 {
    background: linear-gradient(45deg,var(--gradient-color-from),var(--gradient-color-to))
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner {
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(30,30,30,.3);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-inner-link,.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:before {
    content: '';
    background: rgba(0,0,0,.5);
    opacity: 0;
    z-index: 1
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-title,.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-desc {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin-bottom: 0;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 1;
    padding: 15px
}

@media(max-width: 1280px) {
    .pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-title {
        font-size:23px
    }
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-desc {
    opacity: 0;
    padding: 3rem
}

@media(max-width: 1280px) {
    .pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-desc {
        padding:30px
    }
}

@media(max-width: 1024px) {
    .pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item-desc {
        font-size:15px
    }
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner .pxl-item--img img {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:hover:before,.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:hover .pxl-item-desc {
    opacity: 1
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:hover .pxl-item-title {
    opacity: 0
}

.pxl-banner-box.pxl-banner-box2 .pxl-banner-inner:hover .pxl-item--img img {
    transform: scale(1.2)
}

.pxl-contact-custom .pxl-section-effect-images .pxl-item--image {
    z-index: -1
}

@media(max-width: 1800px) {
    .pxl-contact-custom .pxl-section-effect-images .pxl-item--image {
        display:none
    }
}

@media(max-width: 1366px) {
    .pxl-icon-home01 {
        position:relative!important;
        top: 0!important;
        left: 0!important
    }
}

@media(max-width: 1200px) {
    .pxl-title-portfolio .pxl-heading .pxl-item--title {
        color:#000!important
    }
}

@media(max-width: 991px) {
    .pxl-title-page01 .pxl-text-editor a {
        color:#000!important
    }
}

.pxl-text-custom1.style1 .pxl-text-inner {
    display: inline-block;
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-custom1.style1 .pxl-item-title {
    font-size: 36px;
    font-weight: 700;
    font-family: inter,sans-serif;
    line-height: 1.1
}

.pxl-text-custom1.style2 .pxl-text-inner {
    display: inline-block;
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-custom1.style2 .pxl-item-title {
    font-size: 36px;
    font-weight: 700;
    font-family: inter,sans-serif;
    line-height: 1.1
}

.pxl-swiper-arrow-wrap.style-4 .pxl-swiper-arrow {
    width: 45px;
    height: 45px;
    margin: 8px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: unset;
    box-shadow: 0 0 5px 5px rgba(210,210,210,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-swiper-arrow-wrap.style-4 .pxl-swiper-arrow:hover {
    background-color: #fff;
    color: var(--link-color);
    box-shadow: 0 0 10px 10px rgba(13,125,252,.1)
}

.pxl-test-carousel1 .pxl-swiper-container {
    padding: 0 5px
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: space-between;
    transition: all .3s;
    width: 108%;
    z-index: 1
}

@media(max-width: 1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap {
        position:relative;
        top: unset;
        left: unset;
        transform: unset;
        width: unset;
        justify-content: center;
        margin-top: 20px
    }
}

@media(max-width: 1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        margin:10px
    }
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
    position: absolute;
    left: 0
}

@media(max-width: 1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
        position:relative
    }
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
    position: absolute;
    right: 0
}

@media(max-width: 1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
        position:relative
    }
}

.pxl-test-carousel1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item--image .pxl-item-icon i {
    background: linear-gradient(100deg,#ff762a .51%,#ffc712 100%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--desc {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--holder .pxl-item--title {
    color: #fff
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--holder .pxl-sub-title {
    color: #fff
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0 43px;
    margin-bottom: -45px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1024px) {
    .pxl-test-carousel1 .pxl-item--inner .pxl-item--image {
        padding:0 20px
    }
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image .pxl-item-icon {
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 1
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image .pxl-item-icon i {
    display: inline-block;
    background: linear-gradient(100deg,#d5d5d9 .51%,#d5d5d9 100%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(180deg);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content {
    padding: 50px 30px 20px 40px;
    position: relative;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin: 10px 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1024px) {
    .pxl-test-carousel1 .pxl-item--inner .pxl-item-content {
        padding:50px 20px 20px
    }
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px 5px rgba(210,210,210,.2);
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    opacity: 1;
    transform-origin: center;
    z-index: -1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: scaleX(1)
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(100deg,#fb009f .51%,#6900fd 100%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    opacity: 0;
    z-index: -1;
    transform-origin: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: scaleX(0)
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--desc {
    color: #0e0d0f;
    font-size: 16px;
    font-family: inter,sans-serif;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 17px;
    margin-bottom: 12px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--title {
    color: #0e0d0f;
    font-size: 16px;
    font-weight: 700;
    font-family: poppins,sans-serif;
    margin-bottom: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-sub-title {
    color: #a5a4a4;
    font-size: 15px;
    font-family: barlow,sans-serif;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--star {
    display: flex;
    align-items: center;
    font-size: 15px
}

.pxl-test-carousel2 .pxl-carousel-inner {
    margin: 0 -15px
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap {
    width: 45%;
    float: right;
    justify-content: unset;
    margin-top: 0;
    position: absolute;
    bottom: 130px;
    right: 0;
    z-index: 1;
    padding-left: 55px
}

@media(max-width: 1024px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap {
        padding-left:35px;
        bottom: 30px
    }
}

@media(max-width: 880px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap {
        position:relative;
        width: 100%;
        padding-left: 0;
        bottom: 0
    }
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    margin-right: 20px;
    font-size: 20px;
    color: #57acfa
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:last-child {
    margin-right: 0
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
    color: #fff
}

@media(max-width: 1880px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
        color:#57acfa
    }
}

.pxl-test-carousel2 .pxl-item--inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 255px
}

@media(max-width: 1024px) {
    .pxl-test-carousel2 .pxl-item--inner {
        padding-bottom:100px
    }
}

@media(max-width: 880px) {
    .pxl-test-carousel2 .pxl-item--inner {
        padding-bottom:30px;
        padding-top: 0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
    width: 55%;
    position: relative;
    margin-top: -40px;
    margin-bottom: -255px
}

@media screen and (max-width: 767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
        width:100%;
        height: 320px
    }
}

@media(max-width: 880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
        display:none
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/bg-light1.png);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

@media(max-width: 1280px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left:before {
        left:0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-shape-bg {
    mask-image: url(../img/shape-test2.png);
    -webkit-mask-image: url(../img/shape-test2.png);
    -ms-mask-image: url(../images/shape-test2.png);
    -o-mask-image: url(../images/shape-test2.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-mask-position: top left;
    -ms-mask-position: top left;
    -o-mask-position: top left;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    position: relative
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image {
    right: 10px;
    width: auto
}

@media screen and (max-width: 767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image {
        right:0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left+.pxl-block--right {
    width: 45%
}

@media(max-width: 880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left+.pxl-block--right {
        width:100%
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
    padding-left: 55px
}

@media(max-width: 1024px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
        padding-left:30px
    }
}

@media(max-width: 880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
        padding-left:0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading {
    margin-bottom: 90px
}

@media(max-width: 1200px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading {
        margin-bottom:50px
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    position: relative;
    font-family: inter,sans-serif;
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg,#63def7 30%,#869fe0 100%)
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 5px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg,rgba(99,222,247,.6) 30%,#869fe0 100%)
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    margin-bottom: 0
}

@media(max-width: 1200px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size:50px
    }
}

@media(max-width: 1024px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size:40px
    }
}

@media(max-width: 767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size:30px
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--image {
    mask-image: url(../img/shape-bg1.png);
    -webkit-mask-image: url(../img/shape-bg1.png);
    -ms-mask-image: url(../images/shape-bg1.png);
    -o-mask-image: url(../images/shape-bg1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    -ms-mask-position: top left;
    -o-mask-position: top left;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: auto;
    position: relative
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content .pxl-item-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 200px;
    line-height: .6;
    z-index: -1
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content .pxl-item-icon i {
    transform: rotate(180deg);
    display: inline-block;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,#f0ebfb,#e5f8ff,#f0ebfb,#e5f8ff);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--desc {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 23px;
    max-width: 58%
}

@media(max-width: 1280px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--desc {
        max-width:100%
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    font-style: italic
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-sub-title {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: #7d7d7d
}

.pxl-image-list.pxl--image-list1.style-default {
    display: flex;
    align-items: center
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item .pxl-image {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    z-index: 1
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(1) {
    margin-left: 0
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(2) {
    z-index: 2;
    margin-left: -30px;
    animation-delay: 300ms!important
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(3) {
    margin-left: -30px;
    z-index: 3;
    animation-delay: 500ms!important
}

.pxl-image-list.pxl--image-list1.style2 {
    display: flex;
    align-items: center
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item .pxl-image {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--link-color);
    z-index: 1;
    background-color: #d9d9d9
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item .pxl-image img {
    mix-blend-mode: luminosity
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(1) {
    margin-left: 0
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(2) {
    z-index: 2;
    margin-left: -30px;
    animation-delay: 300ms!important
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(3) {
    margin-left: -30px;
    z-index: 3;
    animation-delay: 500ms!important
}

.pxl-carousel-custom1 .pxl-carousel-inner {
    position: relative
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap {
    margin-top: 14px;
    gap: 14px
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 16px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev svg {
    transform: rotate(180deg)
}

.pxl-carousel-custom1 .pxl-custom-inner {
    background-color: var(--primary-color);
    border-top: 2px solid var(--link-color);
    border-bottom: 2px solid var(--link-color);
    padding: 20px
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner:hover .pxl-item--holder .pxl-post--btn .pxl-item-btn {
    opacity: 1
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder {
    overflow: hidden
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder .pxl-post--btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder .pxl-post--btn .pxl-item-btn {
    width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 0
}

.pxl-carousel-custom2 .pxl-item--image {
    -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);
    transform: scale(.7);
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 2px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-carousel-custom2 .pxl-item--image img {
    width: auto!important
}

.pxl-carousel-custom2 .pxl-item--desc {
    font-size: 23px;
    color: var(--link-color);
    font-weight: 400;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 24px
}

@media(max-width: 480px) {
    .pxl-carousel-custom2 .pxl-item--desc {
        font-size:18px;
        margin-top: 15px;
        max-width: 100%
    }
}

.pxl-carousel-custom2 .pxl-item--title {
    font-size: 24px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 3px
}

.pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
    transform: scale(1);
    z-index: 1;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media(max-width: 767px) {
    .pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
        border:none;
        box-shadow: unset
    }
}

@media screen and (max-width: 575px) {
    .pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
        transform:scale(1)
    }
}

.pxl-carousel-custom2 .pxl-item--inner {
    text-align: center;
    max-width: 990px;
    margin: auto
}

.pxl-carousel-custom2 .pxl-swiper-thumbs {
    max-width: 470px;
    margin: 0 auto;
    padding: 25px 0;
    z-index: 5;
    position: relative
}

@media(max-width: 575px) {
    .pxl-carousel-custom2 .pxl-swiper-thumbs {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .pxl-carousel-custom2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left:0
    }
}

@media screen and (max-width: 1200px) {
    .pxl-carousel-custom2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right:0
    }
}

.pxl-carousel-custom2 .pxl-swiper-dots {
    margin-top: 60px
}

.pxl-box-list.pxl-box-list1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-color);
    padding: 55px 20px 62px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

@media(max-width: 1024px) {
    .pxl-box-list.pxl-box-list1 {
        padding:35px 15px
    }
}

@media(max-width: 676px) {
    .pxl-box-list.pxl-box-list1 {
        display:block;
        text-align: center
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-shape {
    position: absolute;
    width: 150px;
    top: -20%;
    left: -10%;
    height: 150px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-size: 350% 100%;
    background-image: linear-gradient(to right,var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from));
    animation: movement 10s linear infinite
}

@media(max-width: 880px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-shape {
        display:none
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-inner {
    display: flex;
    align-items: center;
    padding: 0 23px;
    z-index: 2
}

@media(max-width: 1024px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-inner {
        padding:0 15px
    }
}

@media(max-width: 991px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-inner {
        display:unset
    }
}

.pxl-box-list.pxl-box-list1 .pxl-image {
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .pxl-box-list.pxl-box-list1 .pxl-image.pxl-mr-28 {
        margin-right:0
    }
}

.pxl-box-list.pxl-box-list1 .pxl-image img {
    max-width: 65px;
    filter: invert(100%)sepia(0%)saturate(0%)hue-rotate(95deg)brightness(103%)contrast(102%)
}

@media(max-width: 1024px) {
    .pxl-box-list.pxl-box-list1 .pxl-image img {
        max-width:55px
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

@media(max-width: 1199px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-title {
        font-size:20px
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-desc {
    font-size: 15px;
    color: #d5cceb
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner {
    display: flex;
    align-items: center
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-inner-video .pxl-btn-video {
    width: 50px;
    min-width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #278eef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    padding: 1px 0 0 4px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-inner-video .pxl-btn-video:hover {
    background-color: #6d34d2
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-item-title {
    font-size: 15px;
    font-weight: 700;
    color: #278eef
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner:hover .pxl-item--imgprimary {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner:hover .pxl-img-title:before {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title {
    display: flex;
    position: relative;
    padding-bottom: 23px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px
}

@media(max-width: 880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title {
        margin-bottom:20px
    }
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to))
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item--imgprimary {
    width: 53px;
    min-width: 53px;
    height: 53px;
    display: flex;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to),var(--gradient-color-from),var(--gradient-color-to))
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item--imgprimary img {
    filter: invert(99%)sepia(2%)saturate(131%)hue-rotate(155deg)brightness(118%)contrast(100%)
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width: 880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title {
        font-size:20px
    }
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title a {
    color: #212456
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title a:hover {
    color: var(--primary-color)
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc {
    font-size: 18px;
    color: #474747;
    line-height: 1.6
}

@media(max-width: 880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc {
        font-size:16px
    }
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner {
    height: auto!important
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .pxl-grid-item {
    position: static!important
}

@media(max-width: 1199px) {
    .pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .pxl-grid-item {
        max-width:100%!important;
        flex: 100%!important
    }
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .grid-sizer {
    display: none
}

.pxl-showcase-grid {
    text-align: center
}

.pxl-showcase-grid .pxl-item--inner {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-showcase-grid .pxl-item--inner:hover .pxl-img-inner .pxl-showcase-btn .btn-primary {
    transform: scale(1);
    opacity: 1
}

.pxl-showcase-grid .pxl-item--inner:hover .pxl-item--image img {
    transform: scale(1.1)
}

.pxl-showcase-grid .pxl-item--inner:hover .pxl-item--image .pxl-link-img:after {
    opacity: 1
}

.pxl-showcase-grid .pxl-item--inner .pxl-img-inner {
    position: relative;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-showcase-grid .pxl-item--inner .pxl-img-inner .pxl-showcase-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-showcase-grid .pxl-item--inner .pxl-img-inner .pxl-showcase-btn .btn-primary {
    background-color: var(--primary-color);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    opacity: 0;
    transform: scale(1.3);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 767px) {
    .pxl-showcase-grid .pxl-item--inner .pxl-img-inner .pxl-showcase-btn .btn-primary {
        font-size:14px
    }
}

.pxl-showcase-grid .pxl-item--inner .pxl-item-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap
}

.pxl-showcase-grid .pxl-item--inner .pxl-item-content .pxl-item--new {
    font-size: 12px;
    padding: 1px 6px 2px;
    color: #fff;
    background-color: var(--primary-color);
    -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: 600;
    line-height: 1.6em
}

.pxl-showcase-grid .pxl-item--inner .pxl-item-content .pxl-item--title {
    margin-bottom: 0
}

.pxl-showcase-grid .pxl-item--image {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    -webkit-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    -khtml-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    -ms-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    -o-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
    margin-bottom: 15px
}

.pxl-showcase-grid .pxl-item--image img {
    transform: scale(1);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-showcase-grid .pxl-item--image .pxl-link-img {
    position: relative;
    display: block;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-showcase-grid .pxl-item--image .pxl-link-img:after {
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 0
}

.pxl-search-popup-button,.pxl-cart-sidebar-button {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--link-color);
    background-color: var(--link-color-hover);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: color .3s ease,transform .3s ease;
    -khtml-transition: color .3s ease,transform .3s ease;
    -moz-transition: color .3s ease,transform .3s ease;
    -ms-transition: color .3s ease,transform .3s ease;
    -o-transition: color .3s ease,transform .3s ease;
    transition: color .3s ease,transform .3s ease;
    cursor: pointer;
    font-size: 14px;
    position: relative
}

.pxl-search-popup-button span,.pxl-cart-sidebar-button span {
    line-height: 0
}

.pxl-search-popup-button svg,.pxl-cart-sidebar-button svg {
    height: 14px;
    width: auto
}

.pxl-search-popup-button svg path,.pxl-cart-sidebar-button svg path {
    stroke: var(--link-color)
}

.pxl-cart-sidebar-button svg {
    fill: #1b1d21;
    height: 24px;
    width: inherit
}

.pxl-search-popup-button.style-box {
    width: 47px;
    height: 47px;
    background-color: #009688;
    line-height: 47px;
    color: #fff;
    font-size: 20px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner {
    position: relative
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-inner-image {
    background-color: #d9d9d9
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-inner-image img {
    mix-blend-mode: luminosity
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    padding: 32px 15px 19px 20px;
    max-width: 120px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--number {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.6px;
    color: var(--link-color);
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 2px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--prefix,.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--suffix {
    color: var(--primary-color)
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--title {
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #666
}

.pxl-title-box.pxl-title-box1 .pxl-image-wg {
    filter: drop-shadow(0 8px 21.5px rgba(0,0,0,.21))
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner {
    display: inline-flex;
    clip-path: polygon(50% 0,50% 0,100% 25%,110% 70%,50% 100%,50% 100%,0 75%,0 25%);
    width: 196px;
    min-width: 196px;
    height: 227px;
    position: relative;
    background-color: var(--gradient-color-from);
    text-align: center
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-clip {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    clip-path: polygon(50% 0,50% 0,100% 25%,110% 70%,50% 100%,50% 100%,0 75%,0 25%);
    background-color: #fff;
    padding-top: 38px
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-conent {
    padding: 0 10px 17px;
    margin-bottom: 5px;
    border-bottom: 3px solid var(--gradient-color-from)
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-sub-title {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    font-family: inter,sans-serif;
    line-height: 25px;
    background-color: var(--primary-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0 17px;
    display: inline-block;
    margin-bottom: 10px
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-title {
    font-size: 22px;
    color: var(--link-color);
    font-weight: 700;
    line-height: 1.05
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-conent-number {
    display: inline-flex;
    align-items: center;
    font-size: 26px;
    color: #151f35;
    font-weight: 700
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner {
    position: relative;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a:before {
    opacity: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a:after {
    opacity: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a img {
    opacity: .7;
    transform: scale(1.05)
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a {
    width: 100%;
    display: block;
    height: 100%;
    z-index: 1;
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: var(--link-color)
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 30px;
    background-color: #fff;
    transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-process .pxl-swiper-container {
    margin: 0 -10px
}

.pxl-process .pxl-swiper-slide {
    padding: 0 10px
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--image {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--image .pxl-item--number {
    font-size: 44px;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    position: absolute;
    bottom: -11px;
    left: 16px
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 11px;
    margin-top: 23px;
    font-size: 20px;
    font-weight: 600
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 15px;
    color: #494949
}

.pxl-meta-grid1 .pxl-grid-item {
    height: auto
}

.pxl-meta-grid1 .pxl-item--inner {
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 40px;
    height: 100%
}

@media(max-width: 1280px) {
    .pxl-meta-grid1 .pxl-item--inner {
        padding:40px 20px
    }
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--title {
    margin-bottom: 10px
}

.search-form .searchform-wrap {
    position: relative
}

.search-form .searchform-wrap .search-field {
    padding-right: 60px;
    margin-bottom: 0
}

.search-form .searchform-wrap .search-submit {
    height: 50px;
    width: 50px;
    font-weight: 700;
    background-color: var(--primary-color);
    -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;
    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;
    padding: 0;
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.search-form .searchform-wrap .search-submit i {
    line-height: 1;
    background-color: unset;
    color: #fff;
    font-size: 14px;
    width: 14px;
    height: 14px
}

.search-form .searchform-wrap .search-submit i svg path {
    fill: #fff
}

.pxl-image-single .pxl-item--inner {
    overflow: hidden
}

.pxl-image-single .pxl-item--inner .bg-image {
    position: absolute;
    top: 0px;
    left: 32px;
    right: 0;
    bottom: 132px;
}

.pxl-image-single.style-overlay .pxl-item--inner {
    position: relative
}

.pxl-image-single.style-overlay .pxl-item--inner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(74,124,210,0) 0%,#4a7cd2 100%)
}

.pxl-career-grid1 .pxl-item--inner {
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 32px 20px 24px 28px;
    position: relative;
    overflow: hidden
}

.pxl-career-grid1 .pxl-item--inner .pxl-link-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-career-grid1 .pxl-item--inner:hover .pxl-item--icon {
    color: var(--primary-color)
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--icon {
    font-size: 50px;
    line-height: 1;
    color: var(--link-color);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder {
    margin-top: 15px
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 17px;
    font-size: 22px;
    font-weight: 600;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 1
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 16px;
    color: #494949
}

.pxl-apply-list1 .pxl-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dbdbdb;
    padding-top: 36px;
    padding-bottom: 46px
}

@media(max-width: 880px) {
    .pxl-apply-list1 .pxl-item {
        display:block
    }
}

.pxl-apply-list1 .pxl-item:last-child {
    border-bottom: 1px solid #dbdbdb
}

.pxl-apply-list1 .pxl-item .pxl-address-time {
    display: flex;
    align-items: end
}

@media(max-width: 1024px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time {
        display:block
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-boder {
    position: relative;
    padding-right: 65px
}

@media(max-width: 1199px) {
    .pxl-apply-list1 .pxl-item .pxl-item-boder {
        padding-right:50px
    }
}

@media(max-width: 880px) {
    .pxl-apply-list1 .pxl-item .pxl-item-boder {
        padding-right:0
    }

    .pxl-apply-list1 .pxl-item .pxl-item-boder:after {
        display: none
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-boder:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 77px;
    transform: translate(0,-50%);
    background: radial-gradient(circle at 0%,#dbdbdb,#dbdbdb 0%,#fff 75%,#dbdbdb 1e3%)
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-title-address {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color);
    margin-bottom: 11px
}

@media(max-width: 880px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-title-address {
        font-size:20px
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address {
    font-size: 16px;
    color: #494949;
    padding-left: 4px
}

@media(max-width: 880px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address {
        padding-left:0
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address i {
    color: var(--link-color)
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time {
    font-size: 16px;
    color: #494949;
    margin-left: 32px;
    margin-bottom: 3px
}

@media(max-width: 1024px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time {
        margin-left:0;
        margin-bottom: 0;
        margin-top: 15px
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time i {
    color: var(--link-color)
}

.pxl-apply-list1 .pxl-item .sub-style {
    font-size: 16px;
    color: #494949;
    margin-top: 9px
}

.pxl-apply-list1 .pxl-item .title-style {
    font-size: 20px;
    color: var(--link-color)
}

@media(max-width: 880px) {
    .pxl-apply-list1 .pxl-item .pxl-item-button {
        margin-top:20px
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn {
    background-color: unset;
    border: 2px solid #494949;
    border-radius: 6px;
    color: #494949;
    line-height: 52px
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn i {
    background-color: #494949;
    color: #fff
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn:hover i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-career-single {
    padding: 5px
}

.pxl-career-single .pxl-item--image {
    position: relative
}

.pxl-career-single .pxl-item--image:before {
    content: '';
    background: linear-gradient(#000,rgba(255,255,255,1%));
    width: 100%;
    height: 29.76%;
    top: 0;
    left: 0;
    position: absolute
}

.pxl-career-single .pxl-item--image img {
    width: 100%
}

.pxl-button-video1 .pxl-btn-video {
    padding-top: 1px;
    height: 55px;
    background-color: initial;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--link-color);
    border: 1px solid var(--link-color)
}

.pxl-button-video1 .pxl-btn-video .pxl-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--link-color);
    width: 55px;
    height: 54px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-button-video1 .pxl-btn-video .pxl-button--title {
    padding: 0 73px
}

@media(max-width: 1200px) {
    .pxl-button-video1 .pxl-btn-video .pxl-button--title {
        padding:0 30px
    }
}

.pxl-button-video1 .pxl-btn-video:hover {
    background-color: initial
}

.pxl-button-video1 .pxl-btn-video:hover .pxl-icon {
    background-color: var(--link-color);
    color: #fff
}

.pxl-instagram-grid1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-instagram-grid1 .pxl-item--inner:hover .pxl-item--image a i {
    opacity: 1;
    top: 50%
}

.pxl-instagram-grid1 .pxl-item--inner:hover .pxl-item--image a img {
    opacity: .6
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image {
    background-color: var(--link-color);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a {
    display: block;
    position: relative
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a i {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-grid1 .pxl-item--inner .pxl-item--image {
    text-align: center
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
    position: relative;
    text-align: center;
    width: 569px;
    min-width: 569px;
    height: 569px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255,83,3,.788);
    align-content: center
}

@media(max-width: 1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
        width:500px;
        min-width: 500px;
        height: 500px
    }
}

@media(max-width: 575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
        width:unset;
        min-width: unset;
        height: unset;
        background-color: unset
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-border {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,83,3,.369);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_pulse_radius 2e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_radius 2e3ms ease-out infinite;
    z-index: -2;
    border-radius: inherit
}

@media(max-width: 575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-border {
        display:none
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    position: relative;
    display: inline-block;
    line-height: 1.2;
    padding-left: 25px
}

@media(max-width: 1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title {
        font-size:20px
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title:before {
    content: '';
    background-image: url(../img/img-icon-fancybox1.png);
    width: 21px;
    height: 21px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    background-repeat: no-repeat;
    filter: brightness(0)saturate(100%)invert(99%)sepia(39%)saturate(2%)hue-rotate(200deg)brightness(110%)contrast(100%);
    transform: translate(0,-50%)
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    filter: drop-shadow(0 3px 3.5px rgba(0,0,0,.35));
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 19px
}

@media(max-width: 1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
        font-size:50px
    }
}

@media(max-width: 480px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
        font-size:40px
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
    opacity: .851;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    max-width: 89%;
    margin: 0 auto;
    line-height: 1.77;
    margin-bottom: 41px
}

@media(max-width: 575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
        margin-bottom:30px
    }
}

@media(max-width: 480px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
        max-width:100%
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link {
    display: inline-flex
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    background-color: var(--link-color);
    padding: 8px 10px 8px 27px;
    display: inline-flex;
    align-items: center
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a:hover span {
    transform: rotate(0)
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a span {
    filter: drop-shadow(0 3px 3.5px rgba(0,0,0,.35));
    background-color: #fff;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    border-radius: 50%;
    color: #000;
    transform: rotate(-44deg);
    margin-left: 17px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner {
    background-color: #f6f6f6;
    padding: 35px 40px 40px
}

@media(max-width: 880px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner {
        padding:30px 20px
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-image-wg {
    display: flex
}

@media(max-width: 1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-image-wg {
        display:block
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item--icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 4px;
    padding-top: 8px
}

@media(max-width: 1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item--icon {
        margin-bottom:15px;
        margin-right: 0;
        padding-top: 0
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    font-size: 24px;
    color: #262626;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #555;
    font-weight: 400;
    font-family: inter
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner {
    background-color: var(--primary-color);
    padding: 35px 40px 40px
}

@media(max-width: 880px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner {
        padding:30px 20px
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-image-wg {
    display: flex
}

@media(max-width: 1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-image-wg {
        display:block
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 4px;
    padding-top: 8px
}

@media(max-width: 1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon {
        margin-bottom:15px!important;
        margin-right: 0!important;
        padding-top: 0!important
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon img {
    filter: brightness(0)saturate(100%)invert(99%)sepia(39%)saturate(2%)hue-rotate(200deg)brightness(110%)contrast(100%)
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    opacity: .851
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner {
    margin-left: 33px;
    border-radius: 8px;
    filter: drop-shadow(-1.035px 3.864px 21.5px rgba(0,9,37,.2));
    transform: translateX(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 31px 20px 27px 0;
    position: relative;
    background-color: #fff
}

@media(max-width: 1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner {
        margin-left:0;
        padding: 25px 15px
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-shape-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-shape-img:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/shape-img1.png);
    background-position: 50%;
    width: 100%;
    height: 105%;
    z-index: -1;
    opacity: 0;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg {
    display: flex;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg {
        display:block
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 50%;
    filter: drop-shadow(-3.914px 5.803px 0 var(--primary-color));
    background-color: var(--gradient-color-to);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -33px;
    margin-right: 25px;
    font-size: 30px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

@media(max-width: 1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon {
        margin-left:0;
        margin-bottom: 15px
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon1 img {
    filter: invert(100%)sepia(5%)saturate(0%)hue-rotate(319deg)brightness(104%)contrast(106%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon2 img {
    filter: invert(18%)sepia(18%)saturate(6381%)hue-rotate(207deg)brightness(93%)contrast(112%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item-content .pxl-item-title {
    font-size: 22px;
    color: var(--gradient-color-to);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover {
    transform: translateX(8px);
    background-color: var(--gradient-color-to)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-shape-img:before {
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon {
    background-color: #fff;
    color: var(--gradient-color-to)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon .pxl-icon1 img {
    opacity: 0
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon .pxl-icon2 img {
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item-content .pxl-item-title {
    color: #fff
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item-content .pxl-item-desc {
    color: #f2f2f2
}

.pxl-fancy-box.pxl-fancy-box3.style2 .pxl-meta-inner:hover {
    transform: translateX(-8px)
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner {
    position: relative;
    padding-bottom: 58px
}

@media(max-width: 360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner {
        padding-bottom:15px
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 {
    text-align: right;
    padding-right: 40px
}

@media(max-width: 1024px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 {
        padding-right:0
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 .pxl-item--img {
    display: inline-block
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 .pxl-item--img img {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-transform-left {
        transform:none!important
    }
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-transform-left img {
        transform:none!important
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
    position: absolute;
    bottom: 0;
    left: 63px;
    perspective: 70px;
    perspective-origin: 50% 50%
}

@media(max-width: 1280px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
        left:0
    }
}

@media(max-width: 360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
        position:unset;
        display: inline-block;
        margin-top: 30px;
        width: 100%
    }
}

@media(max-width: 360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-item--image img {
        width:100%
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2:hover .pxl-inner-content {
    transform: scaleX(1)scaleY(1)scaleZ(.1)rotateX(8deg)rotateY(0)rotateZ(0)translateX(0)translateY(0)translateZ(0)skewX(0)skewY(0)
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-image-wg {
        transform:none!important;
        -webkit-transform: none!important
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content {
    position: relative;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 16px solid #fff;
    -webkit-transition: all 1s;
    -khtml-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content {
        filter:drop-shadow(0 7px 13.5px rgba(0,0,0,5%))
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content:before {
    content: '';
    position: absolute;
    background-color: rgba(12,14,18,.42);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 7px;
    z-index: 2;
    width: 100%
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-button-video {
    margin-bottom: 15px
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-btn-video {
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: drop-shadow(0 1px 27px rgba(47,84,238,.46));
    background-color: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: .5s cubic-bezier(.23,1,.32,1);
    -khtml-transition: .5s cubic-bezier(.23,1,.32,1);
    -moz-transition: .5s cubic-bezier(.23,1,.32,1);
    -ms-transition: .5s cubic-bezier(.23,1,.32,1);
    -o-transition: .5s cubic-bezier(.23,1,.32,1);
    transition: .5s cubic-bezier(.23,1,.32,1)
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-btn-video:hover {
    background-color: #fff;
    color: var(--primary-color);
    animation: jello 1s
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-item-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fefeff;
    font-weight: 700
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner {
    display: flex
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner {
        display:block
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-img {
    width: 50%
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-img {
        width:100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
    margin-left: -181px;
    padding-top: 3px
}

@media(max-width: 1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        margin-left:-250px
    }
}

@media(max-width: 1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        display:none
    }
}

@media(max-width: 1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        margin-left:0
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
    margin-left: 0;
    padding-top: 35px;
    display: inline-block;
    display: none
}

@media(max-width: 1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
        display:inline-block
    }
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
        display:block
    }
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left img {
        width:100%
    }
}

@media(max-width: 1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video .pxl-image-wg {
        transform:unset!important;
        -webkit-transform: unset!important
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content {
    position: relative
}

@media(max-width: 676px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content {
        display:inline-block
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-item--image {
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 1s;
    -khtml-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #000
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-item--image img {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity: .7
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 7px;
    z-index: 2;
    width: 100%
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-button-video {
    margin-bottom: 15px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-btn-video {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    color: #4f4f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: .5s cubic-bezier(.23,1,.32,1);
    -khtml-transition: .5s cubic-bezier(.23,1,.32,1);
    -moz-transition: .5s cubic-bezier(.23,1,.32,1);
    -ms-transition: .5s cubic-bezier(.23,1,.32,1);
    -o-transition: .5s cubic-bezier(.23,1,.32,1);
    transition: .5s cubic-bezier(.23,1,.32,1);
    font-size: 13px;
    line-height: 1
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-btn-video:hover {
    background-color: #fff;
    color: var(--primary-color);
    animation: jello 1s
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-item-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fefeff;
    font-weight: 700
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
    width: 50%;
    padding-left: 51px
}

@media(max-width: 1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
        padding-left:30px
    }
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
        width:100%;
        padding-left: 0
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading {
    padding-top: 20px;
    margin-bottom: 26px;
    padding-left: 2px
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading {
        padding-left:0;
        padding-top: 50px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-sub-title {
    font-size: 19px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    font-family: barlow semi condensed;
    margin-bottom: 8px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
    font-size: 60px;
    letter-spacing: .5px;
    color: #090909;
    font-weight: 800;
    font-family: barlow semi condensed;
    line-height: 1.1;
    max-width: 75%
}

@media(max-width: 1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        max-width:100%
    }
}

@media(max-width: 1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size:55px
    }
}

@media(max-width: 880px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size:45px
    }
}

@media(max-width: 767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size:35px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 18px;
    letter-spacing: .15px;
    color: #626262;
    font-weight: 400;
    font-family: barlow semi condensed;
    max-width: 73%
}

@media(max-width: 991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
        max-width:100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list {
    display: flex;
    padding-top: 37px
}

@media(max-width: 1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list {
        display:block;
        padding-top: 25px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list {
    margin-left: 74px
}

@media(max-width: 1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list {
        margin-left:0;
        width: 100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 13px;
    margin-bottom: 11px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list {
    font-size: 20px;
    color: #222;
    font-weight: 700;
    font-family: barlow semi condensed;
    display: flex;
    align-items: center
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list {
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: flex;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 27px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list svg {
    height: 8px;
    width: auto
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list svg path {
    fill: #fff
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom {
    display: flex;
    align-items: center;
    margin-top: 52px;
    margin-left: -3px
}

@media(max-width: 991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom {
        display:block;
        margin-left: 0;
        margin-top: 30px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn {
    margin-right: 29px
}

@media(max-width: 991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn {
        margin-right:0;
        margin-bottom: 20px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn {
    position: relative;
    padding-right: 43px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn i {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn:hover i {
    right: 10px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn span {
    padding: 0 30px 0 20px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-inner-phone {
    font-size: 24px;
    letter-spacing: 0;
    color: #090909;
    font-weight: 700;
    font-family: barlow semi condensed
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-inner-phone .pxl-icon-phone {
    margin-left: 14px;
    margin-right: 8px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item--img img {
    border-radius: 10px;
    border-left: 7px solid var(--primary-color)
}

.pxl-left-image {
    overflow: hidden;
    display: inline-block
}

.pxl-left-image img {
    object-fit: cover;
    transform-origin: left
}

.pxl-right-image {
    overflow: hidden;
    display: inline-block
}

.pxl-right-image img {
    object-fit: cover;
    transform-origin: right
}

.pxl-dow-image {
    overflow: hidden;
    display: inline-block
}

.pxl-dow-image img {
    object-fit: cover;
    transform-origin: top
}

.pxl-up-image {
    overflow: hidden;
    display: inline-block
}

.pxl-up-image img {
    object-fit: cover;
    transform-origin: bottom
}

.pxl-clip-left {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-clip-left img {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-cart-sidebar-button.style1 {
    font-size: 23px;
    color: #1b1d21;
    position: relative
}

.pxl-cart-sidebar-button.style1 .pxl_cart_counter {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-family: urbanist;
    font-size: 12px;
    position: absolute;
    bottom: -11px;
    left: -10px;
    padding-top: 2px;
    padding-left: 1px
}

.pxl-cart-sidebar-button.style2 {
    font-size: 17px;
    color: #fff;
    position: relative
}

.pxl-cart-sidebar-button.style2 .pxl_cart_counter {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--link-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-family: urbanist;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: -5px
}

body:not(.elementor-editor-active) .pxl-element-slider {
    opacity: 0
}

.pxl-element-slider {
    position: relative;
    -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;
    border-radius: inherit
}

.pxl-element-slider .swiper-slide-active {
    -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: 1!important;
    z-index: 1
}

.pxl-element-slider .pxl-slider-progressbar {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--link-color);
    height: 2px;
    z-index: 100;
    width: 0;
    -webkit-transition: all 100ms linear 0ms;
    -khtml-transition: all 100ms linear 0ms;
    -moz-transition: all 100ms linear 0ms;
    -ms-transition: all 100ms linear 0ms;
    -o-transition: all 100ms linear 0ms;
    transition: all 100ms linear 0ms
}

.pxl-element-slider .pxl-slider--image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    -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
}

.pxl-element-slider .pxl-slider--mainimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all 600ms linear 0ms;
    -khtml-transition: all 600ms linear 0ms;
    -moz-transition: all 600ms linear 0ms;
    -ms-transition: all 600ms linear 0ms;
    -o-transition: all 600ms linear 0ms;
    transition: all 600ms linear 0ms;
    overflow: hidden
}

.pxl-element-slider .pxl-slider--mainimage.wow {
    visibility: visible
}

.pxl-element-slider .pxl-slider--mainimage.pxl-image--kenburns.animated {
    animation-name: pxl_kenburns;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 40s;
    transform: scale(1.2)
}

.pxl-element-slider .pxl-slider--overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden
}

.pxl-element-slider .pxl-slider--overlay:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(0deg,rgba(18,19,44,.75) 0%,rgba(18,19,44,.75) 50%);
    z-index: 1;
    opacity: .7
}

.pxl-element-slider .pxl-slider--inner {
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .pxl-element-slider .pxl-slider--inner {
        height:auto!important
    }
}

.pxl-element-slider .pxl-slider--mainimage,.pxl-element-slider .pxl-slider--image,.pxl-element-slider .pxl-slider--inner,.pxl-element-slider .pxl-swiper-slide,.pxl-element-slider .pxl-swiper-wrapper,.pxl-element-slider .pxl-swiper-container,.pxl-element-slider .pxl-carousel-inner {
    border-radius: inherit
}

.pxl-element-slider .pxl-carousel-inner {
    position: relative
}

.pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 5
}

@media(max-width: 1024px) {
    .pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap {
        display:none
    }
}

.pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    color: #fff;
    font-size: 27px;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%)
}

.pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 23px
}

.pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
    transform: rotate(0)
}

.pxl-element-slider .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 23px
}

.pxl-text-carousel1 {
    position: relative
}

.pxl-text-carousel1.style1 .pxl-inner-content {
    position: relative
}

.pxl-text-carousel1.style1 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 32px;
    color: #545454;
    font-weight: 500;
    text-transform: capitalize
}

.pxl-text-carousel1.style1 .pxl--item {
    padding: 0 28px;
    width: auto;
    position: relative
}

@media(max-width: 1366px) {
    .pxl-text-carousel1.style1 .pxl--item {
        padding:0 15px
    }
}

.pxl-text-carousel1.style1 .pxl--item:after {
    content: '/';
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translate(0,-50%);
    opacity: .3;
    color: #000000;
    font-size: 32px
}

@media(max-width: 1366px) {
    .pxl-text-carousel1.style1 .pxl--item:after {
        right:-7px
    }
}

.pxl-text-carousel1.style1 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap
}

.pxl-text-carousel1.style1 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0
}

.pxl-text-carousel1.style1 .pxl-text-slide.text-slide-to-left {
    left: 50%
}

.pxl-text-carousel1.style1 .pxl-text-slide.text-slide-to-right {
    right: 50%
}

@media screen and (max-width: 1200px) {
    .pxl-text-carousel1.style1 .pxl-text-slide {
        margin:0 -15px
    }
}

.hover img {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pxl-blog-list.layout1 .pxl-grid-item {
    display: flex;
    margin-bottom: 20px
}

.pxl-blog-list.layout1 .pxl-grid-item:last-child {
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item:hover .pxl-item--image .bg-image img {
    -webkit-transform: translateX(55px);
    transform: translateX(55px)
}

.pxl-blog-list.layout1 .pxl-grid-item:hover .pxl-item--meta .pxl-item--title a .char {
    color: var(--primary-color);
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image {
    margin-right: 21px;
    padding-right: 3px;
    position: relative
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--primary-color)
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image {
    min-width: 85px;
    min-height: 75px;
    overflow: hidden;
    display: block;
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image img {
    height: 100%;
    position: absolute;
    right: 0;
    width: auto;
    max-width: unset;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--date {
    font-size: 12px;
    letter-spacing: 0;
    color: #fb5900;
    font-weight: 400;
    font-family: barlow semi condensed;
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title {
    font-size: 24px;
    font-weight: 700;
    font-family: barlow semi condensed;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title a {
    color: #ddd
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title a .char {
    transition: transform .2s ease,color .2s ease;
    transition-delay: calc(var(--char-index) * .02s)
}

.pxl-meta-carousel1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta {
        display:block
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title {
    width: 31.1%;
    margin-bottom: 0;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
    padding: 40px 0;
    border-right: 1px solid #dfdfdf;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title {
        width:100%;
        border-right: none;
        border-bottom: 1px solid #dfdfdf;
        padding: 30px 0;
        margin-bottom: 20px
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title .pxl-item-border {
    position: absolute;
    width: 6px;
    height: 30px;
    top: 50%;
    right: -4px;
    background-color: var(--primary-color);
    transform: translate(0,-50%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title .pxl-item-border {
        transform:unset;
        right: unset;
        top: unset;
        left: 0;
        bottom: -3px;
        width: 30px;
        height: 6px
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--desc {
    width: 69.9%;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    position: relative;
    padding-left: 28px
}

@media(max-width: 480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--desc {
        width:100%;
        padding-left: 0
    }
}

.pxl-meta-carousel1 .pxl-item--inner:hover .pxl-item--meta .pxl-item--title .pxl-item-border {
    background-color: var(--gradient-color-from)
}

.pxl-meta-carousel2 .pxl-swiper-container {
    margin: 0 -50px
}

@media(max-width: 1199px) {
    .pxl-meta-carousel2 .pxl-swiper-container {
        margin:0 -15px
    }
}

.pxl-meta-carousel2 .pxl-swiper-slide {
    padding: 0 50px
}

@media(max-width: 1199px) {
    .pxl-meta-carousel2 .pxl-swiper-slide {
        padding:0 15px
    }
}

.pxl-meta-carousel2 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image:before {
    opacity: 1;
    transform: scaleY(1)translate(-50%,0);
    -webkit-transition: all .6s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .6s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .6s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .6s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .6s cubic-bezier(.62,.21,.45,1.52);
    transition: all .6s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image:after {
    opacity: 1;
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image .pxl-item-bg {
    opacity: 1
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-item-image {
    box-shadow: 0 0 #818181
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-item-image:before {
    opacity: 1;
    height: 44%
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-post--readmore {
    opacity: 1;
    top: 58%
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-inner-icon .pxl-post--icon {
    filter: drop-shadow(-1.042px 5.909px 3px rgba(164,108,62,.3));
    background-color: var(--link-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image {
    position: relative;
    padding: 20px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 102%;
    height: 57%;
    background-color: var(--primary-color);
    z-index: -1;
    opacity: 0;
    transform-origin: top;
    transform: scaleY(0)translate(-50%,0);
    transform-style: preserve-3d;
    -webkit-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    transition: all .3s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image:after {
    content: '';
    position: absolute;
    width: 96%;
    height: 96%;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: -1;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    -webkit-transition: all .6s;
    -khtml-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image .pxl-item-bg {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 102%;
    height: 43%;
    background-color: #fff;
    z-index: -1;
    transform: translate(-50%,0);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-58%);
    opacity: 0;
    transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    transition: all .5s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore .btn-readmore {
    font-size: 15px;
    line-height: 37px;
    height: 37px;
    color: var(--link-color);
    font-weight: 700;
    font-family: barlow semi condensed;
    background-color: #fbf3ee;
    padding: 0 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore .btn-readmore:hover {
    color: var(--primary-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image {
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 12px 0 -5px #818181
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    clip-path: polygon(50% 0%,100% 44%,100% 100%,0 100%,0 44%);
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    opacity: 0;
    transform-origin: top;
    transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    transition: all .5s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-icon {
    text-align: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-icon .pxl-post--icon {
    width: 85px;
    height: 85px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: drop-shadow(-1.042px 5.909px 3px rgba(164,108,62,.3));
    background-color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 45px;
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item--holder {
    margin-top: -73px
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content {
    text-align: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title {
    font-size: 32px;
    font-weight: 700;
    font-family: barlow semi condensed;
    margin-top: 15px;
    margin-bottom: 5px
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title a {
    color: #0d0d0d
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-post--content {
    font-size: 18px;
    letter-spacing: 0;
    color: #626262;
    font-weight: 400;
    font-family: barlow semi condensed;
    max-width: 90%;
    display: inline-block
}

@media(max-width: 575px) {
    .pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-post--content {
        max-width:100%
    }
}

.pxl-image-before-after1 {
    position: relative;
    overflow: hidden
}

.pxl-image-before-after1 img {
    width: 100%
}

.pxl-image-before-after1 .twentytwenty-before-label:before,.pxl-image-before-after1 .twentytwenty-after-label:before {
    display: none
}

.pxl-image-before-after1 .twentytwenty-wrapper {
    padding: 4px
}

.pxl-image-before-after1 .twentytwenty-container {
    border: 1px solid var(--link-color);
    overflow: visible
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-top,.pxl-image-before-after1 .twentytwenty-container .handle-dot-bottom {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--link-color);
    transform: translateX(-50%);
    left: 0;
    z-index: 999
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-top {
    top: -5px
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-bottom {
    bottom: -5px
}

.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 1px;
    background-color: var(--link-color);
    z-index: -1
}

.twentytwenty-handle {
    height: 100px;
    width: 100px;
    background-color: var(--link-color);
    position: absolute;
    left: 50%;
    top: 50%;
    border: none;
    margin-left: -50px;
    margin-top: -51px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.twentytwenty-handle .twentytwenty-handle-text {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    max-width: 45%
}

.pxl-blog-single1 .pxl-meta-inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-blog-single1 .pxl-meta-inner:hover .pxl-item--img img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item--img a {
    display: block;
    background-size: cover;
    background-position: 50%
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item--img img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg,#011c3b 60%,rgba(1,28,59,1%) 100%);
    padding: 50px 40px 16px 36px
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-content-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-new {
    font-size: 15px;
    color: #000b18;
    font-weight: 400;
    background-color: var(--gradient-color-from);
    display: inline-block;
    border-radius: 5px;
    padding: 2px 17px;
    z-index: 1;
    position: relative
}

@media(max-width: 880px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-new {
        font-size:13px;
        padding: 0 10px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    margin-bottom: 22px;
    margin-top: 8px;
    z-index: 1;
    position: relative
}

@media(max-width: 880px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
        margin-bottom:10px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title a {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    max-width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title a:hover {
    text-decoration: underline
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
    display: inline-flex
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

@media(max-width: 767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori {
        font-size:12px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori:hover {
    color: var(--primary-color)
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: relative
}

@media(max-width: 767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori {
        width:30px;
        min-width: 30px;
        height: 30px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori:before {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/img-author1.png);
    background-position: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 22px;
    height: 18px
}

@media(max-width: 767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori:before {
        width:17px;
        height: 11px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-left: 1px solid #fff;
    margin-left: 22px;
    padding-left: 23px
}

@media(max-width: 767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date {
        font-size:12px;
        margin-left: 15px;
        padding-left: 15px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date i {
    color: var(--gradient-color-from)
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner {
    height: auto!important
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item {
    position: static!important
}

@media(max-width: 1199px) {
    .pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item {
        max-width:100%!important;
        flex: 100%!important
    }
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .grid-sizer {
    display: none
}

.pxl-showcase .pxl-item--inner.style-1 {
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pxl-showcase .pxl-item--inner.style-1:hover .pxl-item--image img {
    top: 100%;
    transform: translateY(-100%)
}

@media(max-width: 575px) {
    .pxl-showcase .pxl-item--inner.style-1:hover .pxl-item--image img {
        top:0;
        transform: none
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image {
    position: relative;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
    overflow-y: hidden;
    height: 765px;
    -webkit-transition: .5s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .5s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .5s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .5s cubic-bezier(.24,.74,.58,1);
    -o-transition: .5s cubic-bezier(.24,.74,.58,1);
    transition: .5s cubic-bezier(.24,.74,.58,1)
}

@media(max-width: 575px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-item--image {
        height:410px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    -webkit-transition: transform 4s ease-out,top 4s ease-out;
    -khtml-transition: transform 4s ease-out,top 4s ease-out;
    -moz-transition: transform 4s ease-out,top 4s ease-out;
    -ms-transition: transform 4s ease-out,top 4s ease-out;
    -o-transition: transform 4s ease-out,top 4s ease-out;
    transition: transform 4s ease-out,top 4s ease-out
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image a {
    display: block
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-image-bg {
    padding: 10px;
    margin-bottom: 5px;
    position: relative;
    background-color: var(--link-color)
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-image-bg .pxl-item-new {
    position: absolute;
    top: -13px;
    right: 20px;
    padding: 5px 20px;
    font-size: 13px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #555;
    z-index: 1;
    line-height: 1
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-image-bg .pxl-item-new:after {
    position: absolute;
    content: '';
    top: 0;
    right: -10px;
    width: 10px;
    height: 13px;
    clip-path: polygon(0 0,0% 100%,100% 100%);
    background-color: #999
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta {
    padding: 17px 34px 17px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--link-color);
    gap: 10px
}

@media(max-width: 1280px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta {
        padding:19px 15px
    }
}

@media(max-width: 991px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta {
        display:block;
        text-align: center
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--title {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .75px
}

@media(max-width: 1024px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--title {
        font-size:14px
    }
}

@media(max-width: 991px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--title {
        display:inline-block
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons {
    display: inline-flex;
    align-items: center;
    margin-top: -1px
}

@media(max-width: 991px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons {
        margin-top:10px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button {
    position: relative
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button:after {
    content: '/';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%)
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button:last-child {
    padding-right: 0!important;
    margin-right: 0!important
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button:last-child:after {
    display: none
}

@media(max-width: 1280px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button {
        padding-right:10px;
        margin-right: 10px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase {
    font-size: 15px;
    letter-spacing: .7px;
    text-transform: capitalize;
    font-weight: 500;
    color: #777;
    letter-spacing: .75px;
    display: inline-flex;
    align-items: center
}

@media(max-width: 1280px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase {
        font-size:14px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase:hover {
    color: #fff
}

.pxl-button-single1 .pxl-item-inner {
    position: relative;
    border: 2px solid #f1f1f1;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 20px 10px 20px 20px
}

.pxl-button-single1 .pxl-item-inner:hover {
    border-color: var(--primary-color)
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon svg {
    fill: #fff
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-button-single1 .pxl-item-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-button-single1 .pxl-item-inner .pxl-meta-content {
    display: flex;
    align-items: center
}

.pxl-button-single1 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #191917
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon {
    background-color: #f1f1f1;
    width: 66px;
    height: 66px;
    min-width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #191917;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-right: 13px
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon svg {
    height: 36px;
    fill: #191917;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon svg path {
    fill: #191917;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-list1 .pxl--item {
    border-radius: 20px;
    background-color: #eae8e4;
    margin: 30px 0;
    padding: 50px 40px 56px 85px
}

@media(max-width: 1366px) {
    .pxl-service-list1 .pxl--item {
        padding:50px 40px 56px 50px
    }
}

.pxl-service-list1 .pxl--item .pxl-item--icon {
    font-size: 60px;
    line-height: 1;
    color: var(--link-color)
}

.pxl-service-list1 .pxl--item .pxl-inner-title {
    margin-top: 6px;
    margin-bottom: 5px
}

.pxl-service-list1 .pxl--item .pxl-inner-title .pxl-item-title {
    font-size: 32px;
    color: #0d0d0d;
    font-weight: 700;
    font-family: barlow semi condensed;
    line-height: 1.2
}

.pxl-service-list1 .pxl--item .pxl-inner-title .pxl-item-title:hover {
    color: var(--primary-color)
}

.pxl-service-list1 .pxl--item .pxl-item--desc {
    font-size: 19px;
    color: #4f4f4f;
    font-weight: 400;
    font-family: barlow semi condensed;
    margin-bottom: 13px
}

.pxl-service-list1 .pxl--item .pxl-item--btn {
    font-size: 18px;
    text-transform: uppercase;
    color: #0d0d0d;
    font-weight: 700;
    font-family: barlow semi condensed;
    position: relative;
    border-bottom: 1px solid var(--link-color);
    padding-bottom: 5px;
    margin-left: 2px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-list1 .pxl--item .pxl-item--btn i {
    font-size: 15px;
    margin-left: 7px;
    transform: rotate(-40deg);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-list1 .pxl--item .pxl-item--btn:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-service-list1 .pxl--item .pxl-item--btn:hover i {
    transform: rotate(0)
}

.pxl-number-box1 .pxl-number-inner {
    text-align: center;
    padding: 0 30px
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number {
    width: 140px;
    height: 140px;
    border: 2px solid #ededed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 41px;
    color: #fff;
    font-weight: 800;
    font-family: barlow semi condensed
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number:before {
    content: '';
    position: absolute;
    width: 63%;
    height: 63%;
    top: 50%;
    left: 50%;
    background-image: linear-gradient(86deg,var(--gradient-color-from) 0%,var(--gradient-color-to) 100%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%,-50%)
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    animation: pxl_pulse_radius 2e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_radius 2e3ms ease-out infinite;
    z-index: -2;
    border: 2px solid #ededed
}

.pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-title {
    font-size: 25px;
    letter-spacing: 0;
    color: var(--link-color);
    font-weight: 800;
    font-family: barlow semi condensed;
    line-height: 1.2;
    margin-top: 26px;
    margin-bottom: 9px
}

@media(max-width: 1280px) {
    .pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-title {
        font-size:22px
    }
}

.pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-desc {
    font-size: 18px;
    letter-spacing: 0;
    color: #323232;
    font-weight: 400;
    font-family: barlow semi condensed;
    line-height: 1.48
}

.pxl-absolute1.style1 .pxl-item {
    margin-bottom: 10px
}

.pxl-absolute1.style1 .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-absolute1.style1 .pxl-item a {
    background-image: linear-gradient(86deg,var(--gradient-color-from) 0%,var(--gradient-color-to) 100%);
    clip-path: polygon(0% 0%,90% 0%,100% 100%,5% 100%);
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    font-family: catamaran,sans-serif;
    padding: 3px 44px;
    border-radius: 5px 30px 0 0
}

.pxl-absolute1.style2 .pxl-absolute-inner {
    display: inline-flex;
    align-items: center
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item {
    margin-right: 45px
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item:last-child {
    margin-right: 0
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item a {
    font-size: 19px;
    letter-spacing: .2px;
    color: #fff;
    font-weight: 700;
    font-family: barlow semi condensed
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item a:hover {
    color: var(--primary-color)
}

.pxl-absolute-layout1 {
    position: absolute;
    left: -105px;
    top: 34%;
    transform: rotate(90deg)translate(0,-50%)
}

@media(max-width: 1400px) {
    .pxl-absolute-layout1 {
        display:none
    }
}

.pxl-absolute-layout2 {
    position: absolute;
    right: -124px;
    top: 35%;
    transform: rotate(90deg)translate(0,-50%)
}

@media(max-width: 1400px) {
    .pxl-absolute-layout2 {
        display:none
    }
}

.pxl-language .pxl-meta-inner {
    position: relative;
    transition: all .3s
}

.pxl-language .pxl-meta-inner .pxl-language-on {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--link-color-hover);
    transition: all .3s;
    cursor: pointer;
    margin: 25px 0 24px;
    padding-top: 3px
}

.pxl-language .pxl-meta-inner .pxl-language-title {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--link-color)
}

.pxl-language .pxl-meta-inner .pxl-language-list {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 250px;
    transition: all 200ms linear 0ms;
    text-align: left;
    padding: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    background-color: var(--link-color);
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%;
    border: 1px solid #333
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 20px;
    display: block;
    transition: all .3s;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.25);
    transform-style: preserve-3d;
    -webkit-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    transition: all .3s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:before {
    content: '';
    width: 15px;
    height: 1px;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .3s cubic-bezier(.62,.21,.45,1.52);
    transition: all .3s cubic-bezier(.62,.21,.45,1.52)
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:hover {
    padding-left: 50px
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:hover:before {
    left: 20px;
    opacity: 1
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item:last-child .pxl-item--title {
    border-bottom: none!important
}

.pxl-language .pxl-meta-inner.left .pxl-language-list {
    left: 0;
    right: unset
}

.pxl-language .pxl-meta-inner.right .pxl-language-list {
    right: 0;
    left: unset
}

.pxl-language:hover .pxl-meta-inner .pxl-language-list {
    visibility: visible;
    opacity: 1;
    transform: perspective(500px)rotateX(0)
}

.pxl-button-meta1 .pxl-item-inner .pxl-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    border: 1px solid #dedede;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    padding: 0 28px
}

.pxl-button-meta1 .pxl-item-inner .pxl-item-title:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-badge-meta1 .pxl-item-inner {
    background-color: var(--primary-color);
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 200px;
    min-width: 200px;
    height: 200px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.pxl-badge-meta1 .pxl-item-inner:before {
    content: '';
    border: dashed 2px #fff;
    position: absolute;
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_spin_right 10s linear infinite
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate {
    position: relative;
    width: 100%;
    height: 100%;
    animation: pxl_spin 10s linear infinite
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate .text {
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 92%;
    transform: translate(-50%,-50%)
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate .text text {
    fill: #fff
}

.pxl-badge-meta1 .pxl-item-inner .pxl-title-center {
    color: #fff;
    font-size: 66px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-badge-meta1 .pxl-item-inner .pxl-meta-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%)
}

.pxl-badge-meta2 .pxl-item-inner {
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 200px;
    min-width: 200px;
    height: 200px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #dedede
}

.pxl-badge-meta2 .pxl-item-inner:before {
    content: '';
    border: dashed 2px var(--link-color);
    position: absolute;
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_spin_right 10s linear infinite
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate {
    position: relative;
    width: 100%;
    height: 100%;
    animation: pxl_spin 10s linear infinite
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate .text {
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 92%;
    transform: translate(-50%,-50%)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate .text text {
    fill: var(--primary-color)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-title-center {
    color: var(--link-color);
    font-size: 66px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-meta-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%)
}

.pxl-text-scroll1 .pxl-item-title {
    font-size: 500px;
    font-weight: 600;
    font-family: outfit,sans-serif;
    line-height: 1;
    color: #2c2c2c;
    letter-spacing: -1px
}

.pxl-text-scroll2 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.pxl-text-scroll2 .pxl-meta-inner {
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner {
        display:block
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
    width: 42.7%
}

@media(max-width: 1366px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
        width:46%
    }
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
        width:100%;
        margin-bottom: 30px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading {
    margin-bottom: 266px
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading {
        margin-bottom:30px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-sub-title {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration: underline;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 17px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -3.2px;
    max-width: 68%
}

@media(max-width: 1200px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        max-width:100%
    }
}

@media(max-width: 1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        font-size:70px
    }
}

@media(max-width: 757px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        font-size:45px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title {
    display: flex;
    align-items: center;
    padding-left: 8px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    display: flex;
    z-index: 1
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load .pxl-scroll-progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(90deg);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load .pxl-scroll-progress-circle path {
    fill: none;
    stroke: rgba(255,255,255,.5);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .pxl-title-load {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.32px;
    color: rgba(255,255,255,.5)
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
    width: 57.3%;
    position: relative;
    margin-top: 7px
}

@media(max-width: 1366px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
        width:54%
    }
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
        width:100%
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
    background: linear-gradient(180deg,rgba(255,255,255,0) 36%,#232323 100%);
    pointer-events: none;
    z-index: 1
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer {
    position: absolute;
    top: 43%;
    z-index: 5;
    width: 4px;
    height: 300px;
    right: 14px;
    border-radius: 10px;
    background-color: rgba(255,255,255,.2);
    transform: translate(0,-50%)
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer {
        right:0
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer .bar {
    background-color: var(--primary-color);
    width: 4px;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    transform-origin: 0 0;
    top: 0;
    left: 0
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list {
    position: relative;
    overflow-y: auto;
    max-height: 643px;
    transition: all .3s ease;
    scrollbar-width: auto;
    padding-right: 90px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media(max-width: 1280px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list {
        padding-right:30px
    }
}

@media(max-width: 1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list {
        max-height:550px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    display: none
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.2);
    border-radius: 10px;
    height: 300px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
    width: 4px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item {
    margin-bottom: 54px
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item {
        margin-bottom:35px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item:last-child {
    margin-bottom: 0!important
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    -webkit-text-stroke-color: #fff;
    line-height: 1.22
}

@media(max-width: 1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
        font-size:35px
    }
}

@media(max-width: 880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
        font-size:30px
    }
}

.pxl-text-scroll3 .pxl-meta-inner {
    text-align: center
}

.pxl-text-scroll3 .pxl-meta-inner .pxl-item-title {
    font-size: 200px;
    letter-spacing: -8px;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1px var(--link-color);
    position: relative;
    line-height: 1
}

.pxl-text-scroll3 .pxl-meta-inner .pxl-item-title:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,transparent 0%,#fff 79%);
    position: absolute;
    left: 0;
    top: 0
}

.pxl-text-scroll4 .pxl-meta-inner .pxl-item-title {
    font-family: Outfit;
    font-size: 600px;
    white-space: nowrap;
    line-height: 1.3;
    color: transparent;
    -webkit-text-stroke: 2px #dedede;
    font-weight: 700;
    letter-spacing: -24px
}

.pxl-client-grid1 .pxl-item--inner {
    margin: 15px 0
}

.pxl-client-grid1 .pxl-item--inner a {
    height: 100px;
    position: relative;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 30px 120px rgba(0,0,0,6%);
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.pxl-client-grid1 .pxl-item--inner a img {
    height: min-content;
    filter: none;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-grid1 .pxl-item--inner a:hover img {
    filter: invert(67%)sepia(1%)saturate(0%)hue-rotate(200deg)brightness(92%)contrast(88%)
}

.pxl-number1 .pxl-item {
    display: flex;
    padding-bottom: 46px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item:before {
    content: '';
    position: absolute;
    height: 75%;
    width: 1px;
    background-color: #dedede;
    bottom: -13px;
    left: 30px;
    z-index: -2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item:after {
    content: '';
    position: absolute;
    height: 75%;
    width: 1px;
    background-color: var(--link-color);
    bottom: -13px;
    left: 30px;
    z-index: -1;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform-origin: top
}

.pxl-number1 .pxl-item:last-child {
    padding-bottom: 0
}

.pxl-number1 .pxl-item:last-child:before {
    display: none
}

.pxl-number1 .pxl-item:last-child:after {
    display: none
}

.pxl-number1 .pxl-item .pxl-item-number {
    width: 60px;
    height: 60px;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--link-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding-top: 5px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item .pxl-item-number .pxl-bg-number {
    position: absolute;
    width: 98%;
    height: 98%;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%,-50%)
}

.pxl-number1 .pxl-item .pxl-item-number:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item .pxl-item-number:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--link-color);
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform-origin: top
}

@media(max-width: 1024px) {
    .pxl-number1 .pxl-item .pxl-item-number.pxl-mr-30 {
        margin-right:20px
    }
}

.pxl-number1 .pxl-item .pxl-item-title {
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    line-height: 1.2;
    margin-bottom: 14px
}

.pxl-number1 .pxl-item .pxl-item-desc {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #666
}

@media(max-width: 1024px) {
    .pxl-number1 .pxl-item .pxl-item-desc {
        font-size:16px
    }
}

.pxl-number1 .pxl-item.active:after {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: .2s
}

.pxl-number1 .pxl-item.active .pxl-item-number:after {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 0s
}

.pxl-title-slide1 .pxl-inner-slide {
    text-align: center;
    overflow: hidden;
    position: relative
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: var(--link-color);
    position: relative;
    cursor: pointer;
    letter-spacing: -3.2px;
    line-height: 1.23
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

@media(max-width: 1024px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size:70px
    }
}

@media(max-width: 880px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size:50px
    }
}

@media(max-width: 575px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size:35px
    }
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-bg-slider {
    transform: scale(1);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active {
    background-color: var(--primary-color);
    padding: 21px 0
}

@media(max-width: 575px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active {
        padding:15px 0
    }
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active .pxl-item--title {
    color: #fff
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active .pxl-item--title a {
    display: block
}

.pxl-list-box1 .pxl-item--content {
    list-style: none;
    margin: 0
}

.pxl-list-box1 .list--item {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding: 25px 0;
    -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
}

.pxl-list-box1 .list--item.pxl-hover-transition {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-list-box1 .list--item .pxl-content {
    position: relative;
    display: block
}

.pxl-list-box1 .list--item .pxl-content.pxl-hover-transition {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-list-box1 .list--item:last-child {
    margin-bottom: 0
}

.pxl-list-box1 .list--item .pxl-item-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-list-box1 .pxl-item--title {
    margin-bottom: 12px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    -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;
    position: relative;
    line-height: 1.2
}

.pxl-list-box1 .pxl-item-categori-date {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px
}

.pxl-list-box1 .pxl-item-categori-date .pxl-text-categori,.pxl-list-box1 .pxl-item-categori-date .pxl-text-date {
    font-size: 13px;
    color: #777;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2
}

.pxl-list-box1 .pxl-item-categori-date .pxl-line {
    width: 30px;
    height: 1px;
    background-color: #777;
    position: relative
}

.pxl-list-box1 .pxl-item--image {
    position: absolute;
    top: 0;
    pointer-events: none;
    transition: opacity .3s;
    opacity: 0;
    z-index: 0
}

@media screen and (min-width: 768px) {
    .pxl-list-box1 .pxl-item--image {
        left:0;
        transform: translate(calc(var(--pxl-mouse-x) - 50%),calc(var(--pxl-mouse-y) - 50%))
    }
}

@media screen and (max-width: 767px) {
    .pxl-list-box1 .pxl-item--image {
        right:0;
        transform: translate(0,calc(var(--pxl-mouse-y) - 50%))
    }
}

@media(max-width: 575px) {
    .pxl-list-box1 .pxl-item--image {
        display:none
    }
}

.pxl-list-box1 .image--item {
    transition: z-index .11s .17s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.pxl-list-box1 .image--item.active {
    z-index: 4
}

.pxl-list-box1 .image--item.active .image--inner {
    animation: pxlInnerIn .55s ease-in-out both
}

.pxl-list-box1 .image--item.active img {
    animation: pxlImgIn .55s ease-in-out both
}

.pxl-list-box1 .image--item.deactive .image--inner {
    animation: pxlInnerOut .55s ease-in-out both
}

.pxl-list-box1 .image--item.deactive img {
    animation: pxlImgOut .55s ease-in-out both
}

.pxl-list-box1 .image--inner {
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: #d9d9d9
}

.pxl-list-box1 .image--inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translateX(100%)scale(1.4)
}

.pxl-list-box1 .image--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-list-box1 .pxl-item--inner {
    position: relative
}

.pxl-list-box1 .pxl-item--inner:hover .list--item:before {
    z-index: 5
}

.pxl-list-box1 .pxl-item--inner:hover .list--item a {
    z-index: 5
}

.pxl-list-box1 .pxl-item--inner:hover .pxl-item--image {
    opacity: 1;
    z-index: 3
}

.pxl-author1 .pxl-meta-inner {
    display: flex;
    align-items: center
}

.pxl-author1 .pxl-meta-inner .pxl-item--imgprimary {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d9d9d9
}

.pxl-author1 .pxl-meta-inner .pxl-item--imgprimary img {
    mix-blend-mode: luminosity
}

.pxl-author1 .pxl-meta-inner .pxl-item-title {
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    line-height: 1.2;
    margin-bottom: 10px
}

.pxl-author1 .pxl-meta-inner .pxl-sub-title {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 1.2
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-container {
    margin: 0
}

@media(max-width: 991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-container {
        margin:0 -15px
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
    padding-right: 151px
}

@media(max-width: 1280px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right:100px
    }
}

@media(max-width: 1200px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right:30px
    }
}

@media(max-width: 991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right:0
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top .pxl-item--image {
    background-color: #d9d9d9
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top .pxl-item--image img {
    mix-blend-mode: luminosity
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
    padding-top: 38px;
    -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
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--primary-color);
    line-height: 1.2;
    margin-bottom: 15px
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1px var(--link-color);
    -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;
    position: relative
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year .no-hover {
    opacity: 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
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year .hover {
    color: var(--link-color);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -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
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--number {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--link-color);
    -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
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
    border-top: 1px solid #dcdcdc;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #666;
    margin-top: 40px;
    padding: 30px 100px 0 0;
    position: relative;
    -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
}

@media(max-width: 1280px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
        padding-right:70px
    }
}

@media(max-width: 991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
        padding-right:0;
        font-size: 16px
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--link-color);
    transform-origin: left;
    transform: scaleX(0);
    -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
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--year .no-hover {
    opacity: 0
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--year .hover {
    opacity: 1
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--number {
    color: var(--primary-color)
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--desc:before {
    transform: scaleX(1)
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-slide {
    padding: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-slide {
        padding:0 15px
    }
}

.pxl-image-author1 .pxl-meta-inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-author1 .pxl-meta-inner:hover .pxl-item--imgprimary {
    opacity: 1
}

.pxl-image-author1 .pxl-meta-inner .pxl-item--imgprimary {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    opacity: .6;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-awardes1 .pxl-item-inner.style1 {
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 31px 0 31px 30px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 {
        padding:30px 0
    }
}

.pxl-awardes1 .pxl-item-inner.style1:hover {
    border-color: var(--primary-color)
}

.pxl-awardes1 .pxl-item-inner.style1:hover .pxl-content-hover {
    top: 0;
    opacity: 1
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content {
        display:block;
        text-align: center
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.92px;
    color: var(--link-color);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width: 1280px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        font-size:40px
    }
}

@media(max-width: 1024px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        font-size:30px
    }
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        margin-bottom:20px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-item-btn {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #666;
    display: inline-flex;
    align-items: center
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-item-btn svg path {
    fill: rgba(35,35,35,.2)
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 100%;
    left: 0;
    background-color: var(--primary-color);
    padding: 0 30px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover {
        display:block;
        text-align: center;
        align-content: center
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1.92px;
    color: #fff;
    text-decoration: underline transparent;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width: 1280px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        font-size:40px
    }
}

@media(max-width: 1024px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        font-size:30px
    }
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        margin-bottom:20px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title:hover {
    text-decoration: underline #fff
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
    width: 50.3%;
    padding-right: 30px;
    position: relative
}

@media(max-width: 1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
        width:45%
    }
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
        width:100%;
        padding: 0
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    top: 50%;
    right: -1px;
    transform: translate(0,-50%);
    background-color: rgba(255,255,255,.2)
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover:after {
        display:none
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
    display: inline-flex;
    align-items: center;
    width: 49.7%;
    padding-left: 59px
}

@media(max-width: 1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
        width:55%;
        padding-left: 38px
    }
}

@media(max-width: 991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
        width:100%;
        padding: 0;
        justify-content: center;
        flex-wrap: wrap
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item {
    position: relative;
    padding-right: 25px;
    margin-right: 16px
}

@media(max-width: 575px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item {
        padding-right:0
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    background-color: rgba(255,255,255,.2)
}

@media(max-width: 575px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:after {
        display:none
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:last-child {
    padding-right: 0;
    margin-right: 0
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:last-child:after {
    display: none
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline transparent;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link {
        font-size:14px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link:hover {
    text-decoration: underline #fff
}

.pxl-portfolio-click1 .pxl-swiper-container {
    margin: 0
}

.pxl-portfolio-click1 .pxl-swiper-wrapper {
    display: flex;
    min-height: 600px;
    height: 60vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    min-width: 100%;
    transform: translate3d(0,0,0)!important
}

@media(max-width: 1199px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        min-height:540px
    }
}

@media(max-width: 991px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        min-height:490px
    }
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        display:grid;
        min-height: 1500px
    }
}

.pxl-portfolio-click1 .pxl-swiper-single {
    padding: 0;
    flex: 1.12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    overflow: hidden;
    width: 100%!important
}

@media(max-width: 1199px) {
    .pxl-portfolio-click1 .pxl-swiper-single {
        flex:1.2
    }
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-swiper-single {
        flex:100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
    flex: 4.42;
    cursor: default
}

@media(max-width: 1199px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
        flex:4.5
    }
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
        flex:100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder {
    background: linear-gradient(180deg,rgba(228,79,57,0) 48%,var(--primary-color) 100%)
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--number {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-content {
    opacity: 1
}

@media(max-width: 991px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-content {
        width:100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--title a {
    display: block;
    opacity: 2
}

.pxl-portfolio-click1 .pxl-item--inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: unset
}

.pxl-portfolio-click1 .pxl-item--image {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    transform: scaleX(1);
    transform-origin: right;
    position: relative;
    overflow: hidden
}

.pxl-portfolio-click1 .pxl-item--image img {
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: min-content;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-item--image img {
        height:unset;
        max-width: unset;
        width: unset!important
    }
}

.pxl-portfolio-click1 .pxl-item--image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-portfolio-click1 .pxl-item--holder {
    width: inherit;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    color: #fff;
    z-index: 2;
    padding-bottom: 49px;
    padding-left: 48px;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    align-content: end;
    background: unset
}

@media(max-width: 1280px) {
    .pxl-portfolio-click1 .pxl-item--holder {
        padding-left:15px
    }
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-item--holder {
        padding-bottom:15px
    }
}

.pxl-portfolio-click1 .pxl-item--holder a {
    display: flex;
    align-items: baseline
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
    font-family: Outfit;
    font-size: 120px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -4.8px;
    color: transparent;
    -webkit-text-stroke: 1.4px rgba(255,255,255,.3);
    white-space: nowrap;
    position: absolute;
    bottom: 42px;
    right: -23px;
    transform: rotate(-90deg);
    line-height: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1280px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        font-size:80px;
        right: -15px
    }
}

@media(max-width: 991px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        right:0;
        bottom: -20px;
        transform: unset
    }
}

@media(max-width: 480px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        margin:0;
        bottom: unset;
        top: 0;
        right: 15px
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-content {
    opacity: 0;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    width: 750px
}

@media(max-width: 767px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-content {
        width:100%
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 1.1;
    margin-bottom: 18px;
    position: relative
}

@media(max-width: 1199px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
        font-size:35px
    }
}

@media(max-width: 1024px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
        line-height:1.1
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--title a {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-post--content {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    max-width: 52%
}

@media(max-width: 991px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-post--content {
        max-width:85%;
        font-size: 16px
    }
}

.pxl-icon-title1 {
    display: flex;
    align-items: center
}

.pxl-icon-title1 .pxl-item-title {
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    margin-right: 16px
}

.pxl-icon-title1 .pxl-list-icon {
    display: inline-flex;
    align-items: center
}

.pxl-icon-title1 .pxl-list-icon a {
    color: silver;
    font-size: 14px;
    margin-right: 15px
}

.pxl-icon-title1 .pxl-list-icon a:last-child {
    margin-right: 0
}

.pxl-icon-title1 .pxl-list-icon a:hover {
    color: var(--link-color)
}

.pxl-absolute-meta1 {
    position: absolute;
    top: 50%;
    right: -44px;
    transform: rotate(-90deg)translate(0,-50%)
}

@media(max-width: 1280px) {
    .pxl-absolute-meta1 {
        right:-70px
    }
}

.pxl-about-layout1 {
    padding: 110px 350px 120px 0
}

@media(max-width: 1800px) {
    .pxl-about-layout1 {
        padding:110px 250px 120px 0
    }
}

@media(max-width: 1700px) {
    .pxl-about-layout1 {
        padding:110px 100px 120px 0
    }
}

@media(max-width: 1500px) {
    .pxl-about-layout1 {
        padding:110px 15px 120px 0
    }
}

.pxl--services-list1 {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
    position: relative
}

@media(max-width: 1280px) {
    .pxl--services-list1 {
        justify-content:center
    }
}

@media(max-width: 676px) {
    .pxl--services-list1 {
        display:block
    }
}

.pxl--services-list1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedede;
    z-index: -1
}

.pxl--services-list1 .pxl--item {
    position: relative;
    margin-right: 74px;
    padding-left: 4px;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width: 676px) {
    .pxl--services-list1 .pxl--item {
        display:block;
        text-align: center;
        padding: 0 0 20px;
        margin: 0!important
    }
}

.pxl--services-list1 .pxl--item:last-child {
    margin-right: 0!important
}

.pxl--services-list1 .pxl--item:after {
    content: '/';
    position: relative;
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    color: #dedede;
    line-height: 1;
    margin-left: 75px
}

@media(max-width: 767px) {
    .pxl--services-list1 .pxl--item:after {
        display:none
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    line-height: 1.2;
    position: relative
}

@media(max-width: 1280px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size:60px
    }
}

@media(max-width: 991px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size:50px
    }
}

@media(max-width: 767px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size:43px
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title a {
    color: var(--link-color);
    z-index: 1;
    position: relative
}

.pxl--services-list1 .pxl--item .pxl-item-title .pxl-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0,-50%);
    opacity: 0;
    -webkit-transition: all .1s;
    -khtml-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    transform: translate(-50%,-50%);
    transform-origin: left;
    width: max-content;
    z-index: -1
}

@media(max-width: 767px) {
    .pxl--services-list1 .pxl--item .pxl-item-title .pxl-image {
        display:none
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title:hover a {
    -webkit-text-stroke: 1.2px var(--link-color);
    color: transparent
}

.pxl--services-list1 .pxl--item .pxl-item-title:hover .pxl-image {
    opacity: 1
}

.pxl--services-list1.style2 .pxl--item:last-child:after {
    display: none
}

.pxl-portfolio-modern1 {
    margin: 0 -22px
}

@media screen and (max-width: 1200px) {
    .pxl-portfolio-modern1 {
        margin:0 -15px
    }
}

.pxl-portfolio-modern1>div {
    padding: 0 22px
}

@media screen and (max-width: 1200px) {
    .pxl-portfolio-modern1>div {
        padding:0 15px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featuredRight {
    display: none
}

@media(max-width: 767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--featuredRight {
        display:block;
        margin-bottom: 30px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featuredRight a {
    position: relative!important
}

.pxl-portfolio-modern1 .pxl-portfolio--images {
    width: 66%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0
}

@media(max-width: 767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--images {
        display:none
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--images .pxl-images--inner {
    height: 100%;
    position: relative
}

.pxl-portfolio-modern1 .pxl-portfolio--content {
    display: flex;
    width: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--content .pxl-portfolio--items {
    width: 60%;
    padding-right: 15px;
    z-index: 5
}

@media(max-width: 767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--content .pxl-portfolio--items {
        width:100%;
        padding-right: 0
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--item {
    margin-bottom: 86px
}

.pxl-portfolio-modern1 .pxl-portfolio--item:last-child {
    margin-bottom: 0
}

.pxl-portfolio-modern1 .pxl-portfolio--item:active .pxl-portfolio-min--inner .pxl-portfolio--title {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-modern1 .pxl-portfolio--item.active .pxl-portfolio-min--inner .pxl-portfolio--title {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-modern1 .pxl-content--inner {
    cursor: pointer;
    position: relative
}

.pxl-portfolio-modern1 .pxl-content--inner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio-min--inner {
    display: flex;
    align-items: end
}

@media(max-width: 880px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner {
        display:inline-block
    }
}

.pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 1.01;
    -webkit-text-stroke: 1px #fff;
    color: transparent
}

@media(max-width: 1280px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size:70px
    }
}

@media(max-width: 1200px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size:60px
    }
}

@media(max-width: 880px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size:50px
    }
}

@media(max-width: 767px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size:45px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featured {
    height: 100%;
    position: relative;
    z-index: 1;
    transform: scaleX(1)
}

.pxl-portfolio-modern1 .pxl-portfolio--featured a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--featured:not(.pxl-portfolio--first) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--featured.non-active {
    z-index: 2
}

.pxl-portfolio-modern1 .pxl-portfolio--featured.active {
    z-index: 3;
    -webkit-animation-name: pxlSkewInDivider;
    animation-name: pxlSkewInDivider;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-portfolio-modern1 .pxl-portfolio--meta {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    overflow: hidden
}

.pxl-portfolio-modern1 .pxl-portfolio--meta .pxl-meta--inner {
    flex-wrap: nowrap;
    white-space: nowrap
}

.pxl-portfolio-modern1 .pxl-portfolio--holder {
    padding-right: 40px;
    position: relative;
    margin-bottom: 3px
}

.pxl-image-hero1 {
    height: 300px;
    overflow: hidden;
    position: relative
}

.pxl-image-hero1.style-fade .pxl-bg-hero {
    clip-path: none
}

.pxl-image-hero1.style-fade .pxl-bg-hero:first-child {
    clip-path: none
}

.pxl-image-hero1 .pxl-bg-hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%)
}

.pxl-image-hero1 .pxl-bg-hero:first-child {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%)
}

.pxl-carousel-hero1 {
}

.pxl-carousel-hero1 .pxl-item-inner {
    height: 817px;
    overflow: hidden;
    position: relative;
    background-color: var(--link-color)
}

@media(max-width: 1280px) {
    .pxl-carousel-hero1 .pxl-item-inner {
        height:800px
    }
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item-inner {
        height:700px
    }
}

.pxl-carousel-hero1.style-fade:first-child .pxl-bg-hero {
    clip-path: none
}

.pxl-carousel-hero1.style-fade .pxl-bg-hero {
    clip-path: none
}

.pxl-carousel-hero1 .pxl-item {
    position: absolute;
    height: 550px;
    align-content: end
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item {
        height:450px
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-bg-hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: difference;
    background-color: var(--link-color)
}

.pxl-carousel-hero1 .pxl-item .pxl-bg-hero:before {
    content: '';
    background: linear-gradient(180deg,rgba(18,18,18,0) 62.98%,#121212 98.4%,#121212 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.pxl-carousel-hero1 .pxl-item .pxl-bg-hero:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--link-color);
    mix-blend-mode: color;
    z-index: 1;
    opacity: .4
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    z-index: 3;
    position: relative;
    padding: 0 50px;
    margin-bottom: -194px;
    visibility: hidden;
    pointer-events: none
}

@media(max-width: 1366px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content {
        padding:0 30px
    }
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content {
        flex-direction:column
    }
}

@media(max-width: 767px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content {
        padding:0 15px
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item-left {
    width: 65%
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item-left {
        width:100%
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item-right {
    width: 35%;
    text-align: right;
    padding-top: 19px
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item-right {
        width:100%;
        text-align: left
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 22px;
    line-height: 1.17
}

@media(max-width: 1366px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size:70px
    }
}

@media(max-width: 1024px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size:55px
    }
}

@media(max-width: 575px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size:45px;
        margin-bottom: 0
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc {
    color: #555;
    font-size: 15px;
    max-width: 460px
}

@media(max-width: 767px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc {
        display:none
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-btn-hero {
    line-height: 1.3;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    overflow: hidden;
    padding-top: 4px;
    z-index: 10;
    pointer-events: auto
}

@media(max-width: 767px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-btn-hero {
        width:150px;
        height: 150px
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-btn-hero:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 2;
    background-image: url(../img/explore-button.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    animation: pxl_spin 10s linear infinite
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-btn-hero .pxl--btn-text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    max-width: 48%;
    text-align: center;
    z-index: 2
}

.pxl-slip-text-color {
    transition: all .7s ease-in-out;
    will-change: transform,opacity,filter
}

.pxl-marquee1 {
    overflow: hidden
}

.pxl-marquee1 .pxl-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -30px
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item:hover svg path {
    fill: var(--link-color)
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item svg {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item svg path {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #d5d5d5
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item:hover svg path {
    fill: #fff
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item svg {
    height: 40px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item svg path {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #333
}

.pxl-marquee1 .pxl--item {
    padding: 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
    transform: translateZ(0)
}

.pxl-marquee1 .pxl--item .pxl-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-service-click1 .pxl-item-inner .pxl--item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    padding-top: 30px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden;
    transform-origin: top;
    position: relative;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item {
        flex-direction:column
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #333;
    transform-origin: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.pxl-service-click1 .pxl-item-inner .pxl--item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: center;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item:first-child {
    margin-top: 0
}

.pxl-service-click1 .pxl-item-inner .pxl--item:last-child {
    border-bottom: 1px solid #333
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-content-number {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 50%
}

@media screen and (max-width: 767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-content-number {
        width:100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item--number {
    font-size: 24px;
    color: #555;
    margin-top: 8px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content {
    width: 100%;
    max-width: 573px
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title {
    color: #555;
    margin-bottom: 0;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

@media screen and (max-width: 1200px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title {
        font-size:25px;
        max-width: 90%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-desc-btn {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    height: 0;
    opacity: 0;
    transform-origin: top;
    margin-top: 23px
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--desc {
    font-size: 15px;
    color: #777;
    max-width: 79%;
    margin-bottom: 25px;
    transform: translateY(100px);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn {
    transform: translateY(100px);
    -webkit-transition: all 550ms linear 0ms;
    -khtml-transition: all 550ms linear 0ms;
    -moz-transition: all 550ms linear 0ms;
    -ms-transition: all 550ms linear 0ms;
    -o-transition: all 550ms linear 0ms;
    transition: all 550ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a {
    background-color: initial;
    padding: 0;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    overflow: hidden
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a:hover .pxl-btn-icon {
    animation: toRightFromLeft .3s linear 1
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .btn-text {
    text-decoration: underline
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon svg path {
    stroke: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-image-arrow {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 50%;
    padding-top: 11px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media screen and (max-width: 767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-image-arrow {
        width:100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image {
    display: flex;
    gap: 30px;
    margin-bottom: 6px;
    width: 100%;
    max-width: 580px
}

@media(max-width: 575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image {
        flex-direction:column
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image {
    position: relative;
    height: 25px;
    transform-origin: top;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image img {
    opacity: 0;
    transform-origin: top;
    transform: translateY(-100%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: 0;
    mix-blend-mode: color;
    z-index: 1;
    transform: translateY(-100%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,#333 33%,rgba(255,255,255,.1) 50%,#333 66%),#333;
    opacity: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    animation: ct1 2s infinite linear;
    background-size: 300% 100%
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img1 {
    width: 100%
}

@media(max-width: 575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img1 {
        max-width:100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 {
    width: 100%;
    max-width: 230px
}

@media(max-width: 575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 {
        max-width:100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 img {
    transform-origin: bottom;
    transform: translateY(100%)
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2:before {
    transform: translateY(100%)
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #555;
    padding-top: 1px;
    transform: rotateX(0);
    -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
}

@media screen and (max-width: 767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow {
        position:absolute;
        right: 0;
        top: 32px
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow svg {
    width: 12px;
    height: auto
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow svg path {
    stroke: var(--link-color)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active {
    padding-bottom: 31px;
    cursor: none
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-cursor-content {
    opacity: 0;
    display: none
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item--number {
    color: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-desc-btn {
    height: auto;
    opacity: 1
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--title {
    color: #fff;
    text-decoration: underline
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--desc {
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--btn {
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-arrow {
    transform: rotateX(180deg);
    background-color: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image {
    height: auto
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image img {
    opacity: 1;
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:before {
    opacity: .6;
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:after {
    opacity: 0
}

.pxl-service-click2 {
}

.pxl-service-click2 .pxl-item-inner .pxl--item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 60px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden;
    transform-origin: top;
    position: relative;
    cursor: pointer
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item {
        gap:30px
    }
}

@media(max-width: 1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item {
        flex-direction:column
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #333;
    transform-origin: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.pxl-service-click2 .pxl-item-inner .pxl--item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: center;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item:first-child {
    margin-top: 0
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
    display: flex;
    gap: 93px;
    width: 90%
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        gap:30px
    }
}

@media(max-width: 1200px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        flex-direction:column
    }
}

@media(max-width: 1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        width:100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number {
    font-size: 24px;
    color: #555;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    padding-top: 8px
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number {
        padding-top:0
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
    display: flex;
    flex-direction: row;
    gap: 94px;
    width: 50%
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
        gap:30px
    }
}

@media(max-width: 1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
        width:100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
    color: #555;
    margin-bottom: 0;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
        font-size:32px
    }
}

@media(max-width: 767px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
        font-size:28px
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content {
    width: 50%;
    padding-top: 11px
}

@media(max-width: 1200px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content {
        width:100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul li {
    font-size: 15px;
    color: #999;
    text-transform: capitalize;
    font-weight: 500;
    height: 40px;
    align-content: center;
    padding: 0 20px;
    border: 1px solid #999;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    list-style: none;
    text-align: center
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul li {
        font-size:13px
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-desc-btn {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    height: 0;
    opacity: 0;
    transform-origin: top;
    margin-top: 29px;
    padding-top: 24px;
    border-top: 1px solid #333
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--desc {
    font-size: 15px;
    color: #777;
    max-width: 90%;
    margin-bottom: 25px;
    transform: translateY(100px);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn {
    transform: translateY(100px);
    -webkit-transition: all 550ms linear 0ms;
    -khtml-transition: all 550ms linear 0ms;
    -moz-transition: all 550ms linear 0ms;
    -ms-transition: all 550ms linear 0ms;
    -o-transition: all 550ms linear 0ms;
    transition: all 550ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a {
    background-color: initial;
    padding: 0;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 15px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a:hover .pxl-btn-icon {
    animation: toRightFromLeft .3s linear 1
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .btn-text {
    text-decoration: underline
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon svg path {
    stroke: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
    display: flex;
    gap: 100px;
    width: 50%;
    padding-top: 11px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    justify-content: end
}

@media(max-width: 1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
        gap:30px
    }
}

@media(max-width: 1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
        width:100%;
        justify-content: space-between
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image {
    display: flex;
    gap: 30px;
    margin-bottom: 6px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image {
    position: relative;
    height: 140px;
    transform-origin: top;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image img {
    transform-origin: top;
    transform: translateY(-50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(18,18,18,0) 0%,#121212 100%);
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #555;
    padding-top: 1px;
    transform: rotateX(0);
    -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
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow svg {
    width: 12px;
    height: auto
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow svg path {
    stroke: var(--link-color)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active {
    padding-bottom: 61px;
    cursor: none
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-cursor-content {
    opacity: 0;
    display: none
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item--number {
    color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-left .pxl-item--title {
    color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-desc-btn {
    height: auto;
    opacity: 1
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--desc {
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--btn {
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-arrow {
    transform: rotateX(180deg);
    background-color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image {
    height: auto
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image img {
    opacity: 1;
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:before {
    opacity: .6;
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:after {
    opacity: 0
}

.pxl-process-cards1 {
    position: relative
}

.pxl-process-cards1 .process-container {
    position: relative;
    height: 240vh;
    width: 100%;
    padding-top: 116px
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .process-container {
        height:100%;
        padding: 60px 0
    }
}

.pxl-process-cards1 .process-container .pxl-cursor-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.pxl-process-cards1 .pxl-item-inner {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: sticky;
    top: 15rem;
    justify-content: space-between;
    overflow: visible;
    padding-bottom: 100px
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner {
        flex-direction:column;
        position: relative;
        padding-bottom: 40px;
        top: unset
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    display: flex
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content {
        width:100%
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
    font-size: 72px;
    font-weight: 500;
    line-height: 1.15em;
    margin-bottom: 12px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 112px
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
        padding-bottom:60px;
        font-size: 48px
    }
}

@media screen and (max-width: 575px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
        padding-bottom:32px;
        font-size: 24px
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-desc-heading {
    font-size: 20px;
    color: #777;
    line-height: 1.4
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-banner-button {
    margin-top: 42px
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
    width: 37%;
    position: relative;
    display: flex;
    will-change: transform
}

@media(max-width: 1200px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
        width:42%
    }
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
        width:100%
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .process-cards-list {
    grid-row-gap: 2rem;
    flex-direction: column;
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .process-cards-list {
        position:relative;
        top: unset;
        right: unset
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
    background-color: #fff;
    padding: 71px 49px 62px;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    min-height: 456px;
    transform-style: preserve-3d;
    will-change: opacity,transform
}

@media(max-width: 1366px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding:50px 30px;
        min-height: 400px
    }
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding:30px 20px;
        min-height: auto
    }
}

@media screen and (max-width: 575px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding:20px 15px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: center;
    width: 100%;
    height: 2px;
    background-color: var(--link-color)
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon {
    position: relative
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
    height: 70px;
    width: auto;
    transition: all .3s ease-in-out
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg path {
    stroke: var(--link-color)
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
        width:50px;
        height: 50px
    }
}

@media screen and (max-width: 575px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
        width:40px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active {
    opacity: 0;
    transition: all .3s ease-in-out
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active svg {
    will-change: transform;
    transform-style: preserve-3d
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active svg path {
    transition: stroke .3s ease;
    will-change: stroke-dashoffset
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-overlay {
    opacity: .3;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item.active .pxl-item--icon .pxl-icon-active {
    opacity: 1
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item.active .pxl-item--icon .pxl-icon-overlay {
    opacity: 0
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
    margin-bottom: 14px
}

@media(max-width: 1366px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
        font-size:30px
    }
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
        font-size:24px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--desc {
    font-size: 15px;
    color: #999;
    padding-left: 1px;
    letter-spacing: .1px
}

@media screen and (max-width: 767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--desc {
        font-size:14px
    }
}

.pxl-process-cards2 {
}

.pxl-process-cards2 .pxl-process-inner {
    background-color: var(--link-color);
    position: relative;
    overflow: hidden;
    transform: translate(0)!important;
    left: 0!important
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg .pxl-svg-animate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg svg {
    width: 100%
}

.pxl-process-cards2 .process-container {
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 88px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2
}

.pxl-process-cards2 .pxl-process-content {
    margin-bottom: -46px
}

.pxl-process-cards2 .pxl-process-content .pxl-title-heading {
    margin-bottom: 0;
    -webkit-text-stroke: 1px #333;
    font-size: 120px;
    line-height: 106px;
    text-transform: uppercase;
    text-align: center;
    color: var(--link-color);
    font-weight: 500;
    transition: -webkit-text-stroke .3s ease;
    will-change: -webkit-text-stroke
}

.pxl-process-cards2 .process-cards-wrapper {
    z-index: 2;
    position: relative;
    margin-bottom: 50px;
    height: 615px
}

.pxl-process-cards2 .process-cards-wrapper .process-cards-list {
    height: 100%;
    position: sticky
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 512px;
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

@media(max-width: 1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item {
        height:415px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content {
    width: 50%;
    padding: 30px 50px
}

@media(max-width: 1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content {
        padding:30px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-process-card-content {
    padding-top: 84px
}

@media(max-width: 1280px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-process-card-content {
        padding-top:20px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--link-color)
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon svg {
    height: 50px;
    width: auto
}

@media(max-width: 1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon {
        width:80px;
        height: 80px
    }

    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon svg {
        height: 40px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
    margin-bottom: 7px
}

@media(max-width: 1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
        font-size:40px
    }
}

@media(max-width: 1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
        font-size:30px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 42px
}

@media(max-width: 1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--desc {
        margin-bottom:20px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process {
    width: 50%;
    height: 512px;
    position: relative;
    overflow: hidden
}

@media(max-width: 1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process {
        height:415px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process .pxl-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-size: cover
}

.pxl-process-cards2 .pxl-button-scroll {
    text-align: center
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom {
    display: inline-flex;
    flex-direction: column;
    width: 50px;
    height: 90px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #333;
    align-items: center;
    justify-content: space-between;
    padding: 19px 0 10px;
    overflow: hidden;
    background-color: var(--link-color)
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-border {
    display: flex;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #333
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow {
    line-height: 1;
    transform: rotate(90deg);
    text-align: center;
    align-content: center;
    overflow: hidden;
    padding-right: 19px;
    padding-top: 1px
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow svg {
    animation: toRightFromLeft 2.5s ease-in-out infinite
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow svg path {
    stroke: rgba(225,225,225,.3)
}

.pxl-button-radius1 .btn-text-parallax {
    line-height: 1.3;
    width: 169px;
    height: 169px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--link-color);
    color: #fff;
    font-size: 15px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .pxl-button-radius1 .btn-text-parallax {
        width:120px;
        height: 120px;
        font-size: 14px
    }
}

@media screen and (max-width: 575px) {
    .pxl-button-radius1 .btn-text-parallax {
        width:90px;
        height: 90px;
        font-size: 13px
    }
}

.pxl-button-radius1 .btn-text-parallax .pxl--btn-text {
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms;
    text-decoration: underline
}

.pxl-button-radius2 .btn-text-parallax {
    line-height: 1.3;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--link-color);
    color: #fff;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    overflow: hidden
}

.pxl-button-radius2 .btn-text-parallax:before {
    content: '';
    background-color: var(--link-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 90%;
    height: 90%;
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms;
    position: absolute
}

.pxl-button-radius2 .btn-text-parallax .pxl-icon {
    transform: rotate(45deg);
    line-height: 0
}

.pxl-button-radius2 .btn-text-parallax svg {
    height: 44px;
    width: auto
}

.pxl-button-radius2 .btn-text-parallax svg path {
    fill: #fff
}

.pxl-button-radius2 .btn-text-parallax .pxl--btn-text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    max-width: 70%;
    text-align: center;
    z-index: 2
}

.pxl-button-radius3 {
}

.pxl-button-radius3 .btn-text-parallax {
    line-height: 1.7;
    width: 240px;
    height: 240px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    position: relative
}

.pxl-button-radius3 .btn-text-parallax .pxl--btn-text {
    max-width: 40%;
    text-align: center;
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms
}

.pxl-button-radius3 .btn-text-parallax .pxl-border {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
    height: 92%
}

.pxl-button-radius3 .btn-text-parallax .pxl-border:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 2;
    background-image: url(../img/explore-button2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    animation: pxl_spin 10s linear infinite
}

.pxl-tooltip1 {
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img {
    position: relative;
    overflow: hidden
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img {
    position: absolute;
    bottom: -3px;
    left: 100px
}

@media screen and (max-width: 1200px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img {
        left:15px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    line-height: 1
}

@media screen and (max-width: 1200px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size:64px
    }
}

@media screen and (max-width: 767px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size:48px
    }
}

@media screen and (max-width: 575px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size:32px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
    padding: 87px 100px 82px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px
}

@media(max-width: 1600px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
        padding:87px 50px 82px
    }
}

@media screen and (max-width: 1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
        flex-direction:column;
        padding: 40px 20px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 83%
}

@media screen and (max-width: 1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
        flex-wrap:wrap
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
    width: 33.3333%
}

@media screen and (max-width: 991px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
        width:calc(50% - 15px)
    }
}

@media screen and (max-width: 575px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
        width:100%
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img {
    position: relative
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-image-author {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -khtml-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -moz-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -ms-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    -o-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    opacity: 0;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: scale(0)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color);
    line-height: 1.3;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -khtml-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background-repeat: no-repeat;
    background-position-y: -4px;
    background-image: linear-gradient(transparent calc(100% - 1px),var(--link-color) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .6s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline forwards
}

@media screen and (max-width: 767px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading {
        font-size:20px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-sub {
    font-size: 15px;
    color: #999
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list {
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -khtml-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:hover .pxl-image-author {
    opacity: 1;
    transform: scale(1)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:hover .pxl-heading {
    animation: .6s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline-hover forwards
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-item-title {
    color: #999;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 44px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section {
    width: 27%
}

@media screen and (max-width: 1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section {
        width:100%
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-item-title {
    margin-bottom: 50px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn {
    display: flex
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn.btn-lv2 {
    background-color: initial;
    color: var(--link-color);
    border: 1px solid var(--link-color);
    line-height: 52px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn.btn-lv2 svg path {
    stroke: var(--link-color)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .pxl-item-button1 {
    margin-bottom: 30px
}

.pxl-service-process1 {
    background-color: var(--link-color)
}

.pxl-service-process1 .pxl-item-inner {
    position: sticky;
    height: 100vh;
    top: 0;
    padding-top: 60px
}

@media(max-width: 1200px) {
    .pxl-service-process1 .pxl-item-inner {
        position:relative;
        height: unset;
        top: unset
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-hidden {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top {
    margin-bottom: 100px
}

@media(max-width: 1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-section-top {
        margin-bottom:50px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container {
    max-width: 1750px!important
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent {
    display: flex;
    flex-direction: row;
    gap: 30px
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-sub-title {
    color: #777;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .75px;
    text-transform: uppercase;
    line-height: 1.3;
    width: 30.3%;
    margin-top: 8px
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2em;
    width: 70%
}

@media(max-width: 1366px) {
    .pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading {
        font-size:38px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list {
    border-top: 1px solid #fff;
    display: flex;
    flex-wrap: nowrap;
    position: static
}

@media(max-width: 1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list {
        flex-wrap:wrap;
        position: relative
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process {
    position: relative;
    z-index: 1;
    border-left: 1px solid #fff;
    background-color: var(--link-color)
}

@media(max-width: 1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process {
        width:50%
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process:first-child {
    border-left: none
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
    width: 33.31vw;
    padding: 71px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        padding:71px 30px 61px
    }
}

@media(max-width: 1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        width:100%
    }
}

@media(max-width: 1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        padding:50px 30px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-top {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-top {
        flex-direction:column
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 50px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon svg {
    width: auto;
    height: 50px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.2;
    color: #fff
}

@media(max-width: 1700px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
        font-size:20px
    }
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
        text-align:left
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
    font-size: 142px;
    line-height: .7;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    margin-right: -11px;
    margin-bottom: 14px
}

@media(max-width: 1700px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        font-size:100px
    }
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        text-align:left
    }
}

@media(max-width: 1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        font-size:70px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
    border-top: 1px solid #333;
    padding-top: 11px;
    margin-top: 190px;
    transform: translateY(0)
}

@media(max-width: 1400px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top:150px
    }
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top:70px
    }
}

@media(max-width: 1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top:50px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item--desc {
    color: #777;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 34px;
    line-height: 1.75
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item--desc {
        font-size:15px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item-btn .btn-style1 {
    color: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item-btn .btn-style1 svg path {
    stroke: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom-lv2 {
    position: absolute;
    bottom: 70px;
    left: 50px;
    opacity: 0;
    transform: translateY(100px)
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom-lv2 .pxl-item--title {
    font-weight: 600;
    font-size: 15px;
    text-transform: unset;
    max-width: 100px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right {
    width: 100%
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .item_process {
    width: 830px;
    align-items: end
}

@media(max-width: 1800px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .item_process {
        align-items:start
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item--heading,.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
    text-align: left;
    font-size: 90px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    width: 100%
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item--heading,.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
        font-size:70px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
    font-weight: 300
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom {
    border: none;
    margin-top: 115px;
    padding: 0;
    max-width: 450px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.41;
    color: #fff
}

@media(max-width: 1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc {
        font-size:20px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item-btn .btn-default {
    line-height: 52px;
    border: 1px solid #fff;
    background-color: initial;
    color: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item-btn .btn-default svg path {
    stroke: #fff
}

.pxl-button-custom1.style1 .pxl-item--inner .btn-cutom {
    display: inline-flex;
    flex-direction: column;
    width: 50px;
    height: 90px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #999;
    align-items: center;
    justify-content: space-between;
    padding: 19px 0 10px;
    overflow: hidden;
    background-color: initial
}

.pxl-button-custom1.style1 .pxl-item--inner .btn-cutom .pxl-icon-border {
    display: flex;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #999
}

.pxl-button-custom1.style1 .pxl-item--inner .btn-cutom .pxl-icon-arrow {
    line-height: 1;
    transform: rotate(90deg);
    text-align: center;
    align-content: center;
    overflow: hidden;
    padding-right: 19px;
    padding-top: 1px
}

.pxl-button-custom1.style1 .pxl-item--inner .btn-cutom .pxl-icon-arrow svg {
    animation: toRightFromLeft 2.5s ease-in-out infinite
}

.pxl-button-custom1.style1 .pxl-item--inner .btn-cutom .pxl-icon-arrow svg path {
    stroke: #999
}

.pxl-button-custom1.style2 .pxl-item--inner .btn-cutom {
    gap: 15px;
    background-color: initial;
    color: var(--link-color);
    font-size: 15px;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.2;
    flex-wrap: wrap
}

.pxl-button-custom1.style2 .pxl-item--inner .btn-cutom .pxl-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--link-color);
    width: 40px;
    min-width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-image-marquee1 {
    position: relative
}

.pxl-image-marquee1.style1 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: #0d0d0d;
    font-weight: 700
}

.pxl-image-marquee1.style1 .pxl--item {
    padding: 0 108px;
    width: auto;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style1 .pxl--item:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-image-marquee1.style1 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style1 .pxl--item .pxl-item--icon {
    overflow: hidden
}

.pxl-image-marquee1.style1 .pxl--item .pxl-item--icon svg path {
    fill: #333;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style1 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style1 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style1 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style1 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width: 1200px) {
    .pxl-image-marquee1.style1 .pxl-text-slide {
        margin:0 -15px
    }
}

.pxl-image-marquee1.style2 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: var(--link-color);
    font-weight: 500
}

.pxl-image-marquee1.style2 .pxl--item {
    padding: 0 58px;
    width: auto;
    position: relative;
    align-content: center;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.pxl-image-marquee1.style2 .pxl--item:hover .pxl-item--icon svg path {
    fill: #d5d5d5
}

.pxl-image-marquee1.style2 .pxl--item:hover .pxl-item--icon img {
    filter: none
}

.pxl-image-marquee1.style2 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style2 .pxl--item .pxl-item--icon {
    overflow: hidden
}

.pxl-image-marquee1.style2 .pxl--item .pxl-item--icon svg path {
    fill: var(--link-color);
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style2 .pxl--item .pxl-item--icon img {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 40px;
    filter: invert(87%)sepia(12%)saturate(0%)hue-rotate(259deg)brightness(96%)contrast(94%)
}

.pxl-image-marquee1.style2 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style2 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style2 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style2 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width: 1200px) {
    .pxl-image-marquee1.style2 .pxl-text-slide {
        margin:0 -15px
    }
}

.pxl-image-marquee1.style3 {
    position: relative
}

.pxl-image-marquee1.style3:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,#121212 0%,rgba(18,18,18,0) 30%,rgba(18,18,18,0) 70%,#121212 100%);
    z-index: 1
}

.pxl-image-marquee1.style3 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: #0d0d0d;
    font-weight: 700
}

.pxl-image-marquee1.style3 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style3 .pxl--item:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-image-marquee1.style3 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style3 .pxl--item .pxl-item--icon {
    overflow: hidden;
    height: 500px
}

.pxl-image-marquee1.style3 .pxl--item .pxl-item--icon svg path {
    fill: #333;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style3 .pxl--item .pxl-item--icon img {
    vertical-align: top;
    height: auto
}

.pxl-image-marquee1.style3 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style3 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style3 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style3 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width: 1200px) {
    .pxl-image-marquee1.style3 .pxl-text-slide {
        margin:0 -15px
    }
}

.pxl-image-marquee1.style4 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: var(--link-color);
    font-weight: 500
}

.pxl-image-marquee1.style4 .pxl--item {
    padding: 0 50px;
    width: auto;
    position: relative;
    align-content: center;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.pxl-image-marquee1.style4 .pxl--item:hover .pxl-item--icon svg path {
    fill: #d5d5d5
}

.pxl-image-marquee1.style4 .pxl--item:hover .pxl-item--icon img {
    filter: none
}

.pxl-image-marquee1.style4 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style4 .pxl--item .pxl-item--icon {
    overflow: hidden
}

.pxl-image-marquee1.style4 .pxl--item .pxl-item--icon svg path {
    fill: var(--link-color);
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style4 .pxl--item .pxl-item--icon img {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 60px;
    filter: invert(87%)sepia(12%)saturate(0%)hue-rotate(259deg)brightness(96%)contrast(94%)
}

.pxl-image-marquee1.style4 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style4 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style4 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style4 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width: 1200px) {
    .pxl-image-marquee1.style4 .pxl-text-slide {
        margin:0 -15px
    }
}

.pxl-border-animate1.border-image .pxl-border-inner {
    border: 1px solid transparent;
    border-image: repeating-linear-gradient(to right,#d5d5d5 0,#d5d5d5 20px,transparent 20px,transparent 30px);
    border-image-slice: 1
}

.pxl-process-carousel1 .pxl-carousel-inner {
    margin: 0
}

.pxl-process-carousel1 .pxl-swiper-container {
    margin: 0;
    padding: 0!important
}

.pxl-process-carousel1 .pxl-swiper-slide {
    padding: 0
}

.pxl-process-carousel1 .pxl-item-top {
    padding: 0 135px;
    margin-bottom: 38px
}

@media(max-width: 1366px) {
    .pxl-process-carousel1 .pxl-item-top {
        padding:0 15px
    }
}

.pxl-process-carousel1 .pxl-item-top .process-container {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: row;
    gap: 30px;
    padding: 0 15px
}

@media(max-width: 1366px) {
    .pxl-process-carousel1 .pxl-item-top .process-container {
        padding:0
    }
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-item-heading {
    margin-bottom: 0
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap {
    margin: 0;
    gap: 14px
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 16px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev svg {
    transform: rotate(180deg)
}

.pxl-process-carousel1 .pxl-item-bottom {
    margin-left: 150px;
    margin-right: -510px;
    overflow: hidden
}

@media(max-width: 1366px) {
    .pxl-process-carousel1 .pxl-item-bottom {
        margin:0 15px
    }
}

.pxl-process-carousel1 .pxl-item-inner .pxl-item-title {
    margin-bottom: 33px;
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
    border-top: 1px solid var(--link-color);
    border-bottom: 1px solid var(--link-color);
    padding: 26px 0
}

.pxl-process-carousel1 .pxl-item-inner .pxl-item--desc {
    color: #555;
    font-size: 15px;
    max-width: 84%
}

@media(max-width: 1366px) {
    .pxl-process-carousel1 .pxl-item-inner .pxl-item--desc {
        max-width:95%
    }
}

.pxl-process-carousel2 .pxl-swiper-container {
    margin: 0
}

.pxl-process-carousel2 .pxl-swiper-slide {
    padding: 0
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-number {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #333;
    margin-top: 26px;
    margin-bottom: 44px;
    position: relative
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    line-height: 1;
    width: 0;
    z-index: 2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line span svg {
    width: 100%
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    background-color: #333;
    top: 50%;
    left: 0;
    transform: rotate(45deg)translate(0,-50%);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 18px
}

@media(max-width: 880px) {
    .pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-title {
        padding-right:15px
    }
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item--desc {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    max-width: 84%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 880px) {
    .pxl-process-carousel2.style-default .pxl-item-inner .pxl-item--desc {
        padding-right:15px;
        max-width: 100%
    }
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-number {
    color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-line:before {
    background-color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-line span {
    width: 90%
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-title {
    color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item--desc {
    color: #999
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-number {
    color: #d5d5d5;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #d5d5d5;
    margin-top: 26px;
    margin-bottom: 44px;
    position: relative
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    line-height: 1;
    width: 0;
    z-index: 2;
    height: 1px;
    background-color: var(--link-color);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line span svg {
    width: 100%;
    display: none
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #d5d5d5;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-title {
    color: #d5d5d5;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 18px
}

@media(max-width: 880px) {
    .pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-title {
        padding-right:15px
    }
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item--desc {
    color: #d5d5d5;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    max-width: 84%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 880px) {
    .pxl-process-carousel2.style2 .pxl-item-inner .pxl-item--desc {
        padding-right:15px;
        max-width: 100%
    }
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-number {
    color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line {
    border-color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line:before {
    background-color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line span {
    width: 90%
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-title {
    color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item--desc {
    color: #777
}

.pxl-logo.style-overlay img {
    mix-blend-mode: overlay
}

.pxl-image-carousel1 .pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
    padding-top: 20px
}

.pxl-image-carousel1 .pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    height: 3px
}

.pxl-image-carousel1 .pxl-swiper-slide {
    display: flex;
    align-items: center;
    gap: 9px
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    position: relative;
    flex-grow: 1;
    height: 100%;
    width: 100px;
    min-width: 2.05rem;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner.active {
    width: 71.4%
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-image-carousel2 .pxl-carousel-inner {
    position: relative
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    width: 100%
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: #fff
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 20px
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 20px
}

.pxl-image-carousel2 .pxl-item--inner {
    background-size: cover;
    background-position: 50%;
    position: relative
}

.pxl-image-carousel2 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item {
    margin-bottom: 15px
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link {
    padding: 0 1.5rem;
    line-height: 60.8px;
    font-size: 18px;
    font-weight: 600;
    color: var(--link-color);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #f3f3f4;
    opacity: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    background: linear-gradient(45deg,var(--gradient-color-from),var(--gradient-color-to))
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link .pxl-item--arrow {
    font-size: 14px;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    color: #fff
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link .pxl-item-title,.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link .pxl-item--arrow {
    z-index: 2
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:hover {
    color: #fff
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:hover:before {
    opacity: 0
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:hover:after {
    opacity: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link:hover .pxl-item--arrow {
    opacity: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link.active {
    color: #fff
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link.active:before {
    opacity: 0
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link.active:after {
    opacity: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-item .pxl-item-link.active .pxl-item--arrow {
    opacity: 1
}

.pxl-text-change1 .pxl-change-inner {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    z-index: 998;
    position: relative
}

@media(max-width: 1024px) {
    .pxl-text-change1 .pxl-change-inner {
        flex-direction:column;
        gap: 10px
    }
}

.pxl-text-change1 .pxl-change-inner .pxl--heading {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.18;
    position: relative
}

@media(max-width: 1366px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading {
        font-size:70px
    }
}

@media(max-width: 767px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading {
        font-size:55px
    }
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-blacktext {
    color: var(--link-color)
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-whitetext {
    color: #fff;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    will-change: clip-path
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-list-heading {
    max-width: 80%;
    display: inline-block
}

@media(max-width: 1600px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-list-heading {
        max-width:100%
    }
}

.pxl-text-change1 .pxl-change-inner .pxl-inner-list {
    height: fit-content
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 350px;
    justify-content: end;
    z-index: 1;
    padding-top: 20px
}

@media(max-width: 1024px) {
    .pxl-text-change1 .pxl-change-inner .pxl-list-banner {
        justify-content:start
    }
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner a {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    padding: 10.5px 20px;
    border-radius: 100px;
    color: #999;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-white {
    opacity: 1
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(0% 100%,100% 100%,100% 100%,0% 100%);
    will-change: clip-path
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black a {
    background-color: #333;
    border-color: #333;
    color: #777
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black a:hover {
    color: #fff
}

.pxl-words-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border-right: 1px solid
}

@media(max-width: 676px) {
    .pxl-words-wrapper {
        display:block
    }
}

.pxl-words-wrapper b {
    position: absolute;
    opacity: 0;
    white-space: nowrap
}

@media(max-width: 676px) {
    .pxl-words-wrapper b {
        white-space:normal
    }
}

.pxl-words-wrapper b.is-visible {
    position: relative;
    opacity: 1
}

.pxl-text-editor .style-overlay {
    mix-blend-mode: overlay
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image {
    padding: 10px;
    background-color: #e5e5e5;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image:hover .pxl-img-relative .pxl-post--btn .pxl-item-btn {
    opacity: 1
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative {
    border: 1px solid #d5d5d5;
    position: relative;
    overflow: hidden
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative .pxl-post--btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative .pxl-post--btn .pxl-item-btn {
    width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 0
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--title {
    margin-bottom: 0;
    color: var(--link-color);
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .85px;
    text-transform: capitalize;
    margin-top: 27px
}

.pxl-grid-custom2 .pxl-grid-inner {
    margin: 0 -20px
}

.pxl-grid-custom2 .pxl-grid-item {
    padding: 20px
}

.pxl-grid-custom2 .pxl-item--inner {
    border: 1px solid #d5d5d5;
    padding: 39px 29px 31px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1500px) {
    .pxl-grid-custom2 .pxl-item--inner {
        padding:39px 15px 31px
    }
}

.pxl-grid-custom2 .pxl-item--inner:hover {
    border-color: var(--link-color)
}

.pxl-grid-custom2 .pxl-item--inner:hover .pxl-item--holder {
    border-color: var(--link-color)
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 18px;
    padding-bottom: 24px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1400px) {
    .pxl-grid-custom2 .pxl-item--inner .pxl-item--holder {
        flex-direction:column;
        gap: 20px
    }
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg path {
    stroke: #fff;
    fill: #fff
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg.pxl-palette1 path,.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg.pxl-update-icon1 path {
    fill: none
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 20px;
    color: var(--link-color);
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc {
    font-size: 15px;
    color: #555
}

@media(max-width: 1400px) {
    .pxl-grid-custom2 .pxl-item--inner .pxl-item-desc {
        text-align:center
    }
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc p {
    margin-bottom: 0
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc strong {
    color: #333;
    font-weight: 700
}

.pxl-process-box1 .pxl-process-inner {
    position: relative;
    perspective: 1e3px;
    width: 320px;
    height: 320px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s ease-in-out
}

@media(max-width: 1700px) {
    .pxl-process-box1 .pxl-process-inner {
        width:280px;
        height: 280px
    }
}

@media(max-width: 1700px) {
    .pxl-process-box1 .pxl-process-inner {
        width:250px;
        height: 250px
    }
}

.pxl-process-box1 .pxl-process-inner:hover .pxl-section-desc {
    transform: rotateY(0)
}

.pxl-process-box1 .pxl-process-inner:hover .pxl-content-section {
    transform: rotateY(180deg)
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc,.pxl-process-box1 .pxl-process-inner .pxl-content-section {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section {
    position: relative;
    transition: transform .8s ease-in-out;
    transform-style: preserve-3d;
    opacity: 1;
    z-index: 2;
    align-content: center;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    background-color: var(--primary-color);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-title {
    font-size: 24px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--link-color);
    position: relative;
    text-align: center;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 0
}

@media(max-width: 1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-title {
        font-size:20px
    }
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 180px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    line-height: 1;
    color: transparent
}

@media(max-width: 1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number {
        font-size:150px
    }
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-content: center;
    transform: rotateY(180deg);
    transition: all .8s ease-in-out;
    z-index: 1;
    border: 1px solid var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    background-color: var(--link-color);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-process-box1 .pxl-process-inner .pxl-item-desc {
    color: #999;
    font-size: 15px;
    max-width: 234px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media(max-width: 1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-item-desc {
        font-size:13px
    }
}

.pxl-gallery-grid1 .pxl-item--inner {
    overflow: hidden;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-gallery-grid1 .pxl-item--inner a {
    display: block;
    position: relative
}

.pxl-gallery-grid1 .pxl-item--inner a:hover img {
    transform: scale(1.2)
}

.pxl-gallery-grid1 .pxl-item--inner a:hover:before {
    opacity: 1
}

.pxl-gallery-grid1 .pxl-item--inner a:hover .pxl-item--view {
    opacity: 1
}

.pxl-gallery-grid1 .pxl-item--inner a img {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-gallery-grid1 .pxl-item--inner a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 1
}

.pxl-gallery-grid1 .pxl-item--inner a .pxl-item--view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
    font-size: 16px;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-transform: capitalize
}

.dialog-lightbox-message .elementor-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: rgba(238,238,238,.9);
    top: 50%;
    transform: translateY(-50%)
}

#pxl-footer-elementor .row>.col-12 {
    padding: 0;
    min-height: 0
}

.pxl-word-spacing {
    word-spacing: 6.7px
}

.single-service {
}

.single-service #pxl-wapper #pxl-main .container {
    max-width: 100%;
    padding: 0
}

@media(max-width: 1024px) {
    .single-service #pxl-wapper #pxl-main .container {
        padding:0 15px
    }
}

.pxl-meta-box1 .pxl-meta-inner {
    text-align: center
}

.pxl-meta-box1 .pxl-meta-inner .pxl-item-title {
    color: #fff;
    margin-bottom: 0;
    margin-top: 15px
}

.pxl-meta-box2 {
}

.pxl-meta-box2 .pxl-meta-inner {
    padding: 40px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #ddd
}

@media(max-width: 1200px) {
    .pxl-meta-box2 .pxl-meta-inner {
        padding:40px 20px
    }
}

.pxl-meta-box2 .pxl-meta-inner .pxl-item-title {
    font-size: 20px;
    margin-top: 15px
}

.pxl-icon-box3 svg path,.pxl-icon-box3 svg line,.pxl-icon-box3 svg rect {
    transition: all 1s linear
}

.pxl-icon-box3 svg circle {
    transition: all 3s linear
}

.pxl-icon-box3.animated svg path,.pxl-icon-box3.animated svg line,.pxl-icon-box3.animated svg rect,.pxl-icon-box3.animated svg circle {
    stroke-dashoffset: 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .pxl-icon-box3.animated svg {
        min-height:50px
    }
}

@media(prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: inherit
    }
}

body.rtl .pxl-text-marquee1 {
    direction: ltr
}

.blockUI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    display: block!important;
    opacity: 1!important
}

.blockUI:before {
    content: '';
    width: 20px;
    height: 20px;
    -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 #222 transparent #222;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.blockUI:after {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index: 1
}

.blockUI.blockOverlay,.blockUI.blockMsg {
    display: none!important
}

.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: 12px;
    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 {
    background-color: var(--primary-color)
}

.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
    }
}

.woosw-item--add .add_to_cart_button.loading {
    opacity: 1!important
}

.woosw-item--add .add_to_cart_button.loading:before {
    content: '';
    width: 20px;
    height: 20px;
    -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 #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woosw-item--add .add_to_cart_button.loading:after {
    display: none
}

.btn.wc-forward,.btn.btn-shop {
    color: #fff;
    line-height: 51px;
    font-size: 16px
}

.pxl-side-cart {
    width: 100%;
    height: auto;
    min-height: 540px;
    max-width: 370px;
    left: auto;
    top: 0;
    -webkit-transform: translate(100%,0);
    -khtml-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0)
}

.pxl-side-cart.open {
    -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-side-cart .pxl-panel-header .panel-header-inner {
    justify-content: space-between
}

.pxl-side-cart .pxl-panel-header .pxl-title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    flex-grow: 1
}

.pxl-side-cart .pxl-panel-header .pxl-title .widget_cart_counter {
    margin-left: 5px
}

.pxl-side-cart .pxl-panel-header .pxl-close {
    background-color: initial;
    right: 0
}

.pxl-side-cart .pxl-panel-header .pxl-close:before,.pxl-side-cart .pxl-panel-header .pxl-close:after {
    background-color: #fff
}

.pxl-side-cart .pxl-panel-header .pxl-close:hover {
    background-color: initial
}

.pxl-side-cart .pxl-panel-header .pxl-close:hover:before,.pxl-side-cart .pxl-panel-header .pxl-close:hover:after {
    background-color: #fff
}

.pxl-side-cart .pxl-panel-content {
    padding: 0 24px 35px;
    overflow: hidden;
    position: static
}

@media(max-width: 400px) {
    .pxl-side-cart .pxl-panel-content {
        padding:0 15px 35px
    }
}

.pxl-side-cart .widget_shopping_cart_content ul {
    list-style: none outside;
    padding: 0;
    margin: 0 0 15px
}

.pxl-side-cart .widget_shopping_cart_content ul li {
    padding: 24px 30px 24px 0!important;
    position: relative;
    display: block;
    clear: both;
    overflow: hidden
}

.pxl-side-cart .widget_shopping_cart_content ul li+li {
    border-top: 1px solid
}

.pxl-side-cart .widget_shopping_cart_content ul li a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content ul li a:hover {
    color:
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove {
    position: absolute;
    top: 25px!important;
    right: 5px!important;
    line-height: 1;
    padding: 5px;
    color: !important;
    left: auto!important;
    background-color: initial
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove:hover {
    color: !important
}

.pxl-side-cart .widget_shopping_cart_content ul li .quantity {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content ul li .amount {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.pxl-side-cart .widget_shopping_cart_content ul li .variation-Size,.pxl-side-cart .widget_shopping_cart_content ul li .variation-Size {
    font-weight: 700;
    padding: 0;
    margin: 0;
    clear: left;
    color: #fff;
    margin-right: 10px
}

.pxl-side-cart .widget_shopping_cart_content ul li .variation {
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 0
}

.pxl-side-cart .widget_shopping_cart_content ul li .star-rating+.woocommerce-Price-amount,.pxl-side-cart .widget_shopping_cart_content ul li .star-rating+.reviewer {
    display: block;
    width: 100%;
    padding-left: 92px
}

.pxl-side-cart .widget_shopping_cart_content ul li img {
    float: left;
    margin-right: 20px;
    width: 72px;
    height: auto
}

.pxl-side-cart .widget_shopping_cart_content ul li dl {
    margin: 0;
    padding-left: 1em;
    border-left: 2px solid rgba(0,0,0,.1)
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dt,.pxl-side-cart .widget_shopping_cart_content ul li dl dd {
    display: inline-block;
    float: left;
    margin-bottom: 1em
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dt {
    font-weight: 700;
    padding: 0 0 .25em;
    margin: 0 4px 0 0;
    clear: left
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dd {
    padding: 0 0 .25em
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dd p:last-child {
    margin-bottom: 0
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.2);
    margin-bottom: 0;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
    font-weight: 400
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total .amount {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content .buttons .button {
    display: inline-block
}

.pxl-side-cart .widget_shopping_cart_content .blockUI {
    background-color: rgba(35,35,35,.9)
}

.pxl-side-cart .widget_shopping_cart_content .blockUI:before {
    border-color: transparent #fff transparent #fff
}

.pxl-side-cart .pxl-hidden-template-wrap {
    height: 100vh;
    position: relative;
    padding-bottom: 220px
}

.pxl-side-cart p.woocommerce-mini-cart__buttons {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between
}

.pxl-side-cart p.woocommerce-mini-cart__buttons:before,.pxl-side-cart p.woocommerce-mini-cart__buttons:after {
    display: none!important
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a {
    font-size: 15px;
    text-transform: uppercase;
    background: var(--secondary-color);
    border: 2px solid transparent;
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
    -webkit-transition: all 500ms ease-in-out;
    -khtml-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:after {
    content: "";
    position: absolute;
    width: 150%;
    height: 0%;
    left: 50%;
    top: 50%;
    z-index: -1;
    opacity: 0;
    background-size: 10px 10px;
    background-image: -webkit-linear-gradient(transparent 50%,rgba(101,179,122,.2) 50%);
    background-image: -moz-linear-gradient(transparent 50%,rgba(101,179,122,.2) 50%);
    background-image: -ms-linear-gradient(transparent 50%,rgba(101,179,122,.2) 50%);
    background-image: -o-linear-gradient(transparent 50%,rgba(101,179,122,.2) 50%);
    background-image: linear-gradient(transparent 50%,rgba(101,179,122,.2) 50%);
    -webkit-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -khtml-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -moz-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -ms-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -o-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -webkit-transition: all .75s ease 0s;
    -khtml-transition: all .75s ease 0s;
    -moz-transition: all .75s ease 0s;
    -ms-transition: all .75s ease 0s;
    -o-transition: all .75s ease 0s;
    transition: all .75s ease 0s
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover,.pxl-side-cart p.woocommerce-mini-cart__buttons a:active,.pxl-side-cart p.woocommerce-mini-cart__buttons a:focus {
    color: ;
    background-color: initial;
    border-color: var(--secondary-color)
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover:after,.pxl-side-cart p.woocommerce-mini-cart__buttons a:active:after,.pxl-side-cart p.woocommerce-mini-cart__buttons a:focus:after {
    height: 600%;
    opacity: 1
}

.pxl-side-cart .blockOverlay {
    background-color: rgba(255,255,255,.2)!important
}

.pxl-side-cart .woocommerce-mini-cart__empty-message {
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding-top: 220px
}

.pxl-side-cart .woocommerce-mini-cart__empty-message:before {
    content: '\f151';
    font-family: caseicon;
    position: absolute;
    left: 50%;
    bottom: 60px;
    font-size: 50px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border: 2px solid #444;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#pxl-cart-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden
}

#pxl-cart-sidebar .pxl-popup--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31,32,34,.8);
    cursor: pointer
}

#pxl-cart-sidebar .pxl-item--close {
    top: 50%;
    left: auto;
    right: 35px;
    -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%);
    position: absolute
}

#pxl-cart-sidebar .pxl-item--close:before,#pxl-cart-sidebar .pxl-item--close:after {
    background-color: #666
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar {
    padding-bottom: 137px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    width: 320px;
    -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%)
}

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

#pxl-cart-sidebar .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;
    position: relative
}

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

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

#pxl-cart-sidebar .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 dashed rgba(0,0,0,.1);
    position: relative
}

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

#pxl-cart-sidebar .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-cart-sidebar .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-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
    font-size: 100px;
    color: rgba(0,0,0,.2)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn {
    line-height: 50px;
    width: 100%;
    padding: 0 30px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover {
    color: #fff
}

#pxl-cart-sidebar .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-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
    display: inline-block
}

#pxl-cart-sidebar .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: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta {
    padding-right: 12px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 3px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
    color: inherit;
    font-weight: 600
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
    color: #555
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
    font-size: 14px;
    border: none
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity .quantity-icon {
    display: none
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity .woocommerce-Price-amount {
    margin: 0 4px
}

#pxl-cart-sidebar .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: 30px;
    height: 30px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button:before,#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button:after {
    background-color: #000;
    height: 1px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
    opacity: 1
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background-color: #fff
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
    border: none;
    border-top: 1px dashed rgba(0,0,0,.1);
    padding-top: 15px;
    padding-bottom: 0;
    color: #000;
    font-weight: 700
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
    font-weight: inherit
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons {
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0 30px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout {
    background: var(--secondary-color)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout:hover,#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout:focus {
    background: var(--primary-color)
}

#pxl-cart-sidebar.active {
    visibility: visible
}

#pxl-cart-sidebar.active .pxl-widget-cart-sidebar {
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.admin-bar #pxl-cart-sidebar .pxl-widget-cart-sidebar {
    top: 32px
}

@media screen and (min-width: 992px) {
    .admin-bar .widget-cart-sidebar {
        top:32px;
        padding-bottom: 167px
    }

    .admin-bar .widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
        bottom: 32px
    }
}

.pxl-entry-content>.woocommerce .cart-empty,.pxl-entry-content>.woocommerce .return-to-shop {
    text-align: center
}

.woocommerce {
    color: rgba(45,45,45,.8)
}

.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message {
    background-color: #f9f9f9;
    padding: 22px 200px 22px 30px
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message {
        padding-right:30px;
        padding-bottom: 80px;
        text-align: center
    }
}

.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before {
    display: none
}

.woocommerce .woocommerce-error a.button,.woocommerce .woocommerce-info a.button,.woocommerce .woocommerce-message a.button {
    position: absolute!important;
    top: 50%;
    right: 30px;
    -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%);
    line-height: 46px;
    padding: 0 30px;
    font-size: 15px!important
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-error a.button,.woocommerce .woocommerce-info a.button,.woocommerce .woocommerce-message a.button {
        top:auto;
        bottom: 20px;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%,0%);
        -khtml-transform: translate(-50%,0%);
        -moz-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
        -o-transform: translate(-50%,0%);
        transform: translate(-50%,0%)
    }
}

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

.woocommerce #pxl-sidebar-area .widget {
    padding: 30px
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget {
        padding-left:22px;
        padding-right: 22px
    }

    .woocommerce #pxl-sidebar-area .widget .widget-title {
        font-size: 18px
    }
}

.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: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    top: -3px
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 10px
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
        display:block;
        text-align: center
    }
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
    line-height: 32px;
    font-size: 14px;
    margin-right: 15px;
    padding: 0 18px
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
        margin:0;
        float: none
    }
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
    font-size: 14px;
    color: #080808
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
        width:100%
    }
}

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

.woocommerce #pxl-sidebar-area .widget_product_search button {
    padding: 0;
    width: 53px;
    height: 50px;
    text-indent: -9999px;
    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;
    opacity: 1;
    z-index: 3;
    border-left: 1px solid #ececf0;
    color: #222;
    font-size: 15px;
    background-color: initial;
    background-image: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_product_search button {
        width:40px;
        border: none
    }
}

.woocommerce #pxl-sidebar-area .widget_product_search button:after {
    content: "\f002";
    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: "font awesome 5 pro";
    text-indent: 0;
    font-weight: 400
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_product_search button:after {
        font-size:14px
    }
}

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

.woocommerce #pxl-sidebar-area .widget_product_search .search-field {
    height: 50px;
    color: #222;
    border-color: #ececf0;
    font-size: 15px;
    padding-left: 18px;
    padding-right: 18px
}

@media screen and (max-width: 1200px) {
    .woocommerce #pxl-sidebar-area .widget_product_search .search-field {
        font-size:14px
    }
}

.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_products ul li {
    position: relative;
    padding: 0 0 0 85px;
    margin-bottom: 15px;
    min-height: 80px
}

.woocommerce #pxl-sidebar-area .widget_products ul li .product-title {
    margin-bottom: 0
}

.woocommerce #pxl-sidebar-area .widget_products ul li img {
    margin: 0;
    width: 100%;
    max-width: 70px;
    position: absolute;
    top: 0;
    left: 0
}

.woocommerce #pxl-sidebar-area .widget_products ul li a {
    font-size: 16px;
    color: #010101;
    font-weight: 500;
    line-height: 1.4375;
    margin-top: 8px;
    margin-bottom: 4px
}

.woocommerce #pxl-sidebar-area .widget_products ul li a:hover {
    color: rgba(1,1,1,.67)
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating {
    margin-bottom: 2px
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating:before {
    font-size: 12px
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating span::before {
    font-size: 12px
}

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

.woocommerce form .form-row:last-child,.woocommerce-page form .form-row:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

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

.woocommerce .nice-select,.woocommerce-page .nice-select {
    border: 1px solid rgba(0,0,0,.15);
    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: 54px
}

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

.woocommerce .nice-select:before,.woocommerce-page .nice-select:before {
    color: #5a5a5a;
    font-size: 11px;
    right: 15px
}

.woocommerce .nice-select:after,.woocommerce-page .nice-select:after {
    color: inherit
}

.woocommerce .nice-select ul.list,.woocommerce-page .nice-select ul.list {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce .button.add_to_cart_button,.woocommerce-page .button.add_to_cart_button,.woocommerce button.single_add_to_cart_button,.woocommerce-page button.single_add_to_cart_button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce a.added_to_cart.wc-forward,.woocommerce-page a.added_to_cart.wc-forward {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    line-height: 42px;
    -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;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    color: #fff;
    border: none;
    height: auto;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--primary-color)
}

.woocommerce .button.add_to_cart_button:hover,.woocommerce-page .button.add_to_cart_button:hover,.woocommerce button.single_add_to_cart_button:hover,.woocommerce-page button.single_add_to_cart_button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce a.added_to_cart.wc-forward:hover,.woocommerce-page a.added_to_cart.wc-forward:hover,.woocommerce .button.add_to_cart_button:focus,.woocommerce-page .button.add_to_cart_button:focus,.woocommerce button.single_add_to_cart_button:focus,.woocommerce-page button.single_add_to_cart_button:focus,.woocommerce #respond input#submit:focus,.woocommerce-page #respond input#submit:focus,.woocommerce a.added_to_cart.wc-forward:focus,.woocommerce-page a.added_to_cart.wc-forward:focus,.woocommerce .button.add_to_cart_button:active,.woocommerce-page .button.add_to_cart_button:active,.woocommerce button.single_add_to_cart_button:active,.woocommerce-page button.single_add_to_cart_button:active,.woocommerce #respond input#submit:active,.woocommerce-page #respond input#submit:active,.woocommerce a.added_to_cart.wc-forward:active,.woocommerce-page a.added_to_cart.wc-forward:active {
    color: #fff
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart) {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 0 60px 0 35px!important;
    line-height: 53px;
    -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;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: var(--primary-color);
    color: #fff!important;
    border: none;
    height: auto;
    text-align: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media(max-width: 767px) {
    .woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart) {
        padding:0 30px!important;
        font-size: 15px
    }
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):after,.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):after {
    content: "\f142";
    font-family: Caseicon;
    line-height: 1;
    font-size: 20px;
    position: absolute;
    top: 0;
    transform: rotate(-50deg);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 56px;
    right: 30px
}

@media(max-width: 767px) {
    .woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):after,.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):after {
        display:none
    }
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover,.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover:after,.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover:after {
    transform: rotate(0)
}

.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 #pxl-wapper .quantity,.woocommerce-page #pxl-wapper .quantity {
    position: relative;
    display: inline-flex;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.woocommerce #pxl-wapper .quantity .qty,.woocommerce-page #pxl-wapper .quantity .qty {
    padding: 0 30px;
    border: 1px solid rgba(2,6,38,.1);
    color: #000;
    -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: initial;
    font-size: 16px;
    font-weight: 500;
    -moz-appearance: textfield;
    height: 46px;
    width: 98px;
    text-align: left;
    border-radius: 46px
}

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

.woocommerce #pxl-wapper .quantity-icon,.woocommerce-page #pxl-wapper .quantity-icon {
    position: absolute;
    right: 22px;
    font-size: 8px;
    color: #4a4c51;
    cursor: pointer;
    width: 10px;
    height: 10px;
    justify-content: center;
    display: inline-flex;
    align-items: center
}

.woocommerce #pxl-wapper .quantity-icon.quantity-down,.woocommerce-page #pxl-wapper .quantity-icon.quantity-down {
    bottom: 12px
}

.woocommerce #pxl-wapper .quantity-icon.quantity-down:before,.woocommerce-page #pxl-wapper .quantity-icon.quantity-down:before {
    content: "\f13c";
    font-family: caseicon
}

.woocommerce #pxl-wapper .quantity-icon.quantity-up,.woocommerce-page #pxl-wapper .quantity-icon.quantity-up {
    top: 12px
}

.woocommerce #pxl-wapper .quantity-icon.quantity-up:before,.woocommerce-page #pxl-wapper .quantity-icon.quantity-up:before {
    content: "\f148";
    font-family: caseicon
}

.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
}

.woocommerce-page #add_payment_method table.cart img,.woocommerce-page.woocommerce-cart table.cart img,.woocommerce-page.woocommerce-checkout table.cart img {
    width: 50px
}

@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%
    }
}

.wc-block-checkout .wc-block-components-button {
    line-height: unset!important
}

.wc-block-checkout .wc-block-components-panel__button {
    line-height: unset!important;
    background: unset!important;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-checkout .wc-block-components-order-summary .wc-block-components-panel__content {
    margin-top: 15px
}

.wc-block-checkout .components-button {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.wc-block-components-notice-banner {
    align-items: center!important
}

.wc-block-components-notice-banner .wc-block-components-notice-banner__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.widget_products .amount {
    font-size: 16px;
    color: #666
}

.widget_products del {
    color: #8f8f8f
}

.widget_products del .amount {
    color: #8f8f8f
}

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

.widget_rating_filter .wc-layered-nav-rating a {
    font-size: 0;
    display: block;
    padding-left: 28px!important;
    position: relative
}

.widget_rating_filter .wc-layered-nav-rating a:before {
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.39,.575,.565,1)0s;
    -khtml-transition: all .2s cubic-bezier(.39,.575,.565,1)0s;
    -moz-transition: all .2s cubic-bezier(.39,.575,.565,1)0s;
    -ms-transition: all .2s cubic-bezier(.39,.575,.565,1)0s;
    -o-transition: all .2s cubic-bezier(.39,.575,.565,1)0s;
    transition: all .2s cubic-bezier(.39,.575,.565,1)0s
}

.widget_rating_filter .wc-layered-nav-rating a .star-rating {
    font-size: 18px
}

.widget_rating_filter .wc-layered-nav-rating a:hover:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.widget_rating_filter .wc-layered-nav-rating.chosen a:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

#shop-topbar {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f7f7f7
}

#shop-topbar .shop-topbar-item {
    margin: 11px 0;
    position: relative;
    padding-left: 76px;
    color: #000;
    font-size: 16px;
    min-height: 56px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

#shop-topbar .shop-topbar-item i {
    height: 56px;
    width: 56px;
    -webkit-border-radius: 56px;
    -khtml-border-radius: 56px;
    -moz-border-radius: 56px;
    -ms-border-radius: 56px;
    -o-border-radius: 56px;
    border-radius: 56px;
    border: 1px solid #e5e5e5;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0
}

#shop-topbar .shop-topbar-item span {
    font-weight: 500
}

#shop-breadcrumb {
    padding: 23px 0
}

#shop-breadcrumb ul {
    list-style: none;
    margin: 0
}

#shop-breadcrumb ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
    margin: 10px 0;
    padding: 0 12px;
    position: relative
}

#shop-breadcrumb ul li::after {
    content: '/';
    color: #e9e9e9;
    position: absolute;
    top: 0;
    right: -4px
}

#shop-breadcrumb ul li:first-child {
    padding-left: 0
}

#shop-breadcrumb ul li:last-child:after {
    display: none
}

#shop-breadcrumb ul li a {
    color:
}

#shop-breadcrumb ul li a:hover {
    color: var(--primary-color)
}

.woocommerce .pxl-product-list ul {
    margin-bottom: 0;
    max-width: 64%
}

@media(max-width: 991px) {
    .woocommerce .pxl-product-list ul {
        max-width:80%
    }
}

@media(max-width: 676px) {
    .woocommerce .pxl-product-list ul {
        max-width:100%
    }
}

.woocommerce .pxl-product-list ul li {
    color: #494949;
    font-size: 17px;
    list-style: none;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.woocommerce .pxl-product-list ul li:last-child {
    margin-bottom: 0
}

.woocommerce .pxl-product-list ul li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #261723
}

.woocommerce .star-rating-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.woocommerce .star-rating-wrap .star-rating {
    margin: 0
}

.woocommerce .star-rating-wrap .count-rating {
    font-size: 16px;
    margin-left: 8px;
    color: #223543;
    font-weight: 600
}

.woocommerce .star-rating {
    font-size: 15px;
    height: 20px;
    letter-spacing: 2px;
    width: 90px
}

.woocommerce .star-rating:before {
    content: "SSSSS";
    color: #ffd6c2
}

.woocommerce .star-rating span::before {
    color: #ffa200
}

.woocommerce .star-rating span {
    padding-top: 17px
}

.woocommerce .star-rating .woocommerce-review-link {
    font-size: 16px
}

.woocommerce span.onsale {
    height: 35px;
    width: 35px;
    min-width: inherit;
    min-height: inherit;
    font-size: 14px;
    color: var(--secondary-color);
    padding: 0;
    text-align: center;
    line-height: 35px;
    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;
    margin: 0!important;
    top: 14px!important;
    left: 29px!important;
    right: auto!important;
    font-weight: 400;
    z-index: 1;
    font-weight: 500
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.woocommerce ul.products li.product {
    margin-bottom: 30px;
    margin-right: 0;
    margin-left: 0;
    padding: 0 15px
}

.woocommerce ul.products li.product.last {
    margin-right: 0
}

.woocommerce ul.products li.product>.woosw-btn,.woocommerce ul.products li.product>.woosq-btn,.woocommerce ul.products li.product>.woosc-btn {
    display: none!important
}

@media screen and (min-width: 992px) {
    .woocommerce ul.products.columns-5 li.product {
        width:20%
    }
}

@media screen and (min-width: 992px) {
    .woocommerce ul.products.columns-4 li.product {
        width:25%
    }
}

@media screen and (max-width: 991px) {
    .woocommerce ul.products.columns-4 li.product {
        width:33.33%
    }
}

@media screen and (min-width: 768px) {
    .woocommerce ul.products.columns-3 li.product {
        width:33.33%
    }
}

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

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

@media screen and (min-width: 992px) {
    .woocommerce #pxl-content-area.content-has-sidebar ul.products.columns-4 li.product {
        width:calc(33.33% - 1px);
        width: -webkit-calc(33.33% - 1px);
        width: -ms-calc(33.33% - 1px);
        width: -o-calc(33.33% - 1px)
    }
}

.woocommerce ul.products li.product .woocommerce-product-title,.woocommerce .woocommerce-product-title {
    font-size: 16px;
    margin-bottom: 10px;
    color: #494949;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 12px
}

@media screen and (max-width: 1200px) {
    .woocommerce ul.products li.product .woocommerce-product-title,.woocommerce .woocommerce-product-title {
        font-size:15px
    }
}

.woocommerce ul.products li.product .woocommerce-product-title a,.woocommerce .woocommerce-product-title a {
    color: inherit
}

.woocommerce ul.products li.product .woocommerce-product-title a:hover,.woocommerce .woocommerce-product-title a:hover {
    color: inherit
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--primary-color)
}

.woocommerce ul.products li.product .price .amount {
    color: inherit
}

.woocommerce ul.products li.product .price del {
    color: #8f8f8f;
    opacity: 1
}

.woocommerce ul.products li.product .price del .amount {
    background-image: none;
    text-fill-color: #8f8f8f;
    -o-text-fill-color: #8f8f8f;
    -ms-text-fill-color: #8f8f8f;
    -moz-text-fill-color: #8f8f8f;
    -webkit-text-fill-color: #8f8f8f
}

.woocommerce ul.products li.product .price ins {
    color: inherit;
    font-weight: inherit;
    text-decoration: none
}

.woocommerce .woocommerce-topbar {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 64px;
    position: relative;
    z-index: 101
}

.woocommerce .woocommerce-topbar .woocommerce-result-count,.woocommerce .woocommerce-topbar .woocommerce-topbar-ordering .woocommerce-ordering {
    float: none;
    margin: 0
}

.woocommerce .woocommerce-topbar .woocommerce-result-count {
    margin: 0;
    flex-grow: 1;
    font-size: 20px;
    color: var(--link-color);
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-topbar .woocommerce-result-count {
        font-size:18px;
        width: 100%;
        margin-bottom: 5px
    }
}

.woocommerce .woocommerce-topbar .woocommerce-ordering {
    min-width: 175px
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select {
    color: #494949;
    border: none;
    font-size: 16px;
    font-weight: 400;
    background-color: #f6f6f6;
    border-radius: 4px;
    padding-top: 0;
    padding: 0 24px
}

@media(max-width: 480px) {
    .woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select {
        border-radius:10px
    }
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select.open {
    border-radius: 20px 20px 0 0
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select.open ul.list {
    border-radius: 0 0 20px 20px
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout {
    position: relative;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(0,0,0,.15);
    color: rgba(0,0,0,.7);
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout.pxl-shop-list {
    font-size: 24px
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout.active,.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner {
    position: relative;
    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
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    background-color: #f6f6f6;
    padding: 20px;
    position: relative
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view .pxl-btn--view {
    padding: 0;
    border: 1px solid var(--primary-color);
    background: 0 0;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    -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 .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view .pxl-btn--view:before {
    content: "\f101";
    font-family: caseicon;
    font-size: 25px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header img {
    width: auto;
    display: inline-block;
    margin-bottom: 0!important;
    -webkit-transition: transform .3s cubic-bezier(.44,.17,1,1);
    -khtml-transition: transform .3s cubic-bezier(.44,.17,1,1);
    -moz-transition: transform .3s cubic-bezier(.44,.17,1,1);
    -ms-transition: transform .3s cubic-bezier(.44,.17,1,1);
    -o-transition: transform .3s cubic-bezier(.44,.17,1,1);
    transition: transform .3s cubic-bezier(.44,.17,1,1)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-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 .woocommerce-product-inner .woocommerce-product-content .woocommerce-product-title {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 2px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price {
    margin: 5px 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price .price {
    font-size: 20px;
    color: var(--link-color);
    font-weight: 600
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating {
    display: flex;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-review-link {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating {
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating .star-rating {
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating .star-rating span:before {
    color: #ffba0a
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-sg-product-rating-count {
    font-size: 15px;
    color: #494949
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart {
    display: inline-flex;
    align-items: center;
    text-transform: unset
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.added,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.added {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.loading,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.loading {
    opacity: 1
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.loading:after,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.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 var(--primary-color)transparent var(--primary-color);
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart:before {
    display: inline-flex;
    content: "\f151";
    font-family: caseicon;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare {
    display: inline-flex
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button {
    padding: 0;
    background-color: initial;
    width: 34px;
    height: 34px;
    border: 1px solid;
    font-size: 0;
    -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;
    color:
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:hover,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:hover {
    border-color: var(--primary-color);
    color:
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before,.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:before {
    font-family: Flaticon;
    font-size: 14px;
    -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 .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before {
    content: "\f13f"
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button.woosw-adding:after {
    content: ''!important;
    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;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button.woosw-adding:before {
    opacity: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:before {
    content: "\f117"
}

.woocommerce .woocommerce-product-inner .woocommerce-add-to-cart a {
    margin-top: 10px!important;
    color: #494949!important;
    font-size: 16px;
    background-color: unset;
    text-transform: uppercase!important;
    font-weight: 600;
    border: 1px solid #494949;
    border-radius: 0;
    width: 100%
}

.woocommerce .woocommerce-product-inner .woocommerce-add-to-cart a:hover {
    color: var(--primary-color)!important;
    border-color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner:hover {
    border-color: #ec4813
}

.woocommerce .woocommerce-product-inner:hover:before {
    opacity: .7
}

.woocommerce .woocommerce-product-inner:hover .woocommerce-product-header img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.woocommerce nav.woocommerce-pagination {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    justify-content: center
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
    border: none;
    margin: 0 -3px
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: none;
    overflow: visible
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers {
    width: 54px;
    height: 54px;
    background-color: initial;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5a5a5a;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0 3px;
    font-family: inter,sans-serif;
    border: 1px solid rgba(22,29,57,.15);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 10px;
    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-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -khtml-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -moz-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -ms-transition: all .25s cubic-bezier(.3,.3,0,.8);
    -o-transition: all .25s cubic-bezier(.3,.3,0,.8);
    transition: all .25s cubic-bezier(.3,.3,0,.8);
    opacity: 0
}

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

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.current {
    color: #fff;
    border-color: transparent
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.current:before {
    opacity: 1
}

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

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.next:after,.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.prev:after {
    font-size: 13px;
    font-family: Caseicon
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.prev:after {
    content: "\f13a"
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.next:after {
    content: "\f134"
}

.woocommerce #pxl-content-main {
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.woocommerce.woocommerce-layout-list ul.products li.product {
    width: 100%!important
}

.woocommerce.woocommerce-layout-list .pxl-content-wrap.no-sidebar #pxl-content-main {
    padding: 0 15%
}

@media screen and (max-width: 1200px) {
    .woocommerce.woocommerce-layout-list .pxl-content-wrap.no-sidebar #pxl-content-main {
        padding:0
    }
}

.single-product .woosc-quick-table {
    display: none
}

.single-product .woocommerce-social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.single-product .woocommerce-social-share label {
    font-size: 18px;
    color: #23272a;
    font-weight: 500
}

.single-product .woocommerce-social-share a {
    border: 1px solid rgba(2,6,38,.15);
    height: 35px;
    width: 35px;
    display: inline-flex;
    border-radius: 5px;
    color: #686868;
    justify-content: center;
    align-items: center;
    font-size: 17px
}

.single-product .woocommerce-social-share a i {
    display: inline-flex
}

.single-product .woocommerce-social-share a:hover {
    color: #020626
}

.single-product .woocommerce-sg-product-price {
    margin-bottom: 23px
}

.single-product .woocommerce-sg-product-price p {
    margin-bottom: 0
}

.single-product section.related {
    padding-top: 54px
}

.single-product section.related h2 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    color: #261723;
    font-weight: 500;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 28px 0
}

@media screen and (max-width: 991px) {
    .single-product section.related h2 {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .single-product section.related h2 {
        font-size:25px
    }
}

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

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

@media screen and (max-width: 991px) {
    .single-product section.related ul.products li.product {
        width:50%
    }
}

@media screen and (max-width: 575px) {
    .single-product section.related ul.products li.product {
        width:100%
    }
}

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

.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: 16px;
    margin-bottom: 0;
    font-weight: 700;
    color: #191919
}

.single-product #pxl-content-area div.product form.cart .reset_variations,.single-product>div.product form.cart .reset_variations {
    color: #000;
    font-size: 15px;
    margin-top: 6px
}

.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 .single_variation_wrap,.single-product>div.product form.cart .single_variation_wrap {
    width: 100%
}

.single-product #pxl-content-area div.product form.cart .variations .variable-item:before,.single-product>div.product form.cart .variations .variable-item:before {
    min-width: auto;
    font-size: 12px;
    border-radius: 0;
    padding: 0 12px;
    line-height: 26px;
    box-shadow: none
}

.single-product #pxl-content-area div.product form.cart .variations th.label,.single-product>div.product form.cart .variations th.label {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #666
}

.single-product #pxl-content-area div.product form.cart .variations th.label label,.single-product>div.product form.cart .variations th.label label {
    font-weight: 400;
    color: inherit;
    font-family: inherit
}

.single-product #pxl-content-area div.product form.cart .variations th.label .woo-selected-variation-item-name,.single-product>div.product form.cart .variations th.label .woo-selected-variation-item-name {
    color: #000
}

.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.woo-variation-items-wrapper,.single-product>div.product form.cart .variations td.woo-variation-items-wrapper {
    padding: 0;
    margin-bottom: 12px
}

.single-product #pxl-content-area div.product form.cart .variations .color-variable-items-wrapper .color-variable-item,.single-product>div.product form.cart .variations .color-variable-items-wrapper .color-variable-item {
    box-shadow: 0 0 0 1px rgba(0,0,0,.12);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

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

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item .variable-item-span,.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item .variable-item-span {
    font-size: 14px
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected,.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected {
    background-color: #000;
    box-shadow: 0 0 0 1px #000
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected .variable-item-span,.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected .variable-item-span {
    color: #fff
}

.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 .button-variable-wrapper .button-variable-item.selected,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item.selected,.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item:hover,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item:hover {
    background-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color)
}

.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item.selected .variable-item-span-button,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item.selected .variable-item-span-button,.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item:hover .variable-item-span-button,.single-product>div.product form.cart .button-variable-wrapper .button-variable-item:hover .variable-item-span-button {
    color: #fff
}

.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: 0 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: flex;
    margin: 0 0 30px;
    align-items: center;
    flex-wrap: wrap
}

.single-product #pxl-content-area div.product form.cart:not(.variations_form) select,.single-product>div.product form.cart:not(.variations_form) select,.single-product #pxl-content-area div.product form.cart:not(.grouped_form) select,.single-product>div.product form.cart:not(.grouped_form) select {
    margin: 0
}

.single-product #pxl-content-area div.product form.cart:not(.variations_form) label,.single-product>div.product form.cart:not(.variations_form) label,.single-product #pxl-content-area div.product form.cart:not(.grouped_form) label,.single-product>div.product form.cart:not(.grouped_form) label {
    line-height: 50px
}

.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;
    padding-bottom: 10px
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list td a,.single-product>div.product form.cart .woocommerce-grouped-product-list td a {
    color: inherit
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price,.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price {
    font-weight: 500;
    color: var(--primary-color);
    font-size: 15px
}

@media screen and (max-width: 1200px) {
    .single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price,.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price {
        font-size:14px
    }
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price ins,.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price ins {
    text-decoration: none
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price del,.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price del {
    color: #8f8f8f
}

@media screen and (max-width: 1200px) {
    .single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__label label,.single-product>div.product form.cart .woocommerce-grouped-product-list-item__label label {
        font-size:14px
    }
}

.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-gallery-inner,.single-product>div.product .woocommerce-gallery-inner {
    display: flex;
    position: relative
}

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

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

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border-radius: 10px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #e7e8ea
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    padding: 0;
    background-color: #f6f6f6;
    overflow: hidden
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport,.single-product>div.product .woocommerce-product-gallery .flex-viewport {
    background-color: rgba(10,19,32,.1);
    border-radius: 10px;
    overflow: hidden
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image,.single-product>div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: 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: 0 -8px
}

.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-top: 20px;
    padding-left: 8px;
    padding-right: 8px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li img,.single-product>div.product .woocommerce-product-gallery .flex-control-nav li img {
    opacity: 1;
    border: 1px solid rgba(35,39,42,.1);
    border-radius: 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li img.flex-active,.single-product>div.product .woocommerce-product-gallery .flex-control-nav li img.flex-active {
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a {
    font-size: 0;
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #d3d3d3;
    background-color: unset;
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a:before,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a:before {
    content: "\f136";
    font-family: caseicon;
    font-size: 13px;
    display: inline-flex
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a:hover,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
    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%);
    -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;
    margin-top: -60px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev {
    left: 0
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
    right: 0
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next a:before,.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next a:before {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.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: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:after,.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
    opacity: 1
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-prev,.single-product>div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-prev {
    left: 22px;
    opacity: 1;
    visibility: visible
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-next,.single-product>div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-next {
    right: 22px;
    opacity: 1;
    visibility: visible
}

.single-product #pxl-content-area div.product .entry-summary,.single-product>div.product .entry-summary {
    padding-left: 20px
}

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

.single-product #pxl-content-area div.product .entry-summary>.woosc-btn,.single-product>div.product .entry-summary>.woosc-btn,.single-product #pxl-content-area div.product .entry-summary>.woosw-btn,.single-product>div.product .entry-summary>.woosw-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 {
    padding-left: 110px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn,.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn {
    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;
    background: var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:before,.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:before {
    content: "\f12f";
    font-family: caseicon;
    margin: 0 5px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:hover,.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:hover,.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:focus,.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:focus {
    background: var(--primary-color)
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-product-rating,.single-product>div.product .entry-summary .woocommerce-product-rating {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-product-rating .star-rating,.single-product>div.product .entry-summary .woocommerce-product-rating .star-rating {
    margin: 0
}

.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 {
    margin-left: 8px;
    font-size: 16px;
    color: #494949
}

.single-product #pxl-content-area div.product .entry-summary .entry-title,.single-product>div.product .entry-summary .entry-title {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 500;
    color: var(--link-color)
}

@media screen and (max-width: 1200px) {
    .single-product #pxl-content-area div.product .entry-summary .entry-title,.single-product>div.product .entry-summary .entry-title {
        font-size:25px;
        margin-top: -12px
    }
}

@media screen and (max-width: 767px) {
    .single-product #pxl-content-area div.product .entry-summary .entry-title,.single-product>div.product .entry-summary .entry-title {
        font-size:23px;
        margin-top: 0
    }
}

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

.single-product #pxl-content-area div.product .entry-summary .price ins,.single-product>div.product .entry-summary .price ins {
    margin-right: 22px;
    color: inherit;
    text-decoration: none
}

.single-product #pxl-content-area div.product .entry-summary .price del,.single-product>div.product .entry-summary .price del {
    color: #8f8f8f
}

.single-product #pxl-content-area div.product .entry-summary .price del .amount,.single-product>div.product .entry-summary .price del .amount {
    color: #8f8f8f
}

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

@media screen and (max-width: 767px) {
    .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
    }
}

.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 {
    display: inline-flex;
    justify-content: center;
    float: none;
    text-transform: unset;
    position: relative;
    padding: 0 20px;
    line-height: 42px;
    font-size: 15px;
    background-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button i,.single-product>div.product .entry-summary .single_add_to_cart_button i {
    font-size: 16px
}

.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 ul.wc-tabs,.single-product>div.product .woocommerce-tabs ul.wc-tabs {
    overflow: visible;
    padding: 0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@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-bottom: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: 0 36px 0 0;
    padding: 0;
    border: none;
    background-color: initial;
    position: relative;
    z-index: 99
}

@media screen and (max-width: 767px) {
    .single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li,.single-product>div.product .woocommerce-tabs ul.wc-tabs li {
        margin:10px 0 0;
        width: 100%
    }
}

.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
}

.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 0 8px;
    font-size: 24px;
    line-height: 50px;
    background: linear-gradient(100deg,#000 .51%,#000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    position: relative
}

@media screen and (max-width: 767px) {
    .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;
        text-align: center
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:before,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a:before {
    content: '';
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    -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;
    position: absolute
}

.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 {
    font-weight: 700
}

.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 {
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active>a:before,.single-product>div.product .woocommerce-tabs ul.wc-tabs li.active>a:before,.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:hover:before,.single-product>div.product .woocommerce-tabs ul.wc-tabs li a:hover:before {
    width: 100%
}

.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
}

@media screen and (max-width: 767px) {
    .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 {
        font-size:16px
    }
}

.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: 28px;
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel p,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel p {
    margin-bottom: 20px
}

.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: 1px solid #dee2e6;
    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: 0!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--additional_information,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information {
    font-size: 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information td p,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information td p {
    padding: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes {
    margin-bottom: 0;
    background-color: rgba(0,0,0,2%);
    border: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes th,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes th,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes td,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes td {
    border: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) td,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) td,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) th,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) th {
    background-color: initial
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews.panel,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews.panel {
    padding-top: 40px
}

.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,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

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

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

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

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

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

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

.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: 26px;
    margin-top: -2px;
    margin-bottom: 29px;
    font-weight: 600
}

.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 {
    display: block;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    line-height: 1.2
}

.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 #review_form,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form {
    padding: 26px 24px 18px;
    background-color: initial;
    border: 1px solid rgba(58,58,58,.15);
    border-radius: 10px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea {
    border-color: transparent;
    font-size: 16px;
    color: var(--link-color);
    background-color: unset;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: initial;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    padding: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input:focus,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input:focus,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea:focus,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea:focus {
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-notes,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-notes {
    font-size: 16px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p {
    margin-bottom: 12px;
    width: 100%
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-notes,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-notes {
    margin-bottom: 22px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-form-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-form-rating {
    margin-top: 4px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-cookies-consent,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-cookies-consent {
    color: rgba(45,45,45,.8);
    line-height: 1.625
}

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

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-author label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-author label,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-email label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-email label,.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-comment label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-comment label {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .form-submit .submit,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .form-submit .submit {
    font-size: 16px;
    line-height: 54px;
    padding: 0 32px;
    text-transform: unset;
    border: none;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating label,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating label {
    font-size: 16px;
    display: block;
    margin: 0 10px 0 0;
    color: var(--link-color)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars {
    display: inline-flex;
    font-size: 16px;
    margin: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars span,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars span {
    display: inline-flex
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars a,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars a {
    margin: 0 2px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating a,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating a {
    color: rgba(45,45,45,.8)
}

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

.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: 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: 15px;
    padding: 20px 20px 38px;
    background-color: #f5f6f6;
    border-radius: 10px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating {
    font-size: 15px;
    margin-right: -10px
}

.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: 78px;
    -webkit-border-radius: 78px;
    -khtml-border-radius: 78px;
    -moz-border-radius: 78px;
    -ms-border-radius: 78px;
    -o-border-radius: 78px;
    border-radius: 78px;
    border: none
}

@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:60px;
        border: none
    }
}

@media(max-width: 360px) {
    .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 {
        position:relative;
        margin-right: 20px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description {
    max-width: 480px;
    font-size: 16px
}

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

.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;
    padding: 0 0 0 102px;
    margin: 0
}

@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
    }
}

@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:80px
    }
}

@media(max-width: 360px) {
    .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:0;
        padding-top: 10px
    }
}

.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 12px;
    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
    }
}

@media screen and (max-width: 767px) {
    .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-top:10px
    }
}

.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: 15px;
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    line-height: 22px;
    display: inline
}

.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: #000;
    display: block;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 18px;
    text-transform: uppercase
}

.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:last-child,.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .quantity,.single-product>div.product .quantity {
    margin-right: 20px;
    float: none
}

.single-product #pxl-content-area div.product .product_meta,.single-product>div.product .product_meta {
    color: #5a5a5a;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 15px;
    font-weight: 500
}

.single-product #pxl-content-area div.product .product_meta>span,.single-product>div.product .product_meta>span {
    display: block;
    margin-top: 10px;
    text-transform: uppercase
}

.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 {
    color: #041442;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin-left: 5px
}

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

.single-product .up-sells.upsells {
    margin-top: 52px
}

.single-product .up-sells.upsells>h2 {
    font-size: 32px;
    margin-bottom: 23px
}

.single-product .product-type-external .woocommerce-sg-product-button,.single-product .product-type-grouped .woocommerce-sg-product-button {
    padding-left: 0!important;
    padding-right: 0!important
}

.single-product .product-type-grouped form.cart .button {
    white-space: nowrap
}

@media screen and (max-width: 1200px) {
    .single-product .product-type-grouped .quantity .qty {
        width:80px!important
    }
}

@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
    }
}

.pswp {
    z-index: 999999
}

.pswp .pswp__caption {
    display: none
}

.pswp .pswp__bg {
    background-color: rgba(0,0,0,.76)
}

.pswp .pswp__top-bar {
    opacity: 1;
    background-color: initial
}

.pswp .pswp__ui .pswp__button {
    opacity: 1!important
}

.pswp .pswp__ui .pswp__button:before {
    font-family: caseicon;
    background: 0 0;
    color: #fff;
    display: inline-flex;
    line-height: 30px;
    justify-content: center
}

.pswp .pswp__ui .pswp__button--arrow--left:before {
    content: "\f136"
}

.pswp .pswp__ui .pswp__button--arrow--right:before {
    content: "\f14d"
}

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

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

body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button,body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button,body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-error a.button {
    line-height: 46px;
    font-size: 16px
}

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

body.woocommerce-cart .pxl-entry-content .woocommerce .return-to-shop {
    width: 100%;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 0;
    text-align: center
}

@media(max-width: 480px) {
    body.woocommerce-cart .pxl-entry-content .woocommerce .return-to-shop {
        margin-top:30px
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info {
    background-color: #f3f3f4;
    border: none;
    border-top: 3px solid #ff9a3e;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 27px 30px 25px!important
}

@media(max-width: 480px) {
    body.woocommerce-cart .wc-block-components-notice-banner.is-info {
        padding:10px 20px!important
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info svg {
    display: none
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content {
    position: relative;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #5a5a5a;
    padding-left: 40px
}

@media(max-width: 360px) {
    body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content {
        font-size:16px;
        padding-left: 35px
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before {
    content: '';
    position: absolute;
    border: 1px solid;
    border-top: 3px solid;
    border-image-slice: 1;
    width: 23px;
    height: 23px;
    border-image-source: linear-gradient(to right bottom,var(--gradient-color-from),var(--gradient-color-to));
    background-color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

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

body.woocommerce-cart .cart-empty.woocommerce-info:after {
    content: "\f145";
    font-family: caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    font-size: 100px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    color: rgba(0,0,0,.14);
    position: absolute
}

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

body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
    font-size: 20px;
    font-weight: 600;
    color: var(--link-color);
    padding: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,.15)
}

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,.15)
}

@media screen and (max-width: 768px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
        background-color:initial!important
    }
}

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 .shop_table .actions {
    padding-top: 50px;
    padding-bottom: 0
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
    border: 1px solid #2d2d2d;
    background-color: #fff;
    font-size: 18px;
    height: 54px;
    padding: 0 20px;
    min-width: 209px;
    text-align: center;
    color: #2d2d2d;
    margin-right: 12px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {
    border-color: var(--primary-color)
}

@media screen and (max-width: 575px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
        margin-right:0;
        width: 100%;
        margin-bottom: 10px
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
    margin-right: 12px;
    opacity: 1;
    padding: 0 50px 0 35px;
    min-width: 209px
}

@media(max-width: 767px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        padding:0 25px
    }
}

@media screen and (max-width: 1260px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        min-width:inherit
    }
}

@media screen and (max-width: 768px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        margin-right:0
    }
}

@media screen and (max-width: 575px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        width:100%!important;
        float: none!important
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .qty {
    background-color: initial!important
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-name a {
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 500
}

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

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

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-price,body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-subtotal {
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 400
}

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

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

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

body.woocommerce-cart .cart-collaterals .cart_totals {
    margin-top: -56px;
    background-color: rgba(0,0,0,4%);
    padding: 38px 40px 40px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    color: #2d2d2d;
    width: 100%;
    max-width: 490px
}

@media screen and (max-width: 1200px) {
    body.woocommerce-cart .cart-collaterals .cart_totals {
        max-width:420px;
        margin-top: 50px;
        float: none
    }
}

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

body.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    font-size: 26px;
    margin-bottom: 29px;
    text-transform: capitalize
}

body.woocommerce-cart .cart-collaterals .cart_totals td {
    text-align: right
}

body.woocommerce-cart .cart-collaterals .cart_totals th,body.woocommerce-cart .cart-collaterals .cart_totals td {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 0 0 16px;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    body.woocommerce-cart .cart-collaterals .cart_totals th,body.woocommerce-cart .cart-collaterals .cart_totals td {
        background-color:initial!important
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
    margin-bottom: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
    padding-top: 16px;
    border-bottom: none;
    font-weight: 500
}

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 {
    content: "\f150";
    margin-left: 9px;
    font-family: caseicon;
    position: relative;
    top: 1px;
    font-size: 10px
}

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
}

@media screen and (max-width: 767px) {
    body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
        padding-left:28px;
        padding-right: 28px
    }
}

.woocommerce-checkout a.showcoupon,.woocommerce-checkout a.woocommerce-privacy-policy-link,.woocommerce-checkout .woocommerce-terms-and-conditions-link {
    color: inherit;
    text-decoration: underline
}

.woocommerce-checkout a.showcoupon:hover,.woocommerce-checkout a.woocommerce-privacy-policy-link:hover,.woocommerce-checkout .woocommerce-terms-and-conditions-link:hover {
    color: #222
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    width: 100%;
    font-size: 16px;
    padding: 0 15px
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout strong {
    font-weight: 500;
    color: #2d2d2d
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout .woocommerce-message,.woocommerce-checkout .woocommerce-info {
        padding-bottom:24px
    }
}

.woocommerce-checkout form.checkout_coupon {
    border: 1px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 24px 30px 30px;
    border: 1px solid rgba(0,0,0,6%)
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.checkout_coupon {
        padding-left:20px;
        padding-right: 20px
    }
}

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

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.checkout_coupon .form-row-first {
        width:100%;
        padding-right: 0;
        margin-bottom: 10px!important
    }
}

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

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.checkout_coupon .form-row-last {
        width:100%;
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    .woocommerce-checkout form.checkout_coupon .form-row-last button.button {
        width:100%
    }
}

.woocommerce-checkout form.checkout_coupon #coupon_code {
    border-color: transparent;
    height: 56px
}

.woocommerce-checkout form.checkout_coupon #coupon_code:focus {
    border-color: var(--primary-color)
}

.woocommerce-checkout form.checkout_coupon>.form-row {
    margin-bottom: 0;
    padding-bottom: 0
}

.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 {
    width: 60%;
    padding: 0 35px 0 15px
}

@media screen and (max-width: 1200px) {
    .woocommerce-checkout #customer_details {
        padding-right:15px
    }
}

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

.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2 {
    width: 100%;
    flex: inherit;
    max-width: 100%;
    padding: 0
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout #customer_details {
        margin: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: 40px;
    margin-bottom: 24px;
    text-transform: capitalize
}

@media screen and (max-width: 1200px) {
    .woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
        font-size:28px
    }
}

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

.woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
    font-size: 40px;
    margin-bottom: 32px;
    text-transform: capitalize
}

@media screen and (max-width: 1200px) {
    .woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
        font-size:28px
    }
}

.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: FontAwesome;
    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
}

.woocommerce-checkout form.woocommerce-checkout input,.woocommerce-checkout form.woocommerce-checkout textarea {
    font-size: 16px;
    color: rgba(0,0,0,.5)
}

.woocommerce-checkout form.woocommerce-checkout label {
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 8px
}

.woocommerce-checkout form.woocommerce-checkout .form-row-first {
    padding-right: 10px
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.woocommerce-checkout .form-row-first {
        padding-right:0
    }
}

.woocommerce-checkout form.woocommerce-checkout .form-row-last {
    padding-left: 10px
}

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.woocommerce-checkout .form-row-last {
        width:100%;
        padding-left: 0
    }
}

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

@media screen and (max-width: 767px) {
    .woocommerce-checkout form.woocommerce-checkout .form-row-last,.woocommerce-checkout form.woocommerce-checkout .form-row-first {
        width:100%
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 28px;
    text-transform: capitalize
}

@media screen and (max-width: 1200px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading {
        font-size:32px
    }
}

@media screen and (max-width: 575px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading {
        font-size:28px
    }
}

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right {
    width: 40%;
    padding: 0 15px;
    margin-bottom: 54px
}

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

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right .pxl-order-review-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 30px
}

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right .blockUI {
    background-color: initial
}

.woocommerce-checkout form.woocommerce-checkout #order_review {
    background-color: rgba(0,0,0,5%);
    padding: 34px 40px 40px;
    border-radius: 10px
}

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

.woocommerce-checkout form.woocommerce-checkout #order_review th {
    font-weight: 600;
    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 {
    border: none;
    margin: 0;
    font-size: 16px;
    color: #2d2d2d;
    background-color: initial
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000
}

.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: none;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal th {
    text-transform: uppercase
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total th {
    text-transform: uppercase
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td,.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total th {
    border-bottom: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-total {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name {
    padding-right: 20px
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name strong {
    font-weight: 400
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
    margin-top: 5px;
    padding: 0;
    background-color: initial;
    border: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment label {
    font-size: 16px;
    color: #2d2d2d
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
    padding: 0;
    border-bottom: none;
    margin-bottom: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods div.payment_box {
    font-size: 14px;
    line-height: 24px;
    color: rgba(45,45,45,.7);
    background-color: #fff;
    margin-bottom: 23px
}

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

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method {
    padding-top: 4px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label {
    cursor: pointer;
    position: relative
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.3);
    border-radius: 16px;
    position: absolute;
    top: 2px;
    left: -35px;
    -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-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: -30px;
    top: 7px;
    background-color: var(--primary-color);
    -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
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input {
    opacity: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked+label:before {
    border-color: var(--primary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked+label:after {
    opacity: 1
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .form-row.place-order {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order.button {
    float: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .woocommerce-terms-and-conditions-wrapper {
    margin-top: 22px;
    font-size: 16px;
    margin-bottom: 30px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .woocommerce-terms-and-conditions-wrapper .wp-block-heading {
    font-size: 24px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: block;
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    width: 30%;
    float: left;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation {
        width:100%;
        margin-bottom: 60px
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul {
    margin: 0;
    list-style: none
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eaeaea
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 0;
    color: #222;
    position: relative;
    display: block
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:before {
    content: "\f14d";
    position: absolute;
    left: 0;
    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%);
    display: block;
    font-family: caseicon;
    color: var(--primary-color);
    margin-left: -16px;
    font-size: 10px;
    opacity: 0;
    -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-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li.is-active>a,.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover {
    color: inherit;
    padding-left: 20px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li.is-active>a:before,.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover:before {
    margin-left: 0;
    opacity: 1
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 70%;
    float: left
}

@media screen and (max-width: 767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content {
        width:100%;
        margin-bottom: 0
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .col-1,.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .col-2 {
    flex: inherit;
    max-width: inherit
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .form-row label {
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .form-row .woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
    border: none;
    background-color: #fff;
    padding: 27px 30px 30px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid rgba(22,35,43,.1);
    max-width: 670px;
    margin: 0 auto 50px;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 5px 30px rgba(22,35,43,5%);
    -khtml-box-shadow: 0 5px 30px rgba(22,35,43,5%);
    -moz-box-shadow: 0 5px 30px rgba(22,35,43,5%);
    -ms-box-shadow: 0 5px 30px rgba(22,35,43,5%);
    -o-box-shadow: 0 5px 30px rgba(22,35,43,5%);
    box-shadow: 0 5px 30px rgba(22,35,43,5%)
}

@media screen and (max-width: 1200px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
        padding-left:30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
        padding:28px 20px
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form label {
    font-size: 20px;
    line-height: 1.55555;
    color: #0a1320;
    margin-bottom: 13px;
    font-weight: 500
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .required {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input {
    display: block;
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input {
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    right: 16px;
    transform: translate(0,-50%)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input:after {
    margin: 0;
    color: rgba(0,0,0,.5)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input:hover:after {
    color: #000
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-Button.button {
    margin-right: 16px;
    height: auto
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword {
    margin-bottom: 0
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword a {
    font-size: 18px;
    color: inherit
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text {
    padding-bottom: 17px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text a {
    color: #000
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox {
    padding: 0;
    position: relative;
    margin: 4px 0 28px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span {
    font-size: 18px;
    color: #0a1320;
    display: inline-flex;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    font-weight: 500
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span:before {
    content: '';
    width: 28px;
    height: 28px;
    border: 1px solid rgba(22,29,57,.1);
    top: 50%;
    left: 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%);
    position: absolute;
    border-radius: 28px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span:after {
    content: "\f112";
    font-family: caseicon;
    color: #000;
    position: absolute;
    top: 50%;
    left: 7px;
    -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: 14px;
    -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
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox #rememberme {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 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: 24px;
    height: 24px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox #rememberme:checked+span:after {
    opacity: 1
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-button.button {
    padding-left: 44px;
    padding-right: 44px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form-register {
    font-size: 16px;
    line-height: 1.625;
    color: rgba(45,45,45,.8)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-notices-wrapper+h2 {
    text-align: center;
    font-size: 24px
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login {
    margin: 0 -25px;
    width: inherit;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1200px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login {
        margin-left:-15px;
        margin-right: -15px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login>div {
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (max-width: 1200px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login>div {
        padding-left:15px;
        padding-right: 15px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login h2 {
    font-size: 42px;
    margin-bottom: 23px
}

@media screen and (max-width: 991px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login h2 {
        font-size:32px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column1.col-1,.woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column2.col-2 {
    width: 50%;
    flex: inherit;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login {
        margin:0
    }

    .woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column1.col-1,.woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column2.col-2 {
        width: 100%;
        padding: 0
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-password-strength.bad {
    background-color: initial;
    padding: 8px 0
}

.wishlist-title {
    width: 100%;
    text-align: center;
    margin: 0 0 45px
}

.wishlist-title .button .fa {
    font-family: FontAwesome
}

.hidden-title-form input+input {
    margin-top: 15px
}

.hidden-title-form .btn {
    line-height: 51px!important
}

.shop_table.cart.wishlist_table {
    margin-bottom: 0!important
}

#stripe-payment-data .form-row>label+div {
    width: 100%
}

.woocommerce-lost-password {
}

.woocommerce-lost-password .woocommerce-error {
    max-width: 440px;
    margin: auto
}

.woocommerce-lost-password .woocommerce-ResetPassword {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0,0,0,5%);
    max-width: 440px;
    margin: 10px auto 0;
    border-radius: 10px;
    border: 1px solid rgba(22,35,43,8%)
}

.woocommerce-lost-password .woocommerce-ResetPassword p {
    width: 100%!important;
    float: none!important;
    font-size: 16px
}

.woocommerce-lost-password .woocommerce-ResetPassword #user_login {
    border-color: transparent;
    background-color: rgba(0,0,0,5%);
    color: rgba(45,45,45,.5)
}

.woocommerce-lost-password .woocommerce-ResetPassword #user_login:focus {
    border-color: var(--primary-color);
    color: #2d2d2d
}

.woocommerce-lost-password .woocommerce-ResetPassword label {
    font-size: 20px;
    font-weight: 500;
    color: #0a1320;
    margin-bottom: 8px
}

.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button {
    padding-left: 38px;
    padding-right: 38px
}

.woocommerce-lost-password .woocommerce-form-row label {
    margin-bottom: 4px;
    font-weight: 500;
    color: #222
}

.woocommerce-lost-password .pxl-entry-content>.woocommerce {
    max-width: 960px;
    margin: auto
}

.woosw-popup {
}

.woosw-popup .woosw-item--image img {
    background-color: #f7f7f7
}

.woosw-popup .woosw-item--time {
    display: none
}

.woosw-popup .woosw-item--actions a.button {
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px
}

.woosw-popup .woosw-popup-content-bot a {
    color: #000;
    text-transform: capitalize
}

.woosw-popup .woosw-popup-content-bot a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.woosw-popup .woosw-item--add .button.added {
    display: none
}

.woosw-popup .woosw-item--add .added_to_cart.wc-forward {
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px
}

.woosw-list {
    max-width: 860px;
    margin: auto
}

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

.woosw-list .woosw-popup-content-mid-massage {
    padding: 112px 0 0;
    background-color: initial;
    border: none;
    text-align: center!important
}

.woosw-list .woosw-popup-content-mid-massage:before {
    content: "\f145";
    font-family: caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    font-size: 100px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    color: rgba(0,0,0,.14);
    position: absolute
}

.woosw-list table.woosw-items {
    border-left: none
}

.woosw-list table.woosw-items td {
    border-right: none;
    background-color: initial!important
}

.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
    font-weight: 600;
    color: #000
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price {
    font-size: 15px;
    color: var(--primary-color)
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price ins {
    background-color: initial;
    color: inherit
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price del {
    color: #888
}

.woosw-list table.woosw-items .woosw-item .woosw-item--time {
    font-size: 15px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions {
    text-align: right
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button,.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward {
    min-width: 170px;
    text-align: center;
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button.added,.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward.added {
    margin: 0 10px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button.added:after,.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward.added:after {
    display: none
}

.woosq-popup {
}

.woosq-popup .woocommerce-product-details__short-description {
    margin-bottom: 22px
}

.woosq-popup div.product .entry-summary .entry-title {
    font-size: 32px
}

.woosq-popup div.product .entry-summary .product_type_external {
    width: 100%;
    line-height: 50px;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button {
    width: 100%;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart {
    line-height: 50px;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading {
    opacity: 1
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading:before {
    content: '';
    width: 20px;
    height: 20px;
    -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 #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading:after {
    display: none
}

#woosc-area .woosc-inner span.amount {
    font-weight: 500;
    color: var(--primary-color)
}

#woosc-area .woosc-inner td.td-label {
    font-weight: 500;
    color:
}

#woosc-area .woosc-inner .button.wp-element-button {
    line-height: 50px;
    padding: 0 32px;
    font-size: 16px
}

.woocommerce-EditAccountForm.edit-account fieldset {
    margin-bottom: 30px
}

.woocommerce-address-fields button.button {
    margin-top: 30px
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #dbdbdb!important;
    border-radius: 12px!important
}

.wc-block-cart-items__header {
    text-transform: unset!important
}

.wc-block-cart-items__header th {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color)
}

.wc-block-cart-items__row .wc-block-cart-item__image {
    padding-left: 0!important
}

.wc-block-cart-items__row .wc-block-cart-item__image a {
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 4px
}

.wc-block-cart-items__row .wc-block-cart-item__wrap .wc-block-components-product-name {
    font-size: 20px!important;
    color: var(--link-color)!important;
    font-weight: 400
}

.wc-block-cart-items__row .price {
    color: #261723!important;
    font-size: 20px!important;
    font-weight: 700
}

.wc-block-cart-items__row .wc-block-components-product-metadata {
    font-size: 16px!important;
    font-weight: 400;
    color: #494949;
    font-family: inter,sans-serif;
    line-height: 1.3
}

.wc-block-cart-items__row .wc-block-cart-item__remove-link {
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700;
    background-color: var(--primary-color)!important;
    padding: 0 20px!important;
    height: 42px;
    border-radius: 5px!important;
    text-decoration: unset!important;
    line-height: 42px!important
}

.wc-block-cart-items__row .wc-block-components-quantity-selector input,.wc-block-cart-items__row .wc-block-components-quantity-selector button {
    height: 40px!important;
    line-height: 40px;
    padding: 0!important
}

body.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: inherit
}

.pxl-logo a {
    display: inline-block;
    position: relative
}

.pxl-logo img {
    width: auto;
    vertical-align: middle
}

.pxl-logo-box a {
    display: inline-block;
    position: relative
}

.pxl-logo-box a .pxl-logo-lv1 {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-logo-box a .pxl-logo-lv2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-logo-box img {
    width: auto;
    vertical-align: middle
}

.pxl-logo-fixed {
    z-index: 99;
    position: fixed;
    transform: translateY(0);
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media(max-width: 1820px) {
    .pxl-logo-fixed {
        left:15px
    }
}

.pxl-logo-fixed.is-fixed {
    position: fixed;
    width: 50px;
    transform: translateY(-165px);
    z-index: 9999
}

.pxl-logo-fixed.is-fixed .pxl-logo-text {
    opacity: 0;
    margin-left: 0;
    transform: scale(0)
}

.pxl-logo-fixed a {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 17px
}

.pxl-logo-fixed img {
    width: auto;
    vertical-align: middle
}

.pxl-logo-fixed .pxl-logo-text {
    color: #121212;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.15em;
    letter-spacing: -.4px;
    max-width: 100%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    left: 100%;
    margin-left: 17px;
    transform: scale(1);
    opacity: 1;
    transform-origin: left
}

.pxl-text-editor .pxl-item--inner {
    display: inline-block
}

.pxl-text-editor p {
    margin-bottom: 30px
}

.pxl-text-editor p:last-child {
    margin-bottom: 0
}

.pxl-text-editor .pxl-text--highlight {
    color: var(--primary-color)
}

.pxl-link {
    list-style: none;
    margin: 0;
    padding: 0
}

.pxl-link a {
    display: inline-flex;
    font-size: 16px;
    color: #586563;
    position: relative
}

.pxl-link a:hover {
    color: var(--primary-color)
}

.pxl-link.type-vertical li+li {
    margin-top: 6px
}

.pxl-link.type-horizontal {
    display: flex;
    flex-wrap: wrap
}

.pxl-link.type-horizontal li {
    margin: 0 10px
}

.pxl-link.style-hover-divider a:before {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85)
}

.pxl-link.style-hover-divider a:hover:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.pxl-link.style-hover-divider2 a:before,.pxl-link.style-hover-divider2 a:after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 2px;
    width: 0;
    background-color: var(--primary-color);
    -webkit-transition: width .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: width .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: width .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: width .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: width .3s cubic-bezier(.37,.31,.2,.85);
    transition: width .3s cubic-bezier(.37,.31,.2,.85)
}

.pxl-link.style-hover-divider2 a:before {
    left: 0
}

.pxl-link.style-hover-divider2 a:after {
    right: 0
}

.pxl-link.style-hover-divider2 a:hover:before,.pxl-link.style-hover-divider2 a:hover:after {
    width: 50%
}

.pxl-link.style-box a {
    font-size: 18px;
    color: #080808;
    line-height: 1.6;
    padding: 10px 24px;
    background-color: #f5f5f5;
    display: block
}

@media screen and (max-width: 991px) {
    .pxl-link.style-box a {
        font-size:16px
    }
}

.pxl-link.style-box li+li {
    margin-top: 5px
}

.pxl-link.style-box li.active>a,.pxl-link.style-box a:hover {
    background-color: var(--primary-color);
    color: #fff
}

.splitting .word,.splitting .char {
    display: inline-block
}

@keyframes svg_text_outline {
    to {
        stroke-dashoffset: 0
    }
}

.pxl-heading .pxl-heading--inner {
    display: inline-block;
    position: relative
}

.pxl-heading.px-sub-title-default-style {
    position: relative
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner {
    position: relative
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--subtitle {
    font-size: 16px;
    color: #ff0000;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: capitalize;
    line-height: 1.5
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title .pxl-title--highlight {
    color: var(--primary-color)
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title .heading-underline {
    position: relative
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title .heading-underline:before {
    content: '';
    position: absolute;
    width: 100%;
    height: .4vw;
    background: var(--primary-color);
    bottom: 0;
    z-index: -1
}

.pxl-heading .pxl-text--slide {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.pxl-heading .pxl-text--slide span {
    display: inline-block
}

.pxl-heading .pxl-item--title.style-outline {
    color: transparent!important;
    fill: transparent
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop {
    position: relative;
    display: inline-flex;
    width: calc(100% + 9px)
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop span {
    opacity: 0
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0,-50%);
    margin-top: 9px;
    stroke: var(--primary-color)
}

.pxl-heading .pxl-item--title.style-outline.TextOutlineAnimation.animated {
    stroke-dasharray: 2e3;
    stroke-dashoffset: 2e3;
    animation: svg_text_outline 6s linear forwards
}

.pxl-heading .pxl-item--title.style-shape {
    display: inline-flex;
    align-items: center
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape {
    min-width: 42px;
    width: 42px;
    height: 41px;
    display: inline-flex;
    position: relative
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:before,.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    border-radius: 0 31px 0 0
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:before {
    bottom: 0;
    left: 0;
    background-color: var(--primary-color)
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:after {
    bottom: 10px;
    left: 11px;
    background-color: var(--secondary-color)
}

.pxl-heading .pxl-item--title.style-border {
    font-size: 72px;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding-left: 25px
}

.pxl-heading .pxl-item--title.style-border:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 2px;
    background-color: var(--gradient-color-from);
    width: 5px;
    height: 80%;
    transform: translate(0,-50%)
}

.pxl-heading .px-sub-title-primary {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 10px
}

.pxl-heading .pxl-title--highlight {
    color: var(--primary-color);
    display: inline-flex
}

.pxl-heading .pxl-title--highlight2 {
    color: rgba(35,35,35,.2);
    display: inline-flex
}

.pxl-heading .pxl-title--highlight3 {
    color: rgba(255,255,255,.3);
    display: inline-flex
}

.pxl-heading .pxl-image--highlight {
    width: 108px;
    height: 64px;
    border-radius: 64px;
    display: inline-flex;
    box-shadow: 0 0 5px rgba(12,2,2,.23)
}

.pxl-heading.highlight-text-image .pxl-title--highlight {
    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
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-heading-content {
    display: grid
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
    font-size: 48px;
    font-weight: 500;
    background: linear-gradient(100deg,var(--gradient-color-from) .51%,var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inherit;
    position: relative;
    padding-left: 80px;
    line-height: 1.4;
    order: 2
}

@media(max-width: 1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size:40px
    }
}

@media(max-width: 991px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size:35px
    }
}

@media(max-width: 480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size:25px;
        padding-left: 50px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle:before {
    content: '';
    width: 60px;
    height: 10px;
    position: absolute;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: linear-gradient(90deg,#013bff 0%,#8be6fc 100%)
}

@media(max-width: 480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle:before {
        width:40px;
        height: 5px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    order: 1
}

@media(max-width: 1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size:68px
    }
}

@media(max-width: 480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size:55px
    }
}

@media(max-width: 360px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size:45px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
    font-style: inherit;
    font-size: 113px;
    background: linear-gradient(90deg,#013bff 0%,#8be6fc 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: .8
}

@media(max-width: 1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size:90px;
        line-height: 1
    }
}

@media(max-width: 480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size:75px
    }
}

@media(max-width: 360px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size:60px
    }
}

.pxl-heading.px-sub-title-style2-style .pxl-item--subtitle {
    font-size: 24px;
    font-weight: 700;
    display: inherit;
    margin-bottom: 28px
}

.pxl-heading.px-sub-title-style2-style .pxl-item--title {
    font-size: 72px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    word-spacing: -5px
}

.pxl-heading.px-sub-title-style2-style .pxl-item--title cite {
    font-style: inherit;
    color: #009cff
}

.pxl-heading .px-sub-title-style4 {
    font-size: 24px;
    color: var(--link-color);
    font-weight: 700;
    font-family: inter;
    position: relative;
    text-align: center;
    display: inline-block;
    padding-left: 41px
}

.pxl-heading .px-sub-title-style4:before {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/bg-sub-title1.png);
    background-position: 0 0;
    width: 127%;
    height: 130%;
    top: 58%;
    left: -15px;
    position: absolute;
    transform: translate(0,-50%);
    z-index: -1
}

.pxl-heading.px-sub-title-style3-style {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner:hover .pxl-item--title span:before {
    left: 15px
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner:hover .pxl-item--title span:after {
    left: 0
}

.pxl-heading.px-sub-title-style3-style .pxl-heading-content {
    display: grid
}

.pxl-heading.px-sub-title-style3-style .pxl-item--subtitle {
    order: 2;
    font-size: 60px;
    font-weight: 700;
    color: #000;
    line-height: 1
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    position: relative;
    font-family: inter,sans-serif;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title cite {
    color: #3594de;
    font-style: normal
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span {
    position: relative;
    padding-left: 50px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg,var(--gradient-color-from) 30%,var(--gradient-color-to) 100%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .6
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg,var(--gradient-color-from) 30%,var(--gradient-color-to) 100%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .6
}

.pxl-contact-info1 {
    position: relative
}

.pxl-contact-info1 .pxl-item--text {
    -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;
    cursor: pointer
}

.pxl-contact-info1 .pxl-item--text span {
    background-repeat: no-repeat;
    background-position-y: -1px;
    background-image: linear-gradient(transparent calc(100% - 1px),var(--primary-color) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .4s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline forwards
}

.pxl-contact-info1 .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-contact-info1 .pxl-item--map {
    position: absolute;
    width: 280px;
    height: 240px;
    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%);
    visibility: hidden;
    z-index: 300
}

.pxl-contact-info1 .pxl-item--map iframe {
    width: 100%;
    height: 240px
}

.pxl-contact-info1:hover .pxl-item--text {
    color: var(--primary-color)
}

.pxl-contact-info1:hover .pxl-item--text span {
    animation: .4s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline-hover forwards
}

.pxl-contact-info1:hover .pxl-item--map {
    visibility: visible
}

.pxl-contact-info1:hover .pxl-item--map .pxl-map--inner {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-icon-list {
}

.pxl-icon-list.pxl-icon1.style-default {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap
}

.pxl-icon-list.pxl-icon1.style2 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap
}

.pxl-icon-list.pxl-icon1.style2 a {
    width: 36px;
    height: 36px;
    background-color: initial;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.6)
}

.pxl-icon-list.pxl-icon1.style2 a:hover {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-contact-form.btn-w-full .wpcf7-submit {
    width: 100%
}

.pxl-contact-form .wpcf7-heading {
    font-size: 24px;
    padding-top: 17px
}

.pxl-contact-form .wpcf7-acceptance {
    width: 100%!important;
    height: auto!important;
    border: none!important;
    padding: 0!important
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 15px;
    color: #666;
    display: block
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #cfcfcf
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--primary-color);
    text-decoration: none
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    position: relative;
    padding-left: 30px
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input,.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    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%);
    margin: 0;
    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);
    border-radius: 20px
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    z-index: 1;
    background-color: #f5f6f6;
    border: 1px solid rgba(0,0,0,.1)
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:after {
    content: "\f112";
    font-family: caseicon;
    position: absolute;
    left: 5px;
    font-size: 10px;
    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%);
    color: #fff;
    z-index: 2;
    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-contact-form .wpcf7-acceptance .wpcf7-list-item input {
    opacity: 0;
    z-index: 3
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input:checked+.wpcf7-list-item-label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

.pxl-contact-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
    position: relative
}

.pxl-contact-form .wpcf7-form-control-wrap .pxl--form-icon {
    position: absolute;
    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%);
    top: 50%;
    font-size: 14px;
    color: var(--primary-color);
    z-index: 1
}

.pxl-contact-form .wpcf7-form-control-wrap .pxl--form-icon.top-spacer {
    top: 24px;
    -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-contact-form .pxl-icon-pos-right.pxl-form-date .wpcf7-form-control-wrap:after {
    display: none
}

.pxl-contact-form .wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 6px;
    color: var(--link-color)
}

.pxl-contact-form .wpcf7-form {
    overflow: visible
}

.pxl-contact-form .wpcf7-form .wpcf7-response-output {
    margin: 35px 0 0;
    border-width: 1px;
    font-size: 16px;
    padding: 8px 16px;
    color: #000;
    font-weight: 500;
    border-color: var(--link-color)!important
}

.pxl-contact-form .pxl--item>p {
    margin: 0
}

.pxl-contact-form .pxl-form-label {
    color: #100900;
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.pxl-contact-form .text-right>p {
    text-align: right
}

.pxl-contact-form .wpcf7-form-control.wpcf7-radio {
    background: 0 0!important
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio {
    margin: -10px -7px 0;
    display: flex;
    flex-wrap: wrap
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item {
    padding: 0 7px;
    margin-top: 10px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item>label {
    display: inline-flex;
    position: relative
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item>label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 16px;
    font-weight: 500;
    color: #999a99;
    padding: 0 24px;
    line-height: 58px;
    position: relative;
    background-color: #202526;
    display: inline-flex;
    -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
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item [type=radio]:checked+.wpcf7-list-item-label {
    box-shadow: 0 0 0 2px var(--primary-color)inset;
    color: #fff
}

.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-image-single img {
    width: auto
}

.pxl-image-single.pxl-hover1 .pxl-item--inner {
    position: relative;
    overflow: hidden
}

.pxl-image-single.pxl-hover1 .pxl-item--inner img {
    -webkit-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
    -khtml-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1.5s cubic-bezier(.19,1,.22,1);
    transition: transform 1.5s cubic-bezier(.19,1,.22,1)
}

.pxl-image-single.pxl-hover1 .pxl-item--inner:hover 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-image-single.pxl-hover2 .pxl-item--inner img {
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pxl-image-single.pxl-hover2 .pxl-item--inner:hover img {
    -webkit-transform: scale(.95);
    -khtml-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

.pxl-image-single.pxl-image-parallax .pxl-item--image {
    -webkit-transition: all 150ms linear 0ms;
    -khtml-transition: all 150ms linear 0ms;
    -moz-transition: all 150ms linear 0ms;
    -ms-transition: all 150ms linear 0ms;
    -o-transition: all 150ms linear 0ms;
    transition: all 150ms linear 0ms
}

@media screen and (max-width: 767px) {
    .pxl-image-single.pxl-disable-parallax-sm {
        transform:none!important
    }
}

.pxl-image-single .pxl-service--icon {
    position: absolute;
    bottom: 28px;
    right: 30px;
    line-height: 1;
    font-size: 84px;
    color: ;
    z-index: 9
}

.pxl-image-single .pxl-service--icon:before {
    content: '';
    width: 66px;
    height: 111px;
    border-radius: 200%;
    background-color: ;
    opacity: .2;
    position: absolute;
    top: 50%;
    left: -26px;
    -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
}

.pxl-image-single .pxl-overlay-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-image-single .pxl-item--inner {
    position: relative
}

.pxl-image-tilt {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pxl-image-tilt-active {
    overflow: hidden
}

.pxl-partner-carousel1 .pxl-item--logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-partner-carousel1 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-partner-carousel1 .pxl-swiper-container {
    margin: 0 -9px
}

.pxl-partner-carousel1 .pxl-swiper-container .pxl-swiper-slide {
    padding: 0 9px
}

.pxl-anchor-button.style-1 {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--link-color-hover)
}

.pxl-anchor-button.style-1 i {
    display: inline-flex
}

.pxl-anchor-button.style-1.type-menu-hidden {
    width: 50px;
    height: 50px;
    border: 2px solid #151e68;
    border-radius: 50px
}

@media screen and (min-width: 1201px) {
    .pxl-anchor-button.style-1.type-menu-hidden .pxl-anchor-divider .pxl-icon-line {
        width:100%;
        border-radius: 3px
    }
}

@media screen and (max-width: 1200px) {
    .pxl-anchor-button.style-1.type-menu-hidden {
        width:53px;
        height: 53px;
        border-radius: 53px
    }
}

.pxl-button-circle {
    width: 130px;
    min-width: 130px;
    display: inline-flex;
    height: 130px;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 130px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1
}

.pxl-button-circle i {
    font-weight: 400;
    font-size: 19px
}

.pxl-button-circle .pxl-text-inner span {
    display: block;
    width: 100%
}

.pxl-button-circle .pxl-overlay--color {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: var(--primary-color);
    transform: translate(-50%,-50%);
    transition: width .5s,padding-top .5s;
    top: 55px;
    left: 35px
}

.pxl-button-circle:hover,.pxl-button-circle:focus {
    color: #fff
}

.pxl-project-info1 {
    margin: 0 -26px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .pxl-project-info1 {
        display:block
    }
}

.pxl-project-info1 .pxl--item {
    padding: 0 26px;
    margin-bottom: 26px;
    position: relative
}

.pxl-project-info1 .pxl--item+.pxl--item:before {
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    height: 42px;
    width: 1px;
    background-color: #c6c6c6;
    position: absolute
}

@media screen and (max-width: 767px) {
    .pxl-project-info1 .pxl--item+.pxl--item:before {
        display:none
    }
}

.pxl-project-info1 label {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    display: block;
    margin-bottom: 6px
}

.pxl-project-info1 span {
    font-size: 14px;
    color: #646464;
    text-transform: uppercase
}

.pxl-logo-marquee1 {
    position: relative;
    overflow: hidden
}

.pxl-logo-marquee1 .pxl-item--marquee {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 0
}

.pxl-logo-marquee1 .pxl-logo-hidden {
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    width: 5e4px
}

.pxl-logo-marquee1 .pxl-logo-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-logo-marquee1 .pxl-logo-active .pxl-item--marquee {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 1201px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex:0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-logo-marquee1.style-2 .pxl-item--logo img {
    opacity: .42;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
    -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
}

.pxl-logo-marquee1.style-2 .pxl-item--logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.pxl-content-slip1>div {
    width: 50%
}

.pxl-content-slip1 .pxl-main-image {
    margin-bottom: 42px
}

@media screen and (min-width: 768px) {
    .pxl-content-slip1 .pxl-main-image {
        display:none
    }
}

.pxl-content-slip1 .pxl-content-left {
    position: relative;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .pxl-content-slip1 .pxl-content-left {
        display:none
    }
}

.pxl-content-slip1 .pxl-content-left .pxl-item--image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -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
}

.pxl-content-slip1 .pxl-content-left .pxl-item--image:not(.is-active) {
    opacity: 0
}

.pxl-content-slip1 .pxl-content-right {
    background-color: #01062e;
    padding: 172px 7.5% 180px
}

@media screen and (max-width: 1200px) {
    .pxl-content-slip1 .pxl-content-right {
        padding:120px 40px
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-slip1 .pxl-content-right {
        width:100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-content-slip1 .pxl-content-right .pxl--item {
    margin-bottom: 135px;
    opacity: .5;
    -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
}

@media screen and (max-width: 767px) {
    .pxl-content-slip1 .pxl-content-right .pxl--item {
        opacity:1
    }
}

.pxl-content-slip1 .pxl-content-right .pxl--item.is-active {
    opacity: 1
}

.pxl-content-slip1 .pxl-content-right .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-content-slip1 .pxl-item--title {
    margin-bottom: 28px;
    font-size: 36px;
    color: #fff
}

@media screen and (max-width: 1200px) {
    .pxl-content-slip1 .pxl-item--title {
        font-size:30px
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-slip1 .pxl-item--title {
        font-size:24px
    }
}

.pxl-content-slip1 .pxl-item--desc {
    font-size: 18px;
    line-height: 1.66667;
    color: #90919a;
    max-width: 420px;
    margin-bottom: 42px
}

@media screen and (max-width: 1200px) {
    .pxl-content-slip1 .pxl-item--desc {
        font-size:17px
    }
}

.pxl-content-slip1 .pxl-item--feature {
    list-style: none;
    margin: 0 0 44px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .pxl-content-slip1 .pxl-item--feature {
        font-size:16px
    }
}

.pxl-content-slip1 .pxl-item--feature li {
    display: flex;
    flex-wrap: nowrap
}

.pxl-content-slip1 .pxl-item--feature li+li {
    margin-top: 11px
}

.pxl-content-slip1 .pxl-item--feature i {
    color: var(--primary-color);
    font-size: 20px;
    position: relative;
    top: -2px
}

.pxl-content-slip1 .pxl-item--button .btn {
    font-size: 16px;
    line-height: 57px
}

.pxl-content-slip1 .pxl-item--button .btn::before {
    background-color: #fff
}

.pxl-content-slip1 .pxl-item--button .btn:hover,.pxl-content-slip1 .pxl-item--button .btn:focus {
    color: #01062e
}

.pxl-content-listing1 {
    background-color: #fff;
    position: relative
}

.pxl-content-listing1 .pxl--divider {
    background-color: #d5d5d5;
    position: absolute
}

.pxl-content-listing1 .pxl--divider.pxl-divider--left {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%
}

.pxl-content-listing1 .pxl--divider.pxl-divider--right {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%
}

.pxl-content-listing1 .pxl--divider.pxl-divider--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.pxl-content-listing1 .pxl--divider.pxl-divider--top {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.pxl-content-listing1 .pxl-item--image {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%)scale(.5);
    min-width: 182px;
    margin-left: 40px;
    z-index: 99;
    -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
}

.pxl-content-listing1 .pxl-item--image img {
    transform: translate(0,0)!important
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl-item--image {
        display:none
    }
}

.pxl-content-listing1 .pxl-item--number {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    width: 50px;
    min-width: 50px;
    padding-top: 4px
}

@media screen and (max-width: 991px) {
    .pxl-content-listing1 .pxl-item--number {
        font-size:15px;
        width: 40px;
        min-width: 40px
    }
}

.pxl-content-listing1 .pxl-item--title {
    margin-bottom: 8px;
    font-size: 22px;
    color: #01062e
}

@media screen and (max-width: 991px) {
    .pxl-content-listing1 .pxl-item--title {
        font-size:20px
    }
}

.pxl-content-listing1 .pxl-item--title a {
    color: inherit;
    background-image: linear-gradient(transparent calc(100% - 1px),#01062e 1px)
}

.pxl-content-listing1 .pxl-item--title a:hover {
    color: inherit
}

.pxl-content-listing1 .pxl-item--subtitle {
    font-size: 14px;
    color: #000
}

.pxl-content-listing1 .pxl-item--desc {
    font-size: 16px;
    line-height: 1.625;
    color: #545454;
    flex-grow: 1
}

@media screen and (max-width: 991px) {
    .pxl-content-listing1 .pxl-item--desc {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl-item--desc {
        margin-bottom:32px
    }
}

.pxl-content-listing1 .pxl-item--desc .pxl-desc--inner {
    max-width: 530px
}

.pxl-content-listing1 .pxl-item--button {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 99
}

.pxl-content-listing1 .pxl-item--button a {
    display: inline-flex;
    min-width: 54px;
    width: 54px;
    height: 47px;
    background-color: #fff;
    color: #000;
    font-size: 17px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 18px rgba(109,109,109,.13)
}

.pxl-content-listing1 .pxl-item--button a i {
    -webkit-transition: transform 300ms linear 0ms;
    -khtml-transition: transform 300ms linear 0ms;
    -moz-transition: transform 300ms linear 0ms;
    -ms-transition: transform 300ms linear 0ms;
    -o-transition: transform 300ms linear 0ms;
    transition: transform 300ms linear 0ms
}

.pxl-content-listing1 .pxl-item--button a:hover {
    background-color: #000;
    color: #fff
}

.pxl-content-listing1 .pxl-item--button a:hover i {
    transform: rotate(45deg)
}

.pxl-content-listing1 .pxl-title--wrap {
    position: relative;
    display: inline-block
}

.pxl-content-listing1 .pxl-item--holder {
    flex-wrap: nowrap;
    width: 35.5%;
    position: relative
}

@media screen and (max-width: 1400px) {
    .pxl-content-listing1 .pxl-item--holder {
        width:45%
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl-item--holder {
        width:100%
    }
}

.pxl-content-listing1 .pxl-item--holder:before {
    content: '';
    height: 2px;
    width: calc(100% - 40px);
    background-color: #01062e;
    -webkit-transition: transform 300ms linear 0ms;
    -khtml-transition: transform 300ms linear 0ms;
    -moz-transition: transform 300ms linear 0ms;
    -ms-transition: transform 300ms linear 0ms;
    -o-transition: transform 300ms linear 0ms;
    transition: transform 300ms linear 0ms;
    position: absolute;
    top: -35px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left center
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl-item--holder:before {
        width:100%
    }
}

.pxl-content-listing1 .pxl-item--right {
    width: 64.5%;
    flex-wrap: nowrap
}

@media screen and (max-width: 1400px) {
    .pxl-content-listing1 .pxl-item--right {
        width:55%
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl-item--right {
        width:100%;
        padding-left: 40px;
        padding-top: 22px;
        display: block
    }
}

.pxl-content-listing1 .pxl--item {
    padding: 34px 45px 30px 38px;
    position: relative
}

@media screen and (max-width: 1400px) {
    .pxl-content-listing1 .pxl--item {
        padding-left:30px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .pxl-content-listing1 .pxl--item {
        padding-right:10px
    }
}

@media screen and (max-width: 767px) {
    .pxl-content-listing1 .pxl--item {
        padding-left:22px;
        padding-right: 22px;
        padding-bottom: 42px
    }
}

.pxl-content-listing1 .pxl--item:last-child {
    position: relative
}

.pxl-content-listing1 .pxl--item:last-child:before {
    content: '';
    height: 100px;
    position: absolute;
    z-index: 99;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(to top,#fff,rgba(255,255,255,0));
    background-image: -moz-linear-gradient(to top,#fff,rgba(255,255,255,0));
    background-image: -ms-linear-gradient(to top,#fff,rgba(255,255,255,0));
    background-image: -o-linear-gradient(to top,#fff,rgba(255,255,255,0));
    background-image: linear-gradient(to top,#fff,rgba(255,255,255,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',endColorStr='rgba(255, 255, 255, 0)');
    -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
}

.pxl-content-listing1 .pxl--item:last-child:hover:before {
    opacity: 0;
    visibility: hidden
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--image {
    transform: translate(0,-50%)scale(1);
    opacity: 1
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--image img {
    -webkit-animation-name: pxlSkewIn;
    animation-name: pxlSkewIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--holder:before {
    transform: scaleX(1)
}

.nicescroll-cursors {
    background-color: var(--primary-color)!important
}

.pxl-history1 {
    margin: 40px 0
}

.pxl-history1 .pxl-item--year {
    font-size: 70px;
    color: #dbdbdb;
    position: relative;
    font-weight: 700;
    line-height: 1
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--year {
        font-size:60px
    }
}

.pxl-history1 .pxl-item--title {
    margin-bottom: 32px;
    padding-bottom: 29px;
    font-size: 28px;
    font-weight: 600;
    margin-top: -23px;
    z-index: 1;
    position: relative
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--title {
        font-size:24px
    }
}

@media(max-width: 880px) {
    .pxl-history1 .pxl-item--title {
        margin-bottom:20px;
        padding-bottom: 25px
    }
}

.pxl-history1 .pxl-item--title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 99%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#d9d9d9 0%,#fff 100%);
    position: absolute;
    z-index: -1
}

@media(max-width: 767px) {
    .pxl-history1 .pxl-item--title:after {
        width:100%
    }
}

.pxl-history1 .pxl-item--title span {
    position: absolute;
    bottom: -12px;
    right: -14px;
    width: 28px;
    height: 28px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    .pxl-history1 .pxl-item--title span {
        display:none
    }
}

.pxl-history1 .pxl-item--title span:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
    animation: pxl_pulse_border 1500ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
    z-index: 0;
    border-radius: inherit
}

.pxl-history1 .pxl-item--desc {
    font-size: 17px;
    color: #494949;
    margin-top: 15px;
    line-height: 1.77
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--desc {
        font-size:15px
    }
}

.pxl-history1 .pxl-item--image {
    display: flex;
    flex-wrap: wrap;
    padding-right: 72px
}

@media(max-width: 1199px) {
    .pxl-history1 .pxl-item--image {
        padding-right:50px
    }
}

@media(max-width: 880px) {
    .pxl-history1 .pxl-item--image {
        padding-right:30px
    }
}

@media screen and (max-width: 767px) {
    .pxl-history1 .pxl-item--image {
        width:100%;
        justify-content: center;
        padding-right: 0
    }
}

.pxl-history1 .pxl-item--meta {
    width: 50%;
    position: relative
}

.pxl-history1 .pxl-item--meta:before {
    content: '';
    height: 101%;
    width: 2px;
    background-color: #dbdbdb;
    position: absolute;
    top: 0;
    right: -1px
}

.pxl-history1 .pxl-item--meta .pxl-meta--inner {
    padding-top: 28px
}

@media(max-width: 767px) {
    .pxl-history1 .pxl-item--meta .pxl-meta--inner {
        padding-top:0
    }
}

@media screen and (max-width: 767px) {
    .pxl-history1 .pxl-item--meta {
        width:100%;
        padding: 0;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        padding-top: 50px
    }

    .pxl-history1 .pxl-item--meta:before {
        display: none
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-meta--inner {
    padding-top: 0;
    margin-top: -2px
}

@media(max-width: 1199px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-meta--inner {
        margin-top:0
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--image {
    justify-content: flex-start;
    padding-right: 0
}

@media screen and (max-width: 767px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--image {
        padding:0;
        justify-content: center
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
    right: 0;
    left: unset;
    background: linear-gradient(90deg,#fff 0%,#d9d9d9 100%);
    width: 113%
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
        width:110%
    }
}

@media(max-width: 880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
        width:105%
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
    right: unset;
    left: -85px;
    transform: rotate(-180deg)
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span:before {
    animation: pxl_pulse_border 1e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1e3ms ease-out infinite
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
        left:-65px
    }
}

@media(max-width: 880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
        left:-45px
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--holder {
    flex-direction: row-reverse
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
    padding-left: 71px;
    padding-top: 30px
}

@media(max-width: 1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        padding-left:50px
    }
}

@media(max-width: 880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        padding-left:30px
    }
}

@media screen and (max-width: 767px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        max-width:100%;
        padding-left: 0;
        padding-top: 50px
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta:before {
    right: auto;
    left: -1px
}

.pxl-history1 .slick-arrow {
    color: #fff;
    font-size: 9px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -1px;
    transform: translate(-50%,0%);
    cursor: pointer
}

.pxl-history1 .slick-arrow.slick-disabled {
    cursor: no-drop
}

.pxl-history1 .slick-arrow.slick-prev {
    top: -14px
}

.pxl-history1 .slick-arrow.slick-next {
    bottom: -15px
}

.pxl-image-box-carousel1 .pxl-item--title {
    display: inline-flex;
    font-size: 48px;
    line-height: 1.0899;
    margin-bottom: 42px
}

@media screen and (max-width: 1200px) {
    .pxl-image-box-carousel1 .pxl-item--title {
        font-size:42px
    }
}

@media screen and (max-width: 991px) {
    .pxl-image-box-carousel1 .pxl-item--title {
        font-size:32px
    }
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape {
    min-width: 42px;
    width: 42px;
    height: 41px;
    display: inline-flex;
    position: relative;
    top: 4px
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:before,.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    border-radius: 0 31px 0 0
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:before {
    bottom: 0;
    left: 0;
    background-color: var(--primary-color)
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:after {
    bottom: 10px;
    left: 11px;
    background-color: var(--secondary-color)
}

.pxl-image-box-carousel1 .pxl-item--description {
    font-size: 18px;
    color: #4f4f4f;
    line-height: 1.66667;
    margin-bottom: 43px
}

@media screen and (max-width: 1200px) {
    .pxl-image-box-carousel1 .pxl-item--description {
        font-size:17px
    }
}

@media screen and (max-width: 991px) {
    .pxl-image-box-carousel1 .pxl-item--description {
        font-size:16px
    }
}

.pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton.btn-text-more1 {
    margin-right: 34px
}

@media screen and (max-width: 991px) {
    .pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton.btn-text-more1 {
        margin-right:24px
    }
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton {
        margin-bottom:20px
    }
}

.pxl-image-box-carousel1 .pxl-item--left {
    width: 50%;
    position: relative
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-item--left {
        width:100%;
        min-height: 360px
    }
}

.pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
    position: absolute;
    top: -61px;
    bottom: -61px;
    right: 0;
    left: 75px
}

@media screen and (max-width: 1200px) {
    .pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
        left:60px
    }
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
        left:0;
        top: 0;
        bottom: 0
    }
}

.pxl-image-box-carousel1 .pxl-item--content {
    width: 50%;
    padding: 76px 75px 77px
}

@media screen and (max-width: 1200px) {
    .pxl-image-box-carousel1 .pxl-item--content {
        padding:42px 30px
    }
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-item--content {
        width:100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pxl-image-box-carousel1 .pxl-item--inner {
    background-color: #fff;
    margin-top: 61px;
    margin-bottom: 61px;
    border-top: 6px solid var(--primary-color);
    -webkit-box-shadow: 0 0 18px rgba(109,109,109,.13);
    -khtml-box-shadow: 0 0 18px rgba(109,109,109,.13);
    -moz-box-shadow: 0 0 18px rgba(109,109,109,.13);
    -ms-box-shadow: 0 0 18px rgba(109,109,109,.13);
    -o-box-shadow: 0 0 18px rgba(109,109,109,.13);
    box-shadow: 0 0 18px rgba(109,109,109,.13)
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-item--inner {
        margin-bottom:30px
    }
}

.pxl-image-box-carousel1 .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    bottom: 61px;
    left: 0;
    z-index: 99
}

@media screen and (max-width: 1200px) {
    .pxl-image-box-carousel1 .pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow {
        font-size:18px;
        width: 60px;
        min-width: 60px;
        height: 60px
    }
}

@media screen and (max-width: 767px) {
    .pxl-image-box-carousel1 .pxl-swiper-arrow-wrap {
        position:static
    }
}

.btn-text-more1,.btn-text-more2 {
    font-size: 16px;
    color: #01062e;
    font-weight: 700;
    display: inline-flex;
    line-height: 27px;
    position: relative;
    z-index: 99
}

@media screen and (max-width: 991px) {
    .btn-text-more1,.btn-text-more2 {
        font-size:15px
    }
}

.btn-text-more1 i,.btn-text-more2 i {
    opacity: 0;
    -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;
    -webkit-transform: translateX(-10px);
    -khtml-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.btn-text-more1:hover i,.btn-text-more2:hover i {
    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)
}

.btn-text-more1 {
    color: var(--primary-color)
}

.btn-text-more1 .pxl-item--text {
    position: relative
}

.btn-text-more1 .pxl-item--text:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 2px;
    left: 0
}

.btn-text-more1:hover {
    color: var(--primary-color)
}

.btn-text-more2 .pxl-item--text {
    position: relative
}

.btn-text-more2 .pxl-item--text:before {
    content: '';
    height: 1px;
    width: 0%;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 2px;
    left: 0;
    -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
}

.btn-text-more2:hover {
    color: var(--primary-color)
}

.btn-text-more2:hover .pxl-item--text:before {
    width: 100%
}

.pxl-info-box1 .pxl-item--inner {
    padding: 35px 30px 45px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media screen and (max-width: 767px) {
    .pxl-info-box1 .pxl-item--inner {
        padding:20px
    }
}

.pxl-info-box1 .pxl-sub-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px
}

.pxl-info-box1 .pxl-title {
    margin-bottom: 17px;
    font-size: 26px;
    line-height: 1.23
}

.pxl-info-box1 .pxl-desc {
    color: #525252;
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 32px
}

.pxl-info-box1 .pxl-button a {
    font-size: 15px;
    font-weight: 700;
    color: #525252;
    display: inline-flex;
    padding: 0 20px;
    line-height: 39px;
    border: 2px solid #b2b2b2
}

.pxl-info-box1 .pxl-button a:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-info-box1 .pxl-item--top {
    width: 100%
}

.pxl-client-box1 {
    background-color: #fff;
    padding: 21px 28px 21px 20px;
    border-radius: 20px;
    box-shadow: 0 0 18px rgba(109,109,109,.13)
}

.pxl-client-box1 .pxl-item--images {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 32px
}

.pxl-client-box1 .pxl-item--images .pxl-item--img {
    width: 83px;
    min-width: 83px;
    margin-left: -32px
}

@media screen and (max-width: 1200px) {
    .pxl-client-box1 .pxl-item--images .pxl-item--img {
        width:70px;
        min-width: 70px
    }
}

.pxl-client-box1 .pxl-item--images .pxl-item--img img {
    border-radius: 83px
}

.pxl-client-box1 .pxl-counter--number {
    display: inline-flex;
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    color: #01062e;
    margin-bottom: 4px
}

@media screen and (max-width: 1200px) {
    .pxl-client-box1 .pxl-counter--number {
        font-size:30px
    }
}

.pxl-client-box1 .pxl-item--title {
    font-size: 20px;
    color: #6c6c6c;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.2
}

@media screen and (max-width: 1200px) {
    .pxl-client-box1 .pxl-item--title {
        font-size:16px
    }
}

.pxl-client-box1 .pxl-item--inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-anchor-link-scroll {
    width: 194px;
    height: 194px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 0 18px rgba(109,109,109,.13);
    border-radius: 194px
}

.pxl-anchor-link-scroll:before {
    content: '';
    border: 48px solid #fff;
    border-radius: 194px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    box-shadow: 0 0 18px rgba(109,109,109,.13)inset
}

.pxl-anchor-link-scroll a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.pxl-anchor-link-scroll .pxl-anchor-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pxl_scroll_bottom_effect 1s ease infinite alternate;
    font-size: 30px
}

.pxl-anchor-link-scroll .pxl-anchor-icon i {
    transform: rotate(135deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #01062e;
    animation: pxl_spin_text 12s linear infinite
}

.pxl-anchor-link-scroll .pxl-anchor-text svg {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
    fill: transparent;
    height: 134px;
    width: 134px
}

.pxl-anchor-link-scroll .pxl-anchor-text svg.pxl-anchor-svg1 {
    transform: translate(-50%,-50%)rotate(-120deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text svg.pxl-anchor-svg2 {
    transform: translate(-50%,-50%)rotate(59deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text text {
    fill: #01062e
}

.pxl-anchor-link-scroll .pxl-anchor-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 113px;
    height: 113px
}

.pxl-anchor-link-scroll .pxl-anchor-dots:before,.pxl-anchor-link-scroll .pxl-anchor-dots:after {
    content: '';
    height: 11px;
    width: 11px;
    border-radius: 11px;
    background-color: ;
    position: absolute
}

.pxl-anchor-link-scroll .pxl-anchor-dots:before {
    top: 0;
    left: 0
}

.pxl-anchor-link-scroll .pxl-anchor-dots:after {
    bottom: 0;
    right: 0
}

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

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

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

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

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

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

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

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

.pxl-list1 {
}

.pxl-list1.style-default {
    display: flex;
    align-items: center;
    gap: 55px
}

.pxl-list1.style-default .pxl--item .pxl-item-link {
    font-size: 17px;
    font-weight: 400;
    color: rgb(0 0 0 / 85%);
    display: flex;
    align-items: center;
    gap: 10px
}

.pxl-list1.style-default .pxl--item .pxl-item-link .pxl-item--icon {
    font-size: 13px;
    color: var(--primary-color)
}

.pxl-list1.style2 .pxl--item .pxl-item-link {
    font-size: 16px;
    font-weight: 700;
    color: var(--link-color);
    display: flex;
    align-items: center;
    gap: 7px
}

.pxl-list1.style2 .pxl--item .pxl-item-link .pxl-item--icon {
    font-size: 14px
}

.pxl-search-form .pxl-search-field {
    font-size: 32px;
    color: #222;
    padding: 0;
    border: none;
    background-color: initial;
    height: 58px;
    font-weight: 500
}

.pxl-search-form .pxl-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 58px;
    padding: 0;
    border: none;
    box-shadow: none;
    width: 58px;
    color: var(--primary-color);
    background: 0 0;
    font-size: 26px;
    margin: 0 -15px;
    background: 0 0
}

.pxl-search-form .pxl-search-submit:hover,.pxl-search-form .pxl-search-submit:focus {
    color: var(--primary-color);
    background: 0 0
}

.pxl-search-form .pxl-searchform-divider {
    background-color: rgba(0,0,0,.38);
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    transform-origin: left center
}

.pxl-search-form .pxl-searchform-wrap {
    position: relative
}

.pxl-col-line1:before {
    content: '';
    width: 1px;
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #cfcdc9
}

@media screen and (max-width: 767px) {
    .pxl-col-line1:before {
        display:none
    }
}

.pxl-col-line2:before {
    content: '';
    width: 1px;
    left: 3px;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-color: #cfcdc9
}

@media screen and (max-width: 767px) {
    .pxl-col-line2:before {
        display:none
    }
}

.pxl-process-1 .pxl--number {
    position: absolute;
    left: -33px;
    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%);
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    border-radius: 100%;
    -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;
    z-index: 2
}

.pxl-process-1 .pxl--title {
    font-size: 22px;
    margin-bottom: 13px
}

@media screen and (max-width: 991px) {
    .pxl-process-1 .pxl--title {
        font-size:18px
    }
}

.pxl-process-1 .pxl--desc {
    color: #4a4a4a
}

@media screen and (max-width: 991px) {
    .pxl-process-1 .pxl--desc {
        font-size:16px
    }
}

.pxl-process-1 .pxl--item {
    background-color: #f5f5f5;
    padding: 27px 40px 27px 70px;
    position: relative;
    margin-left: 33px
}

@media screen and (max-width: 767px) {
    .pxl-process-1 .pxl--item {
        padding-right:30px;
        padding-left: 50px
    }
}

.pxl-process-1 .pxl--item:before {
    z-index: 1;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    width: 7px;
    background-color: var(--primary-color);
    -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;
    position: absolute;
    top: 0;
    bottom: 0
}

.pxl-process-1 .pxl--item+.pxl--item {
    margin-top: 27px
}

.pxl-process-1 .pxl--item:hover:before {
    height: 100%
}

.pxl-process-1 .pxl--item:hover .pxl--number {
    background-color: #d7d7d7;
    color: #000
}

.pxl-download-link-1 .pxl--title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 2px
}

.pxl-download-link-1 .pxl--size {
    font-size: 14px;
    line-height: normal;
    color: #666
}

.pxl-download-link-1 .pxl--meta {
    flex-grow: 1
}

.pxl-download-link-1 .pxl-icon-file,.pxl-download-link-1 .pxl-icon-download {
    width: 33px;
    height: 42px;
    background-color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff
}

.pxl-download-link-1 .pxl-icon-download {
    font-size: 17px
}

.pxl-download-link-1 .pxl--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-download-link-1 .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #f5f5f5;
    padding: 8px;
    position: relative;
    align-items: center
}

.pxl-download-link-1 .pxl--item+.pxl--item {
    margin-top: 32px
}

.pxl-contact1 .pxl-item--icon {
    margin-right: 15px;
    min-width: 47px;
    width: 47px;
    height: 47px;
    background-color: var(--primary-color);
    border-radius: 47px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #000
}

.pxl-contact1 .pxl-item--subtitle {
    font-size: 15px;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: -2px
}

.pxl-contact1 .pxl-item--title {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 1.2
}

.pxl-contact1 .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-contact1 .pxl-item--inner {
    align-items: center;
    flex-wrap: nowrap;
    position: relative
}

.pxl--hide-arrow .pxl-swiper-arrow-wrap {
    opacity: 0!important;
    visibility: hidden!important;
    position: absolute
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-vertical>.pxl-swiper-wrapper {
    flex-direction: column
}

.swiper-vertical.swiper-backface-hidden .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: auto!important
}

.swiper-filter-active .non-swiper-slide {
    display: none
}

.swiper-filter-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.swiper-filter-wrap .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 {
    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 .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);
    z-index: -1
}

.swiper-filter-wrap .filter-item span {
    color: #010927;
    -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)
}

.swiper-filter-wrap .filter-item.active {
    color: var(--primary-color)
}

.swiper-filter-wrap .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-slider .pxl-post--image img,.pxl-swiper-slider .pxl-post--featured img {
    width: 100%
}

.pxl-swiper-slider .pxl-post--title a,.pxl-swiper-slider .pxl-post--category a {
    color: inherit
}

.pxl-swiper-slider .pxl-post--title a:hover,.pxl-swiper-slider .pxl-post--category a:hover {
    color: inherit
}

.pxl-swiper-arrow-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.pxl-swiper-arrow-wrap .pxl-arrow-label {
    font-size: 16px;
    color: #878787;
    margin-bottom: 10px;
    margin-top: 10px
}

.pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev i {
    transform: rotate(180deg)
}

.pxl-swiper-arrow-wrap.style-1 {
    justify-content: flex-start;
    margin: 30px -5px 0
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow {
    height: 60px;
    width: 60px;
    min-width: 60px;
    border: 1px solid #c1c1c1;
    border-radius: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    color: #c1c1c1;
    font-size: 12px
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow:hover {
    color: #01062e
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow {
    width: 75px;
    min-width: 75px;
    height: 70px;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-weight: 400
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    transform: scaleX(-1)
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    background-color: #fff;
    color: #000
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow {
    width: 59px;
    height: 65px;
    border-radius: 20px;
    background-color: #e7e7e7;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #382c4d;
    font-size: 24px;
    position: relative;
    z-index: 1
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    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');
    z-index: -1;
    opacity: 0;
    -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
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:hover {
    color: #fff
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:hover:before {
    opacity: 1
}

.pxl-container-dots {
    text-align: center;
    margin-top: 41px
}

.pxl-swiper-dots.pxl-swiper-pagination-bullets span {
    display: inline-flex;
    cursor: pointer;
    -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
}

.pxl-swiper-dots.pxl-swiper-pagination-progressbar {
    height: 1px;
    background-color: #454545;
    width: 100%;
    position: relative;
    margin-top: 45px
}

.pxl-swiper-dots.pxl-swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 3px;
    background-color: var(--primary-color);
    display: inline-flex;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left top
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,.15);
    border-radius: 50%;
    margin: 0 5px
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color)
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction {
    margin-top: 34px;
    font-size: 0;
    color: #797979;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction:before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #bbb;
    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: -1
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction span {
    display: inline-flex;
    margin: 0 36px;
    font-size: 22px
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets {
    left: 50%;
    position: relative;
    transform: translate(-50%,0);
    background-color: #fff;
    border-radius: 38px;
    padding: 13px 30px;
    display: inline-flex;
    box-shadow: 0 4px 46px rgba(23,25,26,9%);
    z-index: 99;
    margin-top: 40px
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin: 0 5px
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:
}

.pxl-swiper-dots.style-3 {
    background-color: rgba(57,57,57,.141);
    border-radius: 6px;
    display: inline-flex;
    z-index: 99;
    position: relative
}

.pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
    height: 13px;
    width: 170px;
    padding: 0;
    border-radius: 6px;
    background-color: unset
}

.pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color)
}

@media(max-width: 991px) {
    .pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
        width:80px
    }
}

@media(max-width: 676px) {
    .pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
        width:50px
    }
}

.pxl-grid .pxl-post--featured,.pxl-post-carousel .pxl-post--featured,.pxl-post-modern .pxl-post--featured {
    position: relative
}

.pxl-grid .pxl-post--link,.pxl-post-carousel .pxl-post--link,.pxl-post-modern .pxl-post--link {
    z-index: 99
}

.pxl-grid .pxl-post--image img,.pxl-post-carousel .pxl-post--image img,.pxl-post-modern .pxl-post--image img,.pxl-grid .pxl-post--featured img,.pxl-post-carousel .pxl-post--featured img,.pxl-post-modern .pxl-post--featured img {
    width: 100%
}

.pxl-grid .pxl-post--title a,.pxl-post-carousel .pxl-post--title a,.pxl-post-modern .pxl-post--title a {
    color: inherit
}

.pxl-grid .pxl-post--title a:hover,.pxl-post-carousel .pxl-post--title a:hover,.pxl-post-modern .pxl-post--title a:hover {
    color: inherit
}

.pxl-grid .pxl-post--category,.pxl-post-carousel .pxl-post--category,.pxl-post-modern .pxl-post--category {
    position: relative
}

.pxl-grid .pxl-post--category.link-none:before,.pxl-post-carousel .pxl-post--category.link-none:before,.pxl-post-modern .pxl-post--category.link-none:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-grid .pxl-post--category a,.pxl-post-carousel .pxl-post--category a,.pxl-post-modern .pxl-post--category a {
    color: inherit
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry,.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry,.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry {
    margin: 0!important
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item,.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item,.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item {
    padding: 0!important
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner,.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner,.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner {
    margin-bottom: 0
}

.pxl-load-more .pxl-load-icon {
    width: 20px;
    height: 20px;
    -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 #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2;
    margin-top: -10px;
    opacity: 0
}

.pxl-load-more .pxl-loadmore-text {
    -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
}

.pxl-load-more.loading .pxl-load-icon {
    opacity: 1
}

.pxl-load-more.loading i {
    opacity: .5
}

.pxl-load-more.loading .pxl-loadmore-text {
    opacity: .5
}

.pxl-grid-filter .filter-item {
    cursor: pointer;
    -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;
    position: relative
}

.pxl-grid-filter .pxl--filter-inner {
    display: inline-flex;
    flex-wrap: wrap
}

@media(max-width: 480px) {
    .pxl-grid-filter .pxl--filter-inner {
        display:contents
    }
}

.pxl-grid-filter.style-1 {
    position: relative;
    margin-bottom: 35px
}

.pxl-grid-filter.style-1 .pxl--filter-inner {
    gap: 15px
}

@media(max-width: 767px) {
    .pxl-grid-filter.style-1 .pxl--filter-inner {
        flex-direction:column;
        width: 100%
    }
}

.pxl-grid-filter.style-1 .filter-item {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1.3;
    padding: 10px 20px 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: var(--secondary-color);
    margin: 0
}

.pxl-grid-filter.style-1 .filter-item.active {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-grid-filter.style-2 {
    position: relative;
    background-color: var(--primary-color);
    padding: 27px 0;
    border-top: 2px solid var(--link-color);
    margin-bottom: 40px
}

.pxl-grid-filter.style-2 .filter-item {
    color: #999;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.3;
    margin: 0 40px
}

@media(max-width: 767px) {
    .pxl-grid-filter.style-2 .filter-item {
        margin:0 7px;
        font-size: 15px
    }
}

.pxl-grid-filter.style-2 .filter-item.active {
    color: var(--link-color)
}

.title-hover-line a {
    background-repeat: no-repeat;
    background-position-y: -5px;
    background-image: linear-gradient(transparent calc(100% - 1px),var(--link-color) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .6s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline forwards
}

.title-hover-line a:hover {
    animation: .6s cubic-bezier(.215,.61,.355,1)pxl-wide-menu-underline-hover forwards
}

.pxl-blog-grid1 .pxl-post--inner {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.pxl-blog-grid1 .pxl-post--inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70%;
    z-index: 1;
    background: linear-gradient(0deg,#12132c 0%,rgba(18,19,44,0) 100%)
}

.pxl-blog-grid1 .pxl-post--inner .pxl-inner-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 40px;
    z-index: 2
}

@media(max-width: 676px) {
    .pxl-blog-grid1 .pxl-post--inner .pxl-item-content {
        padding:20px
    }
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-item--tags {
    margin-bottom: 17px
}

@media(max-width: 676px) {
    .pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-item--tags {
        margin-bottom:10px
    }
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-item--tags a {
    padding: 0 .5rem;
    color: #fff;
    font-size: 17px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: linear-gradient(45deg,var(--gradient-color-from),var(--gradient-color-to));
    display: inline-block
}

@media(max-width: 676px) {
    .pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-item--tags a {
        font-size:15px
    }
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--title {
    color: #fff;
    margin-bottom: 13px
}

@media(max-width: 676px) {
    .pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--title {
        font-size:18px
    }
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta {
    align-items: center;
    gap: 20px
}

@media(max-width: 767px) {
    .pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta {
        gap:10px
    }
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta .pxl-post--author {
    align-items: center;
    gap: 10px
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta .pxl-post--author .pxl-author--img img {
    min-width: 20px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta .pxl-post--author .pxl-author-meta {
    font-size: 14px;
    color: #f8f9fa
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta .pxl-item--date {
    align-items: center;
    font-size: 14px;
    color: #f8f9fa;
    gap: 10px
}

.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post-meta .pxl-item--date i {
    color: var(--primary-color)
}

.pxl-post-carousel1 .pxl-carousel-inner {
    margin: 0 -18px
}

.pxl-post-carousel1 .pxl-swiper-container {
    margin: 0 -19px;
    padding: 0 18px
}

.pxl-post-carousel1 .pxl-swiper-slide {
    border-left: 1px solid #d5d5d5;
    padding: 0 19px
}

.pxl-post-carousel1 .pxl-swiper-slide:first-child {
    border-left: 0
}

.pxl-post-carousel1 .pxl-post--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel1 .pxl-post--inner:hover .pxl-post--featured {
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

.pxl-post-carousel1 .pxl-post--inner:hover .pxl-post--featured .pxl-img-link img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-item--date {
    padding: 15px 39px;
    background-color: var(--link-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    line-height: 1.7
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-img-link {
    display: block;
    position: relative
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-img-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-img-link img {
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 3px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category a {
    font-size: 13px;
    color: #999;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    position: relative;
    margin: 10px 5px;
    padding-right: 10px;
    margin-left: 0;
    text-decoration: underline transparent
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    color: #999;
    transform: translate(0,-50%)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child:after {
    display: none
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--category a:hover {
    color: var(--link-color);
    text-decoration: underline var(--link-color)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--title {
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 24px
}

.pxl-post-carousel1 .pxl-item-bottom {
    border-top: 1px solid #d5d5d5;
    margin: 59px 18px 0;
    padding-top: 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

.pxl-post-carousel1 .pxl-item-bottom .pxl-swiper-arrow-wrap {
    margin-top: 0;
    margin-right: -5px
}

.pxl-post-carousel1 .pxl-item-bottom .pxl-banner-button .btn-default {
    padding: 0 126px
}

@media screen and (max-width: 767px) {
    .pxl-post-carousel1 .pxl-item-bottom .pxl-banner-button .btn-default {
        padding:0 50px
    }
}

@media screen and (max-width: 575px) {
    .pxl-post-carousel1 .pxl-item-bottom .pxl-banner-button .btn-default {
        padding:0 20px
    }
}

.pxl-post-carousel2 .pxl-post--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel2 .pxl-post--inner:hover .pxl-post--featured .pxl-img-link img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-img-link {
    display: block;
    position: relative
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-img-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-img-link img {
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-item--date {
    background-color: var(--link-color);
    padding: 18px 18px 21px;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date1 {
    margin-bottom: 5px
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date2 {
    font-size: 15px
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-inner-category {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category {
    display: flex;
    align-items: center;
    background-color: var(--link-color);
    padding: 6px 20px;
    z-index: 1;
    text-align: center;
    justify-content: center
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category a {
    font-size: 13px;
    color: #555;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    position: relative;
    margin: 10px 5px;
    padding-right: 10px;
    margin-left: 0;
    text-decoration: underline transparent
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    color: #555;
    transform: translate(0,-50%)
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category a:last-child:after {
    display: none
}

.pxl-post-carousel2 .pxl-post--inner .pxl-post--featured .pxl-post--category a:hover {
    color: #fff;
    text-decoration: underline #fff
}

.pxl-post-carousel2 .pxl-post--inner .pxl-item-content {
    padding-top: 22px
}

.pxl-post-carousel2 .pxl-post--inner .pxl-item-content .pxl-post--title {
    line-height: 1.4;
    margin-bottom: 15px;
    font-size: 24px
}

.pxl-post-carousel2 .pxl-post--inner .pxl-item-content .pxl-item--excerpt {
    color: #777;
    font-size: 15px;
    font-weight: 400
}

.pxl-post-carousel3 {
    position: relative;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap {
    margin: 0;
    width: 108.2%;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-swiper-arrow-wrap {
        position:relative;
        width: unset;
        top: unset;
        left: unset;
        transform: none;
        margin-top: 30px
    }
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        position:relative;
        top: unset;
        transform: none;
        margin: 0 10px
    }
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 35px;
    width: auto
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: var(--link-color)
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 0
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left:unset
    }
}

.pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right:unset
    }
}

.pxl-post-carousel3 .pxl-post--inner {
    display: flex;
    gap: 100px;
    background-color: var(--primary-color);
    padding: 20px;
    align-items: center
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-post--inner {
        gap:50px
    }
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner {
        gap:30px
    }
}

@media(max-width: 1024px) {
    .pxl-post-carousel3 .pxl-post--inner {
        flex-direction:column
    }
}

@media(max-width: 575px) {
    .pxl-post-carousel3 .pxl-post--inner {
        padding:10px;
        gap: 20px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured {
    overflow: hidden;
    width: 58.2%
}

@media(max-width: 1024px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-post--featured {
        width:100%
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-img-link {
    display: block;
    position: relative
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-img-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 1;
    z-index: 2
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item-video .post-button-video {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #fff;
    justify-content: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    background-size: 300% 100%;
    background-color: rgba(255,255,255,.1);
    backdrop-filter: blur(7.5px);
    font-size: 15px
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item--date {
    width: 100px;
    height: 100px;
    background-color: var(--link-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl--date {
    color: #fff;
    line-height: 1
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-day {
    font-size: 36px
}

.pxl-post-carousel3 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-may {
    font-size: 15px
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content {
    width: 50%;
    padding-right: 80px
}

@media(max-width: 1800px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content {
        padding-right:30px
    }
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content {
        padding-right:10px
    }
}

@media(max-width: 1024px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content {
        width:100%;
        padding: 0 20px 20px
    }
}

@media(max-width: 575px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content {
        padding:0
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category {
    align-items: center;
    position: relative;
    margin-bottom: 35px
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category {
        margin-bottom:25px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #777;
    line-height: 1.2;
    position: relative;
    margin-right: 3px;
    padding-right: 10px
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category a:hover {
    color: var(--link-color);
    text-decoration: underline
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    color: #777;
    font-size: 13px
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child:after {
    display: none
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--title {
    text-transform: capitalize;
    line-height: 1.32;
    margin-bottom: 33px
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--title {
        font-size:30px
    }
}

@media(max-width: 1200px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--title {
        margin-bottom:20px
    }
}

@media(max-width: 1199px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-post--title {
        font-size:26px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item--excerpt {
    font-size: 15px;
    color: #777
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom {
    border-top: 1px solid #d5d5d5;
    padding-top: 10px;
    margin-top: 91px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1366px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom {
        margin-top:50px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta {
    margin-bottom: 0;
    display: flex;
    gap: 40px
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta {
        gap:20px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    gap: 12px;
    position: relative;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li:hover .pxl-name {
    text-decoration: underline
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-meta-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-icon {
    line-height: 1;
    display: flex;
    align-items: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid var(--link-color);
    background-color: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-icon svg {
    height: 15px;
    width: auto
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-icon svg path {
    fill: #fff;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-icon {
        width:35px;
        height: 35px;
        min-width: 35px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-name {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-name {
        font-size:14px
    }
}

@media(max-width: 1500px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-name {
        display:none
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-name a {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width: 1280px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-item--meta li .pxl-name a {
        font-size:14px
    }
}

@media(max-width: 575px) {
    .pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-post--readmore a {
        font-size:14px
    }
}

.pxl-post-carousel3 .pxl-post--inner .pxl-item-content .pxl-item-bottom .pxl-post--readmore a .pxl--btn-text {
    text-decoration: none
}

.pxl-post-carousel4 .pxl-post--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel4 .pxl-post--inner:hover .pxl-post--featured .pxl-img-link img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-img-link {
    display: block;
    position: relative
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-img-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-img-link img {
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-item--date {
    background-color: var(--link-color);
    padding: 18px 18px 21px;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date1 {
    margin-bottom: 5px
}

.pxl-post-carousel4 .pxl-post--inner .pxl-post--featured .pxl-item--date .pxl-item--date2 {
    font-size: 15px
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content {
    padding-top: 11px
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-inner-category {
    margin-bottom: 3px
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category {
    display: flex;
    align-items: center;
    z-index: 1
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category a {
    font-size: 13px;
    color: #777;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    position: relative;
    margin: 10px 3px;
    padding-right: 9px;
    margin-left: 0;
    text-decoration: underline transparent
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    color: #777;
    transform: translate(0,-50%)
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category a:last-child:after {
    display: none
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--category a:hover {
    color: var(--link-color);
    text-decoration: underline var(--link-color)
}

.pxl-post-carousel4 .pxl-post--inner .pxl-item-content .pxl-post--title {
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 24px
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter,.pxl-portfolio-carousel1 .pxl-grid-filter {
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    color: #999;
    text-align: right;
    margin-bottom: 32px
}

@media(max-width: 1366px) {
    .pxl-portfolio-grid-layout1 .pxl-grid-filter,.pxl-portfolio-carousel1 .pxl-grid-filter {
        text-align:left
    }
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner,.pxl-portfolio-carousel1 .pxl-grid-filter .pxl--filter-inner {
    flex-direction: row;
    gap: 50px
}

@media(max-width: 1200px) {
    .pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner,.pxl-portfolio-carousel1 .pxl-grid-filter .pxl--filter-inner {
        gap:25px
    }
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .filter-item,.pxl-portfolio-carousel1 .pxl-grid-filter .filter-item {
    margin: 0
}

.pxl-portfolio-grid-layout1 .pxl-grid-filter .filter-item.active,.pxl-portfolio-carousel1 .pxl-grid-filter .filter-item.active {
    color: var(--link-color)
}

@media(max-width: 767px) {
    .pxl-portfolio-grid-layout1 .pxl-grid-filter .filter-item.active,.pxl-portfolio-carousel1 .pxl-grid-filter .filter-item.active {
        background-color:initial
    }
}

.pxl-portfolio-grid-layout1 .pxl-post--inner,.pxl-portfolio-carousel1 .pxl-post--inner {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-portfolio-grid-layout1 .pxl-post--inner:hover .pxl-post--title,.pxl-portfolio-carousel1 .pxl-post--inner:hover .pxl-post--title {
    opacity: 0
}

.pxl-portfolio-grid-layout1 .pxl-post--inner:hover .pxl-post--holder,.pxl-portfolio-carousel1 .pxl-post--inner:hover .pxl-post--holder {
    opacity: 1
}

.pxl-portfolio-grid-layout1 .pxl-post--inner:hover .pxl-post--holder .pxl-item--content,.pxl-portfolio-carousel1 .pxl-post--inner:hover .pxl-post--holder .pxl-item--content,.pxl-portfolio-grid-layout1 .pxl-post--inner:hover .pxl-post--holder .pxl-item-btn,.pxl-portfolio-carousel1 .pxl-post--inner:hover .pxl-post--holder .pxl-item-btn {
    transform: translateY(0)
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--overlay,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--overlay {
    position: absolute;
    height: 60%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg,#12132c 0%,rgba(18,19,44,0) 100%);
    z-index: 1
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--title,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--title {
    margin-bottom: 0;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 2
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder {
    position: absolute;
    width: 100%;
    height: 100%;
    align-content: center;
    text-align: center;
    background: linear-gradient(45deg,var(--gradient-color-from),var(--gradient-color-to));
    top: 0;
    left: 0;
    padding: 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 3
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item--content,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item--content {
    color: #f8f9fa;
    max-width: 95%;
    display: inline-block;
    margin-bottom: 1rem;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 1200px) {
    .pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item--content,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item--content {
        max-width:100%
    }
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item-btn,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item-btn {
    border: solid 1px rgba(255,255,255,.5);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 0 20px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    line-height: 44.3px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item-btn:hover,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item-btn:hover {
    border-color: #fff
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item--content,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item--content,.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-post--holder .pxl-item-btn,.pxl-portfolio-carousel1 .pxl-post--inner .pxl-post--holder .pxl-item-btn {
    transform: translateY(50px)
}

.pxl-portfolio-grid-layout1 .pxl-load-more,.pxl-portfolio-carousel1 .pxl-load-more {
    border-top: 1px solid #d5d5d5;
    margin-top: 30px;
    padding-top: 30px
}

.pxl-portfolio-carousel1 .pxl-carousel-inner {
    position: relative
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 5
}

@media(max-width: 767px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
        position:relative;
        transform: none;
        left: unset;
        top: unset;
        gap: 10px;
        margin-top: 30px
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    font-size: 24px;
    color: #fff;
    width: 40px;
    height: 50px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        position:relative;
        transform: none;
        top: unset;
        width: 50px
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 16px;
    width: auto
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #fff
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    -webkit-border-radius: 0 30px 30px 0;
    -khtml-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    left: 0
}

@media(max-width: 767px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left:unset;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    -webkit-border-radius: 30px 0 0 30px;
    -khtml-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    right: 0
}

@media(max-width: 767px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right:unset;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }
}

.pxl-grid-filter {
    font-size: 17px;
    color: #252932;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

.pxl-grid-filter .filter-item {
    cursor: pointer;
    -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;
    position: relative
}

.pxl-grid-filter .pxl--filter-inner {
    display: inline-flex;
    flex-wrap: wrap
}

.pxl-grid-filter .filter-item {
    justify-content: center;
    margin: 0 15px
}

.pxl-grid-filter .filter-item.active {
    color: var(--primary-color)
}

@media screen and (max-width: 767px) {
    .pxl-grid-filter .filter-item.active {
        color:#fff;
        background-color: var(--primary-color)
    }
}

.pxl-load-more .button-style1 {
    font-size: 17px;
    line-height: 60px;
    height: 60px;
    padding: 0 35px;
    border-radius: 100px;
    color: #fefefe;
    font-weight: 700;
    font-family: barlow semi condensed;
    display: inline-flex;
    align-items: center;
    background-color: var(--primary-color);
    cursor: pointer;
    position: relative;
    -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-load-more .button-style1 i {
    margin-left: 10px;
    font-size: 20px
}

.pxl-load-more .button-style1:hover,.pxl-load-more .button-style1:focus,.pxl-load-more .button-style1:active {
    outline: none;
    text-decoration: none;
    background-color: var(--link-color)
}

.layout-post-list-1 .pxl-toolbar-inner {
    background-color: var(--primary-color);
    border-top: 1px solid var(--link-color);
    padding: 0 50px;
    margin-bottom: 50px
}

@media(max-width: 575px) {
    .layout-post-list-1 .pxl-toolbar-inner {
        margin-bottom:40px;
        padding: 0 15px
    }
}

@media(max-width: 575px) {
    .layout-post-list-1 .pxl-toolbar-inner .col-sm-auto:last-child {
        text-align:end
    }

    .layout-post-list-1 .pxl-toolbar-inner .col-sm-auto:last-child .nice-select {
        width: auto
    }
}

.layout-post-list-1 .post-list-toolbar .result-count {
    font-size: 17px;
    color: var(--link-color)
}

@media(max-width: 575px) {
    .layout-post-list-1 .post-list-toolbar .result-count {
        font-size:15px
    }
}

.layout-post-list-1 .post-list-toolbar .current {
    font-size: 17px!important;
    font-weight: 500;
    color: var(--link-color)
}

@media(max-width: 575px) {
    .layout-post-list-1 .post-list-toolbar .current {
        font-size:15px!important
    }
}

.layout-post-list-1 .post-list-toolbar .nice-select {
    height: 80px;
    padding: 0 25px 0 20px!important;
    background-color: unset;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.layout-post-list-1 .post-list-toolbar .nice-select:before {
    font-size: 13px!important;
    z-index: 2;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: unset;
    color: var(--link-color);
    right: 0
}

.layout-post-list-1 .post-list-toolbar .nice-select ul.list {
    left: unset;
    width: 220px;
    max-width: unset;
    font-size: 15px;
    text-align: left
}

@media(max-width: 575px) {
    .layout-post-list-1 .post-list-toolbar .nice-select ul.list {
        font-size:14px
    }
}

.layout-post-list-1 .pxl-list-inner .list-item {
    margin-bottom: 50px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner {
    display: flex;
    flex-direction: row;
    gap: 70px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner {
        gap:30px
    }
}

@media(max-width: 1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner {
        flex-direction:column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner:hover .wrap-item-content:before {
    opacity: 0;
    transform: scaleX(0)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner:hover .wrap-item-content:after {
    transform: scaleX(1);
    opacity: 1
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-featured {
    width: 33.3%
}

@media(max-width: 1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-featured {
        width:100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content {
    width: 70%;
    position: relative
}

@media(max-width: 1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content {
        width:100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #d5d5d5;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    width: 100%;
    height: 2px;
    background-color: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(0)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
    display: flex;
    flex-direction: row;
    gap: 70px;
    padding-top: 40px;
    height: 100%
}

@media(max-width: 1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
        gap:30px
    }
}

@media(max-width: 767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
        flex-direction:column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-left {
        width:100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-right {
    width: 52.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-right {
        width:100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image {
    position: relative;
    overflow: hidden
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image img {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    z-index: 2
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .category-date-inner {
    background-color: var(--link-color);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 10px
}

@media(max-width: 575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .category-date-inner {
        flex-direction:column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .pxl-border {
    display: inline-flex;
    width: 30px;
    height: 1px;
    background-color: #ddd
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category {
    align-items: center;
    position: relative
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    position: relative;
    margin-right: 3px;
    padding-right: 10px
}

@media(max-width: 575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a {
        font-size:12px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    color: #fff;
    font-size: 13px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:last-child:after {
    display: none
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:hover {
    text-decoration: underline
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-date {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 1.2
}

@media(max-width: 575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-date {
        font-size:12px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas {
    border-top: 1px solid #d5d5d5;
    padding-top: 10px;
    margin-bottom: 10px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner {
    margin-bottom: 0;
    flex-wrap: wrap;
    display: flex;
    gap: 51px
}

@media(max-width: 480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner {
        gap:20px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    gap: 12px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-icon {
    background-color: var(--link-color);
    border-color: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-icon svg path {
    fill: #fff
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-name {
    text-decoration: underline
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li.post-comments .meta-item {
    display: flex;
    align-items: center;
    gap: 12px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon {
    line-height: 1;
    display: flex;
    align-items: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid #999;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon svg {
    height: 15px;
    width: auto
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon svg path {
    fill: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width: 480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name {
        font-size:14px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name a {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width: 480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name a {
        font-size:14px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
    margin-bottom: 30px
}

@media(max-width: 1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
        font-size:30px
    }
}

@media(max-width: 767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
        font-size:28px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title a {
    color: var(--link-color);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.33
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-excerpt {
    margin-bottom: 30px;
    color: #777;
    font-size: 15px;
    margin-top: 4px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore {
    margin-bottom: 17px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a {
    display: inline-flex;
    width: unset;
    color: #777
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a svg path {
    stroke: #777
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a:hover {
    color: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a:hover svg path {
    stroke: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a .pxl--btn-text {
    text-decoration: none
}

body.rtl .pxl-grid-filter.style-1 .filter-item:last-child {
    margin-right: 0;
    margin-left: 0
}

body.rtl .pxl-grid-filter.style-1 .filter-item {
    margin-right: 0;
    margin-left: 22px
}

@media(max-width: 1200px) {
    body.rtl .pxl-grid-filter.style-1 .filter-item {
        margin:5px 10px 5px 0
    }
}

@media(max-width: 480px) {
    body.rtl .pxl-grid-filter.style-1 .filter-item {
        margin-right:0
    }
}

button {
    border: none;
    padding: 0;
    cursor: pointer;
    -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
}

.button,input[type=submit] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    line-height: 42.4px;
    -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);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    height: auto;
    text-align: center;
    justify-content: center
}

.button:hover,input[type=submit]:hover,.button:focus,input[type=submit]:focus,.button:active,input[type=submit]:active,.button:not([disabled]):not(.disabled).active,input[type=submit]:not([disabled]):not(.disabled).active,.button:not([disabled]):not(.disabled):active,input[type=submit]:not([disabled]):not(.disabled):active {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-color: var(--link-color)
}

.pxl-icon-active i.flaticon {
    display: inline-flex
}

.btn {
    font-size: 15px;
    color: #fff;
    padding: 5px 20px 0;
    font-weight: 700;
    line-height: 37.4px;
    -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);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    -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: var(--link-color-hover);
    height: auto;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    overflow: hidden
}

.btn:hover,.btn:focus,.btn:active,.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active {
    outline: none;
    text-decoration: none;
    color: #fff
}

.btn i {
    font-size: 13px;
    line-height: normal
}

.btn i.flaticon {
    line-height: 1
}

.btn.pxl-icon--right {
    flex-direction: row-reverse
}

.btn.btn-default {
    z-index: 1;
    position: relative;
    color: #ffffff;
    z-index: 111;
    display: inline-flex;
    text-transform: capitalize;
    background-color: #ff0707d9;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.btn.btn-default .pxl--btn-text {
    opacity: 0;
    color: #fff
}

.btn.btn-default .pxl--btn-text1 {
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    position: relative;
    display: block
}

.btn.btn-default .pxl--btn-text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    transform: translateY(-110%)
}

.btn.btn-default .pxl--text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    line-height: normal;
    display: block;
    overflow: hidden
}

.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active,.btn.btn-default:not([disabled]):not(.disabled).active,.btn.btn-default:not([disabled]):not(.disabled):active {
    background-color: var(--link-color)
}

.btn.btn-default:hover .pxl--btn-text1,.btn.btn-default:focus .pxl--btn-text1,.btn.btn-default:active .pxl--btn-text1,.btn.btn-default:not([disabled]):not(.disabled).active .pxl--btn-text1,.btn.btn-default:not([disabled]):not(.disabled):active .pxl--btn-text1 {
    transform: translateY(110%);
    color: #fff
}

.btn.btn-default:hover .pxl--btn-text2,.btn.btn-default:focus .pxl--btn-text2,.btn.btn-default:active .pxl--btn-text2,.btn.btn-default:not([disabled]):not(.disabled).active .pxl--btn-text2,.btn.btn-default:not([disabled]):not(.disabled):active .pxl--btn-text2 {
    transform: translateY(0%);
    color: #fff
}

.btn.btn-default.btn-secondary {
    background-color: var(--link-color)
}

.btn.btn-default.btn-secondary:before {
    background-color: var(--link-color)
}

.btn.btn-default.btn-secondary:hover,.btn.btn-default.btn-secondary:focus,.btn.btn-default.btn-secondary:active,.btn.btn-default.btn-secondary:not([disabled]):not(.disabled).active,.btn.btn-default.btn-secondary:not([disabled]):not(.disabled):active {
    background-color: var(--link-color)
}

.btn.btn-full {
    z-index: 1;
    position: relative;
    color: #fff;
    z-index: 111;
    display: block;
    text-transform: capitalize;
    background-color: var(--primary-color);
    transition: all .3s;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 30px;
    line-height: 44.3px
}

.btn.btn-full:hover,.btn.btn-full:focus,.btn.btn-full:active,.btn.btn-full:not([disabled]):not(.disabled).active,.btn.btn-full:not([disabled]):not(.disabled):active {
    background-color: var(--link-color)
}

.btn.btn-outline {
    line-height: 54px;
    padding: 0 45px;
    border: 1px solid var(--link-color);
    background-color: initial;
    color: var(--link-color)
}

.btn.btn-outline:hover,.btn.btn-outline:focus,.btn.btn-outline:active,.btn.btn-outline:not([disabled]):not(.disabled).active,.btn.btn-outline:not([disabled]):not(.disabled):active {
    background-color: var(--link-color);
    color: #fff
}

.btn.btn-slide-lr {
    z-index: 1;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.btn.btn-slide-lr:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    transition: all .3s;
    transform: scaleX(0);
    transform-origin: left;
    background-color: var(--link-color);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.btn.btn-slide-lr:hover,.btn.btn-slide-lr:focus,.btn.btn-slide-lr:active,.btn.btn-slide-lr:not([disabled]):not(.disabled).active,.btn.btn-slide-lr:not([disabled]):not(.disabled):active {
    background-color: var(--link-color)
}

.btn.btn-slide-lr:hover:before,.btn.btn-slide-lr:focus:before,.btn.btn-slide-lr:active:before,.btn.btn-slide-lr:not([disabled]):not(.disabled).active:before,.btn.btn-slide-lr:not([disabled]):not(.disabled):active:before {
    transform: scaleX(1)
}

.btn.btn-white {
    background-color: #fff;
    color: var(--link-color)
}

.btn.btn-white:hover,.btn.btn-white:focus,.btn.btn-white:active,.btn.btn-white:not([disabled]):not(.disabled).active,.btn.btn-white:not([disabled]):not(.disabled):active {
    background-color: #fff;
    color: #fff
}

.btn.btn-nina {
    overflow: hidden
}

.btn.btn-nina .pxl--btn-text {
    position: relative;
    direction: ltr
}

.btn.btn-nina .pxl--btn-text:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    transition-timing-function: ease,ease;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    white-space: nowrap
}

.btn.btn-nina .pxl--btn-text>span {
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate3d(0,-14px,0);
    transform: translate3d(0,-14px,0);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    transition-timing-function: ease,ease;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    line-height: normal;
    color: #fff
}

.btn.btn-nina:hover .pxl--btn-text:before,.btn.btn-nina:focus .pxl--btn-text:before,.btn.btn-nina:active .pxl--btn-text:before,.btn.btn-nina:not([disabled]):not(.disabled).active .pxl--btn-text:before,.btn.btn-nina:not([disabled]):not(.disabled):active .pxl--btn-text:before {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.btn.btn-nina:hover .pxl--btn-text span,.btn.btn-nina:focus .pxl--btn-text span,.btn.btn-nina:active .pxl--btn-text span,.btn.btn-nina:not([disabled]):not(.disabled).active .pxl--btn-text span,.btn.btn-nina:not([disabled]):not(.disabled):active .pxl--btn-text span {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.btn.btn-nina:not(:hover) .pxl--btn-text>span {
    transition-delay: 0s!important
}

.btn.btn-nanuk {
    position: relative
}

.btn.btn-nanuk .pxl--btn-text span {
    display: inline-block
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(2n+1),.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(2n) {
    -webkit-animation-timing-function: cubic-bezier(.75,0,.125,1);
    transition-animation-function: cubic-bezier(.75,0,.125,1)
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(2n+1) {
    -webkit-animation: pxl_nanuk_1 .5s forwards;
    animation: pxl_nanuk_1 .5s forwards
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(2n) {
    -webkit-animation: pxl_nanuk_2 .5s forwards;
    animation: pxl_nanuk_2 .5s forwards
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(2) {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(3) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(4) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(6) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(7) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(8) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(9) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(10) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(11) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(12) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(13) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(14) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(15) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(16) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(17) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(18) {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(19) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(20) {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(21) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(22) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(23) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(24) {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(25) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(26) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(27) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(28) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(29) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(30) {
    -webkit-animation-delay: 1.45s;
    animation-delay: 1.45s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(31) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(32) {
    -webkit-animation-delay: 1.55s;
    animation-delay: 1.55s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(33) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(34) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(35) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(36) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(37) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(38) {
    -webkit-animation-delay: 1.85s;
    animation-delay: 1.85s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(39) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.btn.btn-nanuk:hover .pxl--btn-text span:nth-child(40) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

.btn.btn-effect1 {
    background-color: var(--secondary-color);
    overflow: hidden;
    z-index: 1
}

.btn.btn-effect1:before {
    content: '';
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate3d(-50%,-50%,0)scale3d(0,0,1);
    background-color: var(--link-color);
    position: absolute;
    z-index: -1
}

.btn.btn-effect1:hover {
    background-color: var(--secondary-color)
}

.btn.btn-effect1:hover:before {
    transition: transform .4s cubic-bezier(.1,0,.3,1);
    transform: translate3d(-50%,-50%,0)scale3d(1,1,1)
}

.btn.btn-effect2 {
    background-color: var(--link-color);
    overflow: hidden;
    z-index: 1
}

.btn.btn-effect2:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 120%;
    left: -10%;
    z-index: -1;
    background-color: var(--secondary-color);
    transform: skew(30deg);
    transition: transform .4s cubic-bezier(.3,1,.8,1)
}

.btn.btn-effect2:hover {
    background-color: var(--link-color)
}

.btn.btn-effect2:hover:before {
    transform: translate3d(100%,0,0)
}

.btn--readmore {
    font-size: 17px;
    font-weight: 600;
    color: #1c2539;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.btn--readmore .btn-readmore--icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    z-index: 1;
    transform: translateX(-10px);
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms
}

.btn--readmore .btn-readmore--icon:before {
    content: '';
    border-radius: 40px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    transform: scale(0)
}

.btn--readmore .btn-readmore--text {
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
    transform: translateX(-24px)
}

.btn--readmore:hover {
    color: var(--link-color)
}

.btn--readmore:hover .btn-readmore--icon {
    transform: translateX(0)
}

.btn--readmore:hover .btn-readmore--icon:before {
    transform: scale(1)
}

.btn--readmore:hover .btn-readmore--text {
    transform: translateX(0)
}

.btn--readmore2 {
    font-size: 17px;
    font-weight: 600;
    color: #1c2539;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    -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
}

.btn--readmore2 .btn-readmore--icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    z-index: 1;
    -webkit-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -khtml-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -moz-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -ms-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    -o-box-shadow: 0 10px 20px rgba(137,151,186,.25);
    box-shadow: 0 10px 20px rgba(137,151,186,.25);
    background-color: #fff;
    border-radius: 40px
}

.btn--readmore2 .btn-readmore--text {
    position: relative
}

.btn--readmore2 .btn-readmore--text:before {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 1px;
    background-color: var(--link-color);
    opacity: .8;
    width: 100%;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85)
}

.btn--readmore2:hover {
    color: var(--link-color)
}

.btn--readmore2:hover .btn-readmore--text:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

@keyframes pxl_nanuk_1 {
    0%,100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    49% {
        opacity: 1;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        color: inherit
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        color: inherit
    }

    100% {
        color: inherit
    }
}

@keyframes pxl_nanuk_2 {
    0%,100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    49% {
        opacity: 1;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        color: inherit
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        color: inherit
    }

    100% {
        color: inherit
    }
}

body.rtl .btn--readmore .btn-readmore--icon {
    transform: translateX(10px)
}

body.rtl .btn--readmore .btn-readmore--text {
    transform: translateX(24px)
}

body.rtl .btn--readmore:hover .btn-readmore--icon,body.rtl .btn--readmore:hover .btn-readmore--text {
    transform: translateX(0)
}

.mc4wp-alert {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.625
}

.mc4wp-alert p:last-child {
    margin-bottom: 0
}

.pxl-mailchimp-l1 .mc4wp-form-fields {
    position: relative
}

.pxl-mailchimp-from1 .style-default input {
    -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: unset;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #999;
    border: 1px solid #999;
    padding: 0 30px;
    z-index: 1;
    position: relative;
    height: 55px
}

.pxl-mailchimp-from1 .style-default input:focus {
    color: var(--link-color);
    background-color: unset!important;
    border-color: var(--link-color)
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp {
    position: relative;
    display: flex;
    align-content: center;
    flex-direction: row;
    gap: 21px
}

@media(max-width: 575px) {
    .pxl-mailchimp-from1 .style-default .pxl-mailchimp {
        flex-direction:column;
        gap: 10px
    }
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp .mailchimp-submit {
    display: flex;
    align-items: center;
    height: 100%
}

.pxl-mailchimp-from1 .style-default .btn {
    padding: 1px 86px 0
}

@media(max-width: 1200px) {
    .pxl-mailchimp-from1 .style-default .btn {
        padding:1px 40px 0
    }
}

.pxl-mailchimp-from1 .style2 input {
    -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: unset;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #999;
    border: 1px solid #333;
    padding: 0 30px;
    z-index: 1;
    position: relative;
    height: 55px
}

.pxl-mailchimp-from1 .style2 input:focus {
    color: #fff;
    background-color: unset!important;
    border-color: #fff
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp {
    position: relative;
    display: flex;
    align-content: center;
    flex-direction: row;
    gap: 10px
}

@media(max-width: 575px) {
    .pxl-mailchimp-from1 .style2 .pxl-mailchimp {
        flex-direction:column
    }
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .mailchimp-submit {
    display: flex;
    align-items: center;
    height: 100%
}

.pxl-mailchimp-from1 .style2 .btn {
    padding: 1px 40px 0;
    background-color: #fff;
    color: var(--link-color)
}

.pxl-mailchimp-from1 .style2 .btn svg path {
    stroke: var(--link-color)
}

.pxl-nav-menu.fr-style-default .pxl-mega-menu {
    border-left: none;
    background-color: var(--link-color-hover)
}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li {
}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
    display: inline-flex;
    font-size: 8px;
    line-height: 1;
    margin-left: 5px;
    color: rgba(0,0,0,.5);
    -webkit-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    transition: transform .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li:hover>a .caseicon-angle-arrow-down {
    -webkit-transform: rotateX(-180deg);
    -khtml-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    color: var(--link-color-hover)
}

.pxl-nav-menu.fr-style-default .sub-menu li.menu-item-has-children>a:after {
    content: "\f110";
    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%);
    font-size: 10px;
    font-family: caseicon;
    font-weight: 400
}

.pxl-nav-menu.fr-style-default.show-effect-fade .pxl-menu-primary .sub-menu {
    margin-top: 0
}

.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary .sub-menu {
    -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: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    margin-top: 0
}

.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary li:hover>.sub-menu,.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary li.focus>.sub-menu {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary .sub-menu {
    margin-top: 0;
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%
}

.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary li:hover>.sub-menu,.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary li.focus>.sub-menu {
    transform: perspective(500px)rotateX(0)
}

.pxl-nav-menu.fr-style-box1 .pxl-mega-menu {
    border-left: none;
    background-color: var(--link-color-hover)
}

.pxl-nav-menu.fr-style-box1 .pxl-menu-primary>li {
}

.pxl-nav-menu.fr-style-box1 .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
    display: inline-flex;
    font-size: 8px;
    line-height: 1;
    margin-left: 5px;
    color: rgba(255,255,255,.75);
    -webkit-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    transition: transform .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-nav-menu.fr-style-box1 .pxl-menu-primary>li:hover>a .caseicon-angle-arrow-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.fr-style-box1 .sub-menu li.menu-item-has-children>a:after {
    content: "\f110";
    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%);
    font-size: 10px;
    font-family: caseicon;
    font-weight: 400
}

.pxl-nav-menu.fr-style-box1.show-effect-fade .pxl-menu-primary .sub-menu {
    margin-top: 0
}

.pxl-nav-menu.fr-style-box1.show-effect-dropdown .pxl-menu-primary .sub-menu {
    -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: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    margin-top: 0
}

.pxl-nav-menu.fr-style-box1.show-effect-dropdown .pxl-menu-primary li:hover>.sub-menu,.pxl-nav-menu.fr-style-box1.show-effect-dropdown .pxl-menu-primary li.focus>.sub-menu {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-nav-menu.fr-style-box1.show-effect-slidedown .pxl-menu-primary .sub-menu {
    margin-top: 0;
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%
}

.pxl-nav-menu.fr-style-box1.show-effect-slidedown .pxl-menu-primary li:hover>.sub-menu,.pxl-nav-menu.fr-style-box1.show-effect-slidedown .pxl-menu-primary li.focus>.sub-menu {
    transform: perspective(500px)rotateX(0)
}

.pxl-header-nav .pxl-menu-primary .pxl-mega-menu {
    border-left: none;
    background-color: var(--link-color-hover)
}

.pxl-header-nav .pxl-menu-primary .pxl-menu-primary>li {
}

.pxl-header-nav .pxl-menu-primary .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
    display: inline-flex;
    font-size: 8px;
    line-height: 1;
    margin-left: 5px;
    color: rgba(0,0,0,.5);
    -webkit-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    transition: transform .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-header-nav .pxl-menu-primary .pxl-menu-primary>li:hover>a .caseicon-angle-arrow-down {
    -webkit-transform: rotateX(-180deg);
    -khtml-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    color: var(--link-color-hover)
}

.pxl-header-nav .pxl-menu-primary .sub-menu li.menu-item-has-children>a:after {
    content: "\f110";
    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%);
    font-size: 10px;
    font-family: caseicon;
    font-weight: 400
}

.pxl-header-nav .pxl-menu-primary.show-effect-fade .pxl-menu-primary .sub-menu {
    margin-top: 0
}

.pxl-header-nav .pxl-menu-primary.show-effect-dropdown .pxl-menu-primary .sub-menu {
    -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: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    margin-top: 0
}

.pxl-header-nav .pxl-menu-primary.show-effect-dropdown .pxl-menu-primary li:hover>.sub-menu,.pxl-header-nav .pxl-menu-primary.show-effect-dropdown .pxl-menu-primary li.focus>.sub-menu {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-header-nav .pxl-menu-primary.show-effect-slidedown .pxl-menu-primary .sub-menu {
    margin-top: 0;
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%
}

.pxl-header-nav .pxl-menu-primary.show-effect-slidedown .pxl-menu-primary li:hover>.sub-menu,.pxl-header-nav .pxl-menu-primary.show-effect-slidedown .pxl-menu-primary li.focus>.sub-menu {
    transform: perspective(500px)rotateX(0)
}

.pxl-header-nav.fr-style-box1 .pxl-mega-menu {
    border-left: none;
    background-color: var(--link-color-hover)
}

.pxl-header-nav.fr-style-box1 .pxl-menu-primary>li {
}

.pxl-header-nav.fr-style-box1 .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
    display: inline-flex;
    font-size: 8px;
    line-height: 1;
    margin-left: 5px;
    color: rgba(255,255,255,.75);
    -webkit-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .25s cubic-bezier(.645,.045,.355,1);
    transition: transform .25s cubic-bezier(.645,.045,.355,1)
}

.pxl-header-nav.fr-style-box1 .pxl-menu-primary>li:hover>a .caseicon-angle-arrow-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-header-nav.fr-style-box1 .sub-menu li.menu-item-has-children>a:after {
    content: "\f110";
    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%);
    font-size: 10px;
    font-family: caseicon;
    font-weight: 400
}

.pxl-header-nav.fr-style-box1.show-effect-fade .pxl-menu-primary .sub-menu {
    margin-top: 0
}

.pxl-header-nav.fr-style-box1.show-effect-dropdown .pxl-menu-primary .sub-menu {
    -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: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    margin-top: 0
}

.pxl-header-nav.fr-style-box1.show-effect-dropdown .pxl-menu-primary li:hover>.sub-menu,.pxl-header-nav.fr-style-box1.show-effect-dropdown .pxl-menu-primary li.focus>.sub-menu {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-header-nav.fr-style-box1.show-effect-slidedown .pxl-menu-primary .sub-menu {
    margin-top: 0;
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%
}

.pxl-header-nav.fr-style-box1.show-effect-slidedown .pxl-menu-primary li:hover>.sub-menu,.pxl-header-nav.fr-style-box1.show-effect-slidedown .pxl-menu-primary li.focus>.sub-menu {
    transform: perspective(500px)rotateX(0)
}

.pxl-icon-box {
    position: relative
}

.pxl-icon-box .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-icon-box1 .pxl-item-inner {
    background: linear-gradient(
67deg, #f5f5f5 0%, #131414 100%);
    padding: 40px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

@media(max-width: 1366px) {
    .pxl-icon-box1 .pxl-item-inner {
        padding:40px 20px
    }
}

.pxl-icon-box1 .pxl-item-inner .pxl-icon-overlay {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    opacity: .1;
    width: 80%;
    left: 60%
}

.pxl-icon-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon {
    background: linear-gradient(45deg, #efefef, #364146);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px
}

.pxl-icon-box1 .pxl-item-inner .pxl-item-title {
    color: #160101e0;
    margin-top: 15px;
    margin-bottom: 10px
}

.pxl-icon-box1 .pxl-item-inner .pxl-item-desc {
    color: rgb(0 0 0 / 75%);
    margin-bottom: 20px
}

.pxl-icon-box1 .pxl-item-inner .btn-default {
    background-color: #545454b8;
}

.pxl-swiper-thumbs {
    padding: 0
}

.pxl-swiper-thumbs .pxl-swiper-wrapper {
    margin: 0
}

.pxl-swiper-thumbs .swiper-slide {
    padding: 0 5px
}

.swiper-fade .pxl-swiper-slide {
    opacity: 0!important;
    z-index: 0
}

.swiper-fade .pxl-swiper-slide.swiper-slide-active {
    opacity: 1!important;
    z-index: 1
}

.pxl-thumbs-carousel1 .pxl-carousel-inner {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center
}

@media(max-width: 1200px) {
    .pxl-thumbs-carousel1 .pxl-carousel-inner {
        flex-direction:column
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container {
    width: 49.7%
}

@media(max-width: 1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container {
        width:100%
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner {
    padding: 30px 65px 30px 90px
}

@media(max-width: 1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner {
        padding:30px 0
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position {
    font-size: 24px;
    color: #555;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 11px
}

@media(max-width: 1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position {
        font-size:20px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.175;
    color: var(--link-color);
    margin-bottom: 107px
}

@media(max-width: 1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
        font-size:70px;
        margin-bottom: 50px
    }
}

@media(max-width: 676px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
        font-size:55px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--desc {
    font-size: 15px;
    color: #555;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 42px
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item-border {
    border-top: 1px solid #d5d5d5
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-thumbs-button .btn-default {
    padding: 1px 64px 0
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs {
    width: 50%
}

@media(max-width: 1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs {
        width:100%
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
    display: flex;
    min-height: 830px;
    height: 60vh;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    min-width: 100%;
    transform: translate3d(0,0,0)!important
}

@media(max-width: 1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
        height:40vh;
        min-height: 500px
    }
}

@media(max-width: 676px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
        min-height:430px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-slide {
    width: 100%!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: flex .5s ease-in-out;
    -khtml-transition: flex .5s ease-in-out;
    -moz-transition: flex .5s ease-in-out;
    -ms-transition: flex .5s ease-in-out;
    -o-transition: flex .5s ease-in-out;
    transition: flex .5s ease-in-out;
    flex: 1.05;
    will-change: flex
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-slide.swiper-slide-thumb-active {
    flex: 4;
    cursor: default
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: scaleX(1);
    transform-origin: right;
    position: relative;
    overflow: hidden
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    background-color: #999
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7;
    z-index: 2;
    background-image: url(../img/textures-img1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: overlay
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    object-fit: cover;
    max-width: unset;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-counter .pxl--counter-number {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-counterslide {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-flex;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.pxl-counterslide .pxl-counterslide-inside {
    display: inline-flex
}

.pxl-counterslide .pxl-counterslide-digit-spacer {
    visibility: hidden
}

.pxl-counterslide .pxl-counterslide-digit,.pxl-counterslide .pxl-counterslide-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-flex;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.pxl-counterslide .pxl-counterslide-digit-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pxl-counterslide .pxl-counterslide-ribbon {
    display: block
}

.pxl-counterslide .pxl-counterslide-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.pxl-counterslide .pxl-counterslide-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.pxl-counterslide .pxl-counterslide-value.pxl-counterslide-last-value {
    position: absolute
}

.pxl-counterslide.pxl-counterslide-animating-up .pxl-counterslide-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.pxl-counterslide.pxl-counterslide-animating-up.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-counterslide.pxl-counterslide-animating-down .pxl-counterslide-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-counterslide.pxl-counterslide-animating-down.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.pxl-counter1.default .pxl--item-inner {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem
}

.pxl-counter1.default .pxl--item-inner .pxl--counter-number {
    font-size: 72px;
    color: var(--link-color);
    display: inline-flex;
    align-items: center;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -.02em
}

.pxl-counter1.default .pxl--item-inner .pxl--item-title {
    color: var(--link-color);
    font-size: 16px
}

.pxl-counter2.default .pxl--item-inner {
    text-align: center
}

.pxl-counter2.default .pxl--item-inner .pxl-section-icon {
    margin-bottom: 7px
}

.pxl-counter2.default .pxl--item-inner .pxl-item--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    background: linear-gradient(45deg,var(--gradient-color-from),var(--gradient-color-to))
}

.pxl-counter2.default .pxl--item-inner .pxl--counter-number {
    font-size: 40px;
    color: var(--link-color);
    display: inline-flex;
    align-items: center;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 5px
}

.pxl-counter2.default .pxl--item-inner .pxl--item-title {
    line-height: 1.3
}

.pxl-video-player1 .pxl-video--inner {
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

.pxl-video-player1 .pxl-video--inner:hover .pxl-video--holder .bg-image {
    transform: scale(1.1)
}

.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--holder {
    position: relative
}

.pxl-video-player1 .pxl-video--holder .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-video-player1 .btn-video {
    position: relative
}

.pxl-video-player1 .btn-video.style1 {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    display: inline-flex;
    -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;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    border: 2px solid #fff
}

.pxl-video-player1 .btn-video.style1:hover,.pxl-video-player1 .btn-video.style1:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.pxl-video-scroll1 {
    position: relative
}

.pxl-video-scroll1 .pxl-scroll-inner {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: end;
    transform-origin: top center
}

@media(max-width: 1024px) {
    .pxl-video-scroll1 .pxl-scroll-inner {
        flex-direction:column
    }
}

.pxl-video-scroll1 .style-img1 {
    position: relative
}

.pxl-video-scroll1 .pxl-video--imagebg {
    position: relative;
    overflow: hidden
}

.pxl-video-scroll1 .pxl-video--imagebg .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden
}

.pxl-video-scroll1 .pxl-list-video {
    width: 66%;
    background-color: var(--primary-color);
    padding: 86px 100px 82px;
    display: flex;
    flex-direction: row;
    gap: 100px
}

@media(max-width: 1024px) {
    .pxl-video-scroll1 .pxl-list-video {
        width:100%
    }
}

@media(max-width: 1366px) {
    .pxl-video-scroll1 .pxl-list-video {
        padding:70px 15px;
        gap: 30px
    }
}

@media(max-width: 1280px) {
    .pxl-video-scroll1 .pxl-list-video {
        padding:58px 15px;
        gap: 30px
    }
}

@media(max-width: 767px) {
    .pxl-video-scroll1 .pxl-list-video {
        flex-direction:column
    }
}

.pxl-video-scroll1 .pxl-list-video .pxl--item {
    width: 50%
}

@media(max-width: 767px) {
    .pxl-video-scroll1 .pxl-list-video .pxl--item {
        width:100%
    }
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--link-color);
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title .pxl-title {
    white-space: nowrap
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title .pxl-item-border {
    background-color: #d5d5d5;
    height: 1px;
    width: 75%;
    margin-top: 10px
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-desc {
    color: #777;
    font-size: 15px
}

.pxl-video-scroll1 .pxl-section-no-scroll {
    width: 33.5%
}

@media(max-width: 1024px) {
    .pxl-video-scroll1 .pxl-section-no-scroll {
        width:100%
    }
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner {
    height: 100%;
    overflow: hidden
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(255,255,255,.3);
    z-index: 1
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden;
    filter: blur(10px)
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner img {
    filter: blur(10px)
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .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-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video {
    position: relative
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: inline-flex;
    -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;
    background-size: 300% 100%;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    background-color: rgba(255,255,255,.2);
    backdrop-filter: blur(7.5px);
    padding-top: 1px;
    padding-left: 5px
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default {
    line-height: 0
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg {
    height: 21px;
    width: auto
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1:hover,.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-video-scroll1 .pxl-video-section {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scale(.334);
    will-change: transform;
    width: 100%;
    height: 100vh
}

@media(max-width: 1366px) {
    .pxl-video-scroll1 .pxl-video-section {
        display:none
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner {
    height: 100%
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-title-video {
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 80px;
    left: 100px;
    z-index: 99;
    max-width: 450px;
    margin-bottom: 0
}

@media(max-width: 1366px) {
    .pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-title-video {
        left:30px
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-sub-title-video {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    bottom: 80px;
    right: 50px;
    z-index: 99;
    max-width: 420px
}

@media(max-width: 1366px) {
    .pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-sub-title-video {
        right:0
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .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-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video {
    position: relative
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: inline-flex;
    -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;
    background-size: 300% 100%;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    background-color: rgba(255,255,255,.2);
    backdrop-filter: blur(7.5px);
    padding-top: 1px;
    padding-left: 5px
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: pxl_pulse_border 1500ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
    z-index: -2;
    border-radius: inherit
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default {
    line-height: 0
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg {
    height: 21px;
    width: auto
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:hover,.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-item--4-star i:nth-child(5) {
    color: #d3d3d3
}

.pxl-item--3-star i:nth-child(5),.pxl-item--3-star i:nth-child(4) {
    color: #d3d3d3
}

.pxl-item--2-star i:nth-child(5),.pxl-item--2-star i:nth-child(4),.pxl-item--2-star i:nth-child(3) {
    color: #d3d3d3
}

.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) {
    color: #d3d3d3
}

.pxl-item--star {
    color: #f2b827;
    font-size: 14px
}

.pxl-testimonial-grid1 .pxl-item--inner {
    background-color: #f8f9fa;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 38px 40px 45px
}

@media(max-width: 1200px) {
    .pxl-testimonial-grid1 .pxl-item--inner {
        padding:35px 20px
    }
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--star {
    margin-bottom: .5rem
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--desc {
    margin-bottom: 20px
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width: 1024px) {
    .pxl-testimonial-grid1 .pxl-item--inner .pxl-item-content {
        gap:15px
    }
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item-content .pxl-item--image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--title {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--position {
    font-size: 14px;
    line-height: 1.2
}

.pxl-swiper-arrow-wrap.style-5 .pxl-swiper-arrow {
    width: 55px;
    height: 55px;
    display: flex;
    border: 1px solid #999;
    background-color: initial;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-swiper-arrow-wrap.style-5 .pxl-swiper-arrow svg {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-swiper-arrow-wrap.style-5 .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-swiper-arrow-wrap.style-5 .pxl-swiper-arrow:hover {
    border-color: var(--link-color)
}

.pxl-swiper-arrow-wrap.style-5 .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-testimonial-carousel1 .pxl-swiper-container {
    margin: 0 -12px
}

.pxl-testimonial-carousel1 .pxl-swiper-slide {
    padding: 0 12px
}

.pxl-testimonial-carousel1 .pxl-item--inner {
    position: relative;
    border: solid 1px #ddd;
    padding: 30px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item-author {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item-author img {
    border-radius: 50%
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item-author .pxl-item--title {
    color: #212529;
    line-height: 1;
    font-weight: 700
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item-author .pxl-item--position {
    font-size: .875em
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item-image2 {
    position: absolute;
    top: 30px;
    right: 30px
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item--star {
    color: var(--primary-color)
}

.pxl-testimonial-carousel1 .pxl-item--inner .pxl-item--desc {
    margin-top: 10px;
    margin-bottom: 20px
}

.pxl-accordion .pxl-accordion--title {
    margin-bottom: 0;
    cursor: pointer
}

.pxl-accordion .pxl-accordion--content {
    display: none
}

.pxl-accordion .pxl-icon--plus {
    font-style: normal
}

.pxl-accordion1.style-default .pxl-accordion--title {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #35404e;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1.9;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: solid 1px #ddd
}

.pxl-accordion1.style-default .pxl-accordion--title .pxl-title--text {
    flex-grow: 1;
    max-width: 93%
}

.pxl-accordion1.style-default .pxl-icon--action {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-icon--action svg {
    height: 6px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-icon--action svg path {
    stroke: #000a5b
}

.pxl-accordion1.style-default .pxl-item-content {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title .pxl-icon--action svg {
    transform: rotateX(180deg)
}

.pxl-accordion1.style-default .pxl-accordion--content {
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.pxl-accordion1.style-default .pxl--item {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-tabs .pxl-tab--title {
    display: inline-flex;
    cursor: pointer;
    -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;
    position: relative
}

.pxl-tabs .pxl-tab--content {
    display: none;
    width: 100%
}

.pxl-tabs .elementor-section.elementor-section-stretched {
    width: auto!important;
    left: 0!important;
    right: 0!important
}

.pxl-tabs .pxl-tabs--elementor>.elementor {
    margin: 0 -15px
}

.pxl-tabs.tab-effect-fade .pxl-tab--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%!important;
    display: block!important;
    opacity: 0!important;
    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-tabs.tab-effect-fade .pxl-tab--content.active {
    position: static;
    opacity: 1!important;
    visibility: visible
}

.pxl-tabs.tab-effect-fade .pxl-tabs--content {
    position: relative
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px rgba(0,0,0,.3);
    padding-bottom: 1.5rem;
    margin-bottom: 45px
}

@media(max-width: 767px) {
    .pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title {
        flex-direction:column
    }
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title {
    color: rgba(0,0,0,.4);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    display: inline-block
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active {
    color: #000;
    font-weight: 700
}

.pxl-tabs-slip1 .elementor-section-full_width {
    left: 0!important
}

.pxl-tabs-slip1.style-1 .pxl-tabs--content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: max-content;
    overflow: hidden
}

.pxl-tabs-slip1.style-1 .pxl-item--content {
    overflow: hidden;
    transform-origin: bottom;
    width: 100vw;
    max-width: 100vw
}

.pxl--progressbar {
    -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;
    width: 0
}

.pxl--progressbar.vertical {
    -webkit-transition: height 1.4s ease;
    -khtml-transition: height 1.4s ease;
    -moz-transition: height 1.4s ease;
    -ms-transition: height 1.4s ease;
    -o-transition: height 1.4s ease;
    transition: height 1.4s ease;
    height: 0
}

.pxl-progressbar-1.style1 .pxl-progressbar--wrap {
    height: 4px;
    border-radius: 0;
    background-color: #eee
}

.pxl-progressbar-1.style1 .pxl-progressbar--wrap .pxl--progressbar {
    height: 4px;
    border-radius: 0;
    background-color: var(--primary-color);
    position: relative
}

.pxl-progressbar-1.style1 .pxl--title {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: var(--link-color)
}

.pxl-progressbar-1.style1 .pxl--percentage {
    color: var(--primary-color);
    margin-bottom: 15px;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase
}

.pxl-progressbar-1.style1 .pxl--item+.pxl--item {
    margin-top: 27px
}

.pxl-progressbar-1.style2 .pxl--item {
    position: relative
}

.pxl-progressbar-1.style2 .pxl--meta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%)
}

@media(max-width: 767px) {
    .pxl-progressbar-1.style2 .pxl--meta {
        position:relative
    }
}

.pxl-progressbar-1.style2 .pxl-progressbar--wrap {
    height: 8px;
    border-radius: 8px;
    background-color: #f1f1f1;
    width: 56%;
    margin-left: 153px
}

@media(max-width: 767px) {
    .pxl-progressbar-1.style2 .pxl-progressbar--wrap {
        width:100%;
        margin-left: 0
    }
}

.pxl-progressbar-1.style2 .pxl-progressbar--wrap .pxl--progressbar {
    height: 8px;
    border-radius: 24px;
    background-color: var(--primary-color);
    position: relative
}

.pxl-progressbar-1.style2 .pxl--title {
    font-size: 16px;
    color: #070302;
    font-weight: 500;
    font-family: inter;
    margin: 0
}

.pxl-progressbar-1.style2 .pxl--percentage {
    font-size: 14px;
    color: #262626;
    font-weight: 500;
    font-family: inter
}

.pxl-progressbar-1.style2 .pxl--item+.pxl--item {
    margin-top: 34px
}

.pxl-team-carousel1 .pxl-item--holder:before {
    display: none
}

.pxl-team-carousel1 .pxl-holder--inner {
    background-color: unset!important
}

.pxl-team-carousel1 .pxl-swiper-slide {
    padding: 0
}

.pxl-team-carousel1 .pxl-swiper-container {
    margin: 0
}

.pxl-team-carousel1 .pxl-item--inner {
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--image {
    height: 400px;
    overflow: hidden;
    position: relative;
    background-color: var(--primary-color);
    border-bottom: 2px solid var(--link-color);
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--image:before {
    content: '';
    position: absolute;
    height: 70px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 0
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--image img {
    height: 100%;
    width: auto;
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms;
    mix-blend-mode: luminosity;
    z-index: 2;
    position: relative
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--image img:hover {
    mix-blend-mode: normal
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder {
    padding-top: 25px
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2px
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    color: var(--link-color)
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--position {
    font-size: 15px;
    color: #777
}

.pxl-team-grid1 .pxl-item--inner {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f3f3f4;
    text-align: center
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content {
    padding: 1.5rem
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content .pxl-item--title {
    margin-bottom: 0
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content .pxl-item--position {
    margin-bottom: .5rem
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content .pxl-social--icon {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content .pxl-social--icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    color: var(--primary-color);
    font-size: 16px
}

.pxl-team-grid1 .pxl-item--inner .pxl-item-content .pxl-social--icon a:hover {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-pricing--feature.active-feature1 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature6 li .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature6 li .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.style-no-active li .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.style-no-active li .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing-flip1 .pxl-pricing-inner {
    position: relative;
    width: 880px;
    height: 630px;
    perspective: 150px;
    cursor: pointer
}

@media(max-width: 1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        width:100%
    }
}

@media(max-width: 1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        height:595px
    }
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        height:550px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
    position: absolute;
    width: 100%;
    height: 508px;
    left: 120px;
    top: 0;
    background-color: #d5d5d5;
    z-index: 1
}

@media(max-width: 1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        left:0
    }
}

@media(max-width: 1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        height:475px
    }
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        height:430px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active {
    position: absolute;
    left: 41px;
    top: 13px;
    opacity: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active {
        top:9px;
        left: 30px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active .pxl-item-title {
    color: #999;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2
}

@media(max-width: 1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active .pxl-item-title {
        font-size:15px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
    opacity: 0;
    display: flex;
    flex-direction: row;
    gap: 90px;
    padding: 64px 50px 30px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width: 1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
        gap:30px;
        justify-content: space-between;
        padding: 50px 30px
    }
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
        flex-wrap:wrap
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left {
    width: 38.4%
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left {
        width:100%
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 59px
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-title {
        margin-bottom:25px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price {
    font-size: 72px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    display: flex;
    margin-bottom: 33px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price .pxl-item-suffix,.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price .pxl-item-prefix {
    font-size: 42px
}

@media(max-width: 767px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price {
        font-size:50px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-desc {
    font-size: 15px;
    color: #777;
    margin-bottom: 42px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item--btn .btn {
    background-color: #fff;
    color: var(--link-color);
    display: flex
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item--btn .btn svg path {
    stroke: var(--link-color)
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right {
    width: 50%;
    padding-top: 5px
}

@media(max-width: 575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right {
        width:100%;
        display: none
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-title-feature {
    color: #999;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 46px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature {
    margin-bottom: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li .pxl-icon.pxl-icon-check svg path {
    stroke: #fff
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li .pxl-icon.pxl-icon-no-check svg path {
    stroke: #777
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) {
    left: 80px;
    top: 40px;
    background-color: #999
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) .pxl-no-active .pxl-item-title {
    color: #777
}

@media(max-width: 1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) {
        left:0
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) {
    left: 40px;
    top: 80px;
    background-color: #777
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) .pxl-no-active .pxl-item-title {
    color: #555
}

@media(max-width: 1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) {
        left:0
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) {
    left: 0;
    top: 120px;
    background-color: var(--link-color)
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) .pxl-no-active .pxl-item-title {
    opacity: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) .pxl-item-content {
    opacity: 1
}

.pxl-tabs-pricing1 .pxl-tab--content {
    display: none;
    width: 100%
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 25px
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--check {
    height: 22px;
    width: 42px;
    background-color: #f4f4f4;
    position: relative;
    cursor: poInter;
    border: none;
    border-radius: 60px;
    overflow: hidden
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--check:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 50%;
    left: 22px;
    transform: translate(0,-50%)
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--check.active:before {
    left: 2px
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--monthly,.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--yearly {
    font-weight: 700
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner .pxl-tab--content {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}