@import url("common.css");

.elementor-column.pxl-column-element-grow {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.elementor-column.pxl-column-element-auto {
    -ms-flex: 0 0 auto;
    flex: none;
    width: auto;
    max-width: 100%
}

@media(max-width:1599px) {
    .elementor-column.pxl-column-element-laptop-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-laptop-grow {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-laptop-auto {
        -ms-flex: 0 0 auto;
        flex: none;
        width: auto;
        max-width: 100%
    }
}

@media(max-width:1199px) {
    .elementor-column.pxl-column-element-tablet_extra-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-tablet_extra-grow {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-tablet_extra-auto {
        -ms-flex: 0 0 auto;
        flex: none;
        width: auto;
        max-width: 100%
    }
}

@media(max-width:991px) {
    .elementor-column.pxl-column-element-tablet-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-tablet-grow {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-tablet-auto {
        -ms-flex: 0 0 auto;
        flex: none;
        width: auto;
        max-width: 100%
    }
}

@media(max-width:767px) {
    .elementor-column.pxl-column-element-mobile_extra-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-mobile_extra-grow {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-mobile_extra-auto {
        -ms-flex: 0 0 auto;
        flex: none;
        width: auto;
        max-width: 100%
    }
}

@media(max-width:575px) {
    .elementor-column.pxl-column-element-mobile-full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-mobile-grow {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .elementor-column.pxl-column-element-mobile-auto {
        -ms-flex: 0 0 auto;
        flex: none;
        width: auto;
        max-width: 100%
    }
}

@-webkit-keyframes shine_hover {
    from {
        opacity: 0;
        left: 0%
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@-moz-keyframes shine_hover {
    from {
        opacity: 0;
        left: 0%
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@-ms-keyframes shine_hover {
    from {
        opacity: 0;
        left: 0%
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@-o-keyframes shine_hover {
    from {
        opacity: 0;
        left: 0%
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@keyframes shine_hover {
    from {
        opacity: 0;
        left: 0%
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

@keyframes pxl-ken-burns-in {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.3)
    }
}

@keyframes pxl-ken-burns-out {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes pxl-ken-burns-in-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes BackgroundAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@-webkit-keyframes BackgroundAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@-ms-keyframes BackgroundAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

@-moz-keyframes BackgroundAnimated {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

@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_rv {
    from {
        -ms-transform: rotate(0)
    }

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

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

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

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

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

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

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

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

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

@keyframes icon-bounce-right {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    25% {
        transform: translateX(10px)
    }

    50% {
        transform: translateX(0)
    }

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

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

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

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

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(10px)
    }

    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_top_small {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(3px)
    }

    50% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

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

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

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

    25% {
        transform: translateY(40px)
    }

    50% {
        transform: translateY(0)
    }

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

    100% {
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}

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

.icon-bounce {
    animation: icon-bounce 2s ease infinite
}

@keyframes icon-bounce {
    70% {
        transform: translateY(0%)
    }

    80% {
        transform: translateY(-15%)
    }

    90% {
        transform: translateY(0%)
    }

    95% {
        transform: translateY(-7%)
    }

    97% {
        transform: translateY(0%)
    }

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

    100% {
        transform: translateY(0)
    }
}

@keyframes bounce-out-down {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-5px)
    }

    100% {
        opacity: .1;
        transform: translateY(5px)
    }
}

@-webkit-keyframes bounce-out-down {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-5px)
    }

    100% {
        opacity: .1;
        transform: translateY(5px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(var, 0, , )
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(var, , , )
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(var, , , )
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(var, 0, , );
        box-shadow: 0 0 rgba(var, 0, , )
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(var, , , );
        box-shadow: 0 0 0 10px rgba(var, , , )
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(var, , , );
        box-shadow: 0 0 rgba(var, , , )
    }
}

@-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 flipX {
    0% {
        -webkit-transform: scaleX(0)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}

@keyframes flipX {
    0% {
        transform: scaleX(0)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes pxl-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes pxl-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@-webkit-keyframes pxl-cubeGridScaleDelay2 {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(.5, .5, 1);
        transform: scale3D(.5, .5, 1)
    }
}

@keyframes pxl-cubeGridScaleDelay2 {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(.5, .5, 1);
        transform: scale3D(.5, .5, 1)
    }
}

@keyframes full-circle {
    0% {
        transform: rotate(0)
    }

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

@keyframes pxl_divider_left_to_right {
    0% {
        left: 0
    }

    100% {
        left: 57px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pxl-image-zoom {
    animation: zoom-in-zoom-out 12s ease-out infinite;
    -webkit-animation: zoom-in-zoom-out 12s ease-out infinite
}

.pxl-image-zoom-small {
    animation: pxl-image-zoom-small 8s ease-out infinite;
    -webkit-animation: pxl-image-zoom-small 8s ease-out infinite
}

.pxl-grid .pxl-grid-masonry {
    position: relative
}

.pxl-grid .grid-sizer {
    z-index: -1
}

.pxl-grid .pxl-load-more {
    text-align: center;
    padding: 0 15px;
    margin-top: 40px
}

.pxl-grid .pxl-load-more .btn {
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 50px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--primary-color)
}

.pxl-grid .pxl-load-more .btn:hover,
.pxl-grid .pxl-load-more .btn:active,
.pxl-grid .pxl-load-more .btn:focus {
    padding-left: 20px;
    padding-right: 40px;
    color: #fff;
    background-position: 100%;
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5)
}

.pxl-grid .pxl-load-more .btn:hover .pxl-load-icon,
.pxl-grid .pxl-load-more .btn:active .pxl-load-icon,
.pxl-grid .pxl-load-more .btn:focus .pxl-load-icon {
    opacity: 1
}

.pxl-grid .pxl-load-more .btn .pxl-load-icon {
    width: 24px;
    height: 24px;
    right: 10px;
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 1;
    -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: 24px;
    text-align: center;
    color: #fff;
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.pxl-grid .pxl-load-more .btn i {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.pxl-grid .pxl-load-more.loading .btn {
    padding-left: 20px;
    padding-right: 40px;
    color: #fff;
    background-position: 100%;
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5);
    box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .5)
}

.pxl-grid .pxl-load-more.loading .btn .pxl-load-icon {
    opacity: 1;
    color: #fff;
    right: 13px
}

.pxl-grid .pxl-load-more.loading .btn .pxl-load-icon i {
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear
}

.pxl-grid .pxl-grid-pagination {
    margin-top: 45px
}

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

@media screen and (min-width:1200px) {
    .col-xl-24 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-grid.pxl-blog-grid .pxl-load-more {
    margin-top: 50px
}

.pxl-grid-filter1 {
    margin-bottom: 35px
}

.pxl-grid-filter1 .filter-item {
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    padding: 0;
    line-height: 22px;
    cursor: pointer;
    color: var(--third-color);
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 8px;
    overflow: 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);
    justify-content: center;
    position: relative;
    z-index: 1
}

.pxl-grid-filter1 .filter-item:before {
    content: "";
    height: 1px;
    background-color: var(--primary-color);
    width: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -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:1199px) {
    .pxl-grid-filter1 .filter-item:last-child {
        margin-right: 9px
    }
}

@media screen and (max-width:767px) {
    .pxl-grid-filter1 .filter-item:last-child {
        margin-right: 0
    }
}

.pxl-grid-filter1 .filter-item.active,
.pxl-grid-filter1 .filter-item:hover {
    color: var(--primary-color)
}

.pxl-grid-filter1 .filter-item.active:before,
.pxl-grid-filter1 .filter-item:hover:before {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right
}

.pxl-grid-filter1 .pxl--filter-inner {
    display: inline-flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .pxl-grid-filter1 .pxl--filter-inner {
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }
}

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

.pxl-col-align-start>.elementor-widget-wrap {
    justify-content: flex-start
}

.pxl-col-align-start .elementor-inner-section>.elementor-container {
    margin-left: 0
}

.pxl-col-align-center>.elementor-widget-wrap {
    justify-content: center
}

.pxl-col-align-end>.elementor-widget-wrap {
    justify-content: flex-end
}

.pxl-col-align-end .elementor-inner-section>.elementor-container {
    margin-right: 0
}

.pxl-swiper-container {
    margin: 0 -15px;
    position: relative;
    overflow: hidden
}

.pxl-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pxl-swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 15px
}

.pxl-swiper-arrow {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: #000;
    z-index: 2;
    text-align: center;
    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);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 20px 0 rgba(, , , .08);
    -khtml-box-shadow: 0 1px 20px 0 rgba(, , , .08);
    -moz-box-shadow: 0 1px 20px 0 rgba(, , , .08);
    -ms-box-shadow: 0 1px 20px 0 rgba(, , , .08);
    -o-box-shadow: 0 1px 20px 0 rgba(, , , .08);
    box-shadow: 0 1px 20px rgba(, , , .08)
}

.pxl-swiper-arrow i {
    color: var(--secondary-color);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-swiper-arrow:hover i {
    color: #fff
}

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

.pxl-swiper-arrow.arrow-style1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pxl-swiper-arrow.arrow-style1.pxl-swiper-arrow-prev {
    left: -28px
}

@media screen and (max-width:1199px) {
    .pxl-swiper-arrow.arrow-style1.pxl-swiper-arrow-prev {
        left: 30px
    }
}

.pxl-swiper-arrow.arrow-style1.pxl-swiper-arrow-next {
    right: -28px
}

@media screen and (max-width:1199px) {
    .pxl-swiper-arrow.arrow-style1.pxl-swiper-arrow-next {
        right: 30px
    }
}

.pxl-swiper-nogap .pxl-swiper-container {
    margin: 0
}

.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
    padding: 0
}

.pxl-swiper-dots {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

.pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 3px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    background-color: initial;
    border: 1px solid transparent;
    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-swiper-dots .pxl-swiper-pagination-bullet: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%);
    content: "";
    height: 8px;
    width: 8px;
    background-color: var(--primary-color);
    -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-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover,
.pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--primary-color)
}

.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover:before,
.pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: var(--primary-color)
}

.pxl-swiper-dots.pxl-swiper-pagination-fraction span {
    font-size: 17px;
    display: inline-block;
    text-align: center;
    color: var(--third-color)
}

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

.grap-arrows {
    display: flex
}

.pxl-swiper-sliders,
.pxl-swiper-slider {
    position: relative
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-top,
.pxl-swiper-slider .pxl-carousel-inner.arrows-top {
    position: relative;
    padding-top: 98px;
    overflow: hidden
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-top .grap-arrows,
.pxl-swiper-slider .pxl-carousel-inner.arrows-top .grap-arrows {
    display: flex;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-top .grap-arrows .pxl-swiper-arrow-prev,
.pxl-swiper-slider .pxl-carousel-inner.arrows-top .grap-arrows .pxl-swiper-arrow-prev {
    margin-right: 20px
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-bottom .grap-arrows,
.pxl-swiper-slider .pxl-carousel-inner.arrows-bottom .grap-arrows {
    display: flex;
    margin-top: 50px
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-bottom .grap-arrows .pxl-swiper-arrow-prev,
.pxl-swiper-slider .pxl-carousel-inner.arrows-bottom .grap-arrows .pxl-swiper-arrow-prev {
    margin-right: 20px
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-middle,
.pxl-swiper-slider .pxl-carousel-inner.arrows-middle {
    position: relative
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow,
.pxl-swiper-slider .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow-prev,
.pxl-swiper-slider .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow-prev {
    left: -60px
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow-next,
.pxl-swiper-slider .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow-next {
    right: -60px
}

.pxl-swiper-sliders .pxl-carousel-inner.arrows-hidden .grap-arrows,
.pxl-swiper-slider .pxl-carousel-inner.arrows-hidden .grap-arrows,
.pxl-swiper-sliders .pxl-carousel-inner.arrows-hidden .pxl-swiper-arrow-wrap,
.pxl-swiper-slider .pxl-carousel-inner.arrows-hidden .pxl-swiper-arrow-wrap {
    display: none;
    opacity: 0
}

.pxl-swiper-nogap .pxl-swiper-container {
    margin: 0
}

.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
    padding: 0
}

.pxl-swiper-thumbs {
    overflow: hidden
}

.pxl-swiper-thumbs .swiper-slide {
    cursor: pointer
}

.pxl-effect--3d .bg-hover {
    opacity: 0
}

.pxl-effect--3d .pxl-item--inner:hover .bg-hover {
    opacity: 1
}

.pxl-effect--3d .pxl-in--top .bg-hover {
    -webkit-animation: pxl_in_top .3s ease 0ms 1 forwards;
    animation: pxl_in_top .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-out--top .bg-hover {
    -webkit-animation: pxl_out_top .3s ease 0ms 1 forwards;
    animation: pxl_out_top .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--top .bg-hover,
.pxl-effect--3d .pxl-out--top .bg-hover {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.pxl-effect--3d .pxl-out--bottom .bg-hover {
    -webkit-animation: pxl_out_bottom .3s ease 0ms 1 forwards;
    animation: pxl_out_bottom .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--bottom .bg-hover {
    -webkit-animation: pxl_in_bottom .3s ease 0ms 1 forwards;
    animation: pxl_in_bottom .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--bottom .bg-hover,
.pxl-effect--3d .pxl-out--bottom .bg-hover {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.pxl-effect--3d .pxl-out--left .bg-hover {
    -webkit-animation: pxl_out_left .3s ease 0ms 1 forwards;
    animation: pxl_out_left .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--left .bg-hover {
    -webkit-animation: pxl_in_left .3s ease 0ms 1 forwards;
    animation: pxl_in_left .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--left .bg-hover,
.pxl-effect--3d .pxl-out--left .bg-hover {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.pxl-effect--3d .pxl-out--right .bg-hover {
    -webkit-animation: pxl_out_right .3s ease 0ms 1 forwards;
    animation: pxl_out_right .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--right .bg-hover {
    -webkit-animation: pxl_in_right .3s ease 0ms 1 forwards;
    animation: pxl_in_right .3s ease 0ms 1 forwards
}

.pxl-effect--3d .pxl-in--right .bg-hover,
.pxl-effect--3d .pxl-out--right .bg-hover {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

@media(min-width:1280px) {
    .pxl-section-offset-left.pxl-container-width-container-1200 {
        padding-left: calc((100% - 1200px)/2) !important
    }

    .pxl-section-offset-left.pxl-container-width-container-1200.pxl-section-gap-no {
        padding-left: calc((100% - 1170px)/2) !important
    }
}

@media(max-width:1280px) {
    .pxl-section-offset-left .elementor-column>.elementor-widget-wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:1280px) {
    .pxl-section-offset-left .elementor-column-gap-no {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width:1280px) {
    .pxl-section-offset-right.pxl-container-width-container-1200 {
        padding-right: calc((100% - 1200px)/2) !important
    }

    .pxl-section-offset-right.pxl-container-width-container-1200.pxl-section-gap-no {
        padding-right: calc((100% - 1170px)/2) !important
    }
}

@media screen and (min-width:1400px) {
    .column-bg-custom .elementor-widget-wrap {
        padding: 120px 80px 120px 120px !important
    }
}

@media screen and (max-width:1400px) {
    .column-bg-custom .elementor-widget-wrap {
        padding: 60px 30px !important
    }
}

@media screen and (max-width:991px) {
    .column-bg-custom .elementor-widget-wrap {
        padding: 30px 15px !important
    }
}

@media screen and (min-width:992px) {
    .column-bg-custom:before {
        content: '';
        background-color: #f9f3f0;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 0;
        left: -9.5rem;
        right: 15px;
        bottom: 0;
        z-index: -1
    }
}

@media screen and (min-width:1400px) {
    .column-bg-custom-right .elementor-widget-wrap {
        padding: 120px !important
    }
}

@media screen and (max-width:1400px) {
    .column-bg-custom-right .elementor-widget-wrap {
        padding: 60px 30px !important
    }
}

@media screen and (max-width:991px) {
    .column-bg-custom-right .elementor-widget-wrap {
        padding: 30px 15px !important
    }
}

@media screen and (min-width:992px) {
    .column-bg-custom-right:before {
        content: '';
        background-color: #f9f3f0;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 0;
        right: -9.5rem;
        left: 15px;
        bottom: 0;
        z-index: -1
    }
}

.bg-color-sc-custom {
    position: relative
}

.bg-color-sc-custom:before {
    content: "";
    background-color: #f7f0ed;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 530px;
    z-index: -1
}

@media screen and (min-width:721px) {
    .timeslot .button .timeslot-mobile-title {
        display: none !important
    }
}

@media screen and (max-width:720px) {
    body .booked-calendar .booked-appt-list .timeslot {
        margin-bottom: 10px
    }

    body .booked-appt-list .timeslot .spots-available {
        color: rgba(255, 255, 255, .67)
    }
}

.elementor-element .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

.booked-calendar {}

.booked-calendar .fa-solid {
    font-family: "font awesome 5 pro";
    font-weight: 900;
    font-style: normal
}

.ul-list-custom {
    list-style: none;
    margin-top: 35px
}

.ul-list-custom li:before {
    font-family: sandaicon;
    content: "\f11e";
    display: inline-block;
    font-size: 15px;
    position: relative;
    top: 1px;
    margin-right: 15px;
    color: var(--primary-color)
}

.ul-list-custom li+li {
    margin-top: 22px
}

.title-single-custom {
    line-height: 42px;
    padding-bottom: 25px;
    border-bottom: 1px solid #171d26;
    margin-bottom: 25px
}

.elementor-lightbox .dialog-lightbox-close-button {
    z-index: 20
}

html {
    box-sizing: border-box
}

body {
    background-color: #fff;
    font-size: 16px;
    line-height: 1.875;
    font-weight: 400;
    color: var(--third-color);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    letter-spacing: 0;
    font-family: dm sans, sans-serif;
    margin: 0;
    padding: 0
}

a {
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    color: var(--link-color)
}

a:before,
a:after {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

a:hover,
a:focus {
    color: var(--link-color-hover)
}

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

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: outfit, sans-serif;
    color: var(--secondary-color);
    font-weight: 600;
    margin: 0 0 15px;
    clear: both;
    letter-spacing: -.01em;
    line-height: 1.2
}

h1,
.h1 {
    font-size: 48px
}

h2,
.h2 {
    font-size: 42px
}

h3,
.h3 {
    font-size: 32px
}

h4,
.h4 {
    font-size: 28px
}

h5,
.h5 {
    font-size: 25px
}

h6,
.h6 {
    font-size: 18px
}

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

p {
    margin: 0 0 15px
}

.ft-theme-default,
.error404 .btn-404,
.pxl-process-list .item-number,
.pxl-process-list .item-label,
.comment-content a.comment-reply-link,
.comment-form .form-submit button.pxl-btn-submit,
.pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after,
.pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after,
.pxl-feature-marquee1 .pxl-item--text,
.pxl-icon-box1.style-1 .pxl-item--title,
.pxl-mailchimp.style-button-icon2 [type=email],
.pxl-progressbar-1 .pxl--percentage,
.pxl-progressbar-1 .pxl--title,
.pxl-progressbar-1 .pxl--holder.bar-style3 .pxl--percentage,
.pxl-service-list.layout2 ul li a,
.pxl-tabs1.style-round-box .pxl-item-tab--title,
.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title,
.pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title,
.pxl-team-single .pxl-team-item label,
.pxl-testimonial-carousel3 .pxl-item--desc {
    font-family: dm sans, sans-serif
}

.ft-heading-default,
.pxl-banner4 .pxl--counter-number,
.pxl-tabs1.style-box span.pxl-item-tab--title .pxl-title--text {
    font-family: outfit, sans-serif
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    padding: .8075em 0;
    font-size: .875em;
    font-style: italic
}

.gallery-caption {
    opacity: 1
}

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

.alignleft,
.alignright,
.aligncenter {
    margin-top: 6px;
    margin-bottom: 45px
}

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

.alignright {
    display: inline;
    float: right;
    margin-left: 35px
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky {
    display: block
}

.screen-reader-text {
    display: none
}

.bypostauthor {
    display: block
}

blockquote {
    -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: rgba(var(--primary-color-rgb), .1);
    padding: 30px 30px 40px;
    color: var(--secondary-color);
    font-size: 16px;
    border-left: 5px solid var(--primary-color);
    margin: 30px 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    z-index: 1
}

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

blockquote p:last-child {
    margin-bottom: 0
}

blockquote.is-style-large.wp-block-quote {
    padding: 32px 57px 32px 37px
}

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

blockquote.wp-block-quote cite br {
    display: none
}

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

blockquote cite {
    font-family: outfit, sans-serif;
    display: block;
    font-size: 16px;
    position: relative;
    bottom: -10px;
    font-weight: 700;
    font-style: normal;
    color: var(--primary-color)
}

.single-post hr {
    margin-top: 30px;
    margin-bottom: 35px;
    border: none;
    border-bottom: 1px solid #ddd
}

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

table {
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    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: var(--secondary-color)
}

caption,
td {
    font-weight: 400;
    text-align: left
}

.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 #e1e1e1;
    padding: 10px;
    border-right: 1px solid #e1e1e1
}

td {
    border-top: 1px solid #e1e1e1;
    padding: 10px;
    border-right: 1px solid #e1e1e1
}

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

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

dl dd a {
    color: #fff
}

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: #000;
    border: none;
    padding: 2px;
    text-decoration: none;
    background-color: var(--primary-color)
}

pre {
    background: #000;
    color: var(--third-color);
    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
}

.alignleft,
.alignright,
.aligncenter {
    margin-top: 6px;
    margin-bottom: 45px
}

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

.alignright {
    display: inline;
    float: right;
    margin-left: 35px;
    clear: right
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.post-password-form label {
    display: block;
    max-width: 60%
}

.post-password-form input {
    margin: 10px 0
}

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

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

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

.gallery .gallery-icon+.wp-caption-text {
    margin-top: 5px
}

.has-light-green-cyan-background-color,
.has-pale-pink-background-color {
    color: #000
}

.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
    max-width: max-content;
    width: 100%
}

@media screen and (max-width:767px) {
    .post-password-form label {
        max-width: 60%
    }
}

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

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

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

.wp-block-button .wp-block-button__link:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-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
}

#debug-menu-targets table th {
    color: #000
}

#debug-bar-request h3,
#debug-bar-wp-query h3 {
    color: #000
}

#debug_bar_http th,
#debug_bar_http td {
    color: #000
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    padding: .8075em 0;
    font-size: .875em;
    font-style: italic
}

.gallery-caption {
    opacity: 1
}

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

.no-results.not-found {}

.no-results.not-found .searchform-wrap {
    position: relative
}

.no-results.not-found .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 51px;
    line-height: 51px;
    padding: 0;
    width: 61px;
    background-color: initial;
    color: var(--third-color)
}

.woocommerce div.product form.cart .variations {
    width: auto
}

#pxl-wapper {
    overflow-x: hidden
}

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

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

#pxl-wapper .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    #pxl-wapper #pxl-sidebar-area {
        margin-top: 80px
    }
}

@media screen and (min-width:1200px) {
    #pxl-wapper .pxl-has-sidebar.pxl-sidebar-left {
        flex-direction: row-reverse
    }

    #pxl-wapper .pxl-has-sidebar.pxl-sidebar-left .pxl-sidebar-area {
        padding-right: 15px
    }

    #pxl-wapper .pxl-has-sidebar.pxl-sidebar-right .pxl-sidebar-area {
        padding-left: 15px
    }
}

.single-post #pxl-main,
.woocommerce-page #pxl-main {
    padding: 120px 0
}

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

    .single-post #pxl-main,
    .woocommerce-page #pxl-main {
        padding: 70px 0
    }
}

.single-post #pxl-wapper,
.archive #pxl-wapper {
    overflow-x: unset
}

.single #pxl-wapper,
.blog #pxl-wapper,
.single-post #pxl-wapper,
.woocommerce-page #pxl-wapper {
    overflow-x: unset
}

#pxl-main {
    padding: 120px 0
}

@media screen and (min-width:1200px) {
    #pxl-main {
        margin: 0 auto
    }

    #pxl-main>.elementor-container>.row {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:1199px) {
    #pxl-main {
        padding: 80px 0
    }
}

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

@media screen and (min-width:1200px) {
    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;
        top: 30px
    }
}

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

    .pxl-row-scroll-fixed .pxl-column-sticky {
        position: sticky;
        top: 120px
    }
}

@media(min-width:1320px) {
    .elementor-page #pxl-footer-elementor .row>.col-12 {
        padding: 0
    }
}

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

@media screen and (min-width:1200px) {
    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;
        top: 30px
    }
}

.elementor-page:not(.single) #pxl-content-area.col-12,
.elementor-page:not(.single-product) #pxl-content-area.col-12 {
    padding: 0;
    min-height: 0
}

.elementor-page.single #pxl-content-area.col-12 {
    padding-left: 15px;
    padding-right: 15px
}

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

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

.pxl-breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.pxl-breadcrumb a {
    color: var(--secondary-color);
    font-size: inherit
}

.pxl-breadcrumb a:hover {
    color: var(--primary-color)
}

.pxl-breadcrumb li {
    display: inline-block;
    align-items: center;
    margin-right: 5px;
    letter-spacing: .08em
}

.pxl-breadcrumb li:after {
    font-family: sandaicon;
    content: "\f110";
    margin-right: 0;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    display: inline-block;
    color: #fff;
    padding: 0 3px;
    position: relative;
    top: 0;
    right: -2px
}

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

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

.pxl-breadcrumb li span {
    color: #fff;
    font-size: inherit
}

#pxl-page-title-default {
    padding: 150px 0;
    position: relative;
    background-color: var(--secondary-color);
    text-align: center
}

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

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

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

#pxl-page-title-default .pxl-page-title {
    font-size: 64px;
    margin-bottom: 0;
    color: #fff;
    word-break: break-word;
    font-weight: 800
}

#pxl-page-title-default .pxl-page-title+.pxl-breadcrumb {
    margin-top: 25px
}

@media screen and (max-width:1199px) {
    #pxl-page-title-default .pxl-page-title {
        font-size: 40px
    }
}

@media screen and (max-width:991px) {
    #pxl-page-title-default .pxl-page-title {
        font-size: 35px
    }
}

.error404 .content-404 {
    margin-bottom: 40px
}

.error404 .site-image-404 {
    margin-top: 50px;
    margin-bottom: 25px
}

.error404 .site-image-404 img {
    max-width: 100%
}

.error404 .text-404-small {
    color: #000;
    font-size: 126px;
    font-weight: 500;
    line-height: 96.76px;
    letter-spacing: -1px;
    margin-bottom: 45px
}

@media screen and (max-width:991px) {
    .error404 .text-404-small {
        font-size: 80px
    }
}

.error404 .pxl-error-title {
    margin-bottom: 22px;
    color: #121212;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 1px
}

@media screen and (max-width:991px) {
    .error404 .pxl-error-title {
        font-size: 35px
    }
}

.error404 .pxl-excerpt-404 {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    color: var(--third-color);
    max-width: 600px;
    margin: 0 auto 20px
}

@media screen and (max-width:991px) {
    .error404 .pxl-excerpt-404 {
        margin-bottom: 35px
    }
}

.error404 .btn-404 {
    font-size: 14px;
    line-height: 50px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    background-color: var(--primary-color);
    color: #fff;
    padding: 0 35px;
    overflow: hidden;
    text-transform: capitalize;
    border-radius: 0
}

.error404 .btn-404:hover,
.error404 .btn-404:active,
.error404 .btn-404:focus {
    background-color: var(--secondary-color);
    color: #fff
}

.error404 .pxl-error-inner {
    text-align: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

#pxl-footer-default {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    background-color: var(--secondary-color);
    color: #fff
}

#pxl-footer-default a {
    color: var(--primary-color)
}

#pxl-footer-default a:hover {
    text-decoration: underline
}

@media(max-width:1300px) {
    .footer-coppy-15>.elementor-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-scroll-top {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background-color: var(--primary-color);
    -webkit-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    -khtml-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    -moz-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    -ms-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    -o-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    box-shadow: 0 0 25px rgba(23, 23, 23, .25);
    text-align: center;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(130%);
    -khtml-transform: translateX(130%);
    -moz-transform: translateX(130%);
    -ms-transform: translateX(130%);
    -o-transform: translateX(130%);
    transform: translateX(130%);
    -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;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-scroll-top:before {
    width: 200px;
    content: "";
    display: block;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 15px;
    left: 23px
}

.pxl-scroll-top i {
    color: #fff
}

.pxl-scroll-top.pxl-on {
    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%);
    visibility: visible
}

@media screen and (max-width:1199px) {
    .pxl-scroll-top.pxl-on {
        bottom: 15px
    }
}

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

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

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

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

@media screen and (max-width:1199px) {
    .pxl-footer-fixed #pxl-main {
        margin-bottom: 0 !important
    }
}

.elementor-editor-active #pxl-header-default,
.elementor-editor-active #pxl-header-elementor,
.elementor-editor-active #pxl-page-title-default,
.elementor-editor-active #pxl-footer-elementor,
.elementor-editor-active .pxl-menu-primary .sub-menu,
.elementor-editor-active .pxl-menu-primary .children,
.elementor-editor-active #pxl-page-title-elementor {
    display: none
}

.elementor-editor-active.single-footer #pxl-main,
.elementor-editor-active.single-header #pxl-main {
    max-width: 1200px;
    padding: 0 15px;
    margin: auto
}

body img.mfp-img {
    padding: 0 !important
}

body .mfp-fade.mfp-bg.mfp-ready {
    opacity: .85;
    background-color: #000
}

body .mfp-bottom-bar {
    margin-top: 0
}

body .mfp-wrap .mfp-container .mfp-content {
    max-width: 1170px;
    position: static
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close {
    padding: 0;
    right: 0;
    text-align: center;
    top: -36px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    opacity: 1;
    font-size: 0;
    border: 9px solid transparent;
    position: absolute
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: #222
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

body .mfp-wrap .mfp-container .mfp-iframe-scaler {
    position: relative;
    overflow: visible
}

body .mfp-wrap .mfp-container .mfp-arrow {
    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: sandaicon;
    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: "\f103"
}

body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
    content: "\f104"
}

@media screen and (min-width:1200px) {
    body .mfp-wrap .mfp-container {
        padding: 0 120px
    }
}

@media screen and (min-width:992px) {

    body.blog .pxl-content-wrap.no-sidebar .pxl-content-area,
    body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
}

.pxl-row-divider-angle-top {
    z-index: 1
}

.pxl-row-divider-angle-top .pxl-row-angle {
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(-1)scaleY(-1);
    -khtml-transform: scaleX(-1)scaleY(-1);
    -moz-transform: scaleX(-1)scaleY(-1);
    -ms-transform: scaleX(-1)scaleY(-1);
    -o-transform: scaleX(-1)scaleY(-1);
    transform: scaleX(-1)scaleY(-1)
}

@-webkit-keyframes pxl-loader-outter {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes pxl-loader-outter {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes pxl-loader-inner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes pxl-loader-inner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes wheelSk {

    0%,
    50%,
    100% {
        transform: translatey(0)
    }

    30%,
    90% {
        transform: translatey(-3px)
    }
}

@keyframes lineDropping {
    0% {
        background-position: 100px 11px, 115px 35px, 105px 60px;
        opacity: 1
    }

    50% {
        background-position: 0 11px, 20px 35px, 5px 60px
    }

    60% {
        background-position: -30px 11px, 0 35px, -10px 60px
    }

    75%,
    100% {
        background-position: -30px 11px, -30px 35px, -30px 60px;
        opacity: 0
    }
}

.pxl-loader {
    background-color: var(--secondary-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.pxl-loader .pxl-loader-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pxl-loader.style-logo-spin .loader-spin {
    -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);
    animation: pxl_spin .8s infinite linear;
    -webkit-animation: pxl_spin .8s infinite linear;
    max-width: 80px
}

.pxl-loader.style-line .loader-outter {
    position: absolute;
    border-right: 4px dashed var(--primary-color);
    border-top: 4px dashed var(--primary-color);
    border-left: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: pxl-loader-outter 1s cubic-bezier(.42, .61, .58, .41)infinite;
    animation: pxl-loader-outter 1s cubic-bezier(.42, .61, .58, .41)infinite
}

.pxl-loader.style-line .loader-inner {
    position: absolute;
    border-top: 4px dashed var(--primary-color);
    border-right: 4px dashed var(--primary-color);
    border-left: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    -webkit-animation: pxl-loader-inner 1s cubic-bezier(.42, .61, .58, .41)infinite;
    animation: pxl-loader-inner 1s cubic-bezier(.42, .61, .58, .41)infinite
}

.pxl-loader.style-line .pxl-line {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle
}

.pxl-loader.style-transport .pxl-loader-transport {
    position: relative;
    width: 130px;
    height: 100px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#febe42, #febe42), linear-gradient(#336aea, #336aea), linear-gradient(#336aea, #336aea);
    background-size: 80px 70px, 30px 50px, 30px 30px;
    background-position: 0 0, 80px 20px, 100px 40px
}

.pxl-loader.style-transport .pxl-loader-transport:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 12px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    box-sizing: content-box;
    border: 10px solid #000;
    box-shadow: 78px 0 0 -10px #fff, 78px 0 #000;
    animation: wheelSk .75s ease-in infinite alternate
}

.pxl-loader.style-transport .pxl-loader-transport:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    height: 70px;
    width: 70px;
    background-image: linear-gradient(#fff 45px, transparent 0), linear-gradient(#fff 45px, transparent 0), linear-gradient(#fff 45px, transparent 0);
    background-repeat: no-repeat;
    background-size: 30px 4px;
    background-position: 0 11px, 8px 35px, 0 60px;
    animation: lineDropping .75s linear infinite
}

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

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.pxl-hide {
    display: none
}

.pxl--hide-arrow .pxl-swiper-arrow-wrap {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute
}

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

.hover-rotate img {
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.hover-rotate:hover img {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

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-main-stop {
    stop-color: var(--gradient-color-from)
}

.pxl-alt-stop {
    stop-color: var(--gradient-color-to)
}

.pxl-horizontal-scroll .scroll-text {
    font-size: 221px;
    font-family: bai jamjuree, sans-serif;
    line-height: .8;
    width: 112vw;
    font-weight: 700;
    text-stroke-color: var(--third-color);
    -webkit-text-stroke-color: var(--third-color);
    text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
    color: transparent !important
}

@media(max-width:1800px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: .82
    }
}

@media screen and (max-width:1600px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: .83
    }
}

@media screen and (max-width:1400px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: .9
    }
}

@media screen and (max-width:991px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: .98
    }
}

@media screen and (max-width:767px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: 1.05
    }
}

@media screen and (max-width:575px) {
    .pxl-horizontal-scroll .scroll-text {
        line-height: 1.1
    }
}

.pxl-horizontal-scroll .gals-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pxl-horizontal-scroll .gals-wrap .gal-item {
    flex-shrink: 0;
    padding-right: 1rem
}

.text-gradient,
.pxl-link.icon-gradient li a i,
.pxl-countdown.style-2 .inner-text,
body.rtl #pxl-page-title-default .pxl-breadcrumb li:before,
.pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover,
.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--title a,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--title a,
.pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .pxl-item--title a,
.pxl-service-carousel1.item-style3 .pxl-item--inner:hover .pxl-item--title a,
.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title.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-rv {
    background-color: var(--gradient-color-to);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-to)), to(var(--gradient-color-from)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -o-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-to)', endColorStr='var(--gradient-color-from)', 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-gradient2 {
    background-color: #518432;
    background-image: -webkit-gradient(linear, right top, left top, from(#518432), to(#71b846));
    background-image: -webkit-linear-gradient(to right, #518432, #71b846);
    background-image: -moz-linear-gradient(to right, #518432, #71b846);
    background-image: -ms-linear-gradient(to right, #518432, #71b846);
    background-image: -o-linear-gradient(to right, #518432, #71b846);
    background-image: linear-gradient(to right, #518432, #71b846);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#518432', endColorStr='#71b846', 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-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-to)), to(var(--gradient-color-from)));
    background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -moz-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -ms-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -o-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-to)', endColorStr='var(--gradient-color-from)');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.rm-text-gradient {
    text-fill-color: inherit;
    -webkit-text-fill-color: inherit;
    background-image: none
}

.bg-gradient,
.pxl-widget-social li a:before,
.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title.active:before,
.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title.active:after {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1')
}

.bg-gradient-rv {
    background-color: var(--gradient-color-to);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-to)), to(var(--gradient-color-from)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -o-linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    background-image: linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-to)', endColorStr='var(--gradient-color-from)', 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)')
}

.bg-gradient-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-to)), to(var(--gradient-color-from)));
    background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -moz-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -ms-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: -o-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    background-image: linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-to)', endColorStr='var(--gradient-color-from)')
}

.pxl-ken-burns--active {
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s
}

.pxl-ken-burns--active.pxl-ken-burns--out {
    -webkit-animation: pxl-ken-burns-out 20s linear infinite;
    -khtml-animation: pxl-ken-burns-out 20s linear infinite;
    -moz-animation: pxl-ken-burns-out 20s linear infinite;
    -ms-animation: pxl-ken-burns-out 20s linear infinite;
    -o-animation: pxl-ken-burns-out 20s linear infinite;
    animation: pxl-ken-burns-out 20s linear infinite
}

.pxl-ken-burns--active.pxl-ken-burns--in {
    -webkit-animation: pxl-ken-burns-in 20s linear infinite;
    -khtml-animation: pxl-ken-burns-in 20s linear infinite;
    -moz-animation: pxl-ken-burns-in 20s linear infinite;
    -ms-animation: pxl-ken-burns-in 20s linear infinite;
    -o-animation: pxl-ken-burns-in 20s linear infinite;
    animation: pxl-ken-burns-in 20s linear infinite
}

@media("(min-width: 992px) and (max-width: 1280px)") {
    .col-xl-4 {
        flex: none;
        width: 33.33333%
    }
}

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

    .pxl-col-line1 {
        position: relative !important
    }

    .pxl-col-line1:before {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 50px);
        background-color: rgba(, , , .08);
        top: 50%;
        right: 25px;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .pxl-col-line2 {
        position: relative !important
    }

    .pxl-col-line2:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 80px;
        background-color: #ededed;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

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

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

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

.pxl-flex,
.pxl-logo.logo-morden,
.pxl-icon-box1.style-1 .pxl-item--icon,
.pxl-team-box2 .pxl-item--inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-flex-center,
.pxl-process-list .inner-item,
.pxl-list .pxl-item i,
.pxl-icon-socials.style-2 a,
.pxl-side-cart .widget_shopping_cart_content ul li .remove,
.pxl-banner3 .pxl-logo-icon,
.pxl-counter1.style-1 .pxl-item--icon,
.pxl-counter1.style-3 .pxl-item--icon,
.pxl-getintouch1 .style-2 .item-icon,
.pxl-getintouch2 .item-icon,
.pxl-icon-box3 .pxl-wp-number span,
.pxl-icon-box4 .pxl-item--icon,
.pxl-iconbox-grid2 .pxl-item--inner.box-style3 .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style3 .pxl-item--icon,
.pxl-iconbox-grid3 .pxl-item-icon,
.pxl-service-grid-layout1.item-style3 .pxl-item--icon,
.pxl-service-carousel1.item-style3 .pxl-item--icon,
.pxl-tabs1.style-box span.pxl-item-tab--title,
.pxl-video-player1 .btn-video.style2,
.pxl-button-video .btn-video-title {
    display: flex;
    justify-content: center;
    align-items: center
}

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

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

.pxl-spill,
.pxl-gallery .pxl--item-inner.video-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-middle,
.pxl-circle .pxl-item--icon .logo-light,
.pxl-video-player .pxl-box--icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pxl-icon--middle {
    position: relative
}

.pxl-icon--middle * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

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

.pxl-item--flexnw {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

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

.bg-primary {
    background-color: var(--primary-color)
}

.bg-secondary {
    background-color: var(--secondary-color)
}

.pxl-right {
    float: right
}

.pxl-left {
    float: left
}

.bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body div.booked-calendar-wrap div.booked-calendar {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
    padding: 25px 0;
    font-size: 18px
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col {
    padding: 15px 0;
    font-size: 1rem
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName {
    font-size: 1.5rem;
    text-transform: capitalize
}

@media screen and (min-width:1400px) {
    .space-menu-custom .pxl-menu-primary>li {
        margin: 0 15px !important
    }

    .space-menu-custom>.elementor-widget-container {
        margin-left: -15px !important
    }
}

.icon-newlleter .pxl-image-single .pxl-item--inner {
    width: 101px;
    height: 101px;
    border-radius: 101px;
    border: 10px solid #fff;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-newlleter .pxl-image-single img {
    animation: bounce-out-down 2s ease infinite;
    border-radius: unset
}

.m-center,
.widget_block .wp-block-categories li a:before,
.widget_block .wp-block-archives li a:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:1280px) {
    .sc-offset>.elementor-container>.elementor-column {
        padding: 0 15px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .ml-50 {
        margin-left: 15px
    }
}

@media screen and (min-width:1400px) {
    .ml-50 {
        margin-left: 50px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .mr-50 {
        margin-right: 15px
    }
}

@media screen and (min-width:1400px) {
    .mr-50 {
        margin-right: 50px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .ml-20 {
        margin-left: 15px
    }
}

@media screen and (min-width:1400px) {
    .ml-20 {
        margin-left: 20px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .mr-20 {
        margin-right: 15px
    }
}

@media screen and (min-width:1400px) {
    .mr-20 {
        margin-right: 20px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .ml-30 {
        margin-left: 15px
    }
}

@media screen and (min-width:1400px) {
    .ml-30 {
        margin-left: 30px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .mr-30 {
        margin-right: 15px
    }
}

@media screen and (min-width:1400px) {
    .mr-30 {
        margin-right: 30px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .ml-40 {
        margin-left: 15px
    }
}

@media screen and (min-width:1400px) {
    .ml-40 {
        margin-left: 40px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .mr-40 {
        margin-right: 15px
    }
}

@media screen and (min-width:1400px) {
    .mr-40 {
        margin-right: 40px
    }
}

.revslider-initialised .tp-bullets.sotech-style-dots .tp-bullet {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid transparent;
    background-color: initial
}

.revslider-initialised .tp-bullets.sotech-style-dots .tp-bullet:before {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -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)
}

.revslider-initialised .tp-bullets.sotech-style-dots .tp-bullet.selected {
    border-color: var(--primary-color)
}

.revslider-initialised .tp-bullets.sotech-style-dots .tp-bullet.selected:before {
    background-color: var(--primary-color)
}

.title-revo-custom {
    text-shadow: none;
    font-style: normal;
    text-stroke-color: rgba(255, 255, 255, .15);
    -webkit-text-stroke-color: rgba(255, 255, 255, .15);
    text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
    color: transparent !important
}

.tp-thumbs-inner-wrapper .tp-thumb {
    border: 6px solid transparent
}

.tp-thumbs-inner-wrapper .tp-thumb.selected {
    border-color: #fefefe
}

.tp-thumbs-inner-wrapper .tp-thumb .tp-thumb-title {
    opacity: 0 !important
}

.elementor-widget-image-carousel .elementor-widget-container {
    border-radius: inherit;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .rs-parallax-wrap.pxl-group-center {
        min-width: 600px;
        top: 50% !important;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.pxl-open-hour1 {
    font-size: 16px
}

.pxl-open-hour1 label {
    flex-grow: 1
}

.pxl-open-hour1 .pxl--item {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-open-hour1 .pxl--item+.pxl--item {
    margin-top: 8px
}

.opening-hours-custom .pxl-open-hour1 span {
    min-width: 80px
}

.opening-hours-custom2 .pxl-open-hour1 span {
    min-width: 80px
}

.opening-hours-custom2 .pxl--item:last-child span {
    color: #0071dc !important
}

.pxl-el-divider {
    height: 2px;
    background-color: #636363;
    width: 100%
}

.pxl-logo a {
    display: inline-block
}

.pxl-logo img {
    width: auto;
    vertical-align: middle
}

.pxl-logo.logo-morden {
    display: inline-flex;
    position: relative;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1200px) {
    .pxl-logo.logo-morden {
        padding-left: 40px;
        padding-right: 40px
    }
}

.pxl-logo.logo-morden:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    display: block;
    width: 130%;
    height: 100%;
    background-color: var(--primary-color)
}

@media screen and (min-width:1200px) {
    .pxl-logo.logo-morden:before {
        height: 105%;
        clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%)
    }
}

.pxl-heading cite {
    font-style: normal;
    color: var(--primary-color)
}

.pxl-heading .pxl-item--title {
    font-size: 48px
}

.pxl-heading .pxl-heading--inner {
    display: inline-block;
    position: relative
}

.pxl-heading .pxl-text--slide {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.pxl-heading .pxl-text--slide span {
    display: inline-block
}

.pxl-heading .wow.letter {
    -webkit-transform: translate3d(0, 36px, 0);
    -khtml-transform: translate3d(0, 36px, 0);
    -moz-transform: translate3d(0, 36px, 0);
    -ms-transform: translate3d(0, 36px, 0);
    -o-transform: translate3d(0, 36px, 0);
    transform: translate3d(0, 36px, 0);
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0
}

.pxl-heading .wow.letter.animated {
    -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
}

.pxl-heading .wow.split {
    -webkit-transform: translate(50px);
    -khtml-transform: translate(50px);
    -moz-transform: translate(50px);
    -ms-transform: translate(50px);
    -o-transform: translate(50px);
    transform: translate(50px);
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0
}

.pxl-heading .wow.split.animated {
    -webkit-transform: translate(0);
    -khtml-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.pxl-heading .pxl-split-text {
    overflow: hidden
}

.pxl-heading .pxl-item--subtitle.px-sub-title-default {
    margin-bottom: 4px;
    color: var(--primary-color);
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block
}

.pxl-heading .pxl-item--subtitle.px-sub-title-under {
    margin-top: 5px;
    margin-bottom: 4px
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider1 {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 13px;
    letter-spacing: 3.9px
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider1 .pxl-item--subtext {
    padding-left: 90px;
    position: relative;
    display: inline-flex
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider1 .pxl-item--subdivider {
    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: 76px;
    height: 2px;
    border-radius: 2px;
    background-color: #dbe6ff;
    overflow: hidden
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider1 .pxl-item--subdivider:before {
    content: '';
    width: 19px;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    animation: pxl_divider_left_to_right 2.5s infinite linear alternate
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider2 {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider2 .pxl-item--subtext {
    padding-right: 55px;
    position: relative;
    display: inline-flex
}

.pxl-heading .pxl-item--subtitle.px-sub-title-divider2 .pxl-item--subdivider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 40px;
    height: 2px;
    background-color: var(--primary-color)
}

.pxl-heading .pxl-item--subtitle.px-sub-title-box1 {
    margin-bottom: 22px;
    color: var(--secondary-color)
}

.pxl-heading .pxl-item--subtitle.px-sub-title-box1 .pxl-item--subtext {
    background-color: var(--primary-color);
    padding: 0 16px;
    font-size: 14px;
    line-height: 27px;
    font-weight: 600;
    display: inline-flex;
    border-radius: 27px
}

.pxl-heading .pxl-item--subtitle.px-sub-title-box2 .pxl-item--subtext {
    border: 1px solid var(--primary-color);
    padding: 3px 12px
}

.pxl-heading .px-title--divider1,
.pxl-heading .px-title--divider2 {
    width: 88px;
    height: 4px;
    display: inline-flex;
    position: relative;
    top: 2px
}

.pxl-heading .px-title--divider1:before,
.pxl-heading .px-title--divider2:before,
.pxl-heading .px-title--divider1:after,
.pxl-heading .px-title--divider2:after,
.pxl-heading .px-title--divider1 span,
.pxl-heading .px-title--divider2 span {
    content: '';
    display: block;
    position: absolute;
    background-color: var(--primary-color);
    border-radius: 4px;
    top: 0;
    height: 4px
}

.pxl-heading .px-title--divider1:before,
.pxl-heading .px-title--divider2:before {
    width: 70px;
    left: 0
}

.pxl-heading .px-title--divider1:after,
.pxl-heading .px-title--divider2:after {
    width: 8px;
    left: 73px
}

.pxl-heading .px-title--divider1 span,
.pxl-heading .px-title--divider2 span {
    right: 0;
    width: 4px
}

.pxl-heading .px-title--divider2 {
    transform: rotate(-90deg);
    margin-bottom: 65px;
    margin-top: 40px
}

.pxl-heading .px-title--divider3 {
    position: relative;
    width: 76px;
    height: 2px;
    background-color: rgba(219, 230, 255, .3);
    border-radius: 2px;
    margin-top: 16px
}

.pxl-heading .px-title--divider3:before {
    content: '';
    width: 19px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--primary-color)
}

.pxl-heading .px-title--divider4 {
    position: relative;
    width: 100%;
    margin-top: 8px;
    border-top: 1px dotted var(--primary-color)
}

.pxl-heading .px-title--divider5 {
    position: relative;
    width: 32px;
    height: 3px;
    margin-top: 4px;
    border-radius: 10px;
    background-color: var(--primary-color)
}

.pxl-heading .px-title--divider6 {
    width: 88px;
    height: 2px;
    display: inline-flex;
    position: relative;
    top: 2px
}

.pxl-heading .px-title--divider6:before,
.pxl-heading .px-title--divider6:after,
.pxl-heading .px-title--divider6 span {
    content: '';
    flex-grow: 1;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    background-color: var(--primary-color);
    height: 2px;
    width: 24px
}

.pxl-heading .px-title--divider7 {
    height: 2px;
    display: flex;
    position: relative;
    top: 2px
}

.pxl-heading .px-title--divider7:before {
    content: "";
    display: inline-block;
    width: 75px;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0
}

.pxl-heading .px-title--divider7 span {
    flex-grow: 1;
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    height: 2px
}

.pxl-heading .pxl-title--highlight {
    color: var(--primary-color);
    position: relative;
    z-index: 1
}

.pxl-heading .pxl-title--highlight.text-gradient,
.pxl-heading .pxl-link.icon-gradient li a i.pxl-title--highlight,
.pxl-link.icon-gradient li a .pxl-heading i.pxl-title--highlight,
.pxl-heading .pxl-countdown.style-2 .inner-text.pxl-title--highlight,
.pxl-countdown.style-2 .pxl-heading .inner-text.pxl-title--highlight,
.pxl-heading body.rtl #pxl-page-title-default .pxl-breadcrumb li:before.pxl-title--highlight,
body.rtl #pxl-page-title-default .pxl-breadcrumb .pxl-heading li:before.pxl-title--highlight,
.pxl-heading .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover.pxl-title--highlight,
.pxl-swiper-arrow-style3 .pxl-heading .pxl-swiper-arrow:hover.pxl-title--highlight,
.pxl-heading .pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--icon i.pxl-title--highlight,
.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--icon .pxl-heading i.pxl-title--highlight,
.pxl-heading .pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--icon i.pxl-title--highlight,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--icon .pxl-heading i.pxl-title--highlight,
.pxl-heading .pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--title a.pxl-title--highlight,
.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--title .pxl-heading a.pxl-title--highlight,
.pxl-heading .pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--title a.pxl-title--highlight,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--title .pxl-heading a.pxl-title--highlight,
.pxl-heading .pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .pxl-item--title a.pxl-title--highlight,
.pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .pxl-item--title .pxl-heading a.pxl-title--highlight,
.pxl-heading .pxl-service-carousel1.item-style3 .pxl-item--inner:hover .pxl-item--title a.pxl-title--highlight,
.pxl-service-carousel1.item-style3 .pxl-item--inner:hover .pxl-item--title .pxl-heading a.pxl-title--highlight,
.pxl-heading .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title.active span.pxl-title--highlight,
.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title.active .pxl-heading span.pxl-title--highlight {
    display: inline-flex
}

.pxl-heading .pxl-title--highlight.text-outline {
    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-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px transparent;
    color: #fff
}

.pxl-heading .pxl-title--highlight:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    bottom: 6px;
    left: -2px;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain
}

@media screen and (max-width:767px) {
    .pxl-heading .pxl-title--highlight:before {
        bottom: 0
    }
}

@keyframes pxlKeywordRotatingIn {
    from {
        transform: translateY(70%)rotateX(-100deg);
        opacity: 0
    }

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

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

    to {
        transform: translateY(-70%)rotateX(100deg);
        opacity: 0
    }
}

.pxl-title--typewriter {
    display: inline-flex;
    white-space: nowrap;
    position: relative;
    z-index: 99
}

.pxl-title--typewriter .pxl-item--text {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.pxl-title--typewriter .pxl-item--text:not(.is-active) {
    animation: pxlKeywordRotatingOut .8s cubic-bezier(.86, 0, .07, 1)both
}

.pxl-title--typewriter .pxl-item--text.is-active {
    position: relative;
    opacity: 1;
    animation: pxlKeywordRotatingIn .8s cubic-bezier(.86, 0, .07, 1)both
}

.pxl-text-editor .btn {
    margin: 0 12px
}

.pxl-text-editor .sc-button-wrap {
    display: inline-flex
}

.pxl-text-editor .pxl-item--inner {
    display: inline-block
}

.pxl-text-editor .pxl-item--inner p:last-child {
    margin-bottom: 0
}

.text-ldb .pxl-text-editor i {
    font-size: 20px;
    color: var(--primary-color);
    position: relative;
    top: 4px
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

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

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

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

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

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

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

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

.pxl-process-list .item-number {
    font-weight: 500;
    min-width: 70px;
    min-height: 70px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 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%;
    color: #fff;
    margin-right: 20px
}

.pxl-process-list .item-label {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    color: #1c2539
}

.pxl-process-list .item-text {
    font-size: 20px;
    line-height: 1.625
}

@media screen and (min-width:992px) {
    .pxl-process-list.width-item-50 {
        margin-left: -15px;
        margin-right: -15px
    }

    .pxl-process-list.width-item-50 .content-item {
        min-width: 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .pxl-process-list.width-item-50 .content-inner {
        display: flex;
        flex-wrap: wrap
    }
}

.pxl-process-list .content-item+.content-item {
    margin-top: 48px
}

@media screen and (max-width:1199px) {
    .pxl-process-list .content-item+.content-item {
        margin-top: 25px
    }
}

.pxl-text-slip1 .pxl-item--container {
    white-space: nowrap;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative
}

.pxl-text-slip1 .pxl-item--text {
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.92px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 80px;
    color: var(--secondary-color)
}

.pxl-text-slip1 .pxl-item--text svg {
    margin: 4px 29px;
    animation: pxl_spin_rv 8s ease-out infinite;
    -webkit-animation: pxl_spin_rv 8s ease-out infinite
}

.pxl-text-slip1 .pxl-item--text i {
    margin: 0 15px;
    font-size: 45px;
    animation: zoom-in-zoom-out 2s ease-out infinite
}

.pxl-text-slip1 .pxl-item--text:nth-child(2n) {
    color: var(--primary-color)
}

@media screen and (max-width:991px) {
    .pxl-text-slip1 .pxl-item--text {
        font-size: 60px
    }

    .pxl-text-slip1 .pxl-item--text i {
        font-size: 40px
    }
}

@media screen and (max-width:575px) {
    .pxl-text-slip1 .pxl-item--text {
        font-size: 40px
    }

    .pxl-text-slip1 .pxl-item--text i {
        font-size: 30px
    }
}

.pxl-text-slip1 .pxl-item--inner,
.pxl-text-slip1 .pxl-item--inner-font {
    display: flex;
    align-items: center
}

.pxl-text-slip1.pxl-slide-to-left,
.pxl-text-slip1.pxl-slide-to-right {
    overflow: hidden
}

.pxl-text-slip1.pxl-slide-to-left .pxl-item--inner,
.pxl-text-slip1.pxl-slide-to-right .pxl-item--inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-text-slip1.pxl-slide-to-left .pxl-item--inner {
    -webkit-animation: slide-left 30s linear infinite;
    animation: slide-left 30s linear infinite
}

.pxl-text-slip1.pxl-slide-to-right .pxl-item--inner {
    -webkit-animation: slide-right 30s linear infinite;
    animation: slide-right 30s linear infinite
}

.pxl-text-slip1.pxl-text-white-shadow .pxl-item--container {
    position: relative;
    padding: 11px 0
}

.pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:before {
    left: 0;
    background-color: rgba(255, 255, 255, .92)60%;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .92) 60%), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, .92) 60%, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, .92) 60%, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, .92) 60%, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(to right, rgba(255, 255, 255, .92) 60%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .92) 60%, rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0.92) 60%', endColorStr='rgba(255, 255, 255, 0)', gradientType='1')
}

.pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:after {
    right: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .92) 60%));
    background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92) 60%);
    background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92) 60%);
    background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92) 60%);
    background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92) 60%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='rgba(255, 255, 255, 0.92) 60%', gradientType='1')
}

.pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:before,
.pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:after {
    content: '';
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
    background-color: initial
}

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

    .pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:before,
    .pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:after {
        width: 180px
    }
}

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

    .pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:before,
    .pxl-text-slip1.pxl-text-white-shadow .pxl-item--container:after {
        width: 60px
    }
}

.pxl-link {
    list-style: none;
    margin: 0;
    padding: 0
}

.pxl-link li {
    font-size: 16px
}

.pxl-link li a {
    font-size: inherit;
    display: inline-flex;
    position: relative
}

.pxl-link li a:hover {
    color: var(--primary-color)
}

.pxl-link li i {
    min-width: 13px;
    margin-right: 8px;
    margin-top: 0;
    font-size: 15px;
    line-height: 1
}

.pxl-link li svg {
    margin-right: 20px
}

.pxl-link.pxl-inline-block li {
    display: inline-block;
    margin-top: 0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 6px
}

.pxl-link.pxl-inline-block li:last-child {
    margin-right: 0;
    padding-right: 0
}

@media screen and (min-width:992px) {
    .pxl-link.pxl-inline-block.divider-on li:after {
        content: "/";
        display: inline-block;
        margin-left: 10px;
        font-size: 13px;
        position: relative;
        top: 1px
    }

    .pxl-link.pxl-inline-block.divider-on li:last-child:after {
        display: none
    }
}

.pxl-link.icon-rounder li a {
    display: inline-flex;
    align-items: center
}

.pxl-link.icon-rounder li a i {
    width: 25px;
    height: 25px;
    font-size: 12px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    background: var(--primary-color);
    color: #fff;
    line-height: 25px;
    text-align: center
}

.pxl-title-extra .pxl-item--title {
    display: inline-block
}

.pxl-title-extra.shadow-normal {
    position: relative;
    display: inline-block
}

.pxl-title-extra.shadow-normal .pxl-item--title {
    font-size: 54px
}

.pxl-title-extra.shadow-extra {
    position: relative
}

.pxl-title-extra.shadow-extra .pxl-item--title {
    font-size: 64px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: var(--secondary-color)
}

.pxl-title-extra.shadow-extra .pxl-item--title span.text-shadow {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1;
    color: #e1f6f9;
    -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);
    width: 100%
}

.pxl-title-extra.shadow-extra .pxl-item--title:hover span.text-shadow {
    position: absolute;
    top: 4px;
    left: 4px
}

.pxl-megamenu .pxl-link li a:before {
    display: none
}

.pxl-list {
    margin-left: 15px;
    padding-bottom: 0
}

.pxl-list .pxl--title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px
}

.pxl-list .pxl--excerpt {
    font-size: 18px
}

.pxl-list .pxl-item {
    padding-left: 32px;
    position: relative;
    padding-bottom: 35px;
    border-left: 1px solid #e1e1e1;
    -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-list .pxl-item i {
    position: absolute;
    top: 0;
    left: -15px;
    width: 30px;
    height: 30px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    color: var(--primary-color);
    text-align: center;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -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-list .pxl-item:last-child {
    border-left: none;
    padding-bottom: 0
}

.pxl-list .pxl-item:hover {
    border-left-color: var(--primary-color)
}

.pxl-list .pxl-item:hover i {
    border-color: var(--primary-color)
}

.pxl-pagination1 {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center
}

@media screen and (max-width:767px) {
    .pxl-pagination1 {
        flex-wrap: wrap
    }
}

.pxl-pagination1 .pxl--item-list {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(38, 50, 115, .1)
}

@media screen and (min-width:768px) {
    .pxl-pagination1 .pxl--item-list {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width:767px) {
    .pxl-pagination1 .pxl--item-list {
        margin: 30px 0
    }
}

.pxl-pagination1 .pxl--item-list a,
.pxl-pagination1 .pxl--item-list i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: var(--secondary-color)
}

.pxl-pagination1 .pxl--item-list a:hover,
.pxl-pagination1 .pxl--item-list i:hover {
    color: var(--primary-color)
}

.pxl-pagination1 .btn-nav {
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 94px;
    height: 94px;
    min-width: 94px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #f8fbff;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-pagination1 .btn-nav:before,
.pxl-pagination1 .btn-nav:after {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    -webkit-transition: all 500ms linear 50ms;
    -khtml-transition: all 500ms linear 50ms;
    -moz-transition: all 500ms linear 50ms;
    -ms-transition: all 500ms linear 50ms;
    -o-transition: all 500ms linear 50ms;
    transition: all 500ms linear 50ms;
    background-color: rgba(255, 255, 255, .5)
}

.pxl-pagination1 .btn-nav:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.pxl-pagination1 .btn-nav i {
    line-height: 1;
    font-size: 25px;
    -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-pagination1 .btn-nav i:before {
    font-weight: 700
}

.pxl-pagination1 .btn-nav.btn-prev i {
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pxl-pagination1 .btn-nav.btn-prev:before,
.pxl-pagination1 .btn-nav.btn-prev:after {
    right: 0;
    -webkit-transform: translate(105%, 0);
    -khtml-transform: translate(105%, 0);
    -moz-transform: translate(105%, 0);
    -ms-transform: translate(105%, 0);
    -o-transform: translate(105%, 0);
    transform: translate(105%, 0);
    border-left: 2px solid #fff
}

.pxl-pagination1 .btn-nav.btn-next:before,
.pxl-pagination1 .btn-nav.btn-next:after {
    left: 0;
    -webkit-transform: translate(-105%, 0);
    -khtml-transform: translate(-105%, 0);
    -moz-transform: translate(-105%, 0);
    -ms-transform: translate(-105%, 0);
    -o-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    border-right: 2px solid #fff
}

.pxl-pagination1 .item--prev {
    justify-content: start
}

@media screen and (min-width:768px) {
    .pxl-pagination1 .item--prev {
        padding-right: 50px
    }
}

.pxl-pagination1 .item--prev .pxl-title-pagination {
    margin-left: 20px;
    text-align: left
}

.pxl-pagination1 .item--next {
    justify-content: end
}

@media screen and (min-width:768px) {
    .pxl-pagination1 .item--next {
        padding-left: 50px
    }
}

.pxl-pagination1 .item--next .pxl-title-pagination {
    margin-right: 20px
}

.pxl-pagination1 .pxl-title-pagination {
    margin-bottom: 0;
    color: var(--secondary-color);
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px
}

.pxl-pagination1 .pxl-title-pagination a {
    color: inherit
}

.pxl-pagination1 .pxl-title-pagination a:hover {
    color: var(--primary-color)
}

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

@media screen and (min-width:768px) {
    .pxl-pagination1 .pxl--item {
        min-width: 50%;
        max-width: 50%
    }
}

@media screen and (max-width:767px) {
    .pxl-pagination1 .pxl--item {
        min-width: 100%;
        max-width: 100%
    }
}

.pxl-pagination1 .pxl--item:hover .btn-nav {
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    background-color: var(--primary-color)
}

.pxl-pagination1 .pxl--item:hover .btn-nav i {
    color: #fff
}

.pxl-pagination1 .pxl--item:hover .btn-nav:before,
.pxl-pagination1 .pxl--item:hover .btn-nav:after {
    opacity: 0;
    -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-search-box .search-submit {
    position: absolute;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    right: 4px;
    top: 3px;
    font-size: 12px
}

.pxl-search-box .search-field {
    height: 33px;
    width: 100%;
    padding-right: 40px;
    padding-left: 13px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border-color: #aaa
}

.pxl-search-box .searchform-wrap {
    width: 170px;
    position: relative
}

.pxl-search-box .search-form {
    display: inline-block
}

.pxl-search-popup-button,
.pxl-cart-sidebar-button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #09013f;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer;
    font-size: 20px;
    position: relative
}

.pxl-cart-sidebar-button i {
    font-size: 22px
}

.pxl-cart-sidebar-button .pxl_cart_counter {
    background-color: var(--primary-color);
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    position: absolute;
    top: -3px;
    right: -8px;
    font-size: 12px;
    font-weight: 300
}

.pxl-icon1.style-1 {
    margin-left: -5px;
    margin-right: -5px
}

.pxl-icon1.style-1 a {
    display: inline-block;
    margin: 5px;
    line-height: 1
}

.pxl-icon1.style-1 a:hover {
    color: var(--third-color)
}

.pxl-icon1.style-2 {
    margin-left: -5px;
    margin-right: -5px
}

.pxl-icon1.style-2 a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--secondary-color);
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    margin: 5px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1400px) {
    .pxl-icon1.style-2 a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }
}

.pxl-icon1.style-2 a:before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.pxl-icon1.style-2 a:hover {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-icon1.style-2 a:hover:before {
    -webkit-animation: shine_hover .5s 0s linear;
    -khtml-animation: shine_hover .5s 0s linear;
    -moz-animation: shine_hover .5s 0s linear;
    -ms-animation: shine_hover .5s 0s linear;
    -o-animation: shine_hover .5s 0s linear;
    animation: shine_hover .5s 0s linear
}

.pxl-icon-socials.style-2 label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.pxl-icon-socials.style-2 .inner-layout {
    width: 30px;
    line-height: 1;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: flex;
    justify-content: center;
    align-items: center
}

.pxl-icon-socials.style-2 a {
    margin: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color)
}

.pxl-icon-socials.style-2 a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.elementor-widget__width-initial.elementor-widget-pxl_image>.elementor-widget-container {
    width: 100%
}

.el-bounce.bounce-active,
.pxl-image-effect1.bounce-active {
    animation: pxl_zigzag 600ms ease-out infinite;
    -webkit-animation: pxl_zigzag 600ms ease-out infinite
}

.pxl-image-effect2 {
    animation: pxl_bottom_top_small 3s ease-out infinite;
    -webkit-animation: pxl_bottom_top_small 3s ease-out infinite
}

.pxl-image-spin {
    animation: pxl_spin 8s ease-out infinite;
    -webkit-animation: pxl_spin 8s ease-out infinite
}

.pxl-image-spin2 {
    animation: pxl_spin2 28s linear infinite;
    -webkit-animation: pxl_spin2 28s linear infinite
}

.pxl-effect-top {
    animation: pxl_top_small 3s ease-out infinite;
    -webkit-animation: pxl_top_small 3s ease-out infinite
}

.pxl-image-single-custom img {
    animation: pxl_spin 8s ease-out infinite;
    -webkit-animation: pxl_spin 8s ease-out infinite
}

.pxl-partner-carousel1 .pxl-item--logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-partner-carousel1 .pxl-item--logo img {
    -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;
    max-height: 63px
}

.pxl-partner-carousel1 .pxl-item--inner {
    -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-partner-carousel1 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-partner-carousel1.box-defualt .pxl-item--logo img {
    filter: opacity(.5)
}

.pxl-partner-carousel1.box-defualt .pxl-item--logo img.pxl-logo-light {
    display: none;
    opacity: 0
}

.pxl-partner-carousel1.box-defualt .pxl-item--logo:hover img,
.pxl-partner-carousel1.box-defualt .pxl-item--logo:hover a img {
    filter: opacity(1)
}

.pxl-partner-carousel1.box-defualt .pxl-item--inner {
    margin: 10px 0;
    padding: 30px 10px;
    -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-partner-carousel1.box-defualt .pxl-item--inner:hover {
    background-color: #ebeef5
}

.pxl-partner-carousel1.box-defualt .pxl-swiper-wrapper {
    align-items: center
}

.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-item--inner {
    overflow: hidden;
    -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-item--inner.pxl-item-light-box {
    position: relative
}

.pxl-image-single .pxl-item--inner.pxl-item-light-box img {
    transition: .6s cubic-bezier(.25, 1, .5, 1)
}

.pxl-image-single .pxl-item--inner.pxl-item-light-box a.btn-zoom {
    width: 55px;
    height: 55px;
    text-align: center;
    color: #fff;
    font-size: 35px;
    font-weight: 300;
    position: absolute;
    top: 30%;
    left: 50%;
    opacity: 0;
    display: inline-flex;
    -webkit-transform: translate(-50%, -60%);
    -khtml-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    transition: .6s cubic-bezier(.25, 1, .5, 1);
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.pxl-image-single .pxl-item--inner.pxl-item-light-box:hover {
    background-color: #000
}

.pxl-image-single .pxl-item--inner.pxl-item-light-box:hover img {
    opacity: .6
}

.pxl-image-single .pxl-item--inner.pxl-item-light-box:hover a.btn-zoom {
    top: 50%;
    opacity: 1;
    -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-anchor-wrap {
    display: flex
}

.pxl-anchor-wrap .pxl-anchor {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.pxl-anchor-wrap .pxl-anchor.pxl-icon--right {
    display: inline-flex;
    flex-direction: row-reverse;
    -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: 46px;
    padding: 0 35px;
    color: #fff
}

.pxl-anchor-wrap .pxl-anchor.pxl-icon--right .pxl-anchor-icon {
    margin-left: 15px;
    line-height: 1
}

.pxl-anchor-wrap .pxl-anchor.pxl-icon--right:hover {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-anchor-wrap .pxl-anchor.pxl-icon--left {
    display: inline-flex
}

.pxl-anchor-wrap .pxl-anchor.pxl-icon--left .pxl-anchor-icon {
    line-height: 1
}

.pxl-anchor-wrap .pxl-anchor.btn-default {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-anchor-wrap.search-mask a {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 54px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    color: #111c16;
    text-align: center;
    background-color: #f4f3f0
}

.pxl-anchor-wrap.search-mask a:hover {
    color: #fff;
    background-color:
}

.pxl-anchor-wrap .pxl-anchor-icon.custom {
    display: inline-block;
    width: 30px;
    min-width: 30px;
    height: 23px;
    position: relative;
    text-decoration: none
}

.pxl-anchor-wrap .pxl-anchor-icon.custom span {
    position: absolute;
    height: 3px;
    background-color: #000;
    border-radius: 3px;
    -webkit-transition: width .3s linear 0s, background-color .3s ease;
    -khtml-transition: width .3s linear 0s, background-color .3s ease;
    -moz-transition: width .3s linear 0s, background-color .3s ease;
    -ms-transition: width .3s linear 0s, background-color .3s ease;
    -o-transition: width .3s linear 0s, background-color .3s ease;
    transition: width .3s linear 0s, background-color .3s ease
}

.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(1) {
    width: 24px;
    top: 0;
    bottom: auto
}

.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(2) {
    width: 32px;
    top: 10px;
    bottom: auto
}

.pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(3) {
    width: 18px;
    top: auto;
    bottom: 0
}

.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span {
    background-color: var(--primary-color)
}

.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(1) {
    width: 32px
}

.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(2) {
    width: 18px
}

.pxl-anchor-wrap .pxl-anchor-icon.custom:hover span:nth-child(3) {
    width: 24px
}

.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(1) {
    left: auto;
    right: 0
}

.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(2) {
    left: auto;
    right: 0
}

.anchor-align-end .pxl-anchor-wrap .pxl-anchor-icon.custom span:nth-child(3) {
    left: auto;
    right: 0
}

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

.pxl-group-grapper .pxl-anchor-item {
    margin-right: 15px
}

@media screen and (min-width:1400px) {
    .pxl-group-grapper .pxl-anchor-item {
        margin-right: 20px
    }
}

.pxl-group-grapper .pxl-anchor-item:last-child {
    margin-right: 0
}

.pxl-group-grapper .pxl-anchor-item.pxl-cart-sidebar-button {
    margin-right: 30px
}

@media screen and (min-width:1400px) {
    .pxl-group-grapper .pxl-anchor-item.pxl-cart-sidebar-button {
        margin-right: 40px
    }
}

.pxl-group-grapper .pxl-anchor-item.pxl-button a {
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:1400px) {
    .pxl-group-grapper .pxl-anchor-item.pxl-button a {
        padding: 0 30px
    }
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone {
    display: flex;
    align-items: center
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-icon-phone {
    width: 44px;
    height: 44px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 50%
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-icon-phone i {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-icon-phone a {
    color: #fff;
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-icon-phone+.pxl-phone-meta {
    margin-left: 15px
}

@media screen and (max-width:1400px) {
    .pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-phone-meta {
        display: none
    }
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-phone-meta label {
    font-size: 13px;
    color: var(--third-color)
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-phone-meta .pxl-phone-text {
    font-size: 16px;
    color: var(--secondary-color)
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-phone-meta .pxl-phone-text a {
    color: inherit
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone .pxl-phone-meta .pxl-phone-text a:hover {
    color: var(--primary-color)
}

.pxl-group-grapper .pxl-anchor-item.pxl-phone:hover .pxl-icon-phone i {
    -webkit-animation: shakeThatBooty .6s linear 1;
    -khtml-animation: shakeThatBooty .6s linear 1;
    -moz-animation: shakeThatBooty .6s linear 1;
    -ms-animation: shakeThatBooty .6s linear 1;
    -o-animation: shakeThatBooty .6s linear 1;
    animation: shakeThatBooty .6s linear 1
}

.pxl-slider-carousel1 {
    position: relative
}

.pxl-slider-carousel1 .wp-arrow {
    display: flex
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .wp-arrow {
        flex-direction: column;
        width: 40px;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 70px;
        transform: translateY(-50%);
        z-index: 1
    }
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .wp-arrow {
        justify-content: left
    }
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow {
    position: static;
    transform: translate(0, 0);
    width: 40px;
    height: 40px;
    background-color: #fff
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow i {
    color: var(--primary-color)
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-bottom: 7px
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        margin: 0 10px
    }
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
        -webkit-transform: rotate(90deg);
        -khtml-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next {
    margin-top: 7px
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next {
        margin: 0 10px
    }
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next i {
        -webkit-transform: rotate(90deg);
        -khtml-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow:hover {
    background-color: var(--primary-color)
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow:hover i {
    color: #fff
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    flex-direction: column;
    width: 20px
}

.pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 8px
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .pxl-swiper-dots {
        position: absolute;
        margin-top: 0;
        bottom: 20px;
        width: 100%
    }
}

.pxl-slider-carousel1 .pxl-carousel-inner {
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .pxl-carousel-inner {
        background-color: rgba(255, 255, 255, .2);
        display: flex;
        align-items: center;
        border: 1px solid #fff;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px
    }
}

@media screen and (min-width:992px) {
    .pxl-slider-carousel1 .pxl-swiper-container {
        min-width: 55%;
        max-width: 55%;
        margin: 0
    }
}

.pxl-slider-carousel1 .pxl-swiper-slide {
    padding-left: 0;
    padding-right: 0
}

.pxl-slider-carousel1 .wp-title,
.pxl-slider-carousel1 .wp-meta-bottom {
    padding-left: 60px;
    border-left: 3px solid var(--primary-color)
}

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

    .pxl-slider-carousel1 .wp-title,
    .pxl-slider-carousel1 .wp-meta-bottom {
        padding-left: 20px
    }
}

.pxl-slider-carousel1 .pxl-subtile {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--primary-color)
}

.pxl-slider-carousel1 .pxl-title {
    font-size: 54px;
    margin-bottom: 25px;
    color: #fff
}

@media screen and (max-width:1199px) {
    .pxl-slider-carousel1 .pxl-title {
        font-size: 45px
    }
}

@media screen and (max-width:767px) {
    .pxl-slider-carousel1 .pxl-title {
        font-size: 25px
    }
}

.pxl-slider-carousel1 .pxl-excerpt {
    color: #fff;
    font-size: 19px;
    margin-bottom: 42px;
    max-width: 440px
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .pxl-excerpt {
        margin-bottom: 22px
    }
}

.pxl-slider-carousel1 .btn-readmore {
    padding: 15px 33px;
    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;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 17px
}

@media screen and (max-width:767px) {
    .pxl-slider-carousel1 .btn-readmore {
        padding: 10px 20px
    }
}

.pxl-slider-carousel1 .btn-readmore:before {
    content: '';
    position: absolute;
    background: var(--secondary-color);
    z-index: -1;
    width: 110%;
    height: 0;
    padding-bottom: 110%;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1)
}

.pxl-slider-carousel1 .btn-readmore:hover,
.pxl-slider-carousel1 .btn-readmore:focus,
.pxl-slider-carousel1 .btn-readmore:active {
    color: #fff
}

.pxl-slider-carousel1 .btn-readmore:hover:before,
.pxl-slider-carousel1 .btn-readmore:focus:before,
.pxl-slider-carousel1 .btn-readmore:active:before {
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0)scale3d(1, 1, 1)
}

.pxl-slider-carousel1 .pxl-item--icon {
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 50px
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .pxl-item--icon {
        display: none
    }
}

.pxl-slider-carousel1 .pxl-item--icon img {
    opacity: 1;
    max-height: 125px
}

.pxl-slider-carousel1 .pxl-item--inner {
    position: relative;
    padding: 100px 30px 100px 0
}

@media screen and (max-width:991px) {
    .pxl-slider-carousel1 .pxl-item--inner {
        padding: 60px 15px
    }
}

.pxl-slider-carousel1 .pxl-swiper-slide {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-slider-carousel1 .pxl-swiper-slide.swiper-slide-active {
    opacity: 1
}

.pxl-countdown.style-1 .pxl-countdown-container {
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .pxl-countdown.style-1 .pxl-countdown-container {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media screen and (max-width:575px) {
    .pxl-countdown.style-1 .pxl-countdown-container {
        max-width: 270px;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .pxl-countdown.style-1 .time-item {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:575px) {
    .pxl-countdown.style-1 .time-item {
        margin-bottom: 30px
    }
}

.pxl-countdown.style-1 .time-item-inner {
    text-align: center
}

.pxl-countdown.style-1 .inner-number {
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    background-color: var(--primary-color);
    border-radius: 38%;
    padding: 10px;
    position: relative;
    min-width: 110px;
    min-height: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

@media #($max-lg) {
    font-size: 36px;
    padding: 20px;
    min-width: 76px;
    min-height: 76px;
}

@media #($max-sm) {
    font-size: 32px;
    padding: 15px;
    min-width: 66px;
    min-height: 66px;
}

.pxl-countdown.style-1 .inner-number:after {
    content: "";
    background-color: rgba(var(--primary-color-rgb), .5);
    border-radius: 38%;
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    z-index: -1
}

@media #($max-lg) {
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
}

.pxl-countdown.style-1 .inner-text {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: 40px
}

@media screen and (max-width:1199px) {
    .pxl-countdown.style-1 .inner-text {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .pxl-countdown.style-1 .inner-text {
        font-size: 14px;
        margin-top: 30px
    }
}

.pxl-countdown.style-2 .inner-number {
    font-size: 48px;
    color: var(--secondary-color)
}

.pxl-countdown.style-2 .inner-text {
    font-size: 20px;
    text-transform: uppercase
}

.pxl-countdown.style-2 .time-item-inner {
    font-weight: 600;
    text-align: center
}

.pxl-countdown.style-2 .time-item {
    position: relative
}

.pxl-countdown.style-2 .time-item:after {
    content: ":";
    font-size: inherit;
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -6px;
    color: var(--secondary-color);
    font-size: 48px
}

.pxl-countdown.style-2 .time-item:last-child:after {
    display: none
}

@media screen and (max-width:575px) {
    .pxl-countdown.style-2 .time-item:after {
        display: none
    }
}

.pxl-countdown.style-2 .pxl-countdown-container {
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .pxl-countdown.style-2 .pxl-countdown-container {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media screen and (max-width:575px) {
    .pxl-countdown.style-2 .pxl-countdown-container {
        max-width: 270px;
        margin: 0 auto
    }
}

.pxl-download-layout1 .pxl-item--iconfile {
    line-height: 1;
    font-size: 20px;
    color: var(--primary-color);
    margin-right: 15px
}

.pxl-download-layout1 .pxl-item--iconfile svg {
    height: 20px;
    fill: var(--primary-color)
}

.pxl-download-layout1 .pxl-item--link {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3
}

.pxl-download-layout1 .pxl-item--meta {
    flex-grow: 1
}

.pxl-download-layout1 .pxl--item {
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 40px;
    background-color: var(--secondary-color);
    -webkit-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -khtml-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -moz-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -ms-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -o-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    box-shadow: 20px 5px 20px rgba(, , , .05);
    overflow: hidden;
    position: relative;
    -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;
    z-index: 1
}

@media screen and (max-width:1199px) {
    .pxl-download-layout1 .pxl--item {
        padding: 15px
    }
}

.pxl-download-layout1 .pxl--item+.pxl--item {
    margin-top: 20px
}

.pxl-download-layout1 .pxl--item:hover {
    background-color: var(--primary-color)
}

.pxl-download-layout1 .pxl--item:hover .pxl-item--iconfile {
    color: #fff
}

.pxl-download-layout1 .pxl--item:hover .pxl-item--iconfile svg {
    fill: #fff
}

.pxl-navigation-carousel {
    cursor: pointer
}

.pxl-navigation-carousel.style-1 {
    display: flex
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow-prev {
    margin-right: 15px
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow {
    width: 46px;
    height: 46px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow:hover i {
    color: #fff
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow:hover:before {
    transform: scale(0)
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow:hover:after {
    transform: scaleX(1)
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow i {
    font-size: 12px;
    color: #36619a;
    z-index: 1
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    transition-delay: .1s;
    transform: scaleX(1);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    border: 1px solid var(--primary-color)
}

.pxl-navigation-carousel.style-1 .pxl-navigation-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    transition-delay: .1s;
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    background: var(--primary-color)
}

.pxl-navigation-carousel.style-2 {
    display: flex
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow-prev {
    margin-right: 15px
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow {
    width: 60px;
    height: 60px;
    position: relative;
    display: flex;
    justify-content: center;
    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%;
    z-index: 1;
    border: 1px solid var(--secondary-color)
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition-delay: .1s;
    transform: scaleX(1);
    transform-origin: center;
    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);
    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%
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition-delay: .1s;
    transform: scale(0);
    transform-origin: center;
    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);
    background-color: var(--secondary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow:hover i {
    color: #fff
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow:hover:before {
    transform: scale(0)
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow:hover:after {
    transform: scaleX(1)
}

.pxl-navigation-carousel.style-2 .pxl-navigation-arrow i {
    font-size: 18px;
    color: #fff;
    z-index: 1
}

.pxl-navigation-carousel.style-3 {
    display: flex
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow-prev {
    margin-right: 15px
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow {
    width: 46px;
    height: 46px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border: 1px solid var(--secondary-color)
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow:hover:before {
    transform: scale(1)
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow:hover:after {
    transform: scaleX(0)
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow i {
    font-size: 12px;
    color: #fff;
    z-index: 1
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--secondary-color);
    transition-delay: .1s;
    transform: scaleX(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    border: .885px solid #36619a
}

.pxl-navigation-carousel.style-3 .pxl-navigation-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition-delay: .1s;
    transform: scale(1);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    background: var(--primary-color)
}

.pxl-text-stroke .pxl-item--stroke {
    color: var(--primary-color);
    margin-bottom: 17px;
    font-weight: 700;
    font-size: 160px;
    font-style: normal;
    letter-spacing: 2.16px;
    font-weight: 500;
    line-height: 57.87px;
    color: transparent
}

.pxl-text-stroke .pxl-item--stroke .pxl-item--svg-stroke {
    fill: transparent;
    width: 100%
}

.pxl-text-stroke .pxl-item--stroke.stroke-animate {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 5s linear forwards infinite, filling 5s ease-in forwards infinite
}

#pxl-header-default {
    position: relative;
    z-index: 999;
    background-color: #fff
}

#pxl-header-default .row {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: space-between
}

@media screen and (min-width:1200px) {
    #pxl-header-default .row>div {
        padding: 0 15px
    }

    #pxl-header-default .row .pxl-header-branding {
        max-width: 22%;
        min-height: 43px;
        display: flex;
        align-items: center;
        position: relative
    }

    #pxl-header-default .row .pxl-header-menu {
        padding-right: 0;
        padding-left: 50px;
        flex-grow: 1
    }

    #pxl-header-default .row .pxl-header-menu-scroll {
        width: 100%;
        display: flex;
        justify-content: end
    }

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

#pxl-header-default .row .pxl-header-branding {
    margin: 15px 0;
    padding: 0 15px
}

@media screen and (max-width:1199px) {
    #pxl-header-default .row .pxl-header-branding {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

#pxl-header-default .row .pxl-header-branding img {
    max-height: 35px;
    max-width: inherit
}

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

@media screen and (min-width:1200px) {
    #pxl-header-default.pxl-header-elementor-mobile {
        display: none
    }
}

@media screen and (min-width:992px) {
    .bg-before-logo {
        position: relative
    }

    .bg-before-logo:before {
        position: absolute;
        content: "";
        display: block;
        width: 6e3px;
        height: 110%;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: -1;
        -webkit-transform: skew(30deg);
        -khtml-transform: skew(30deg);
        -moz-transform: skew(30deg);
        -ms-transform: skew(30deg);
        -o-transform: skew(30deg);
        transform: skew(30deg)
    }
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%
    }

    50% {
        width: 50%
    }

    100% {
        width: 100%
    }
}

@keyframes burger-hover {
    0% {
        width: 100%
    }

    50% {
        width: 50%
    }

    100% {
        width: 100%
    }
}

.pxl-hidden-panel-button {}

.pxl-hidden-panel-button.style-1 {
    width: 32px;
    height: 28px;
    cursor: pointer;
    position: relative
}

.pxl-hidden-panel-button.style-1 .pxl-icon-line {
    height: 5px;
    display: block;
    line-height: 1;
    position: absolute;
    background-color: var(--primary-color);
    transition: all .2s ease-in-out;
    width: 100%;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-hidden-panel-button.style-1 .pxl-icon-line.pxl-icon-line1 {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%)rotate(0);
    -khtml-transform: translateX(-50%)rotate(0);
    -moz-transform: translateX(-50%)rotate(0);
    -ms-transform: translateX(-50%)rotate(0);
    -o-transform: translateX(-50%)rotate(0);
    transform: translateX(-50%)rotate(0)
}

.pxl-hidden-panel-button.style-1 .pxl-icon-line.pxl-icon-line2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-hidden-panel-button.style-1 .pxl-icon-line.pxl-icon-line3 {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%)rotate(0);
    -khtml-transform: translateX(-50%)rotate(0);
    -moz-transform: translateX(-50%)rotate(0);
    -ms-transform: translateX(-50%)rotate(0);
    -o-transform: translateX(-50%)rotate(0);
    transform: translateX(-50%)rotate(0)
}

.pxl-hidden-panel-button.style-1.cliked .pxl-icon-line.pxl-icon-line1 {
    top: 50%;
    -webkit-transform: translate(-50%, -50%)rotate(45deg);
    -khtml-transform: translate(-50%, -50%)rotate(45deg);
    -moz-transform: translate(-50%, -50%)rotate(45deg);
    -ms-transform: translate(-50%, -50%)rotate(45deg);
    -o-transform: translate(-50%, -50%)rotate(45deg);
    transform: translate(-50%, -50%)rotate(45deg)
}

.pxl-hidden-panel-button.style-1.cliked .pxl-icon-line.pxl-icon-line2 {
    opacity: 0;
    display: none
}

.pxl-hidden-panel-button.style-1.cliked .pxl-icon-line.pxl-icon-line3 {
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%)rotate(-45deg);
    -khtml-transform: translate(-50%, -50%)rotate(-45deg);
    -moz-transform: translate(-50%, -50%)rotate(-45deg);
    -ms-transform: translate(-50%, -50%)rotate(-45deg);
    -o-transform: translate(-50%, -50%)rotate(-45deg);
    transform: translate(-50%, -50%)rotate(-45deg)
}

.pxl-hidden-panel-button.style-2 {
    width: 45px;
    height: 45px;
    background-color: #000;
    cursor: pointer;
    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%;
    text-align: center;
    overflow: hidden
}

.pxl-hidden-panel-button.style-2 .pxl-icon-line {
    height: 2px;
    background-color: #fff;
    width: 23px;
    position: absolute;
    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
}

.pxl-hidden-panel-button.style-2 .pxl-icon-line.pxl-icon-line1 {
    top: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%)rotate(0);
    -khtml-transform: translateX(-50%)rotate(0);
    -moz-transform: translateX(-50%)rotate(0);
    -ms-transform: translateX(-50%)rotate(0);
    -o-transform: translateX(-50%)rotate(0);
    transform: translateX(-50%)rotate(0)
}

.pxl-hidden-panel-button.style-2 .pxl-icon-line.pxl-icon-line2 {
    top: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%)rotate(0);
    -khtml-transform: translateX(-50%)rotate(0);
    -moz-transform: translateX(-50%)rotate(0);
    -ms-transform: translateX(-50%)rotate(0);
    -o-transform: translateX(-50%)rotate(0);
    transform: translateX(-50%)rotate(0)
}

.pxl-hidden-panel-button.style-2.cliked .pxl-icon-line.pxl-icon-line1 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%)rotate(45deg);
    -khtml-transform: translate(-50%, -50%)rotate(45deg);
    -moz-transform: translate(-50%, -50%)rotate(45deg);
    -ms-transform: translate(-50%, -50%)rotate(45deg);
    -o-transform: translate(-50%, -50%)rotate(45deg);
    transform: translate(-50%, -50%)rotate(45deg)
}

.pxl-hidden-panel-button.style-2.cliked .pxl-icon-line.pxl-icon-line2 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%)rotate(-45deg);
    -khtml-transform: translate(-50%, -50%)rotate(-45deg);
    -moz-transform: translate(-50%, -50%)rotate(-45deg);
    -ms-transform: translate(-50%, -50%)rotate(-45deg);
    -o-transform: translate(-50%, -50%)rotate(-45deg);
    transform: translate(-50%, -50%)rotate(-45deg)
}

.pxl-hidden-panel-button.style-3 .pxl-icon-line {
    align-self: flex-end;
    height: 2px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 83.33333%;
    background: var(--secondary-color);
    -webkit-transition: all 400ms ease-in-out;
    -khtml-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.pxl-hidden-panel-button.style-3 .pxl-icon-line.pxl-icon-line1 {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms
}

.pxl-hidden-panel-button.style-3 .pxl-icon-line.pxl-icon-line2 {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms
}

.pxl-hidden-panel-button.style-3 .pxl-icon-line.pxl-icon-line3 {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
    animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms
}

.pxl-hidden-panel-button.style-3 .hamburger {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25px;
    height: 22px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -khtml-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

#pxl-header-elementor {}

#pxl-header-elementor #pxl-header-mobile {
    display: none
}

#pxl-header-elementor .pxl-header-elementor-main {
    position: relative;
    z-index: 999
}

#pxl-header-elementor .pxl-header-elementor-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -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
}

#pxl-header-elementor .px-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

@media screen and (max-width:1260px) {
    .bd-px-header--left_sidebar:not(.elementor-editor-active) .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1130px
    }
}

@media screen and (min-width:1200px) {
    .bd-px-header--left_sidebar .pxl-content-wrap.no-sidebar {
        margin-left: 0;
        margin-right: 0
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-header-elementor .px-header--left_sidebar {
        width: 300px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: #fff;
        -webkit-box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        -khtml-box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        -moz-box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        -ms-box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        -o-box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        box-shadow: 36px 0 46px rgba(48, 48, 48, 8%);
        max-height: 100vh;
        overflow-y: auto;
        scrollbar-width: none;
        will-change: transform;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-header-elementor .px-header--left_sidebar+.pxl-header-elementor-sticky {
        display: none !important;
        opacity: 0;
        z-index: -1
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-main,
    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-footer-elementor,
    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-page-title-elementor {
        padding-left: 300px
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-main .elementor>.elementor-section,
    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-footer-elementor .elementor>.elementor-section,
    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-page-title-elementor .elementor>.elementor-section {
        width: 100% !important;
        left: 0 !important
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-footer-elementor .container {
        max-width: 100%
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active).pxl-footer-fixed #pxl-wapper #pxl-main {
        margin-bottom: 0 !important
    }

    .bd-px-header--left_sidebar:not(.elementor-editor-active).pxl-footer-fixed #pxl-footer-elementor {
        position: static
    }

    .admin-bar.bd-px-header--left_sidebar:not(.elementor-editor-active) #pxl-header-elementor .px-header--left_sidebar {
        top: 32px
    }
}

@media screen and (min-width:1200px) {
    .primary-menu-not-set {
        list-style: none;
        margin: 0
    }

    .primary-menu-not-set>li {
        text-align: center
    }

    .primary-menu-not-set>li a {
        font-size: 17px;
        color: #1b2336;
        font-weight: 600;
        line-height: 100px;
        position: relative;
        text-transform: capitalize;
        padding: 0
    }

    .primary-menu-not-set>li a:hover {
        color: var(--primary-color)
    }

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

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

    .pxl-menu-primary li {
        position: relative;
        color: var(--secondary-color)
    }

    .pxl-menu-primary li a {
        color: var(--secondary-color);
        position: relative;
        font-weight: 500
    }

    .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle
    }

    .pxl-menu-primary>li>a {
        line-height: 100px;
        font-size: 17px;
        font-weight: 600;
        display: inline-block
    }

    .pxl-menu-primary>li>a span {
        display: inline-block;
        line-height: 1;
        position: relative;
        z-index: 1
    }

    .pxl-menu-primary>li.menu-item-has-children>a i.pxl-hide {
        display: inline-flex;
        font-size: 10px;
        margin-left: 6px;
        line-height: 1;
        color: inherit;
        -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-menu-primary>li.menu-item-has-children>a i.pxl-hide:before {
        font-weight: 400
    }

    .pxl-menu-primary>li.menu-item-has-children>a span:after {
        content: "";
        height: 2px;
        width: 0;
        background-color: var(--primary-color);
        position: absolute;
        bottom: -5px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        right: 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;
        transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -webkit-transform-origin: left;
        -o-transform-origin: left
    }

    .pxl-menu-primary>li>a:hover,
    .pxl-menu-primary>li.current_page_item>a,
    .pxl-menu-primary>li.current-menu-item>a,
    .pxl-menu-primary>li.current_page_ancestor>a,
    .pxl-menu-primary>li.current-menu-ancestor>a {
        color: var(--primary-color)
    }

    .pxl-menu-primary>li>a:hover span:after,
    .pxl-menu-primary>li.current_page_item>a span:after,
    .pxl-menu-primary>li.current-menu-item>a span:after,
    .pxl-menu-primary>li.current_page_ancestor>a span:after,
    .pxl-menu-primary>li.current-menu-ancestor>a span:after {
        width: 100%;
        left: 0;
        right: auto;
        transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -webkit-transform-origin: right;
        -o-transform-origin: right
    }

    .pxl-menu-primary>li.menu-item-has-children>a:hover,
    .pxl-menu-primary>li.current_page_item.menu-item-has-children>a,
    .pxl-menu-primary>li.current-menu-item.menu-item-has-children>a,
    .pxl-menu-primary>li.current_page_ancestor.menu-item-has-children>a,
    .pxl-menu-primary>li.current-menu-ancestor.menu-item-has-children>a {
        color: var(--primary-color)
    }

    .pxl-menu-primary>li.menu-item-has-children>a:hover span:after,
    .pxl-menu-primary>li.current_page_item.menu-item-has-children>a span:after,
    .pxl-menu-primary>li.current-menu-item.menu-item-has-children>a span:after,
    .pxl-menu-primary>li.current_page_ancestor.menu-item-has-children>a span:after,
    .pxl-menu-primary>li.current-menu-ancestor.menu-item-has-children>a span:after {
        width: 100%;
        left: 0;
        right: auto;
        transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -webkit-transform-origin: right;
        -o-transform-origin: right
    }

    .pxl-menu-primary>li.menu-item-has-children>a:hover i.pxl-hide {
        -webkit-transform: rotateX(-180deg);
        -khtml-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -o-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    .pxl-menu-primary .sub-menu,
    .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 10px 0;
        margin-bottom: 0;
        min-width: 230px;
        background-color: #fff;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        -webkit-box-shadow: 0 15px 30px -10px rgba(, , , .09);
        -khtml-box-shadow: 0 15px 30px -10px rgba(, , , .09);
        -moz-box-shadow: 0 15px 30px -10px rgba(, , , .09);
        -ms-box-shadow: 0 15px 30px -10px rgba(, , , .09);
        -o-box-shadow: 0 15px 30px -10px rgba(, , , .09);
        box-shadow: 0 15px 30px -10px rgba(, , , .09);
        -webkit-transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        -khtml-transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        -moz-transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        -ms-transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        -o-transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        transition: opacity 100ms ease, visibility 100ms ease, transform 200ms ease, -webkit-transform 200ms ease;
        -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;
        text-align: left;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

    .pxl-menu-primary .sub-menu li,
    .pxl-menu-primary .children li {
        padding: 0;
        white-space: nowrap;
        padding: 0 20px
    }

    .pxl-menu-primary .sub-menu li a,
    .pxl-menu-primary .children li a {
        padding: 12px 0;
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: var(--third-color);
        border-bottom: 1px dotted #e1e1e1
    }

    .pxl-menu-primary .sub-menu li a span,
    .pxl-menu-primary .children li a span {
        position: relative;
        display: inline-block;
        padding-right: 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)
    }

    .pxl-menu-primary .sub-menu li a span:before,
    .pxl-menu-primary .children li a span:before {
        width: 3px;
        height: 12px;
        content: "";
        display: inline-block;
        background-color: var(--primary-color);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%)scaleY(0);
        -khtml-transform: translateY(-50%)scaleY(0);
        -moz-transform: translateY(-50%)scaleY(0);
        -ms-transform: translateY(-50%)scaleY(0);
        -o-transform: translateY(-50%)scaleY(0);
        transform: translateY(-50%)scaleY(0);
        left: 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)
    }

    .pxl-menu-primary .sub-menu li>a:hover,
    .pxl-menu-primary .children li>a:hover,
    .pxl-menu-primary .sub-menu li.current_page_item>a,
    .pxl-menu-primary .children li.current_page_item>a,
    .pxl-menu-primary .sub-menu li.current-menu-item>a,
    .pxl-menu-primary .children li.current-menu-item>a,
    .pxl-menu-primary .sub-menu li.current_page_ancestor>a,
    .pxl-menu-primary .children li.current_page_ancestor>a,
    .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,
    .pxl-menu-primary .children li.current-menu-ancestor>a {
        color: var(--primary-color);
        border-bottom-color: var(--primary-color)
    }

    .pxl-menu-primary .sub-menu li>a:hover span,
    .pxl-menu-primary .children li>a:hover span,
    .pxl-menu-primary .sub-menu li.current_page_item>a span,
    .pxl-menu-primary .children li.current_page_item>a span,
    .pxl-menu-primary .sub-menu li.current-menu-item>a span,
    .pxl-menu-primary .children li.current-menu-item>a span,
    .pxl-menu-primary .sub-menu li.current_page_ancestor>a span,
    .pxl-menu-primary .children li.current_page_ancestor>a span,
    .pxl-menu-primary .sub-menu li.current-menu-ancestor>a span,
    .pxl-menu-primary .children li.current-menu-ancestor>a span {
        padding-left: 15px;
        padding-right: 0
    }

    .pxl-menu-primary .sub-menu li>a:hover span:before,
    .pxl-menu-primary .children li>a:hover span:before,
    .pxl-menu-primary .sub-menu li.current_page_item>a span:before,
    .pxl-menu-primary .children li.current_page_item>a span:before,
    .pxl-menu-primary .sub-menu li.current-menu-item>a span:before,
    .pxl-menu-primary .children li.current-menu-item>a span:before,
    .pxl-menu-primary .sub-menu li.current_page_ancestor>a span:before,
    .pxl-menu-primary .children li.current_page_ancestor>a span:before,
    .pxl-menu-primary .sub-menu li.current-menu-ancestor>a span:before,
    .pxl-menu-primary .children li.current-menu-ancestor>a span:before {
        opacity: 1;
        -webkit-transform: translateY(-50%)scaleY(1);
        -khtml-transform: translateY(-50%)scaleY(1);
        -moz-transform: translateY(-50%)scaleY(1);
        -ms-transform: translateY(-50%)scaleY(1);
        -o-transform: translateY(-50%)scaleY(1);
        transform: translateY(-50%)scaleY(1)
    }

    .pxl-menu-primary .sub-menu li.menu-item-has-children>a:after,
    .pxl-menu-primary .children li.menu-item-has-children>a:after {
        content: "\f110";
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 10px;
        font-family: sandaicon;
        font-weight: 400
    }

    .pxl-menu-primary .sub-menu li:last-child a,
    .pxl-menu-primary .children li:last-child a {
        border-bottom: none
    }

    .pxl-menu-primary .sub-menu>li,
    .pxl-menu-primary .children>li {
        transition: all .2s cubic-bezier(.4, .28, .31, 1.28)0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+1),
    .pxl-menu-primary .children>li:nth-child(2n+1) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+2),
    .pxl-menu-primary .children>li:nth-child(2n+2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+3),
    .pxl-menu-primary .children>li:nth-child(2n+3) {
        transition-delay: .2s;
        -webkit-transition-delay: .2s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+4),
    .pxl-menu-primary .children>li:nth-child(2n+4) {
        transition-delay: .25s;
        -webkit-transition-delay: .25s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+5),
    .pxl-menu-primary .children>li:nth-child(2n+5) {
        transition-delay: .3s;
        -webkit-transition-delay: .3s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+6),
    .pxl-menu-primary .children>li:nth-child(2n+6) {
        transition-delay: .35s;
        -webkit-transition-delay: .35s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+7),
    .pxl-menu-primary .children>li:nth-child(2n+7) {
        transition-delay: .4s;
        -webkit-transition-delay: .4s
    }

    .pxl-menu-primary .sub-menu>li:nth-child(2n+8),
    .pxl-menu-primary .children>li:nth-child(2n+8) {
        transition-delay: .45s;
        -webkit-transition-delay: .45s
    }

    .pxl-menu-primary .sub-menu .sub-menu,
    .pxl-menu-primary .children .sub-menu,
    .pxl-menu-primary .sub-menu .children,
    .pxl-menu-primary .children .children {
        top: -10px;
        left: 100%;
        background-color: #fff
    }

    .pxl-menu-primary .sub-menu .sub-menu.back,
    .pxl-menu-primary .children .sub-menu.back,
    .pxl-menu-primary .sub-menu .children.back,
    .pxl-menu-primary .children .children.back {
        left: auto;
        right: 100%
    }

    .pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title,
    .pxl-menu-primary .children .pxl-heading .pxl-item--title {
        color: inherit !important
    }

    .pxl-menu-primary li:hover>.sub-menu,
    .pxl-menu-primary li.focus>.sub-menu,
    .pxl-menu-primary li:hover>.children,
    .pxl-menu-primary li.focus>.children {
        clip: inherit;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1)translateZ(0);
        transform: scaleY(1)translateZ(0)
    }

    .pxl-menu-primary li:hover>.sub-menu>li,
    .pxl-menu-primary li.focus>.sub-menu>li,
    .pxl-menu-primary li:hover>.children>li,
    .pxl-menu-primary li.focus>.children>li {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .pxl-menu-primary .pxl-megamenu {
        position: static
    }

    .pxl-menu-primary .pxl-megamenu>a {
        position: relative
    }

    .pxl-menu-primary .pxl-megamenu>.sub-menu {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        padding: 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;
        border: none
    }

    .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .pxl-menu-primary .pxl-megamenu .sub-menu,
    .pxl-menu-primary .pxl-megamenu .children {
        padding-top: 0;
        background-color: initial;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }

    .pxl-menu-toggle {
        display: none
    }

    #pxl-header-default .pxl-header-main .container {
        max-width: 1200px;
        padding: 0 15px
    }

    #pxl-header-default .pxl-menu-primary>li.menu-item-has-children>a:after {
        -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;
        font-family: sandaicon;
        content: "\f107";
        font-weight: 700;
        position: relative;
        top: 0;
        width: 11px;
        height: 10px;
        display: inline-flex;
        font-size: 9px;
        margin-left: 3px;
        z-index: 1;
        line-height: 1;
        align-items: center;
        justify-content: center
    }

    #pxl-header-default .pxl-menu-primary>li>a {
        color: var(--third-color)
    }

    #pxl-header-default .pxl-menu-primary>li:hover>a,
    #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: var(--primary-color)
    }

    #pxl-header-default .pxl-menu-primary>li.pxl-megamenu>a {
        position: relative
    }

    #pxl-header-default .pxl-menu-primary>li.pxl-megamenu>a:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background: #f8f8f8;
        bottom: -8px;
        left: 45%;
        top: auto;
        -webkit-transform: translateX(-30%)scale(0)rotate(45deg);
        -khtml-transform: translateX(-30%)scale(0)rotate(45deg);
        -moz-transform: translateX(-30%)scale(0)rotate(45deg);
        -ms-transform: translateX(-30%)scale(0)rotate(45deg);
        -o-transform: translateX(-30%)scale(0)rotate(45deg);
        transform: translateX(-30%)scale(0)rotate(45deg);
        -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;
        z-index: 100
    }

    #pxl-header-default .pxl-menu-primary>li.pxl-megamenu .sub-menu:before {
        display: none;
        opacity: 0
    }

    #pxl-header-default .pxl-menu-primary>li.pxl-megamenu:hover>a:before {
        -webkit-transform: translateX(-50%)scale(1)rotate(45deg);
        -khtml-transform: translateX(-50%)scale(1)rotate(45deg);
        -moz-transform: translateX(-50%)scale(1)rotate(45deg);
        -ms-transform: translateX(-50%)scale(1)rotate(45deg);
        -o-transform: translateX(-50%)scale(1)rotate(45deg);
        transform: translateX(-50%)scale(1)rotate(45deg)
    }

    #pxl-header-default .sub-menu li.menu-item-has-children>a:after {
        content: "\f110";
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 10px;
        font-family: sandaicon;
        font-weight: 400
    }

    .pxl-nav-menu .pxl-megamenu>a {
        position: relative
    }

    .pxl-nav-menu .pxl-megamenu>a:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: var(--primary-color);
        bottom: 0;
        left: 0;
        -webkit-transform: scale(0);
        -khtml-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(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;
        z-index: 100
    }

    .pxl-nav-menu .pxl-megamenu .sub-menu:before {
        display: none;
        opacity: 0
    }

    .pxl-nav-menu .pxl-megamenu:hover>a:before {
        -webkit-transform: scale(1);
        -khtml-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .pxl-header-nav .pxl-menu-primary>li {
        margin: 0 0
    }

    .pxl-header-nav .pxl-menu-primary>li>a {
        padding: 0 20px
    }
}

@media screen and (min-width:1400px) {
    .pxl-menu-primary>li {
        margin: 0 15px
    }
}

@media screen and (max-width:1400px) {
    .pxl-menu-primary>li {
        margin: 0 12px
    }

    .pxl-header-nav .pxl-menu-primary>li {
        margin: 0 0
    }
}

@media screen and (max-width:1199px) {
    #pxl-header-elementor {
        position: relative;
        -webkit-box-shadow: 0 0 15px rgba(, , , .08);
        -khtml-box-shadow: 0 0 15px rgba(, , , .08);
        -moz-box-shadow: 0 0 15px rgba(, , , .08);
        -ms-box-shadow: 0 0 15px rgba(, , , .08);
        -o-box-shadow: 0 0 15px rgba(, , , .08);
        box-shadow: 0 0 15px rgba(, , , .08)
    }

    #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;
        background-color: #fff
    }

    #pxl-header-default .pxl-header-main,
    #pxl-header-elementor .pxl-header-main {
        position: relative
    }

    #pxl-header-default .pxl-header-branding,
    #pxl-header-elementor .pxl-header-branding {
        margin: 15px;
        min-height: 50px;
        align-items: center;
        display: flex
    }

    #pxl-header-default .pxl-header-branding img,
    #pxl-header-elementor .pxl-header-branding img {
        height: 50px
    }

    #pxl-header-default #pxl-nav-mobile,
    #pxl-header-elementor #pxl-nav-mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    #pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item,
    #pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item {
        margin-left: 10px
    }

    .pxl-nav-mobile-button {
        width: 40px;
        height: 35px;
        position: relative;
        cursor: pointer;
        border: 2px solid var(--primary-color);
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

    .pxl-nav-mobile-button:before,
    .pxl-nav-mobile-button:after,
    .pxl-nav-mobile-button span {
        width: 28px;
        content: '';
        background-color: var(--primary-color);
        height: 2px;
        position: absolute;
        margin: auto;
        left: 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)
    }

    .pxl-nav-mobile-button:before {
        top: 6px
    }

    .pxl-nav-mobile-button:after {
        bottom: 6px
    }

    .pxl-nav-mobile-button span {
        top: 15px
    }

    .pxl-header-menu-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(34, 34, 55, .6);
        -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645, .045, .355, 1);
        opacity: 0;
        visibility: hidden
    }

    .pxl-header-menu {
        position: fixed;
        height: 100vh;
        width: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        z-index: 999;
        -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        -webkit-box-shadow: 0 0 15px rgba(, , , .08);
        -khtml-box-shadow: 0 0 15px rgba(, , , .08);
        -moz-box-shadow: 0 0 15px rgba(, , , .08);
        -ms-box-shadow: 0 0 15px rgba(, , , .08);
        -o-box-shadow: 0 0 15px rgba(, , , .08);
        box-shadow: 0 0 15px rgba(, , , .08);
        background-color: #fff;
        overflow-y: scroll
    }

    .pxl-header-menu.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    .pxl-header-menu.active+.pxl-header-menu-backdrop {
        opacity: 1;
        visibility: visible
    }

    .pxl-header-menu-scroll {
        padding: 65px 25px 40px
    }

    .pxl-header-menu-scroll .pxl-close {
        position: absolute;
        top: 10px;
        right: 20px;
        background-color: var(--primary-color)
    }

    .pxl-header-menu-scroll .pxl-close:before,
    .pxl-header-menu-scroll .pxl-close:after {
        background-color: #fff
    }

    .pxl-header-menu-scroll .pxl-close:hover {
        background-color: var(--secondary-color)
    }

    .pxl-header-menu-scroll .pxl-close:hover:before,
    .pxl-header-menu-scroll .pxl-close:hover:after {
        background-color: #fff
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li {
        padding-left: 0;
        padding-right: 0
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li>a .left-icon {
        margin-right: 4px
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li .elementor-section {
        max-width: 100%;
        left: 0 !important
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li .elementor-container {
        margin: 10px 0 !important
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li .sub-menu,
    .pxl-header-menu-scroll .pxl-menu-primary>li .children {
        padding-left: 15px
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li .sub-menu a,
    .pxl-header-menu-scroll .pxl-menu-primary>li .children a {
        padding-left: 0
    }

    .pxl-header-menu-scroll .pxl-menu-primary>li .sub-menu.pxl-mega-menu,
    .pxl-header-menu-scroll .pxl-menu-primary>li .children.pxl-mega-menu {
        padding-left: 0
    }

    .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: #1b1b1b;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 3%)
    }

    .pxl-menu-toggle:before {
        content: "\f107";
        font-family: sandaicon
    }

    .pxl-menu-toggle.active:before {
        content: "\f106"
    }

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

    .pxl-menu-primary li {
        position: relative
    }

    .pxl-menu-primary li a {
        display: block;
        line-height: 46px;
        color: var(--third-color);
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .pxl-menu-primary li>a:hover,
    .pxl-menu-primary li>a.current,
    .pxl-menu-primary li.current_page_item>a,
    .pxl-menu-primary li.current-menu-item>a,
    .pxl-menu-primary li.current_page_ancestor>a,
    .pxl-menu-primary li.current-menu-ancestor>a {
        color: var(--primary-color)
    }

    .pxl-menu-primary .sub-menu,
    .pxl-menu-primary .children {
        position: relative;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary .sub-menu li a,
    .pxl-menu-primary .children li a {
        font-weight: 500;
        padding-left: 14px
    }

    .pxl-menu-primary>li>.sub-menu>li>.sub-menu>li a {
        padding-left: 0
    }

    .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(, , , .06);
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title {
        margin-bottom: 0 !important;
        font-size: 15px !important;
        border-bottom: none !important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-widget-heading>.elementor-widget-container {
        margin-bottom: 0 !important;
        border-bottom: none !important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container {
        flex-wrap: wrap
    }

    .pxl-menu-primary .pxl-menu-toggle {
        color: var(--third-color);
        background-color: #e1e1e1
    }

    .pxl-menu-primary .pxl-menu-toggle:hover {
        color: var(--primary-color)
    }

    .pxl-logo-mobile {
        margin-bottom: 40px
    }

    .pxl-logo-mobile img {
        height: 50px
    }

    .pxl-header-mobile-search {
        margin-bottom: 20px
    }

    .pxl-header-mobile-search form {
        position: relative
    }

    .pxl-header-mobile-search .search-field {
        height: 50px;
        border: 1px solid #f2f5ff;
        padding: 0 25px;
        color: var(--third-color)
    }

    .pxl-header-mobile-search .search-field:hover,
    .pxl-header-mobile-search .search-field:focus {
        color: var(--secondary-color)
    }

    .pxl-header-mobile-search .search-submit {
        position: absolute;
        top: 5px;
        right: 10px;
        -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;
        font-weight: 700;
        padding: 0;
        width: 30px;
        height: 40px;
        line-height: 40px;
        background: 0 0;
        color: var(--primary-color)
    }

    .pxl-menu-close {
        background-color: rgba(, , , .03);
        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-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden
}

#pxl-search-popup .pxl-item--close {
    background-color: #e1e1e1;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin-left: 25px;
    position: relative
}

#pxl-search-popup .pxl-item--close:before,
#pxl-search-popup .pxl-item--close:after {
    background-color: #000
}

#pxl-search-popup .pxl-item--conent {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 320px;
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
    -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%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

#pxl-search-popup .pxl-item--conent form {
    max-width: 720px;
    width: 100%;
    position: relative
}

@media(min-width:992px) and (max-width:1199px) {
    #pxl-search-popup .pxl-item--conent form {
        max-width: 450px
    }
}

#pxl-search-popup .pxl-item--conent form .search-field {
    background-color: #fff;
    height: 70px;
    padding: 0 120px 0 20px;
    color: rgba(, , , .48);
    font-size: 1rem;
    border: 1px solid #d9d1cb;
    color: #3c3b3b
}

#pxl-search-popup .pxl-item--conent form .search-submit {
    position: absolute;
    top: 50%;
    right: -1px;
    -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%);
    height: 70px;
    line-height: 70px;
    text-align: right;
    border: none;
    background: 0 0;
    font-size: 20px;
    padding: 0 30px;
    z-index: 99;
    cursor: pointer;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--primary-color)
}

#pxl-search-popup .pxl-item--conent form .search-submit i {
    line-height: 1
}

#pxl-search-popup.active {
    visibility: visible;
    background-color: rgba(0, 0, 0, .8)
}

#pxl-search-popup.active .pxl-item--overlay {
    opacity: 1;
    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%)
}

.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: 46px
    }
}

.elementor-editor-active .pxl-type-header-clip>.elementor-container .pxl-header-shape {
    display: none
}

.elementor-editor-active .pxl-type-header-clip>.elementor-container .pxl-header-shape:last-child {
    display: block
}

.pxl-type-header-clip>.elementor-container {
    position: relative !important;
    z-index: 1
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape {
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    height: 100px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: -1;
    filter: drop-shadow(0 10px 35px rgba(, , , .08));
    margin-left: 52px;
    margin-right: 190px
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape span {
    clip-path: polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape svg {
    fill: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:before,
.pxl-type-header-clip>.elementor-container .pxl-header-shape:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    top: 0
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:before {
    left: -45px;
    background-color: #fff;
    z-index: 99
}

.pxl-type-header-clip>.elementor-container .pxl-header-shape:after {
    left: -52px;
    background-color: var(--primary-color);
    z-index: 88
}

.pxl-item--archive {
    margin-bottom: 40px;
    background-color: #fff
}

.pxl-item--archive .pxl-feature {
    position: relative;
    overflow: hidden
}

.pxl-item--archive .pxl-feature .inner-feature {
    overflow: hidden
}

.pxl-item--archive .pxl-feature iframe {
    width: 100%
}

.pxl-item--archive .pxl-feature iframe .player {
    width: 100%
}

.pxl-item--archive .pxl-feature img {
    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;
    -webkit-transform: scale(1.01);
    -khtml-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.pxl-item--archive .pxl-feature.pxl-item--image {
    overflow: hidden
}

.pxl-item--archive .pxl-item--title {
    font-size: 30px;
    line-height: 1.13;
    margin-bottom: 15px;
    font-weight: 600
}

@media screen and (max-width:767px) {
    .pxl-item--archive .pxl-item--title {
        font-size: 28px
    }
}

.pxl-item--archive .pxl-item--title a {
    color: inherit;
    word-break: break-word
}

.pxl-item--archive .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--excerpt {
    font-size: 18px
}

@media screen and (min-width:1200px) {
    .pxl-item--archive .pxl-item--excerpt {
        padding-right: 20px
    }
}

.pxl-item--archive .pxl-item--meta {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    list-style: none;
    font-weight: 600
}

.pxl-item--archive .pxl-item--meta li {
    display: inline-block;
    color: var(--third-color);
    margin-right: 15px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400;
    -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-item--archive .pxl-item--meta li:after {
    content: "|";
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -2px;
    font-size: 12px
}

.pxl-item--archive .pxl-item--meta li:last-child {
    padding-right: 0;
    margin-right: 0
}

.pxl-item--archive .pxl-item--meta li:last-child:after {
    display: none
}

.pxl-item--archive .pxl-item--meta li i {
    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: 6px;
    left: 0;
    line-height: 1;
    font-size: 14px
}

.pxl-item--archive .pxl-item--meta a {
    color: inherit
}

.pxl-item--archive .pxl-item--meta a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--readmore a {
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 32px;
    font-weight: 700;
    color: var(--third-color);
    text-transform: uppercase;
    background-color: initial;
    transition: all .3s cubic-bezier(0, 0, .23, 1);
    z-index: 1
}

.pxl-item--archive .pxl-item--readmore a i {
    margin-left: 8px;
    line-height: 1;
    position: relative;
    top: 0;
    font-weight: 700;
    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
}

.pxl-item--archive .pxl-item--readmore a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--readmore a:hover i {
    -webkit-animation: toRightFromLeft .3s linear 1;
    -khtml-animation: toRightFromLeft .3s linear 1;
    -moz-animation: toRightFromLeft .3s linear 1;
    -ms-animation: toRightFromLeft .3s linear 1;
    -o-animation: toRightFromLeft .3s linear 1;
    animation: toRightFromLeft .3s linear 1
}

.pxl-item--archive .item--comment {
    font-size: 14px;
    font-weight: 400;
    color: var(--third-color)
}

.pxl-item--archive .item--date-feature {
    position: absolute;
    top: 28px;
    right: 36px;
    padding: 25px 15px;
    background-color: var(--primary-color);
    color: #fff;
    width: 80px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}

.pxl-item--archive .pxl-meta-content {
    padding: 30px
}

@media screen and (max-width:991px) {
    .pxl-item--archive .pxl-meta-content {
        padding: 30px 20px
    }
}

@media screen and (max-width:575px) {
    .pxl-item--archive .pxl-meta-content {
        padding: 25px 15px
    }
}

.pxl-item--archive .pxl-meta-buttom {
    padding: 12px 30px;
    background-color: #f4f5f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.pxl-item--archive .pxl-meta-buttom:before {
    background-color: var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    height: 0;
    width: calc(100% + 2px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: -1
}

.pxl-item--archive .pxl-item--holder {
    -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;
    position: relative;
    border: 1px solid #f4f5f8
}

.pxl-item--archive .pxl-item--holder .pxl-item--author {
    z-index: 1;
    padding: 5px 8px 5px 15px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    background-color: #6a6f78
}

.pxl-item--archive .pxl-item--holder .pxl-item--author 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;
    width: 40px;
    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;
    transform: scale(1.05)
}

.pxl-item--archive .pxl-item--holder .pxl-item--author a {
    margin-right: 10px;
    color: #fff
}

.pxl-item--archive .pxl-item--holder .pxl-item--author a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item--author:hover img {
    transform: scale(1)
}

.pxl-item--archive:hover .pxl-feature img {
    transform: scale(1)
}

.pxl-item--archive:hover .pxl-feature .pxl-item--category {
    left: 30px;
    opacity: 1
}

.pxl-item--archive:hover .pxl-item--readmore a {
    color: #fff
}

.pxl-item--archive:hover .pxl-item--readmore a i {
    color: inherit
}

.pxl-item--archive:hover .item--comment a,
.pxl-item--archive:hover .item--comment i {
    color: #fff
}

.pxl-item--archive:hover .pxl-meta-buttom:before {
    height: 100%
}

.search-results .pxl-item--post .pxl-item--holder {
    padding: 30px
}

.search-results .pxl-item--post:hover .pxl-item--readmore a {
    color: var(--primary-color)
}

.search-results .pxl-item--post.pxl-template .pxl-item--meta .item--category {
    display: none
}

.search-results .pxl-item--post.type-page .pxl-item--meta .item--category,
.search-results .pxl-item--post.type-page .pxl-item--meta .item--comment {
    display: none
}

.search-results .pxl-item--post.type-page .pxl-item--meta .pxl-item--author:before {
    display: none
}

.search-results .pxl-item--post.type-product .pxl-item--image {
    margin-bottom: 43px
}

.search-results .pxl-item--post.type-product .pxl-item--meta {
    display: none
}

.search-results .pxl-item--post.type-product .pxl-item--readmore {
    display: none
}

.search-results .pxl-item--post.type-product .pxl-item--excerpt {
    margin-bottom: 0
}

.single-post .pxl-item--image {
    position: relative;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.single-post .single-heading {
    font-size: 26px
}

.single-post .pxl-item--meta {
    list-style: none;
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    font-size: 16px;
    color: var(--secondary-color)
}

.single-post .pxl-item--meta li {
    display: inline-block;
    color: var(--third-color);
    position: relative;
    margin-right: 30px;
    padding-left: 25px;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.single-post .pxl-item--meta li:last-child {
    padding-right: 0;
    margin-right: 0
}

.single-post .pxl-item--meta li:last-child:after {
    display: none
}

@media screen and (max-width:1199px) {
    .single-post .pxl-item--meta li {
        margin-right: 20px
    }
}

.single-post .pxl-item--meta li i {
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 18px;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.single-post .pxl-item--meta li:last-child {
    padding-right: 0;
    margin-right: 0
}

.single-post .pxl-item--meta a {
    color: inherit
}

.single-post .pxl-item--meta a:hover {
    color: var(--primary-color)
}

.single-post .pxl-item--meta-after {
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.single-post .pxl-item--meta-after:before,
.single-post .pxl-item--meta-after:after {
    content: "";
    display: inline-flex;
    flex-grow: 1;
    height: 1px;
    background-color: #e3e3e3
}

.single-post .pxl-item--meta-after li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.single-post .pxl-item--meta-after li i {
    color: var(--primary-color)
}

.single-post .pxl-item--meta-after li a {
    color: var(--third-color)
}

.single-post .pxl-item--meta-after li a:hover {
    color: var(--primary-color)
}

.single-post .pxl-item--content {
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px
}

.single-post .pxl-item--content p {
    margin-bottom: 18px
}

.single-post .pxl-item--content p:last-child {
    margin-bottom: 0
}

.single-post .pxl-item--content iframe {
    max-width: 100%
}

.single-post .pxl-item-single-post .pxl-item--image {
    overflow: hidden
}

.single-post .pxl-item-single-post .pxl-item--image a {
    display: block
}

.single-post .pxl-item-single-post .pxl-item--image img {
    width: 100%
}

.single-post .pxl-item-single-post .pxl-sg--title {
    word-break: break-word;
    margin-bottom: 25px;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: capitalize
}

@media screen and (max-width:1199px) {
    .single-post .pxl-item-single-post .pxl-sg--title {
        font-size: 35px
    }
}

.ul-list-des-custom {
    list-style: none;
    padding-top: 5px;
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 16px
}

.ul-list-des-custom li+li {
    margin-top: 6px
}

.ul-list-des-custom li:before {
    font-family: sandaicon;
    content: "\f135";
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 1px;
    margin-right: 10px;
    color: var(--primary-color)
}

.single-portfolio .pxl-item--image {
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto 45px;
    max-width: 1170px
}

.single-portfolio .pxl-item--image img {
    width: 100%
}

.pxl--post-footer {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width:768px) {
    .pxl--post-footer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.pxl--post-footer label {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    display: block
}

.pxl--post-footer .pxl--tags {
    margin: 15px 0
}

.pxl--post-footer .pxl--tags label {
    margin-bottom: 5px
}

.pxl--post-footer .pxl--tags a {
    font-size: 14px !important;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 26px;
    display: inline-block;
    margin: 3px 5px 3px 0;
    letter-spacing: 1px;
    overflow: hidden;
    text-transform: capitalize;
    position: relative;
    z-index: 1
}

.pxl--post-footer .pxl--tags a:after {
    content: ".";
    color: inherit;
    display: inline-block;
    margin-left: 7px
}

.pxl--post-footer .pxl--tags a:last-child {
    margin-right: 0
}

.pxl--post-footer .pxl--tags a:last-child:after {
    display: none
}

.pxl--post-footer .pxl--tags a:hover,
.pxl--post-footer .pxl--tags a:active,
.pxl--post-footer .pxl--tags a:focus {
    color: var(--primary-color)
}

@media screen and (min-width:768px) {
    .pxl--post-footer .pxl--tags+.pxl--social label {
        text-align: right
    }
}

.pxl--post-footer .pxl--social {
    margin: 15px 0;
    margin-left: -8px
}

.pxl--post-footer .pxl--social label {
    margin-left: 10px;
    margin-bottom: 8px
}

.pxl--post-footer .pxl--social a {
    font-size: 13px;
    margin: 0 10px;
    display: inline-block;
    color: var(--secondary-color)
}

.pxl--post-footer .pxl--social a i {
    line-height: 1
}

.pxl--post-footer .pxl--social a:hover {
    color: var(--primary-color)
}

.pxl--author-info {
    border: 1px solid #e7e9ed;
    padding: 20px 15px;
    overflow: hidden;
    margin-bottom: 35px;
    background-color: #f7f8fa;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

@media screen and (min-width:768px) {
    .pxl--author-info {
        padding: 30px
    }
}

@media screen and (min-width:576px) {
    .pxl--author-info {
        display: flex
    }
}

.pxl--author-info .entry-author-avatar {
    min-width: 125px;
    width: 125px;
    height: 125px;
    overflow: hidden;
    margin-right: 30px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

@media screen and (max-width:575px) {
    .pxl--author-info .entry-author-avatar {
        margin-bottom: 25px;
        margin-right: 0
    }
}

.pxl--author-info .entry-author-avatar img {
    width: 100%;
    -webkit-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -khtml-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -moz-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -ms-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -o-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -webkit-transform: scale(1.02);
    -khtml-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.pxl--author-info .entry-author-avatar:hover img {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl--author-info .entry-author-meta .author-name {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.pxl--author-info .entry-author-meta .author-name a {
    color: var(--secondary-color)
}

.pxl--author-info .entry-author-meta .author-name a:hover {
    color: var(--primary-color)
}

.pxl--author-info .entry-author-meta .author-description {
    font-size: 16px;
    line-height: 1.625
}

.pxl--author-info .pxl-user-social {
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px;
    margin-left: -6px;
    display: flex
}

@media screen and (max-width:767px) {
    .pxl--author-info .pxl-user-social li {
        margin: 5px
    }
}

@media screen and (min-width:768px) {
    .pxl--author-info .pxl-user-social li+li {
        margin-left: 15px
    }
}

.pxl--author-info .pxl-user-social li a {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: var(--third-color)
}

.pxl--author-info .pxl-user-social li a:hover {
    color: var(--primary-color)
}

.pxl-pagination-wrap .pxl-pagination-links {
    text-align: center;
    display: flex
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    color: var(--secondary-color);
    margin: 5px 5px 0;
    padding: 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;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:hover {
    color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    background-color: var(--primary-color)
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:hover:before {
    -webkit-animation: shine_hover .5s 0s linear;
    -khtml-animation: shine_hover .5s 0s linear;
    -moz-animation: shine_hover .5s 0s linear;
    -ms-animation: shine_hover .5s 0s linear;
    -o-animation: shine_hover .5s 0s linear;
    animation: shine_hover .5s 0s linear
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:first-child {
    margin-left: 0
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers:last-child {
    margin-right: 0
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.next,
.pxl-pagination-wrap .pxl-pagination-links .page-numbers.prev {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    background-color: initial
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.next span,
.pxl-pagination-wrap .pxl-pagination-links .page-numbers.prev span {
    height: 31px;
    line-height: 31px;
    width: auto !important;
    position: relative;
    display: inline-block;
    padding: 0 15px
}

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

    .pxl-pagination-wrap .pxl-pagination-links .page-numbers.next span,
    .pxl-pagination-wrap .pxl-pagination-links .page-numbers.prev span {
        display: none
    }
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.next i,
.pxl-pagination-wrap .pxl-pagination-links .page-numbers.prev i {
    font-size: 15px;
    line-height: 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-pagination-wrap .pxl-pagination-links .page-numbers.prev i {
    margin-right: 5px
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.next i {
    margin-left: 5px
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.current,
.pxl-pagination-wrap .pxl-pagination-links .page-numbers:hover {
    color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-pagination-wrap .pxl-pagination-links .page-numbers.current:before,
.pxl-pagination-wrap .pxl-pagination-links .page-numbers:hover:before {
    -webkit-animation: shine_hover .3s 0s linear;
    -khtml-animation: shine_hover .3s 0s linear;
    -moz-animation: shine_hover .3s 0s linear;
    -ms-animation: shine_hover .3s 0s linear;
    -o-animation: shine_hover .3s 0s linear;
    animation: shine_hover .3s 0s linear
}

.pxl-post--navigation {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

@media screen and (min-width:768px) {
    .pxl-post--navigation .pxl--items {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .pxl-post--navigation .pxl--items .pxl--item {
        width: 50%
    }
}

.pxl-post--navigation .pxl-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .pxl-post--navigation .pxl-title {
        font-size: 16px
    }
}

.pxl-post--navigation .pxl-title a {
    color: var(--secondary-color)
}

.pxl-post--navigation .pxl-title a:hover {
    color: var(--primary-color)
}

.pxl-post--navigation .bg-image {
    position: absolute;
    z-index: -2;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -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-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-post--navigation .pxl--img {
    width: 120px;
    min-width: 120px;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.pxl-post--navigation .pxl--img:before {
    opacity: 1;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    background-color: rgba(var(--secondary-color-rgb), .6)
}

.pxl-post--navigation .pxl--img a {
    -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;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-post--navigation .pxl--item-prev {
    text-align: left;
    display: flex;
    padding-right: 10px
}

.pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 20px;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%)
}

.pxl-post--navigation .pxl--item-prev .bg-image {
    right: -10px
}

.pxl-post--navigation .pxl--item-prev:hover .pxl--img i {
    color: #fff;
    font-size: 20px;
    -webkit-transform: translateX(-10px)rotate(-180deg);
    -khtml-transform: translateX(-10px)rotate(-180deg);
    -moz-transform: translateX(-10px)rotate(-180deg);
    -ms-transform: translateX(-10px)rotate(-180deg);
    -o-transform: translateX(-10px)rotate(-180deg);
    transform: translateX(-10px)rotate(-180deg)
}

.pxl-post--navigation .pxl--item-prev:hover .pxl--img:before {
    opacity: 0
}

.pxl-post--navigation .pxl--item-prev:hover .bg-image {
    opacity: 1;
    right: 0
}

.pxl-post--navigation .pxl--item-next {
    text-align: right;
    flex-grow: 1;
    display: flex;
    justify-content: right;
    padding-left: 10px
}

.pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 20px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%)
}

.pxl-post--navigation .pxl--item-next .bg-image {
    left: -10px
}

.pxl-post--navigation .pxl--item-next:hover .pxl--img:before {
    opacity: 0
}

.pxl-post--navigation .pxl--item-next:hover .bg-image {
    opacity: 1;
    left: 0
}

.pxl-post--navigation .pxl--item {
    background-color: rgba(217, 217, 217, .3)
}

@media screen and (min-width:768px) {
    .pxl-post--navigation .pxl--item+.pxl--item {
        border-left: 3px solid #fff
    }
}

@media screen and (max-width:767px) {
    .pxl-post--navigation .pxl--item+.pxl--item {
        border-top: 1px solid #fff
    }
}

.page-links {
    margin-top: 10px;
    margin-bottom: 25px;
    clear: left
}

.page-links .post-page-numbers {
    background-color: #e1e1e1;
    height: 25px;
    width: 25px;
    line-height: 25px;
    -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;
    display: inline-block;
    color: #000;
    font-weight: 700;
    font-size: 14px
}

.page-links .post-page-numbers.current,
.page-links .post-page-numbers:hover {
    background-color: var(--primary-color);
    color: #fff
}

.page-links .post-page-numbers+.post-page-numbers {
    margin-left: 4px
}

.gallery+.page-links {
    margin-top: 30px
}

.single .pxl-wapper {
    overflow-x: unset
}

@media screen and (min-width:1200px) {
    .pxl-sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 40px
    }

    .admin-bar .pxl-sidebar-sticky {
        top: 150px
    }
}

.widget-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--secondary-color);
    margin-bottom: 30px;
    display: block
}

.widget-title span {
    display: inline-block
}

.pxl-sidebar-area .widget {
    margin-bottom: 45px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 20px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(, , , .06);
    -khtml-box-shadow: 0 15px 30px 0 rgba(, , , .06);
    -moz-box-shadow: 0 15px 30px 0 rgba(, , , .06);
    -ms-box-shadow: 0 15px 30px 0 rgba(, , , .06);
    -o-box-shadow: 0 15px 30px 0 rgba(, , , .06);
    box-shadow: 0 15px 30px rgba(, , , .06)
}

@media screen and (min-width:1200px) {
    .pxl-sidebar-area .widget {
        padding: 40px 28px
    }
}

.pxl-sidebar-area .widget.widget_text {
    font-size: 14px
}

.pxl-sidebar-area .widget.widget_tag_cloud .widget-title {
    margin-bottom: 23px
}

.pxl-sidebar-area .widget.pxl-wg-bannerbox1 {
    padding: 0;
    border: none
}

.pxl-sidebar-area .widget.widget_pxl_social_widget .widget-title {
    font-size: 14px
}

.pxl-sidebar-area .widget .pxl-select-higthlight {
    border-color: #e1e1e1
}

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

.pxl-sidebar-area.pxl-sidebar-shop .widget:not(.widget_product_search) {
    padding: 0;
    box-shadow: none;
    border: none
}

.pxl-sidebar-area.pxl-sidebar-shop .widget_product_search {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pxl-sidebar-area.pxl-sidebar-shop .widget {
    margin-bottom: 40px
}

.pxl-sidebar-area.pxl-sidebar-shop .widget:before {
    display: none;
    opacity: 0
}

.pxl-sidebar-area.pxl-sidebar-shop .widget-title {
    position: relative;
    padding-bottom: 10px
}

.pxl-sidebar-area.pxl-sidebar-shop .widget-title:before {
    width: 28px;
    height: 4px;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    background-color: var(--primary-color)
}

.widget_pxl_recent_service .pxl--service-widget {
    list-style: none;
    margin-bottom: 0
}

.widget_pxl_recent_service .pxl--service-widget li+li {
    margin-top: 10px
}

.widget_pxl_recent_service .pxl--service-widget li a {
    display: block;
    color: var(--third-color);
    padding: 15px 30px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.widget_pxl_recent_service .pxl--service-widget li a:before {
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -20%;
    height: 100%;
    content: '';
    background: #e1e1e1;
    width: 150%;
    -webkit-transform: skew(45deg);
    -khtml-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition: transform .6s cubic-bezier(.3, 1, .8, 1);
    -khtml-transition: transform .6s cubic-bezier(.3, 1, .8, 1);
    -moz-transition: transform .6s cubic-bezier(.3, 1, .8, 1);
    -ms-transition: transform .6s cubic-bezier(.3, 1, .8, 1);
    -o-transition: transform .6s cubic-bezier(.3, 1, .8, 1);
    transition: transform .6s cubic-bezier(.3, 1, .8, 1)
}

.widget_pxl_recent_service .pxl--service-widget li a i {
    position: absolute;
    top: 50%;
    right: 22px;
    line-height: 1;
    color: inherit;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.widget_pxl_recent_service .pxl--service-widget li a:hover {
    background-color: var(--primary-color);
    color: #000
}

.widget_pxl_recent_service .pxl--service-widget li a:hover i {
    color: #000
}

.widget_pxl_recent_service .pxl--service-widget li a:hover:before {
    -webkit-transform: translate3d(100%, 0, 0)skew(0);
    -khtml-transform: translate3d(100%, 0, 0)skew(0);
    -moz-transform: translate3d(100%, 0, 0)skew(0);
    -ms-transform: translate3d(100%, 0, 0)skew(0);
    -o-transform: translate3d(100%, 0, 0)skew(0);
    transform: translate3d(100%, 0, 0)skew(0)
}

.pxl-widget-social {
    list-style: none;
    margin-bottom: 0
}

.pxl-widget-social li {
    display: inline-block;
    margin: 5px 5px 5px 0
}

.pxl-widget-social li a {
    background-color: #e1f6f9;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    color: var(--primary-color);
    position: relative;
    z-index: 1
}

.pxl-widget-social li a:before {
    position: absolute;
    content: "";
    display: block;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -khtml-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -moz-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -ms-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -o-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1)
}

.pxl-widget-social li a:hover {
    color: #fff
}

.pxl-widget-social li a:hover:before {
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0)scale3d(1, 1, 1)
}

.sidebar-socials-cutom .widget-content {
    display: flex
}

.sidebar-socials-cutom.widget_pxl_social_widget .widget-title {
    position: relative;
    top: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: Heebo;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-right: 10px
}

.sidebar-socials-cutom.widget_pxl_social_widget .widget-title:after {
    display: none
}

.widget_search {
    margin-bottom: 50px
}

.widget_search .searchform-wrap {
    position: relative
}

.widget_search .search-submit {
    padding: 0;
    border: none;
    line-height: 40px;
    height: 40px;
    width: 50px;
    color: #fff;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    z-index: 1;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 16px
}

.widget_search .search-submit:hover,
.widget_search .search-submit:focus {
    background-color: var(--secondary-color);
    color: #fff
}

.widget_search .search-field {
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    border: none;
    background-color: #fff;
    border: 1px solid #eee;
    height: 60px;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 60px;
    color: var(--third-color)
}

.widget_search .search-field:focus {
    border-color: var(--primary-color);
    color: var(--secondary-color)
}

.widget_search .search-field:focus+.wp-block-search__button {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color)
}

.widget_search .wp-block-search__inside-wrapper {
    display: block;
    position: relative
}

.widget_product_categories .widget-title,
.widget_categories .widget-title,
.widget_nav_menu .widget-title,
.widget_pages .widget-title,
.widget_archive .widget-title {
    margin-bottom: 20px
}

.widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap
}

.widget_tag_cloud a,
.widget_product_tag_cloud a {
    font-size: 14px !important;
    color: var(--secondary-color);
    font-weight: 500;
    padding: 0 20px;
    line-height: 40px;
    background-color: rgba(217, 217, 217, .3);
    display: inline-block;
    margin-right: 8px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.widget_tag_cloud a:before,
.widget_product_tag_cloud a:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: var(--primary-color);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover,
.widget_tag_cloud a:active,
.widget_product_tag_cloud a:active,
.widget_tag_cloud a:focus,
.widget_product_tag_cloud a:focus {
    background-color: initial;
    color: #fff
}

.widget_tag_cloud a:hover:before,
.widget_product_tag_cloud a:hover:before,
.widget_tag_cloud a:active:before,
.widget_product_tag_cloud a:active:before,
.widget_tag_cloud a:focus:before,
.widget_product_tag_cloud a:focus:before {
    -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)
}

.widget_product_tag_cloud a {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-right: 8px;
    margin-bottom: 8px
}

#pxl-main .widget_product_categories ul.product-categories li a {
    display: inline-block
}

#pxl-main .widget_product_categories ul.product-categories li span.count {
    font-weight: 700;
    color: var(--primary-color)
}

.widget_pxl_recent_posts .widget-title {
    margin-bottom: 20px !important
}

.widget_pxl_recent_posts .pxl-item--img {
    overflow: hidden;
    background-color: var(--secondary-color);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.widget_pxl_recent_posts .pxl-item--img a {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    display: block;
    position: relative;
    overflow: hidden
}

.widget_pxl_recent_posts .pxl-item--img img {
    opacity: .6;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1.02);
    -khtml-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.widget_pxl_recent_posts .pxl-item--date {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px
}

.widget_pxl_recent_posts .pxl-item--title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400
}

.widget_pxl_recent_posts .pxl-item--title a {
    color: #fff
}

.widget_pxl_recent_posts a.btn-link {
    display: flex;
    width: 30px;
    height: 30px;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    -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;
    transform: scale(0, 0)
}

.widget_pxl_recent_posts a.btn-link i {
    line-height: 1;
    font-weight: 700
}

.widget_pxl_recent_posts .bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -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
}

.widget_pxl_recent_posts .pxl--item {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    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;
    overflow: hidden
}

.widget_pxl_recent_posts .pxl--item:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(var(--secondary-color-rgb), .6)
}

.widget_pxl_recent_posts .pxl--item:last-child {
    margin-bottom: 0
}

.widget_pxl_recent_posts .pxl--item:hover:before {
    background-color: rgba(var(--primary-color-rgb), .9)
}

.widget_pxl_recent_posts .pxl--item:hover .bg-image {
    left: 0;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.widget_pxl_recent_posts .pxl--item:hover a.btn-link {
    transform: scale(1)
}

.widget_pxl_recent_posts2 {}

.widget_pxl_recent_posts2 .widget-title {
    margin-bottom: 20px !important
}

.widget_pxl_recent_posts2 .pxl-item--img {
    width: 60px;
    min-width: 60px;
    margin-right: 22px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.widget_pxl_recent_posts2 .pxl-item--img a {
    display: block;
    position: relative;
    overflow: hidden
}

.widget_pxl_recent_posts2 .pxl-item--img img {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1.02);
    -khtml-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.widget_pxl_recent_posts2 .pxl-item--date {
    font-size: 14px;
    color: #6a6f78;
    font-weight: 500
}

.widget_pxl_recent_posts2 .pxl-item--title {
    font-family: outfit, sans-serif;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

@media screen and (min-width:992px) {
    .widget_pxl_recent_posts2 .pxl-item--title {
        max-width: 80%
    }
}

.widget_pxl_recent_posts2 .pxl-item--title a {
    color: #000
}

.widget_pxl_recent_posts2 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.widget_pxl_recent_posts2 .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 26px;
    align-items: center;
    position: relative;
    z-index: 1
}

.widget_pxl_recent_posts2 .pxl--item:before {
    -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;
    display: block;
    content: "";
    background-color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    z-index: -1;
    opacity: 0
}

.widget_pxl_recent_posts2 .pxl--item:last-child {
    margin-bottom: 0
}

.widget_pxl_recent_posts2 .pxl--item .pxl-meta {
    margin-bottom: 0
}

.widget_pxl_recent_posts2 .pxl--item:hover:before {
    opacity: 1;
    top: -10px;
    left: -15px;
    bottom: -10px;
    right: -15px
}

.widget_pxl_recent_posts2 .pxl--item:hover .pxl-item--img a:after {
    opacity: 1;
    height: 100%
}

.widget_pxl_recent_posts2 .pxl--item:hover .pxl-item--img img {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.wpcf7-form .wp-sidebar-form {
    padding: 35px 25px;
    background-color: #000;
    text-align: center
}

.wpcf7-form .wp-sidebar-form .ct-form-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    margin-bottom: 35px
}

.wpcf7-form .wp-sidebar-form .input-filled {
    margin-bottom: 35px
}

.wpcf7-form .wp-sidebar-form .wpcf7-submit {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    z-index: 1
}

.wpcf7-form .wp-sidebar-form .wpcf7-submit:before {
    top: 0;
    width: 0;
    left: auto;
    right: 0;
    z-index: -1;
    bottom: 0;
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.wpcf7-form .wp-sidebar-form .wpcf7-submit:hover {
    color: var(--primary-color)
}

.wpcf7-form .wp-sidebar-form .wpcf7-submit:hover:before {
    left: 0;
    width: 100%;
    right: auto
}

.wpcf7-form .wp-sidebar-form p {
    margin-bottom: 10px
}

.gallery {
    margin: -16px -12px 43px;
    display: flex;
    flex-wrap: wrap
}

.gallery .gallery-item {
    padding: 0 12px;
    margin-top: 24px;
    margin-bottom: 0
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.33%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.widget_media_gallery .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 {
    width: 100%;
    border: none !important;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.widget_media_gallery .gallery .gallery-item a,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a,
.elementor-widget-image-gallery .gallery .gallery-item a {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    overflow: hidden
}

.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,
.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 {
    position: absolute;
    -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:before,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before,
.elementor-widget-image-gallery .gallery .gallery-item a:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .67);
    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: "\f143";
    font-size: 14px;
    font-family: sandaicon;
    color: #fff;
    z-index: 2;
    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%);
    font-weight: 400
}

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

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

.widget_media_gallery .gallery .gallery-item a:hover img,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover img,
.elementor-widget-image-gallery .gallery .gallery-item a:hover img {
    -webkit-transform: translateX(0)scale(1.1);
    -khtml-transform: translateX(0)scale(1.1);
    -moz-transform: translateX(0)scale(1.1);
    -ms-transform: translateX(0)scale(1.1);
    -o-transform: translateX(0)scale(1.1);
    transform: translateX(0)scale(1.1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.elementor-lightbox .swiper-container .elementor-lightbox-image {
    width: auto;
    height: auto
}

.elementor-lightbox .swiper-container .swiper-slide {
    background-color: initial
}

.pxl-gallery {
    margin: -8px -15px 50px;
    display: flex;
    flex-wrap: wrap
}

.pxl-gallery img {
    width: 100%
}

.pxl-gallery .pxl--item {
    padding: 30px 15px 0
}

.pxl-gallery .pxl--item-inner {
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.pxl-gallery .pxl--item-inner.video-active:before {
    background-color: rgba(27, 27, 27, .8)
}

.pxl-gallery .pxl--item-inner .btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99
}

.pxl-gallery.gallery-2-columns .pxl--item {
    width: 50%
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-2-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-3-columns .pxl--item {
    width: 33.33%
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-3-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-4-columns .pxl--item {
    width: 25%
}

@media screen and (max-width:767px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-5-columns .pxl--item {
    width: 20%
}

@media screen and (max-width:767px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width: 100%
    }
}

.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-top: -3px;
    margin-bottom: 0;
    padding: 0
}

.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 {
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 6px 0;
    position: relative
}

.widget_product_categories ul li a .pxl-count,
.widget_categories ul li a .pxl-count,
.widget_nav_menu ul li a .pxl-count,
.widget_pages ul li a .pxl-count,
.widget_archive ul li a .pxl-count,
.widget_meta ul li a .pxl-count,
.widget_recent_entries ul li a .pxl-count {
    width: 27px;
    height: 27px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    -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;
    z-index: 1;
    right: -5px
}

.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 {
    padding-left: 12px
}

.widget_product_categories ul li:last-child>a,
.widget_categories ul li:last-child>a,
.widget_nav_menu ul li:last-child>a,
.widget_pages ul li:last-child>a,
.widget_archive ul li:last-child>a,
.widget_meta ul li:last-child>a,
.widget_recent_entries ul li:last-child>a {
    border-bottom: none
}

#pxl-main .pxl-select .pxl-select-options {
    max-height: 285px;
    overflow: auto;
    padding: 20px;
    margin-top: 0;
    z-index: 9
}

#pxl-main .pxl-select .pxl-select-options li {
    padding: 10px 0
}

#pxl-main .pxl-select .pxl-select-options li+li {
    border-top: 1px solid #e4e4e4
}

#pxl-main .widget_categories ul ul ul ul ul,
#pxl-main .widget_pages ul ul ul ul ul,
#pxl-main .widget_nav_menu ul ul ul ul ul,
#pxl-main .widget_meta ul ul ul ul ul,
#pxl-main .widget_recent_entries ul ul ul ul ul {
    padding-left: 0
}

#pxl-main .widget_product_categories ul li a,
#pxl-main .widget_categories ul li a,
#pxl-main .widget_nav_menu ul li a,
#pxl-main .widget_pages ul li a,
#pxl-main .widget_archive ul li a,
#pxl-main .widget_meta ul li a,
#pxl-main .widget_recent_entries ul li a {
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    padding: 10px 0;
    position: relative;
    z-index: 1
}

#pxl-main .widget_product_categories ul li a:before,
#pxl-main .widget_categories ul li a:before,
#pxl-main .widget_nav_menu ul li a:before,
#pxl-main .widget_pages ul li a:before,
#pxl-main .widget_archive ul li a:before,
#pxl-main .widget_meta ul li a:before,
#pxl-main .widget_recent_entries ul li a:before {
    -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;
    display: block;
    content: "";
    background-color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: -5px;
    bottom: 0;
    right: -5px;
    z-index: -1;
    opacity: 0
}

#pxl-main .widget_product_categories ul li a .count,
#pxl-main .widget_categories ul li a .count,
#pxl-main .widget_nav_menu ul li a .count,
#pxl-main .widget_pages ul li a .count,
#pxl-main .widget_archive ul li a .count,
#pxl-main .widget_meta ul li a .count,
#pxl-main .widget_recent_entries ul li a .count {
    float: right
}

#pxl-main .widget_product_categories ul li a:hover:before,
#pxl-main .widget_categories ul li a:hover:before,
#pxl-main .widget_nav_menu ul li a:hover:before,
#pxl-main .widget_pages ul li a:hover:before,
#pxl-main .widget_archive ul li a:hover:before,
#pxl-main .widget_meta ul li a:hover:before,
#pxl-main .widget_recent_entries ul li a:hover:before {
    left: -15px;
    right: -15px;
    opacity: 1
}

#pxl-main .widget_product_categories ul li a:hover .count,
#pxl-main .widget_categories ul li a:hover .count,
#pxl-main .widget_nav_menu ul li a:hover .count,
#pxl-main .widget_pages ul li a:hover .count,
#pxl-main .widget_archive ul li a:hover .count,
#pxl-main .widget_meta ul li a:hover .count,
#pxl-main .widget_recent_entries ul li a:hover .count {
    color: var(--primary-color)
}

#pxl-main .widget_product_categories ul li.current-cat a:before,
#pxl-main .widget_categories ul li.current-cat a:before,
#pxl-main .widget_nav_menu ul li.current-cat a:before,
#pxl-main .widget_pages ul li.current-cat a:before,
#pxl-main .widget_archive ul li.current-cat a:before,
#pxl-main .widget_meta ul li.current-cat a:before,
#pxl-main .widget_recent_entries ul li.current-cat a:before {
    left: -15px;
    right: -15px;
    opacity: 1
}

#pxl-main .widget_product_categories ul li+li,
#pxl-main .widget_categories ul li+li,
#pxl-main .widget_nav_menu ul li+li,
#pxl-main .widget_pages ul li+li,
#pxl-main .widget_archive ul li+li,
#pxl-main .widget_meta ul li+li,
#pxl-main .widget_recent_entries ul li+li {
    margin-top: 3px
}

#pxl-main .widget_product_categories ul li.current-menu-item>a,
#pxl-main .widget_categories ul li.current-menu-item>a,
#pxl-main .widget_nav_menu ul li.current-menu-item>a,
#pxl-main .widget_pages ul li.current-menu-item>a,
#pxl-main .widget_archive ul li.current-menu-item>a,
#pxl-main .widget_meta ul li.current-menu-item>a,
#pxl-main .widget_recent_entries ul li.current-menu-item>a,
#pxl-main .widget_product_categories ul li.current-cat>a,
#pxl-main .widget_categories ul li.current-cat>a,
#pxl-main .widget_nav_menu ul li.current-cat>a,
#pxl-main .widget_pages ul li.current-cat>a,
#pxl-main .widget_archive ul li.current-cat>a,
#pxl-main .widget_meta ul li.current-cat>a,
#pxl-main .widget_recent_entries ul li.current-cat>a,
#pxl-main .widget_product_categories ul li.current-cat-parent>a,
#pxl-main .widget_categories ul li.current-cat-parent>a,
#pxl-main .widget_nav_menu ul li.current-cat-parent>a,
#pxl-main .widget_pages ul li.current-cat-parent>a,
#pxl-main .widget_archive ul li.current-cat-parent>a,
#pxl-main .widget_meta ul li.current-cat-parent>a,
#pxl-main .widget_recent_entries ul li.current-cat-parent>a,
#pxl-main .widget_product_categories ul li>a:hover,
#pxl-main .widget_categories ul li>a:hover,
#pxl-main .widget_nav_menu ul li>a:hover,
#pxl-main .widget_pages ul li>a:hover,
#pxl-main .widget_archive ul li>a:hover,
#pxl-main .widget_meta ul li>a:hover,
#pxl-main .widget_recent_entries ul li>a:hover {
    color: var(--secondary-color);
    font-weight: 600
}

#pxl-main .widget_product_categories ul li .sub-menu,
#pxl-main .widget_categories ul li .sub-menu,
#pxl-main .widget_nav_menu ul li .sub-menu,
#pxl-main .widget_pages ul li .sub-menu,
#pxl-main .widget_archive ul li .sub-menu,
#pxl-main .widget_meta ul li .sub-menu,
#pxl-main .widget_recent_entries ul li .sub-menu,
#pxl-main .widget_product_categories ul li .children,
#pxl-main .widget_categories ul li .children,
#pxl-main .widget_nav_menu ul li .children,
#pxl-main .widget_pages ul li .children,
#pxl-main .widget_archive ul li .children,
#pxl-main .widget_meta ul li .children,
#pxl-main .widget_recent_entries ul li .children {
    padding-left: 15px
}

#pxl-main .widget_product_categories .nice-select ul li,
#pxl-main .widget_categories .nice-select ul li,
#pxl-main .widget_nav_menu .nice-select ul li,
#pxl-main .widget_pages .nice-select ul li,
#pxl-main .widget_archive .nice-select ul li,
#pxl-main .widget_meta .nice-select ul li,
#pxl-main .widget_recent_entries .nice-select ul li {
    border: none;
    font-size: 14px;
    line-height: normal;
    padding: 8px 24px;
    font-weight: 500
}

#pxl-main .widget_categories ul,
#pxl-main .widget_archive ul,
#pxl-main .widget_product_categories ul {
    margin-bottom: 0
}

#pxl-main .widget_categories ul li a,
#pxl-main .widget_archive ul li a,
#pxl-main .widget_product_categories ul li a {
    position: relative
}

#pxl-main .widget_categories ul li a:before,
#pxl-main .widget_archive ul li a:before,
#pxl-main .widget_product_categories ul li a:before {
    -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;
    content: "";
    width: 8px;
    height: 10px;
    background-color: var(--primary-color);
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -10px;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 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-main .widget_categories ul li a:hover,
#pxl-main .widget_archive ul li a:hover,
#pxl-main .widget_product_categories ul li a:hover {
    border-color: var(--primary-color);
    padding-left: 15px
}

#pxl-main .widget_categories ul li a:hover:before,
#pxl-main .widget_archive ul li a:hover:before,
#pxl-main .widget_product_categories ul li a:hover:before {
    left: 0;
    opacity: 1
}

.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: #fff;
    border-radius: 100%;
    color: var(--secondary-color);
    margin: 6px;
    font-size: 16px
}

.pxl-author-info .author-social a span {
    display: inline-flex
}

.pxl-author-info .author-social a:hover {
    background-color: #fff;
    color: var(--primary-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)
}

.widget_recent_entries .widget-title,
.widget_recent_comments .widget-title {
    margin-bottom: 15px
}

.widget_recent_entries ul,
.widget_recent_comments ul {
    list-style: none;
    margin: 0
}

.widget_recent_comments .widget-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--secondary-color);
    position: relative;
    margin-bottom: 15px;
    display: block
}

.widget_recent_comments ul li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0 8px 30px
}

.widget_recent_comments ul li:last-child {
    border-bottom: none
}

.widget_recent_comments ul li a {
    color: var(--third-color)
}

.widget_recent_comments ul li a:hover {
    color: var(--primary-color)
}

.widget_recent_comments ul li .comment-author-link a {
    color: var(--secondary-color);
    font-weight: 700
}

.widget_recent_comments ul li .comment-author-link a:hover {
    color: var(--primary-color)
}

.widget_recent_comments ul li.recentcomments:before {
    content: "\f10b";
    font-family: sandaicon;
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    color: var(--primary-color);
    position: absolute;
    top: 12px;
    left: 0
}

.widget_rss ul {
    list-style: none;
    padding: 0;
    padding-left: 0;
    margin-bottom: 0
}

.widget_rss li {
    position: relative;
    padding: 12px 0
}

.widget_rss li:before {
    content: '';
    background-color: #e1e1e1;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.widget_rss li:last-child {
    margin-bottom: 0
}

.widget_rss .rsswidget {
    font-weight: 500;
    display: inline-block;
    color: var(--secondary-color)
}

.widget_rss .rsswidget:hover {
    color: var(--primary-color)
}

.widget_rss .rss-date {
    font-size: .875em;
    font-style: italic;
    display: block;
    color: var(--third-color);
    margin: 6px 0
}

.widget_rss cite {
    font-weight: 700;
    font-size: .875em;
    color: var(--third-color);
    display: block;
    margin: 6px 0
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    line-height: normal
}

.widget_calendar th a,
.widget_calendar td a {
    font-weight: 700
}

.widget_calendar th {
    border-top: none;
    border-right: 1px solid #e1e1e1;
    text-transform: uppercase;
    padding: 10px 5px;
    color: var(--third-color)
}

.widget_calendar td {
    padding: 10px 5px;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

.widget_calendar table {
    margin: 0;
    border: 1px solid #e1e1e1
}

.widget_calendar table>caption {
    border: 1px solid #e1e1e1;
    background-color: #e1e1e1;
    border-bottom: none;
    padding: 20px 10px;
    line-height: normal;
    font-weight: 500;
    color: var(--third-color);
    text-align: center;
    font-size: 16px
}

@media screen and (min-width:1200px) {
    .widget_calendar table>caption {
        font-size: 1.2rem
    }
}

.widget_calendar .wp-calendar-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10px
}

.widget_calendar .wp-calendar-nav a {
    font-size: 14px;
    color: var(--secondary-color);
    font-weight: 400;
    line-height: 36px;
    display: inline-block;
    padding: 0 18px;
    border: none;
    background-color: #e1e1e1;
    background-size: 200%, 1px;
    background-position: 0;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.widget_calendar .wp-calendar-nav a:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
    margin-right: 20px;
    flex-grow: 1
}

.widget_calendar .calendar_wrap {
    overflow: hidden;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.widget_ef_recent_posts {}

.widget_ef_recent_posts li {
    padding-bottom: 14px
}

.widget_ef_recent_posts li:last-child {
    padding-bottom: 0
}

.widget_ef_recent_posts .entry-posted-in a {
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, .66)
}

.widget_ef_recent_posts .entry-posted-in a:hover {
    color: var(--primary-color)
}

.widget_ef_recent_posts .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px;
    font-family: inherit;
    font-weight: 500
}

.widget_ef_recent_posts .entry-title a {
    color: var(--secondary-color)
}

.widget_ef_recent_posts .entry-title a:hover {
    color: var(--primary-color)
}

.widget_ef_recent_posts .entry-title+.entry-meta {
    margin-top: 15px
}

.widget_block .widget-content .wp-block-search__label,
.widget_block .widget-content .wp-block-group__inner-container>h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--secondary-color);
    margin-bottom: 15px;
    display: block
}

.widget_block .widget-content ol,
.widget_block .widget-content ul {
    padding-left: 0
}

.widget_block.widget_search .widget-content .wp-block-search__label {
    margin-bottom: 15px
}

.widget_block.widget_search .wp-block-search__button {
    height: 50px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    z-index: 1;
    overflow: hidden;
    background-color: var(--primary-color);
    font-weight: 700
}

.widget_block.widget_search .wp-block-search__input {
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 20px;
    padding-right: 100px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: var(--secondary-color)
}

.widget_block.widget_search .wp-block-search__input:focus {
    border-color: var(--primary-color);
    color: var(--secondary-color)
}

.widget_block.widget_search .wp-block-search__input:focus+.wp-block-search__button {
    border-color: var(--primary-color)
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
    display: block;
    position: relative
}

.widget_block .wp-block-latest-posts__list {
    list-style: none;
    margin-bottom: 0
}

.widget_block .wp-block-latest-posts__list li {
    font-size: 0
}

.widget_block .wp-block-latest-posts__list li a {
    color: var(--secondary-color);
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 0;
    position: relative
}

.widget_block .wp-block-latest-posts__list li a:before {
    -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;
    content: "";
    width: 8px;
    height: 10px;
    background-color: var(--primary-color);
    display: block;
    position: absolute;
    top: 17px;
    left: -10px;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 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)
}

.widget_block .wp-block-latest-posts__list li a:hover {
    padding-left: 15px
}

.widget_block .wp-block-latest-posts__list li a:hover:before {
    left: 0;
    opacity: 1
}

.widget_block .wp-block-latest-posts__list li:last-child>a {
    border-bottom: none;
    padding-bottom: 0
}

.widget_block .wp-block-latest-posts__list li a:hover {
    color: var(--primary-color)
}

.widget_block .wp-block-latest-comments {
    list-style: none;
    margin-bottom: 0
}

.widget_block .wp-block-latest-comments li {
    color: var(--third-color);
    display: block;
    font-size: 15px;
    line-height: 1.4;
    padding: 14px 0;
    margin: 0;
    position: relative;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.widget_block .wp-block-latest-comments li a {
    color: inherit
}

.widget_block .wp-block-latest-comments li a:hover {
    color: var(--primary-color)
}

.widget_block .wp-block-latest-comments li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.widget_block .wp-block-categories,
.widget_block .wp-block-archives {
    margin-bottom: 0
}

.widget_block .wp-block-categories li,
.widget_block .wp-block-archives li {
    font-size: 0
}

.widget_block .wp-block-categories li a,
.widget_block .wp-block-archives li a {
    color: var(--third-color);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    padding: 12px 0;
    position: relative;
    z-index: 1
}

.widget_block .wp-block-categories li a:before,
.widget_block .wp-block-archives li a:before {
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    margin-right: 6px;
    font-weight: 400;
    position: absolute;
    left: 0;
    opacity: 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)
}

.widget_block .wp-block-categories li a .count,
.widget_block .wp-block-archives li a .count {
    float: right
}

.widget_block .wp-block-categories li a:hover,
.widget_block .wp-block-archives li a:hover {
    padding-left: 18px
}

.widget_block .wp-block-categories li a:hover .count,
.widget_block .wp-block-archives li a:hover .count {
    color: var(--primary-color)
}

.widget_block .wp-block-categories li a:hover:before,
.widget_block .wp-block-archives li a:hover:before {
    width: 12px;
    opacity: 1;
    left: 0
}

.widget_block .wp-block-categories li+li,
.widget_block .wp-block-archives li+li {
    border-top: 1px solid #e1e1e1
}

.widget_block .wp-block-categories li.current-menu-item>a,
.widget_block .wp-block-archives li.current-menu-item>a,
.widget_block .wp-block-categories li.current-cat>a,
.widget_block .wp-block-archives li.current-cat>a,
.widget_block .wp-block-categories li.current-cat-parent>a,
.widget_block .wp-block-archives li.current-cat-parent>a,
.widget_block .wp-block-categories li>a:hover,
.widget_block .wp-block-archives li>a:hover {
    color: var(--primary-color)
}

.widget_block .wp-block-categories li .sub-menu,
.widget_block .wp-block-archives li .sub-menu,
.widget_block .wp-block-categories li .children,
.widget_block .wp-block-archives li .children {
    padding-left: 15px;
    border-top: 1px solid #e1e1e1
}

.widget_archive .pxl-select {
    margin-top: 30px
}

.widget_categories form {
    margin-top: 35px
}

.widget_meta h2.widget-title {
    margin-bottom: 16px
}

.pxl-wg-bannerbox1 .wg-sub-title {
    color: #ece5e3;
    font-size: 16px;
    line-height: 1rem;
    position: relative;
    align-items: center;
    margin-bottom: 5px
}

.pxl-wg-bannerbox1 .wg-title {
    font-size: 30px;
    line-height: 4rem;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(255, 255, 255, .8)
}

.pxl-wg-bannerbox1 .wg-description {
    color: #fff;
    margin-top: 45px
}

.pxl-wg-bannerbox1 a.btn {
    font-size: 18px;
    padding: 0 30px;
    text-transform: uppercase;
    margin-top: 45px;
    -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;
    z-index: 1;
    background-color: var(--primary-color)
}

.pxl-wg-bannerbox1 a.btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #fff;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    transition: all 500ms ease
}

.pxl-wg-bannerbox1 a.btn:hover,
.pxl-wg-bannerbox1 a.btn:active,
.pxl-wg-bannerbox1 a.btn:focus {
    color: var(--primary-color)
}

.pxl-wg-bannerbox1 a.btn:hover:before,
.pxl-wg-bannerbox1 a.btn:active:before,
.pxl-wg-bannerbox1 a.btn:focus:before {
    -webkit-clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%)
}

@media screen and (max-width:767px) {
    .pxl-wg-bannerbox1 a.btn {
        margin-top: 35px
    }
}

.pxl-wg-bannerbox1 .pxl-wg-bannerbox-inner {
    position: relative;
    text-align: center;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 40px 15px;
    overflow: hidden;
    z-index: 1
}

@media screen and (min-width:1200px) {
    .pxl-wg-bannerbox1 .pxl-wg-bannerbox-inner {
        padding: 70px 40px
    }
}

.pxl-wg-bannerbox1 .pxl-wg-bannerbox-inner:before {
    content: "";
    display: block;
    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: rgba(0, 0, 0, .8);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.pxl-wg-bannerbox1 .pxl-wg-bannerbox-inner:hover:before {
    background-color: rgba(0, 0, 0, .9)
}

.widget.newlleter-form-sidebar .widget-title {
    margin-bottom: 25px
}

.widget.newlleter-form-sidebar form .input-filled+.input-filled {
    margin-top: 25px
}

.widget.newlleter-form-sidebar form .wpcf7-form-control.wpcf7-email {
    height: 56px
}

.widget.newlleter-form-sidebar form .wpcf7-form-control.wpcf7-submit {
    font-family: inherit;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 56px
}

.widget.newlleter-form-sidebar form .wpcf7-form-control.wpcf7-submit:hover {
    background-color: #422c1d
}

.widget.text-about-sidebar img {
    border-radius: 12px;
    margin-bottom: 10px
}

.widget.text-about-sidebar p:last-child {
    margin-bottom: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-o-placeholder,
textarea::-o-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-ms-placeholder,
textarea::-ms-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select,
.pxl-select-higthlight {
    background-color: #fff;
    border: 1px solid var(--third-color);
    color: var(--third-color);
    padding: 6px 22px;
    line-height: normal;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    -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: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    outline: none;
    font-family: roboto, sans-serif
}

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 {
    outline: 0;
    border-color: var(--primary-color);
    color: #383838
}

input[type=range] {
    padding: 0;
    background-color: initial;
    height: auto;
    border: none
}

select {
    height: 50px
}

textarea {
    padding-top: 18px;
    padding-bottom: 18px;
    height: 150px;
    margin: 0
}

.nice-select {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.nice-select span.current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 37px
}

.nice-select .option {
    text-overflow: ellipsis;
    overflow: hidden
}

.nice-select .list {
    max-height: 250px;
    overflow: auto;
    background-color: #f8f8f8;
    padding: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(, , , .24);
    -khtml-box-shadow: 0 2px 4px rgba(, , , .24);
    -moz-box-shadow: 0 2px 4px rgba(, , , .24);
    -ms-box-shadow: 0 2px 4px rgba(, , , .24);
    -o-box-shadow: 0 2px 4px rgba(, , , .24);
    box-shadow: 0 2px 4px rgba(, , , .24);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75)translateY(-21px);
    -ms-transform: scale(.75)translateY(-21px);
    transform: scale(.75)translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    color: inherit
}

.nice-select .list .selected {
    color: var(--third-color)
}

.nice-select .list .option {
    font-size: inherit;
    cursor: pointer;
    line-height: normal;
    list-style: none;
    outline: none;
    padding: 8px 24px;
    -webkit-transition: all .2s;
    -khtml-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: var(--secondary-color)
}

.nice-select .list .option.selected {
    font-weight: 700
}

.nice-select .list .option.disabled {
    background-color: initial;
    color: #999;
    cursor: default
}

.nice-select .list .option:hover,
.nice-select .list .option:focus {
    background-color: var(--primary-color);
    color: #fff
}

.nice-select .list:hover .option:not(:hover) {
    background-color: initial !important
}

.nice-select.open .list {
    padding: 5px;
    min-width: 185px;
    overflow: auto;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1)translateY(0);
    -ms-transform: scale(1)translateY(0);
    transform: scale(1)translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.comments-area {
    overflow: hidden
}

.comments-area .comment-list-wrap {
    margin-top: 60px
}

.comments-area .comment-respond {
    margin-top: 60px
}

.comments-area .comment-respond .logged-in-as {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 14px
}

.comments-area .comment-respond .logged-in-as a {
    color: inherit
}

.comments-area .comment-respond .logged-in-as a:hover {
    color: var(--primary-color)
}

.comments-area .comment-respond .logged-in-as a:nth-child(2) {
    font-weight: 700;
    text-decoration: underline
}

.comments-area .no-comments {
    display: none
}

.comments-area input:focus,
.comments-area textarea:focus {
    border: 1px solid var(--primary-color)
}

.comment-title {
    font-size: 20px;
    margin-bottom: 8px;
    color: var(--secondary-color);
    font-weight: 700
}

@media screen and (max-width:575px) {
    .comment-title {
        margin-bottom: 15px
    }
}

.comment-title a {
    color: inherit
}

.comment-title a:hover {
    color: inherit
}

.comment-reply-title,
.comments-title {
    font-weight: 800;
    font-size: 36px;
    display: inline-block
}

.comments-title {
    margin-bottom: 40px
}

.comment-reply-title {
    margin-bottom: 25px
}

.comment-list {
    padding: 0;
    list-style: none
}

.comment-list li .children {
    padding-left: 100px;
    padding-top: 20px;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .comment-list li .children {
        padding-left: 30px
    }
}

@media screen and (max-width:575px) {
    .comment-list li .children {
        padding-left: 0
    }
}

.comment-list li .children li {
    list-style: none
}

.comment-list li .children li+li {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #e1e1e1
}

.comment-list li .comment-respond {
    margin-top: 60px;
    margin-bottom: 50px;
    margin-left: 130px
}

@media screen and (max-width:767px) {
    .comment-list li .comment-respond {
        margin-left: 78px;
        margin-top: 0
    }
}

@media screen and (max-width:575px) {
    .comment-list li .comment-respond {
        margin-left: 0;
        margin-top: 20px
    }
}

.comment-list>li {
    margin-bottom: 35px
}

.comment-list>li:last-child {
    margin-bottom: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children {
    padding-left: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children .children {
    padding-left: 0
}

.comment-list>li+li {
    padding-top: 35px;
    border-top: 1px solid #e1e1e1
}

.comment-date {
    font-size: 14px;
    color: var(--third-color);
    margin-bottom: 14px;
    line-height: normal;
    display: block;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.comment-content {
    position: relative;
    flex-grow: 1;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.comment-content a {
    word-wrap: break-word
}

.comment-content .comment-text {
    color: inherit;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px
}

@media screen and (min-width:992px) {
    .comment-content .comment-text {
        margin-bottom: 0
    }
}

.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-content a.comment-reply-link {
    font-size: 14px;
    padding: 0 20px;
    overflow: hidden;
    font-weight: 700;
    line-height: 35px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    background-color: var(--primary-color)
}

@media screen and (min-width:992px) {
    .comment-content a.comment-reply-link {
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 1
    }
}

.comment-content a.comment-reply-link:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: var(--secondary-color);
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    transition: all 500ms ease
}

.comment-content a.comment-reply-link:hover,
.comment-content a.comment-reply-link:active,
.comment-content a.comment-reply-link:focus {
    color: #fff
}

.comment-content a.comment-reply-link:hover:before,
.comment-content a.comment-reply-link:active:before,
.comment-content a.comment-reply-link:focus:before {
    -webkit-clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%)
}

.comment-reply-title small {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

.comment-reply-title small a {
    line-height: 32px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--primary-color);
    color: #fff;
    position: relative
}

.comment-reply-title small a:before {
    position: absolute;
    content: '';
    top: 10px;
    left: -9px;
    border-right: 10px solid var(--primary-color);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    z-index: 1
}

.comment-holder {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 5px
}

.comment-holder .comment-meta {
    flex-grow: 1;
    margin-right: 30px
}

@media screen and (max-width:575px) {
    .comment-holder {
        display: block;
        margin-top: 0;
        margin-bottom: 14px
    }

    .comment-holder .comment-meta {
        margin-right: 0
    }
}

.comment-form .row>div {
    margin-top: 30px
}

.comment-form .comment-form-field label {
    color: #fff
}

.comment-form [type=text],
.comment-form textarea {
    background: 0 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    height: 75px
}

.comment-form [type=text]::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
    color: #6a6f78
}

.comment-form [type=text]::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
    color: #6a6f78
}

.comment-form [type=text]::-ms-input-placeholder,
.comment-form textarea::-ms-input-placeholder {
    color: #6a6f78
}

.comment-form [type=text]::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
    color: #6a6f78
}

.comment-form textarea {
    height: 183px;
    padding: 15px 20px
}

.comment-form .form-submit {
    margin-top: 33px;
    margin-bottom: 0
}

.comment-form .form-submit button.pxl-btn-submit {
    -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);
    padding: 0 35px;
    letter-spacing: 1px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    background-color: var(--primary-color)
}

.comment-form .form-submit button.pxl-btn-submit:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: var(--secondary-color);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

.comment-form .form-submit button.pxl-btn-submit:hover {
    background-color: initial;
    color: #fff
}

.comment-form .form-submit button.pxl-btn-submit:hover:before {
    -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)
}

.comment-form .comment-form-comment {
    display: flex;
    flex-wrap: wrap
}

.comment-inner {
    display: flex;
    flex-wrap: nowrap
}

@media screen and (max-width:575px) {
    .comment-inner {
        display: block
    }
}

.comment-inner img.avatar {
    width: 100px;
    height: 100px;
    min-width: 100px;
    margin-right: 45px;
    margin-top: 5px;
    float: left;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width:767px) {
    .comment-inner img.avatar {
        width: 60px;
        height: 60px;
        min-width: 60px;
        margin-right: 20px
    }
}

@media screen and (max-width:575px) {
    .comment-inner img.avatar {
        float: none;
        margin: 0 auto 30px;
        width: 93px;
        height: 93px;
        min-width: 93px
    }
}

.comment-form-cookies-consent {
    font-size: 14px;
    line-height: 26px;
    padding-left: 24px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 38px;
    color: var(--third-color)
}

.comment-form-cookies-consent input,
.comment-form-cookies-consent label:before,
.comment-form-cookies-consent label:after {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: -1px;
    cursor: pointer;
    line-height: 24px
}

.comment-form-cookies-consent label {
    cursor: pointer;
    padding-left: 25px
}

.comment-form-cookies-consent label:before {
    content: '';
    z-index: 1;
    border: 1px solid var(--third-color);
    border-radius: 5px
}

.comment-form-cookies-consent label:after {
    content: '\f152';
    font-family: sandaicon;
    font-weight: 400;
    z-index: 2;
    font-size: 16px;
    color: var(--third-color);
    opacity: 0;
    line-height: 12px;
    text-align: center;
    top: 7px
}

.comment-form-cookies-consent input {
    z-index: 99;
    opacity: 0
}

.comment-form-cookies-consent input:checked+label:after {
    opacity: 1
}

#commentform {
    padding: 0
}

.pxl-select {
    width: 100%;
    position: relative
}

.pxl-select .pxl-select-hidden {
    display: none
}

.pxl-select .pxl-select-options {
    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: #696878;
    font-family: roboto, sans-serif;
    box-shadow: 0 3px 65px rgba(, , , .08);
    -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: 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
}

.pxl-select .pxl-select-options li:hover {
    color: var(--primary-color)
}

.pxl-select .pxl-select-higthlight {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.pxl-select .pxl-select-higthlight:before {
    content: "\f107";
    font-family: Sandaicon;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #737879;
    line-height: 28px;
    text-align: center;
    font-size: 10px;
    font-family: Sandaicon;
    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)
}

.pxl-contact-form.btn-w-full button,
.pxl-contact-form.btn-w-full .wpcf7-submit {
    width: 100%
}

.pxl-contact-form .wpcf7-form-control-wrap {
    display: inline-flex;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translate(0, -50%);
    font-size: 12px;
    background-color: #dc3232;
    color: rgba(255, 255, 255, .87);
    padding: 0 6px;
    border-radius: 3px;
    line-height: 22px;
    z-index: 99
}

.pxl-contact-form br {
    display: none
}

.pxl-contact-form form {
    position: relative
}

.pxl-contact-form form .wpcf7-response-output {
    margin: 30px 0 10px;
    border: none;
    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;
    font-size: 15px;
    padding: 12px 20px;
    color: red;
    text-align: center
}

.pxl-contact-form form .wpcf7-spinner {
    display: none
}

.pxl-contact-form form:before {
    content: '';
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent var(--primary-color)transparent var(--primary-color);
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2;
    -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);
    visibility: hidden
}

.pxl-contact-form form.submitting * {
    opacity: .66
}

.pxl-contact-form form.submitting:before {
    opacity: 1;
    visibility: visible
}

.pxl-contact-form textarea {
    height: 125px
}

.pxl-contact-form.button-style1 button.wpcf7-submit {
    background-color: var(--primary-color);
    background-position: 0 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.button-style1 button.wpcf7-submit i {
    margin-left: 20px;
    font-size: 12px
}

.pxl-contact-form1 {}

.pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit) {
    border: none;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
    color: #6a6f78;
    border: 1px solid #e1e1e1;
    background-color: #fff
}

.pxl-contact-form1 .text-extra {
    margin-bottom: 55px;
    color: #6a6f78
}

@media screen and (max-width:767px) {
    .pxl-contact-form1 .text-extra {
        margin-bottom: 35px
    }
}

.pxl-contact-form1 textarea {
    font-size: 18px
}

.pxl-contact-form1 .wpcf7-form-control-wrap textarea.wpcf7-form-control {
    height: 181px
}

.pxl-contact-form1 .pxl-range-slider {
    height: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    -khtml-box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    -moz-box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    -ms-box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    -o-box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    box-shadow: 0 10px 18px rgba(14, 14, 14, .17);
    position: relative;
    margin-bottom: 38px
}

.pxl-contact-form1 .pxl-range-slider .ui-slider-range {
    position: relative;
    height: 10px;
    background-color: var(--secondary-color);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-contact-form1 .pxl-range-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: -6px;
    margin-left: -17px;
    cursor: pointer
}

.pxl-contact-form1 .pxl-range-meta {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 6px;
    padding: 0
}

.pxl-contact-form1 .pxl-range-meta .wpcf7-form-control-wrap {
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important
}

.pxl-contact-form1 .pxl-range-meta label {
    font-weight: 500;
    color: #000;
    flex-grow: 1;
    margin-right: 20px
}

.pxl-contact-form1 .pxl-range-meta .pxl-range-result {
    border: none !important;
    padding: 0 !important;
    margin: 0 !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;
    background-color: initial !important;
    color: 16px !important;
    font-weight: 700 !important;
    color: var(--fourth-color);
    min-width: 100px;
    max-width: 150px;
    text-align: right;
    height: auto !important
}

@media screen and (max-width:767px) {
    .pxl-contact-form1 .pxl-range-meta .pxl-range-result {
        min-width: 90px;
        max-width: 90px
    }
}

.pxl-contact-form1 .pxl-range-meta+.pxl-range-slider {
    margin-left: 0;
    margin-right: 0
}

.pxl-contact-form1 .pxl-range-footer {
    margin-top: 8px;
    font-size: 15px;
    color: #000;
    padding-right: 7px
}

.pxl-contact-form1 .pxl-range-footer a {
    color: inherit;
    font-weight: 700;
    border-bottom: 1px solid #000
}

.pxl-contact-form1 .pxl-range-footer a:hover {
    color: var(--primary-color);
    border-bottom: none
}

.pxl-contact-form1 .wpcf7-form.failed .wpcf7-response-output {
    padding: 3px 20px;
    border: 2px solid red
}

.pxl-contact-form1 .wpcf7-form .input-filled {
    position: relative
}

.pxl-contact-form1 .wpcf7-form .input-filled label {
    font-size: 16px;
    z-index: 1;
    margin-bottom: 10px;
    color: var(--secondary-color);
    line-height: 1.2;
    display: block
}

.pxl-contact-form1 .wpcf7-form .input-filled .pxl-select-higthlight {
    height: 56px;
    border: 1px solid #e1e1e1
}

.pxl-contact-form1 .wpcf7-form .input-filled .wpcf7-form-control-wrap {
    position: relative
}

.pxl-contact-form1 .wpcf7-form .input-filled .wpcf7-form-control-wrap:before {
    color: var(--primary-color);
    font-family: sandaicon;
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pxl-contact-form1 .wpcf7-form .input-filled.input-name .wpcf7-form-control-wrap:before {
    content: "\f131"
}

.pxl-contact-form1 .wpcf7-form .input-filled.input-email .wpcf7-form-control-wrap:before {
    content: "\f102"
}

.pxl-contact-form1 .wpcf7-form .input-filled.input-phone .wpcf7-form-control-wrap:before {
    content: "\f103"
}

.pxl-contact-form1 .wpcf7-form .input-filled.input-mesage .wpcf7-form-control-wrap:before {
    top: 25px;
    content: "\f15e"
}

.pxl-contact-form1 .wpcf7-form [type=submit],
.pxl-contact-form1 .wpcf7-form [type=reset] {
    -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);
    padding: 0 30px 0 32px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 60px;
    font-size: 17px;
    position: relative;
    z-index: 1;
    color: #fff;
    overflow: hidden;
    background-color: var(--secondary-color)
}

.pxl-contact-form1 .wpcf7-form [type=submit]:hover,
.pxl-contact-form1 .wpcf7-form [type=reset]:hover,
.pxl-contact-form1 .wpcf7-form [type=submit]:focus,
.pxl-contact-form1 .wpcf7-form [type=reset]:focus,
.pxl-contact-form1 .wpcf7-form [type=submit]:active,
.pxl-contact-form1 .wpcf7-form [type=reset]:active {
    background-color: var(--secondary-color);
    color: #fff
}

.pxl-contact-form1 .wpcf7-form button[type=submit] i {
    font-size: 22px;
    line-height: 1;
    position: relative;
    top: 4px;
    -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-contact-form1 .wpcf7-form button[type=submit]:hover i {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pxl-contact-form1 .wpcf7-form .pxl-select .pxl-select-higthlight:before {
    right: 5px
}

.pxl-contact-form1 .row {
    justify-content: center
}

.pxl-contact-form1.btn-w-right .wpcf7-form {
    position: relative
}

.pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) {
    .pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap {
        padding-right: 130px
    }
}

.pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
    height: 56px
}

@media screen and (min-width:768px) {
    .pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
        -webkit-border-radius: 5px 0 0 5px;
        -khtml-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px
    }
}

@media screen and (min-width:768px) {
    .pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        right: 160px
    }
}

.pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-submit {
    margin-top: 0;
    text-transform: uppercase;
    line-height: 56px;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    letter-spacing: 1px
}

@media screen and (min-width:768px) {
    .pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-submit {
        min-width: 150px;
        -webkit-border-radius: 0 5px 5px 0;
        -khtml-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        top: 0;
        right: 0
    }
}

.pxl-contact-form1.btn-w-right .wpcf7-form .screen-reader-response {
    overflow: visible
}

.pxl-contact-form1.btn-w-right .wpcf7-form .wpcf7-response-output {
    position: absolute;
    bottom: -90px;
    z-index: 1;
    width: 100%
}

.pxl-contact-form1 p {
    margin-bottom: 0
}

.blockUI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    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: ctspin .6s infinite linear;
    -webkit-animation: ctspin .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;
    border-radius: 100%;
    position: relative
}

.product-remove a.remove:before,
.product-remove a.remove:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 55%;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--secondary-color);
    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: initial
}

.product-remove a.remove:hover:before,
.product-remove a.remove:hover:after {
    background-color: red;
    -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
    }
}

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

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

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

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

.pxl-widget-cart-sidebar .widget_shopping_head .widget_shopping_title {
    position: relative;
    padding-left: 45px;
    text-transform: uppercase
}

.pxl-widget-cart-sidebar .widget_shopping_head .widget_shopping_title:before {
    font-family: Sandaicon;
    content: "\f12f";
    font-size: 35px;
    position: absolute;
    color: var(--primary-color);
    top: -17px;
    left: -5px
}

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

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

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

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

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

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
    font-size: 32px;
    color: #555;
    width: 80px;
    height: 80px;
    background-color: #f8f8f8;
    border-radius: 80px;
    line-height: 80px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn {
    width: 100%
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover {
    color: #fff
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image {
    width: 45px;
    min-width: 45px;
    margin-right: 15px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
    display: inline-block
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img {
    margin: 0;
    width: inherit;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 5px rgba(, , , .08);
    -khtml-box-shadow: 0 3px 5px rgba(, , , .08);
    -moz-box-shadow: 0 3px 5px rgba(, , , .08);
    -ms-box-shadow: 0 3px 5px rgba(, , , .08);
    -o-box-shadow: 0 3px 5px rgba(, , , .08);
    box-shadow: 0 3px 5px rgba(, , , .08)
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta {
    padding-right: 12px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 3px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
    color: inherit;
    font-weight: 700
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
    color: #555
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color)
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button {
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    line-height: 17px;
    color: red;
    font-size: 11px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button i {
    vertical-align: middle
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
    opacity: 1
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 30px 55px;
    background-color: #fff
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
    border: none;
    border-top: 1px solid rgba(, , , .1);
    padding-top: 15px;
    padding-bottom: 0;
    font-weight: 600;
    color: #222
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
    font-weight: inherit
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons {
    margin: 0
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
    width: 100%;
    margin-right: 0;
    line-height: 48px
}

.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn+.btn {
    margin-top: 8px
}

.admin-bar .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 ins {
    background-color: initial;
    color: var(--primary-color)
}

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

.woocommerce #secondary .widget_product_search {
    padding: 0;
    border: none
}

.woocommerce #secondary .widget_product_search button {
    padding: 0;
    width: 53px;
    height: 43px;
    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 #e1e1e1;
    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
}

.woocommerce #secondary .widget_product_search button:after {
    content: "\f157";
    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: Sandaicon;
    text-indent: 0;
    font-weight: 400
}

.woocommerce #secondary .widget_product_search button:hover {
    color: var(--primary-color)
}

.woocommerce #secondary .widget_product_search .search-field {
    height: 43px;
    color: var(--third-color);
    border-color: #e1e1e1;
    background-color: #fff;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    padding-top: 0;
    padding-bottom: 0
}

.woocommerce #secondary .widget_product_search .search-field:focus {
    color: var(--secondary-color)
}

.woocommerce #secondary .widget_product_search .woocommerce-product-search {
    position: relative
}

.woocommerce #secondary .widget_products ul li,
.woocommerce #secondary .widget_top_rated_products ul li {
    position: relative;
    padding: 0;
    margin-bottom: 25px;
    min-height: 80px
}

.woocommerce #secondary .widget_products ul li .product-title,
.woocommerce #secondary .widget_top_rated_products ul li .product-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    font-family: sora, sans-serif
}

.woocommerce #secondary .widget_products ul li .product-title a,
.woocommerce #secondary .widget_top_rated_products ul li .product-title a {
    font-size: inherit;
    color: inherit;
    line-height: 1.25;
    margin-top: 4px;
    margin-bottom: 6px;
    font-weight: inherit;
    font-weight: 500
}

.woocommerce #secondary .widget_products ul li .product-title a:hover,
.woocommerce #secondary .widget_top_rated_products ul li .product-title a:hover {
    color: var(--primary-color)
}

.woocommerce #secondary .widget_products ul li .wg-product-inner,
.woocommerce #secondary .widget_top_rated_products ul li .wg-product-inner {
    display: flex;
    flex-wrap: nowrap
}

.woocommerce #secondary .widget_products ul li .wg-product-image,
.woocommerce #secondary .widget_top_rated_products ul li .wg-product-image {
    margin-right: 20px;
    width: 70px;
    min-width: 70px
}

.woocommerce #secondary .widget_products ul li .wg-product-image img,
.woocommerce #secondary .widget_top_rated_products ul li .wg-product-image img {
    margin: 0;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 15px rgba(, , , .06);
    -khtml-box-shadow: 0 5px 15px rgba(, , , .06);
    -moz-box-shadow: 0 5px 15px rgba(, , , .06);
    -ms-box-shadow: 0 5px 15px rgba(, , , .06);
    -o-box-shadow: 0 5px 15px rgba(, , , .06);
    box-shadow: 0 5px 15px rgba(, , , .06);
    position: static;
    width: 100%
}

.woocommerce #secondary .widget_products ul li:last-child,
.woocommerce #secondary .widget_top_rated_products ul li:last-child {
    margin-bottom: 0
}

.woocommerce #secondary .widget_products ul li .star-rating-wrap .star-rating:before,
.woocommerce #secondary .widget_top_rated_products ul li .star-rating-wrap .star-rating:before {
    left: 0
}

.woocommerce #secondary .widget_products ul li .star-rating-wrap span,
.woocommerce #secondary .widget_top_rated_products ul li .star-rating-wrap span {
    left: 0
}

.woocommerce #secondary .widget_products ul li .star-rating-wrap span:before,
.woocommerce #secondary .widget_top_rated_products ul li .star-rating-wrap span:before {
    left: 0
}

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

    .woocommerce .coupon #coupon_code,
    .woocommerce-page .coupon #coupon_code {
        width: 100% !important;
        margin-bottom: 10px;
        border: none;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px
    }

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

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

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

.woocommerce textarea,
.woocommerce-page textarea {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 140px;
    border: 1px solid #e1e1e1
}

.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce a.wc-forward,
.woocommerce-page a.wc-forward,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce .cart button.button,
.woocommerce-page .cart button.button,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce .form-row button.button.alt,
.woocommerce-page .form-row button.button.alt {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 0 25px;
    line-height: 50px;
    -webkit-transition: all 180ms linear 0ms;
    -khtml-transition: all 180ms linear 0ms;
    -moz-transition: all 180ms linear 0ms;
    -ms-transition: all 180ms linear 0ms;
    -o-transition: all 180ms linear 0ms;
    transition: all 180ms linear 0ms;
    position: relative;
    overflow: hidden !important;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    z-index: 1;
    letter-spacing: 0;
    -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;
    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
}

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

.woocommerce #respond input#submit.alt[disabled],
.woocommerce-page #respond input#submit.alt[disabled],
.woocommerce #respond input#submit[disabled],
.woocommerce-page #respond input#submit[disabled],
.woocommerce a.button[disabled],
.woocommerce-page a.button[disabled],
.woocommerce a.wc-forward[disabled],
.woocommerce-page a.wc-forward[disabled],
.woocommerce button.button[disabled],
.woocommerce-page button.button[disabled],
.woocommerce input.button[disabled],
.woocommerce-page input.button[disabled],
.woocommerce .cart button.button[disabled],
.woocommerce-page .cart button.button[disabled],
.woocommerce a.button.alt[disabled],
.woocommerce-page a.button.alt[disabled],
.woocommerce .form-row button.button.alt[disabled],
.woocommerce-page .form-row button.button.alt[disabled] {
    color: #fff
}

.woocommerce #respond input#submit.alt[disabled]:hover,
.woocommerce-page #respond input#submit.alt[disabled]:hover,
.woocommerce #respond input#submit[disabled]:hover,
.woocommerce-page #respond input#submit[disabled]:hover,
.woocommerce a.button[disabled]:hover,
.woocommerce-page a.button[disabled]:hover,
.woocommerce a.wc-forward[disabled]:hover,
.woocommerce-page a.wc-forward[disabled]:hover,
.woocommerce button.button[disabled]:hover,
.woocommerce-page button.button[disabled]:hover,
.woocommerce input.button[disabled]:hover,
.woocommerce-page input.button[disabled]:hover,
.woocommerce .cart button.button[disabled]:hover,
.woocommerce-page .cart button.button[disabled]:hover,
.woocommerce a.button.alt[disabled]:hover,
.woocommerce-page a.button.alt[disabled]:hover,
.woocommerce .form-row button.button.alt[disabled]:hover,
.woocommerce-page .form-row button.button.alt[disabled]:hover {
    color: #fff
}

.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;
    background-color: var(--primary-color);
    border-radius: 5px;
    border: none;
    color: #fff
}

.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
    color: #fff
}

.woocommerce .woocommerce-message a,
.woocommerce-page .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce-info a {
    color: #fff;
    text-decoration: underline
}

.woocommerce .woocommerce-message a:hover,
.woocommerce-page .woocommerce-message a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce-page .woocommerce-info a:hover {
    text-decoration: none;
    color: #fff
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    font-weight: 500;
    font-size: 16px;
    font-family: inherit;
    padding: 0;
    margin-bottom: 0;
    background-color: initial;
    color: var(--third-color)
}

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
    display: none
}

.woocommerce .woocommerce-notice--success,
.woocommerce-page .woocommerce-notice--success {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color)
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button {
    padding: 0;
    line-height: 25px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: var(--primary-color);
    color: #fff;
    background-image: none;
    font-size: 12px;
    text-transform: uppercase
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:before,
.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:before {
    font-family: sandaicon;
    content: "\f101";
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

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

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover:before,
.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:hover:before {
    color: inherit
}

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

.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
    background-color: initial;
    padding: 0 15px 0 10px;
    border: 1px solid #e1e1e1;
    color: var(--third-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    height: 50px;
    width: 140px;
    -moz-appearance: textfield
}

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

.woocommerce .quantity-icon i,
.woocommerce-page .quantity-icon i {
    font-size: 20px;
    font-style: normal;
    color: var(--third-color);
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 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%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .quantity-icon i.quantity-up,
.woocommerce-page .quantity-icon i.quantity-up {
    right: 10px
}

.woocommerce .quantity-icon i.quantity-down,
.woocommerce-page .quantity-icon i.quantity-down {
    left: 10px
}

.woocommerce .quantity-icon i:hover,
.woocommerce-page .quantity-icon i:hover {
    color: var(--primary-color)
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-color: #e1e1e1;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    padding: 15px;
    border-color: #e1e1e1;
    border-right: none
}

.woocommerce table.shop_table td+td,
.woocommerce-page table.shop_table td+td {
    border-left: 1px solid #e1e1e1
}

.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;
    border-color: #e1e1e1
}

.woocommerce table.shop_table tfoot tr th,
.woocommerce-page table.shop_table tfoot tr th {
    border-right: none
}

.woocommerce table.shop_table tfoot tr td,
.woocommerce-page table.shop_table tfoot tr td {
    border-left: 1px solid #e1e1e1
}

.woocommerce .woocommerce-customer-details address {
    padding: 12px 20px;
    border-color: #e1e1e1
}

.woocommerce table.shop_table thead th {
    border-top: none;
    border-left: none;
    border-right: none
}

.woocommerce table.shop_table thead th+th {
    border-left: 1px solid #e1e1e1
}

.woocommerce-page #add_payment_method table.cart img,
.woocommerce-page.woocommerce-cart table.cart img,
.woocommerce-page.woocommerce-checkout table.cart img {
    width: 50px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
    text-align: right
}

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

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

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

.woocommerce #secondary .widget_price_filter .ui-slider-horizontal {
    height: 2px;
    background-color: #442d1e;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

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

.woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-handle {
    height: 16px;
    width: 16px;
    border-radius: 16px;
    top: -7px;
    background: #fff;
    border: 2px solid var(--primary-color)
}

.woocommerce #secondary .widget_price_filter .ui-slider .ui-slider-handle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: .5rem;
    height: .5rem;
    background-color: var(--primary-color);
    margin: 2px;
    border-radius: 50%
}

.woocommerce #secondary .widget_price_filter .price_slider_amount {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 10px
}

.woocommerce #secondary .widget_price_filter .price_slider_amount .button {
    line-height: 36px;
    font-size: 14px;
    margin-right: 15px;
    letter-spacing: .05em;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: 400;
    color: #fff
}

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

.woocommerce #secondary .widget_price_filter .price_label {
    font-size: 15px;
    font-weight: 500
}

.widget_products .amount {
    font-size: 13px;
    font-weight: 700;
    color: inherit
}

.widget_products del {
    color: var(--third-color)
}

.widget_products del .amount {
    font-weight: 400;
    color: var(--third-color)
}

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

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

.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: #020033;
    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: #6a6f78
}

#shop-breadcrumb ul li a:hover {
    color: var(--primary-color)
}

.woocommerce .star-rating-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.woocommerce .star-rating-wrap .star-rating {
    margin: 0;
    width: 6em
}

.woocommerce .star-rating-wrap .star-rating:before {
    font-size: 12px;
    color: var(--primary-color);
    letter-spacing: 4px;
    left: 0
}

.woocommerce .star-rating-wrap .star-rating span:before {
    font-size: 12px;
    color: var(--primary-color);
    letter-spacing: 4px;
    left: 0
}

.woocommerce .star-rating-wrap .count-rating {
    color: #161616;
    margin-left: 4px;
    display: none
}

.woocommerce span.onsale {
    min-width: inherit;
    min-height: inherit;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 !important;
    overflow: visible;
    position: absolute;
    top: 30px !important;
    left: 45px !important;
    right: auto !important;
    z-index: 1;
    display: inline-block;
    border-radius: 5px;
    line-height: 35px;
    font-weight: 400;
    padding: 0 10px;
    background-color: var(--primary-color)
}

.woocommerce .star-rating span {
    color: #000
}

@media screen and (min-width:992px) {
    .woocommerce #primary.content-has-sidebar ul.products.columns-4 li.product {
        width: 33.33%
    }
}

.woocommerce .woocommerce-topbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 3px;
    position: relative;
    z-index: 101
}

.woocommerce .woocommerce-topbar div.woocommerce-result-count {
    margin: 0 30px 20px 0;
    flex-grow: 1
}

.woocommerce .woocommerce-topbar .woocommerce-topbar-ordering {
    margin-bottom: 20px
}

.woocommerce .woocommerce-topbar .woocommerce-result-count,
.woocommerce .woocommerce-topbar .woocommerce-topbar-ordering .woocommerce-ordering {
    float: none;
    margin: 0;
    font-size: 16px;
    font-weight: 500
}

.woocommerce .woocommerce-topbar .woocommerce-ordering {
    min-width: 250px;
    position: relative;
    z-index: 1
}

.woocommerce .woocommerce-topbar .woocommerce-ordering:before {
    content: "\f107";
    font-family: sandaicon;
    font-size: 12px;
    color: var(--third-color);
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 50%;
    height: 12px;
    line-height: 14px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.woocommerce .woocommerce-topbar .woocommerce-ordering select {
    height: 50px;
    cursor: pointer;
    background-color: initial;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select {
    cursor: pointer;
    background-color: initial;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding-left: 30px;
    border: 1px solid #e1e1e1
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select span.current {
    line-height: 44px
}

.woocommerce .woocommerce-product-inner {
    width: 100%;
    position: relative
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header img {
    -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;
    width: auto;
    max-width: 100%;
    display: inline-block;
    margin-bottom: 0 !important
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content {
    padding: 22px 0 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)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content>.price {
    margin-bottom: 0 !important;
    line-height: normal
}

.woocommerce .woocommerce-product-inner .woocommerce-product--title {
    padding: 0 !important
}

.woocommerce .woocommerce-product-inner .woocommerce-product--title a {
    color: inherit
}

.woocommerce .woocommerce-product-inner .woo-pxl-price-rating {
    display: flex;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woo-pxl-price-rating .star-rating-wrap {
    margin-left: 30px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta {
    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);
    display: flex;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left {
    width: 100%
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button {
    line-height: 50px;
    background: 0 0;
    color: var(--secondary-color);
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
    text-transform: capitalize;
    font-size: 14px;
    -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: #e1e1e1;
    position: relative;
    margin-top: 20px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button:before {
    content: "\eed1";
    font-size: 20px;
    font-family: IcoFont;
    display: inline-block;
    position: absolute;
    left: 15px;
    color: var(--primary-color);
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button:hover {
    background-color: var(--primary-color);
    color: #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button:hover:before {
    color: #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button.loading {
    padding-left: 20px;
    padding-right: 40px;
    opacity: .8
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button.loading:before {
    -webkit-transition: all .15s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .15s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .15s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .15s cubic-bezier(.645, .045, .355, 1);
    transition: all .15s cubic-bezier(.645, .045, .355, 1);
    top: 200%
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button.loading:after {
    right: 15px;
    top: 1px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .add_to_cart_button.added {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .added_to_cart {
    line-height: 50px;
    color: #fff;
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    margin-top: 20px;
    padding-right: 20px;
    text-transform: capitalize;
    -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: var(--secondary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .added_to_cart:before {
    content: "\f138";
    left: 15px;
    font-size: 15px;
    color: var(--primary-color);
    transform: translate(0, -50%);
    top: 50%
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .added_to_cart:hover {
    background-color: var(--primary-color);
    color: #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .added_to_cart:hover:before {
    color: #fff
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .button.product_type_grouped {
    line-height: 32px;
    border-bottom: 2px solid #000;
    background: 0 0;
    color: #000;
    position: relative;
    padding-left: 30px;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .button.product_type_grouped:before {
    content: "\e9ba";
    left: 0;
    color: #000;
    transform: translate(0, 0);
    top: 0;
    font-family: IcoFont;
    font-size: 22px;
    font-weight: 400
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-left .star-rating-wrap .count-rating {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right {
    display: flex;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button {
    font-size: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #f6f6f6;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button.woosc-btn {
    margin-right: 10px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button.woosc-btn:before {
    content: "\ef0a";
    font-family: IcoFont;
    color: var(--third-color);
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%)rotate(45deg);
    -khtml-transform: translate(-50%, -50%)rotate(45deg);
    -moz-transform: translate(-50%, -50%)rotate(45deg);
    -ms-transform: translate(-50%, -50%)rotate(45deg);
    -o-transform: translate(-50%, -50%)rotate(45deg);
    transform: translate(-50%, -50%)rotate(45deg)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button.woosc-btn:hover:before {
    -webkit-transform: translate(-50%, -50%)scale(1.05)rotate(-45deg);
    -khtml-transform: translate(-50%, -50%)scale(1.05)rotate(-45deg);
    -moz-transform: translate(-50%, -50%)scale(1.05)rotate(-45deg);
    -ms-transform: translate(-50%, -50%)scale(1.05)rotate(-45deg);
    -o-transform: translate(-50%, -50%)scale(1.05)rotate(-45deg);
    transform: translate(-50%, -50%)scale(1.05)rotate(-45deg)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button.woosw-btn:before {
    content: "\f139";
    color: var(--third-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button.woosw-btn:hover:before {
    -webkit-transform: translate(-50%, -50%)scale(1.05);
    -khtml-transform: translate(-50%, -50%)scale(1.05);
    -moz-transform: translate(-50%, -50%)scale(1.05);
    -ms-transform: translate(-50%, -50%)scale(1.05);
    -o-transform: translate(-50%, -50%)scale(1.05);
    transform: translate(-50%, -50%)scale(1.05)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta .meta-right button:hover:before {
    color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a,
.woocommerce .woocommerce-product-inner .woocommerce-product-meta button {
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    padding: 0
}

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

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart,
.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart {
    background-color: #222
}

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

.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,
.woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before {
    content: "\f119"
}

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

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

.woocommerce .product-type-grouped .woocommerce-product-header .woocommerce-product-meta {
    display: none !important
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width:991px) {
    .woocommerce nav.woocommerce-pagination {
        margin-bottom: 50px
    }
}

.woocommerce nav.woocommerce-pagination .page-numbers {
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    -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;
    margin-top: 5px;
    margin: 5px 5px 0;
    color: var(--secondary-color);
    position: relative;
    z-index: 1;
    padding: 0;
    border: 1px solid #ddd;
    -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 nav.woocommerce-pagination .page-numbers:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

@media screen and (min-width:768px) {
    .woocommerce nav.woocommerce-pagination .page-numbers:first-child {
        margin-left: 0
    }

    .woocommerce nav.woocommerce-pagination .page-numbers:last-child {
        margin-right: 0
    }

    .woocommerce nav.woocommerce-pagination .page-numbers.next,
    .woocommerce nav.woocommerce-pagination .page-numbers.prev {
        font-size: 16px
    }

    .woocommerce nav.woocommerce-pagination .page-numbers.next span,
    .woocommerce nav.woocommerce-pagination .page-numbers.prev span {
        height: 31px;
        line-height: 31px;
        width: auto !important;
        position: relative;
        display: inline-block;
        padding: 0 15px
    }

    .woocommerce nav.woocommerce-pagination .page-numbers.next i,
    .woocommerce nav.woocommerce-pagination .page-numbers.prev i {
        font-size: 18px;
        line-height: 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 nav.woocommerce-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination .page-numbers:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff
}

.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;
    display: inline-flex;
    float: none
}

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

.woocommerce ul.products li.product .price {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0
}

.woocommerce ul.products li.product .price .amount {
    color: var(--third-color)
}

.woocommerce ul.products li.product .price del {
    color: var(--third-color);
    font-weight: 500;
    opacity: 1
}

.woocommerce ul.products li.product .price del .amount {
    color: inherit
}

.woocommerce ul.products li.product .price del+ins {
    margin-left: 5px;
    color: var(--primary-color)
}

.woocommerce ul.products li.product .price ins {
    color: var(--secondary-color);
    font-weight: inherit;
    text-decoration: unset;
    padding: 0
}

.woocommerce ul.products li.product .woocommerce-product--title,
.woocommerce ul.products li.product .woocommerce-product--title,
.woocommerce ul.products li.product .woocommerce-product--title {
    font-weight: 600;
    font-size: 22px
}

@media screen and (min-width:1200px) {

    .woocommerce ul.products li.product .woocommerce-product--title,
    .woocommerce ul.products li.product .woocommerce-product--title,
    .woocommerce ul.products li.product .woocommerce-product--title {
        padding: 0 10px
    }
}

.woocommerce ul.products li.product .woocommerce-product--title a,
.woocommerce ul.products li.product .woocommerce-product--title a,
.woocommerce ul.products li.product .woocommerce-product--title a {
    color: inherit
}

.woocommerce ul.products li.product .woocommerce-product--title a:hover,
.woocommerce ul.products li.product .woocommerce-product--title a:hover,
.woocommerce ul.products li.product .woocommerce-product--title a:hover {
    color: var(--primary-color);
    text-decoration: underline;
    text-decoration-thickness: 1px
}

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

    .woocommerce ul.products.columns-3 li.product {
        width: 50%
    }
}

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

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

.single-product .woocommerce-social-share label {
    color: var(--secondary-color);
    font-weight: 600;
    margin-right: 0
}

.single-product .woocommerce-social-share a {
    font-size: 14px;
    margin-right: 0;
    width: 20px;
    height: 30px;
    line-height: 30px;
    color: var(--third-color);
    margin-right: 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.single-product .woocommerce-social-share a i {
    -webkit-transition: all 180ms linear 0ms;
    -khtml-transition: all 180ms linear 0ms;
    -moz-transition: all 180ms linear 0ms;
    -ms-transition: all 180ms linear 0ms;
    -o-transition: all 180ms linear 0ms;
    transition: all 180ms linear 0ms
}

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

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

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

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

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

.single-product .woocommerce-sg-product-price .price {
    margin-bottom: 0;
    display: inline-flex;
    margin-bottom: 0;
    flex-direction: row-reverse
}

.single-product .woosc-quick-table {
    display: none
}

.single-product section.related {
    padding-top: 72px
}

.single-product section.related .woo-relate-subtitle {
    font-size: 36px;
    margin-bottom: 0;
    padding-bottom: 12px;
    font-family: inherit;
    font-weight: 600
}

.single-product section.related .woo-relate-subtitle .title-icon {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 3px
}

.single-product section.related .woo-relate-subtitle .title-icon img {
    max-height: 36px
}

.single-product section.related .woo-extra-relate-title {
    font-size: 52px;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .single-product section.related .woo-extra-relate-title {
        font-size: 35px
    }
}

.single-product section.related .rel-title-wrap {
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

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

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

.single-product #primary div.product .entry-summary {
    width: 100% !important;
    margin-bottom: 80px;
    padding-left: 50px
}

@media screen and (min-width:768px) {
    .single-product #primary div.product .entry-summary {
        position: sticky;
        top: 62px
    }
}

.single-product #primary div.product .entry-summary form.cart a.added_to_cart {
    background-color: var(--primary-color);
    color: #fff;
    text-transform: capitalize;
    line-height: 50px;
    padding: 0 30px 0 40px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-family: inherit
}

.single-product #primary div.product .entry-summary form.cart a.added_to_cart.wc-forward {
    position: relative;
    overflow: hidden;
    transition: all .5s;
    z-index: 1;
    font-family: inherit
}

.single-product #primary div.product .entry-summary form.cart a.added_to_cart.wc-forward:hover,
.single-product #primary div.product .entry-summary form.cart a.added_to_cart.wc-forward:active,
.single-product #primary div.product .entry-summary form.cart a.added_to_cart.wc-forward:focus {
    background-color: var(--secondary-color);
    color: #fff
}

.single-product #primary div.product .entry-summary .wooc-product-meta {
    display: flex
}

.single-product #primary div.product .entry-summary .wooc-product-meta>div {
    margin-bottom: 8px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.single-product #primary div.product .entry-summary .wooc-product-meta a,
.single-product #primary div.product .entry-summary .wooc-product-meta button {
    margin-right: 15px;
    margin-bottom: 25px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    font-size: 0;
    background-color: #fff;
    -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-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    position: relative
}

.single-product #primary div.product .entry-summary .wooc-product-meta a:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--primary-color);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    font-family: Sandaicon;
    font-size: 16px;
    font-weight: 400
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.add_to_cart_button:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button.add_to_cart_button:before {
    content: "\f145"
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.product_type_variable:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button.product_type_variable:before {
    content: "\f122"
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.added_to_cart,
.single-product #primary div.product .entry-summary .wooc-product-meta button.added_to_cart {
    background-color: var(--secondary-color)
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.woosc-btn:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button.woosc-btn:before {
    content: "\f13a";
    -webkit-transform: translate(-50%, -50%)rotate(45deg);
    -khtml-transform: translate(-50%, -50%)rotate(45deg);
    -moz-transform: translate(-50%, -50%)rotate(45deg);
    -ms-transform: translate(-50%, -50%)rotate(45deg);
    -o-transform: translate(-50%, -50%)rotate(45deg);
    transform: translate(-50%, -50%)rotate(45deg)
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.woosw-btn:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button.woosw-btn:before {
    content: "\f139"
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.woosq-btn:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button.woosq-btn:before {
    content: "\f101";
    font-size: 18px
}

.single-product #primary div.product .entry-summary .wooc-product-meta a.added,
.single-product #primary div.product .entry-summary .wooc-product-meta button.added {
    display: none
}

.single-product #primary div.product .entry-summary .wooc-product-meta a:hover,
.single-product #primary div.product .entry-summary .wooc-product-meta button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.single-product #primary div.product .entry-summary .wooc-product-meta a:hover:before,
.single-product #primary div.product .entry-summary .wooc-product-meta button:hover:before {
    color: #fff
}

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

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

.single-product #primary 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 #primary div.product .woocommerce-sg-product-feature,
.single-product>div.product .woocommerce-sg-product-feature {
    margin-bottom: 71px;
    list-style: none
}

.single-product #primary div.product .woocommerce-sg-product-feature li,
.single-product>div.product .woocommerce-sg-product-feature li {
    display: flex;
    flex-wrap: nowrap
}

.single-product #primary 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 #primary 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 #primary div.product .woocommerce-sg-product-feature li+li,
.single-product>div.product .woocommerce-sg-product-feature li+li {
    margin-top: 10px
}

.single-product #primary div.product form.cart,
.single-product>div.product form.cart {
    margin-bottom: 20px
}

.single-product #primary div.product form.cart label,
.single-product>div.product form.cart label {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--third-color)
}

.single-product #primary div.product form.cart .reset_variations,
.single-product>div.product form.cart .reset_variations {
    font-weight: 700;
    color: var(--third-color);
    font-size: 16px;
    margin-top: 6px;
    display: none;
    visibility: visible !important
}

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

.single-product #primary div.product form.cart .variations td.label,
.single-product>div.product form.cart .variations td.label {
    padding: 0
}

.single-product #primary 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 #primary div.product form.cart .button-variable-wrapper .button-variable-item,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item {
    box-shadow: 0 0 0 1px rgba(, , , .12);
    background-color: #f9f9f9
}

.single-product #primary 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 #primary 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 #primary 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 #primary 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 #primary 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 #primary div.product form.cart .color-variable-wrapper .color-variable-item,
.single-product>div.product form.cart .color-variable-wrapper .color-variable-item {
    border: 1px solid #c6c6c6;
    padding: 2px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

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

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

.single-product #primary 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 #primary 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 #primary 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 {
    border: 1px solid #e1e1e1;
    color: var(--third-color);
    background-color: initial;
    opacity: 1
}

.single-product #primary div.product form.cart.variations_form button.single_add_to_cart_button:hover,
.single-product>div.product form.cart.variations_form button.single_add_to_cart_button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.single-product #primary div.product form.cart.variations_form table.variations th.label,
.single-product>div.product form.cart.variations_form table.variations th.label {
    display: none
}

.single-product #primary div.product form.cart:not(.variations_form),
.single-product>div.product form.cart:not(.variations_form),
.single-product #primary div.product form.cart:not(.grouped_form),
.single-product>div.product form.cart:not(.grouped_form) {
    display: flex;
    margin: 0 0 45px;
    align-items: center;
    flex-wrap: wrap
}

.single-product #primary div.product form.cart .woocommerce-grouped-product-list td,
.single-product>div.product form.cart .woocommerce-grouped-product-list td {
    vertical-align: middle
}

.single-product #primary div.product .woocommerce-gallery span.onsale,
.single-product>div.product .woocommerce-gallery span.onsale {
    display: none
}

.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image .woocommerce-product-gallery__trigger,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image .woocommerce-product-gallery__trigger {
    display: none
}

.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none
}

.single-product #primary div.product .woocommerce-product-gallery .flex-viewport,
.single-product>div.product .woocommerce-product-gallery .flex-viewport {
    overflow: hidden;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1
}

.single-product #primary 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 #primary div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img.zoomImg,
.single-product>div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img.zoomImg {
    background-color: initial
}

.single-product #primary div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img.zoomImg:hover,
.single-product>div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img.zoomImg:hover {
    background-color: initial
}

.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav {
    margin-top: 16px;
    margin-left: -6px;
    margin-right: -6px;
    display: flex
}

.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav li,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav li {
    padding: 0 6px;
    width: 25%;
    margin-bottom: 15px
}

.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav img,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav img {
    padding: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #e1e1e1;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.single-product #primary div.product .woocommerce-product-gallery .flex-control-nav img.flex-active,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav img.flex-active {
    border-color: var(--primary-color)
}

.single-product #primary 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;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img {
    background-color: initial;
    opacity: .5
}

.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img.zoomImg,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img.zoomImg {
    background-color: initial
}

.single-product #primary div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before {
    opacity: 1;
    width: 70px;
    height: 3px
}

.single-product #primary 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;
    height: 70px;
    width: 3px
}

.single-product #primary div.product .entry-summary .woocommerce-sg-product-rating .woocommerce-product-rating,
.single-product>div.product .entry-summary .woocommerce-sg-product-rating .woocommerce-product-rating {
    display: flex;
    margin-bottom: 0
}

.single-product #primary div.product .entry-summary .entry-title,
.single-product>div.product .entry-summary .entry-title {
    font-size: 34px;
    margin-top: 10px;
    margin-bottom: 14px
}

.single-product #primary div.product .entry-summary .price,
.single-product>div.product .entry-summary .price {
    font-size: 32px;
    line-height: 1;
    color: var(--primary-color);
    font-weight: 500;
    display: inline-flex;
    align-items: end;
    margin-bottom: 0;
    flex-direction: row-reverse
}

.single-product #primary div.product .entry-summary .price ins,
.single-product>div.product .entry-summary .price ins {
    margin-right: 8px;
    color: var(--primary-color)
}

.single-product #primary div.product .entry-summary .price del,
.single-product>div.product .entry-summary .price del {
    color: var(--secondary-color);
    position: relative;
    top: -4px;
    font-size: 26px
}

.single-product #primary div.product .entry-summary .price del .amount,
.single-product>div.product .entry-summary .price del .amount {
    color: inherit
}

.single-product #primary div.product .entry-summary .price del+ins,
.single-product>div.product .entry-summary .price del+ins {
    margin-left: 0
}

.single-product #primary div.product .entry-summary .price del+ins .amount,
.single-product>div.product .entry-summary .price del+ins .amount {
    color: inherit
}

.single-product #primary div.product .entry-summary>.woosc-btn,
.single-product>div.product .entry-summary>.woosc-btn,
.single-product #primary div.product .entry-summary>.woosw-btn,
.single-product>div.product .entry-summary>.woosw-btn {
    margin-right: 15px;
    margin-bottom: 25px;
    line-height: 40px;
    padding: 0 20px 5px;
    text-align: center;
    -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-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: initial;
    color: var(--third-color)
}

.single-product #primary div.product .entry-summary>.woosc-btn:before,
.single-product>div.product .entry-summary>.woosc-btn:before,
.single-product #primary div.product .entry-summary>.woosw-btn:before,
.single-product>div.product .entry-summary>.woosw-btn:before {
    -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;
    content: "";
    font-size: 16px;
    color: var(--secondary-color);
    font-family: sandaicon;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.single-product #primary div.product .entry-summary>.woosc-btn:hover,
.single-product>div.product .entry-summary>.woosc-btn:hover,
.single-product #primary div.product .entry-summary>.woosw-btn:hover,
.single-product>div.product .entry-summary>.woosw-btn:hover {
    border-color: var(--primary-color)
}

.single-product #primary div.product .entry-summary>.woosc-btn:hover:before,
.single-product>div.product .entry-summary>.woosc-btn:hover:before,
.single-product #primary div.product .entry-summary>.woosw-btn:hover:before,
.single-product>div.product .entry-summary>.woosw-btn:hover:before {
    color: var(--primary-color)
}

.single-product #primary div.product .entry-summary>.woosc-btn:before,
.single-product>div.product .entry-summary>.woosc-btn:before {
    content: "\f13a"
}

.single-product #primary div.product .entry-summary>.woosw-btn:before,
.single-product>div.product .entry-summary>.woosw-btn:before {
    content: "\f139"
}

.single-product #primary div.product .entry-summary .woocommerce-sg-product-excerpt,
.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt {
    font-size: 16px;
    line-height: 28px
}

.single-product #primary div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description,
.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description {
    margin-bottom: 26px
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button,
.single-product>div.product .entry-summary .single_add_to_cart_button {
    clear: left;
    display: flex;
    margin-right: 15px;
    line-height: 50px;
    padding: 0 20px 0 40px;
    font-size: 14px;
    -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: var(--primary-color);
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-family: inherit;
    position: relative
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button:before,
.single-product>div.product .entry-summary .single_add_to_cart_button:before {
    content: "\eed1";
    font-size: 20px;
    font-family: IcoFont;
    display: inline-block;
    position: absolute;
    left: 17px;
    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%)
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button.loading,
.single-product>div.product .entry-summary .single_add_to_cart_button.loading {
    position: relative;
    opacity: 1;
    padding-right: 40px;
    padding-left: 20px
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button.loading:before,
.single-product>div.product .entry-summary .single_add_to_cart_button.loading:before {
    top: 200%
}

.single-product #primary 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: 1px;
    right: 20px;
    margin-left: 5px
}

.single-product #primary 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 #primary div.product .entry-summary .single_add_to_cart_button:hover,
.single-product>div.product .entry-summary .single_add_to_cart_button:hover {
    background-color: var(--secondary-color)
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button+.added_to_cart,
.single-product>div.product .entry-summary .single_add_to_cart_button+.added_to_cart {
    padding: 0 20px 0 35px
}

.single-product #primary div.product .entry-summary .single_add_to_cart_button+.added_to_cart:before,
.single-product>div.product .entry-summary .single_add_to_cart_button+.added_to_cart:before {
    position: absolute;
    font-family: Sandaicon;
    content: "\f138";
    left: 15px;
    font-size: 15px;
    color: inherit;
    transform: translate(0, -50%);
    top: 50%
}

.single-product #primary div.product .woocommerce-tabs ul.wc-tabs,
.single-product>div.product .woocommerce-tabs ul.wc-tabs {
    overflow: visible;
    padding: 0 0 1px;
    margin-top: -20px;
    margin-bottom: 0;
    position: relative;
    z-index: 99;
    text-align: center
}

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

.single-product #primary div.product .woocommerce-tabs ul.wc-tabs li,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li {
    margin: 20px 3px 20px 0;
    padding: 0;
    border: none;
    background-color: initial;
    position: relative;
    z-index: 99;
    bottom: -1px
}

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

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

    .single-product #primary div.product .woocommerce-tabs ul.wc-tabs li,
    .single-product>div.product .woocommerce-tabs ul.wc-tabs li {
        display: block;
        padding: 0;
        margin: 0 0 5px
    }

    .single-product #primary div.product .woocommerce-tabs ul.wc-tabs li a,
    .single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
        display: block
    }
}

.single-product #primary div.product .woocommerce-tabs ul.wc-tabs li a,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
    padding: 0 30px;
    font-size: 16px;
    line-height: 50px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: 500;
    background-color: #e1e1e1;
    color: var(--secondary-color);
    position: relative;
    z-index: 1
}

.single-product #primary div.product .woocommerce-tabs ul.wc-tabs li a:after,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li a:after {
    width: 1px;
    height: 20px;
    display: block;
    content: "";
    background-color: #e1e1e1;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

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

    .single-product #primary div.product .woocommerce-tabs ul.wc-tabs li a,
    .single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
        padding: 0 15px;
        line-height: 45px
    }
}

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

.single-product #primary div.product .woocommerce-tabs ul.wc-tabs li.active>a:after,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li.active>a:after,
.single-product #primary div.product .woocommerce-tabs ul.wc-tabs li a:hover:after,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li a:hover:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color)), to(#e1e1e1));
    background-image: -webkit-linear-gradient(to bottom, var(--primary-color), #e1e1e1);
    background-image: -moz-linear-gradient(to bottom, var(--primary-color), #e1e1e1);
    background-image: -ms-linear-gradient(to bottom, var(--primary-color), #e1e1e1);
    background-image: -o-linear-gradient(to bottom, var(--primary-color), #e1e1e1);
    background-image: linear-gradient(to bottom, var(--primary-color), #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--primary-color)', endColorStr='#e1e1e1')
}

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

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
    line-height: 1.875
}

.single-product #primary 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 #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2 {
    display: none
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
    padding-top: 32px;
    margin-bottom: 0;
    padding: 20px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
    border: 1px solid #e1e1e1
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.single-product #primary 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 #e1e1e1;
    font-family: inherit;
    color: var(--third-color);
    font-weight: 400;
    font-style: normal;
    padding: 10px
}

.single-product #primary 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 #e1e1e1
}

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

.single-product #primary 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 #primary 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 #primary 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 #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
    margin-bottom: 15px
}

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

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a {
    color: var(--primary-color)
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a,
.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a {
    color: var(--primary-color)
}

.single-product #primary 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 #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
    font-size: 24px;
    margin-bottom: 12px
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title span,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title span {
    display: none
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
.single-product #primary 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 #primary 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: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 15px
}

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

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #commentform,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #commentform {
    padding: 0
}

.single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit {
    padding: 0 50px;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 50px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff
}

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

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

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
        width: 100%
    }
}

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

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
        width: 100%
    }
}

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

.single-product #primary 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: 13px;
    padding: 23px 0 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
        padding: 23px 0 10px
    }
}

.single-product #primary 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 #primary 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 #primary 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 #primary 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 #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    padding: 0;
    width: 80px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 8px rgba(, , , .08);
    -khtml-box-shadow: 0 5px 8px rgba(, , , .08);
    -moz-box-shadow: 0 5px 8px rgba(, , , .08);
    -ms-box-shadow: 0 5px 8px rgba(, , , .08);
    -o-box-shadow: 0 5px 8px rgba(, , , .08);
    box-shadow: 0 5px 8px rgba(, , , .08)
}

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
        width: 40px;
        border: none
    }
}

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

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
        float: none;
        margin-bottom: 10px
    }
}

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
        padding-left: 60px
    }
}

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

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

    .single-product #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
        display: block
    }
}

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

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

.single-product #primary 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 #primary div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
    margin: 0
}

.single-product #primary div.product .woocommerce-tabs+.woosc-quick-table,
.single-product>div.product .woocommerce-tabs+.woosc-quick-table {
    display: none
}

.single-product #primary div.product .quantity,
.single-product>div.product .quantity {
    margin-right: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.single-product #primary div.product .product_meta,
.single-product>div.product .product_meta {
    display: flex;
    flex-wrap: wrap;
    color: inherit
}

.single-product #primary div.product .product_meta .sku_wrapper,
.single-product>div.product .product_meta .sku_wrapper {
    margin-bottom: 3px
}

.single-product #primary div.product .product_meta .sku_wrapper span.sku,
.single-product>div.product .product_meta .sku_wrapper span.sku {
    margin-left: 5px
}

.single-product #primary div.product .product_meta>span,
.single-product>div.product .product_meta>span {
    display: inline-flex;
    width: 100%;
    font-weight: 600;
    align-items: center
}

.single-product #primary div.product .product_meta>span+span,
.single-product>div.product .product_meta>span+span {
    margin-top: 5px
}

.single-product #primary div.product .product_meta>span span,
.single-product>div.product .product_meta>span span,
.single-product #primary div.product .product_meta>span a,
.single-product>div.product .product_meta>span a {
    font-weight: 400
}

.single-product #primary div.product .product_meta a,
.single-product>div.product .product_meta a {
    color: inherit
}

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

.single-product #primary div.product .product_meta .posted_in,
.single-product>div.product .product_meta .posted_in {
    align-items: center
}

.single-product #primary div.product .product_meta .posted_in a,
.single-product>div.product .product_meta .posted_in a {
    color: var(--secondary-color)
}

.single-product #primary div.product .product_meta .posted_in a:hover,
.single-product>div.product .product_meta .posted_in a:hover,
.single-product #primary div.product .product_meta .posted_in a:focus,
.single-product>div.product .product_meta .posted_in a:focus,
.single-product #primary div.product .product_meta .posted_in a:active,
.single-product>div.product .product_meta .posted_in a:active {
    color: var(--primary-color)
}

.single-product #primary div.product .product_meta .posted_in a:first-child,
.single-product>div.product .product_meta .posted_in a:first-child {
    margin-left: 5px
}

.single-product #primary div.product .product_meta .tagged_as,
.single-product>div.product .product_meta .tagged_as {
    margin-top: 10px
}

.single-product #primary div.product .product_meta .tagged_as a,
.single-product>div.product .product_meta .tagged_as a {
    font-size: 16px;
    line-height: 1.3;
    padding: 0;
    letter-spacing: .5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0 5px 5px;
    color: var(--secondary-color);
    position: relative;
    overflow: hidden;
    z-index: 1
}

.single-product #primary div.product .product_meta .tagged_as a:hover,
.single-product>div.product .product_meta .tagged_as a:hover,
.single-product #primary div.product .product_meta .tagged_as a:focus,
.single-product>div.product .product_meta .tagged_as a:focus,
.single-product #primary div.product .product_meta .tagged_as a:active,
.single-product>div.product .product_meta .tagged_as a:active {
    color: var(--primary-color)
}

.single-product #pxl-main {
    padding-bottom: 100px
}

@media screen and (max-width:767px) {
    .single-product #pxl-main {
        padding-bottom: 60px
    }
}

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

    .single-product.header-sticky.admin-bar #primary div.product .entry-summary {
        top: 150px
    }
}

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

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

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

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

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

body.woocommerce-cart .pxl-entry-content>.woocommerce .cart-collaterals .cart_totals {
    width: 100%
}

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 {
    width: 100%
}

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

body.woocommerce-cart .woocommerce-cart-form .actions .button {
    padding: 0 20px !important;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-family: sora, sans-serif
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text {
    width: 180px !important;
    height: 50px;
    padding: 0 22px;
    font-size: 15px;
    border-color: #e1e1e1;
    color: var(--third-color);
    font-family: sora, sans-serif
}

@media screen and (min-width:1200px) {
    body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text {
        width: 280px !important;
        -webkit-border-radius: 5px 0 0 5px;
        -khtml-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        margin-right: 0
    }

    body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text+.button {
        border-radius: 0 5px 5px 0
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
    padding: 12px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #e1e1e1
}

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 #e1e1e1
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
    border-bottom: none;
    padding: 20px 15px
}

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

body.woocommerce-cart .woocommerce-cart-form tbody .product-name a {
    color: var(--third-color);
    font-size: 16px;
    font-weight: 600
}

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

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

body.woocommerce-cart .woocommerce-cart-form tbody .product-price,
body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600
}

body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins,
body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins {
    color: inherit;
    background-color: initial
}

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

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

body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a img {
    width: 100%;
    max-width: 80px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

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

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

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

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

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

body.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 25px
}

body.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px
}

body.woocommerce-cart .cart-collaterals .cart_totals th {
    vertical-align: middle !important;
    color: var(--third-color);
    font-weight: 400;
    padding: 12px 10px 12px 20px;
    border-top: 1px solid #e1e1e1
}

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

body.woocommerce-cart .cart-collaterals .cart_totals td {
    padding: 15px 10px;
    text-align: right;
    border-top: 1px solid #e1e1e1
}

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

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
    color: var(--primary-color);
    font-weight: 700
}

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

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

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

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

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

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

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    padding-left: 23px;
    padding-right: 23px;
    width: 100%;
    font-family: sora, sans-serif
}

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

.woocommerce-checkout form.checkout_coupon {
    border: 1px solid #e1e1e1;
    -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: initial
}

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

.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text:focus {
    border-color: var(--primary-color);
    color: var(--secondary-color)
}

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

.woocommerce-checkout form.checkout_coupon .wp-element-button {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 50px;
    font-family: sora, sans-serif;
    font-weight: 500
}

.woocommerce-checkout .woocommerce-NoticeGroup {
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    margin-left: 15px
}

.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error {
    color: rgba(0, 0, 0, .67)
}

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

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

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

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

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

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

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

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

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

.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: 60px -15px 0
}

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

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    font-size: 24px;
    margin-bottom: 18px;
    text-transform: capitalize
}

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

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

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

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

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

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
    margin-bottom: 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-color: #e1e1e1
}

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

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
    border-left: none;
    border-right: none;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th+th,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td+th,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th+td,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td+td {
    border-left: 1px solid #e1e1e1
}

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

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead tr th {
    border-top: none;
    background: #e1e1e1;
    color: var(--primary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
    background-color: initial;
    border: 1px solid #e1e1e1;
    margin-top: 30px;
    padding: 30px 20px
}

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

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

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

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
    padding: 20px 30px 30px 20px;
    background-color: #e1e1e1;
    border-bottom: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .woocommerce-info {
    position: relative;
    padding-left: 35px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .woocommerce-info:before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    font-size: 15px;
    color: #fff;
    top: 2px;
    left: 4px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
    margin: 0;
    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;
    padding: 30px 0 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order a:hover {
    text-decoration: underline
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order button {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    background-color: var(--primary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order button:hover {
    background-color: var(--secondary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order {
    float: none;
    margin-top: 10px;
    font-family: sora, sans-serif;
    font-size: 17px;
    font-weight: 500
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box {
    background-color: #f8f8f8;
    color: rgba(0, 0, 0, .67)
}

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

.woocommerce-checkout #payment label {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 600
}

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

.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce-checkout form .form-row input.input-text:focus,
.woocommerce-checkout form .form-row textarea:focus {
    border-color: var(--primary-color);
    color: var(--third-color)
}

.woocommerce ul.order_details li {
    border-right: 1px solid #e1e1e1
}

.woocommerce-checkout .button {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:checked,
.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:checked+label,
.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:checked+label:before,
.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 25px;
    height: 25px;
    border: 2px solid var(--primary-color);
    border-radius: 100%;
    background: var(--primary-color)
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:checked+label:after,
.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    top: 4px;
    left: 8px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.woocommerce-checkout ul.payment_methods li.wc_payment_method [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.woocommerce-account .site-content #primary .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: block;
    width: 100%
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    width: 30%;
    float: left;
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 60px
    }
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul {
    margin: 0;
    list-style: none
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eaeaea
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
    padding: 10px 0;
    color: #191919;
    font-weight: 600;
    position: relative;
    display: block
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--primary-color)
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:before {
    content: "\f104";
    font-family: sandaicon;
    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;
    color: var(--primary-color);
    margin-left: -16px;
    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;
    font-size: 10px
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li.is-active>a,
.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:hover {
    color: inherit;
    padding-left: 22px
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li.is-active>a:before,
.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:hover:before {
    margin-left: 0;
    opacity: 1
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-content {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 70%;
    float: left
}

@media screen and (max-width:767px) {
    .woocommerce-account .site-content #primary .woocommerce-MyAccount-content {
        width: 100%;
        margin-bottom: 0
    }
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-content .col-1,
.woocommerce-account .site-content #primary .woocommerce-MyAccount-content .col-2 {
    flex: inherit;
    max-width: inherit
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-content .form-row label {
    width: 100%
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-content .form-row .woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-account .site-content #primary .woocommerce-form {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding: 30px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    max-width: 670px;
    margin: 0 auto 30px
}

.woocommerce-account .site-content #primary .woocommerce-form label {
    font-weight: 500;
    margin-bottom: 2px
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-Button.button {
    margin-right: 16px;
    height: auto
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-LostPassword {
    margin-bottom: 0
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-LostPassword a {
    color: var(--primary-color)
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-LostPassword a:hover {
    color: var(--primary-color)
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-form__label-for-checkbox {
    padding: 0;
    line-height: 50px
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-form__label-for-checkbox span {
    font-size: 15px
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
    position: relative;
    top: -1px
}

.woocommerce-account .site-content #primary .woocommerce-form .woocommerce-Button {
    height: 42px
}

.woocommerce-account .site-content #primary .woocommerce-notices-wrapper+h2 {
    text-align: center;
    font-size: 24px
}

.woocommerce-account .site-content #primary #customer_login {
    margin: 0 -15px;
    width: inherit;
    display: flex;
    flex-wrap: wrap
}

.woocommerce-account .site-content #primary #customer_login h2 {
    font-size: 24px
}

.woocommerce-account .site-content #primary #customer_login .u-column1.col-1,
.woocommerce-account .site-content #primary #customer_login .u-column2.col-2 {
    width: 50%;
    flex: inherit;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .woocommerce-account .site-content #primary #customer_login {
        margin: 0
    }

    .woocommerce-account .site-content #primary #customer_login .u-column1.col-1,
    .woocommerce-account .site-content #primary #customer_login .u-column2.col-2 {
        width: 100%;
        padding: 0
    }
}

.woocommerce-account .site-content #primary .woocommerce-password-strength.bad {
    background-color: initial;
    padding: 8px 0
}

.woocommerce-product-rating {
    margin-bottom: 8px;
    display: flex
}

.woocommerce-product-rating .woocommerce-review-link {
    color: inherit;
    margin-left: 4px;
    position: relative;
    top: -2px
}

.woocommerce-product-rating .woocommerce-review-link:hover {
    color: var(--primary-color)
}

.woocommerce-product-rating .star-rating-wrap .star-rating:before {
    left: 0
}

.woocommerce-product-rating .star-rating-wrap .star-rating span:before {
    left: 0
}

@media screen and (max-width:1400px) {
    .woocommerce #secondary .star-rating-wrap .count-rating {
        display: none
    }
}

.woosw-list .woosw-content-item--title a,
#woosw-area .woosw-content-item--title a {
    color: #fff;
    font-weight: 400 !important
}

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

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

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

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

#woosw-area .woosw-content-item--title a {
    color: #000;
    font-size: 16px;
    line-height: normal
}

#woosw-area .woosw-content-item--price {
    line-height: 1
}

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

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

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

.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add .add_to_cart_button,
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add .added_to_cart {
    line-height: 40px;
    padding: 0 22px;
    font-size: 14px;
    width: auto;
    min-width: auto;
    display: inline-block
}

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

.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--add p>a {
    padding: 0 22px;
    line-height: 40px;
    display: inline-block
}

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

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

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

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

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

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

#woosq-popup .mfp-close {
    display: none
}

#woosq-popup .entry-summary .entry-title {
    font-size: 24px
}

#woosq-popup .entry-summary .price {
    font-size: 16px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

#woosq-popup .entry-summary .woocommerce-product-details__short-description {
    font-size: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

#woosq-popup .entry-summary form {
    margin-bottom: 20px
}

#woosq-popup .entry-summary .product_meta {
    padding-top: 10px;
    border-top: 1px solid #eee
}

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

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

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

#woosq-popup .single_add_to_cart_button.loading {
    position: relative;
    opacity: 1
}

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

#woosq-popup .quantity .input-text {
    background-color: #fff;
    margin-right: 5px;
    width: 45px;
    padding: 0 10px;
    border: 1px solid #ececec;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

#woosq-popup .slick-dots li {
    margin: 0 2px !important
}

#woosq-popup .slick-dots li button {
    background-color: rgba(, , , .3) !important;
    width: 12px !important;
    height: 12px !important
}

#woosq-popup .slick-dots li button:before,
#woosq-popup .slick-dots li button:after {
    display: none !important
}

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

#woosq-popup .thumbnails .slick-arrow:before {
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#woosc-area .woosc-table.woosc-table-open .tr-add_to_cart .add_to_cart_inline .add_to_cart_button.loading:after {
    top: 1px
}

#woosc-area .woosc-table.woosc-table-open .tr-add_to_cart .add_to_cart_inline .add_to_cart_button.added {
    display: none
}

#woosc-area .woosc-table.woosc-table-open .tr-default.tr-image img {
    -webkit-transition: .4s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .4s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .4s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .4s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .4s cubic-bezier(.24, .74, .58, 1);
    transition: .4s cubic-bezier(.24, .74, .58, 1)
}

#woosc-area .woosc-table.woosc-table-open .tr-default.tr-image img:hover {
    -webkit-transform: scale(.9);
    -khtml-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

#woosc-area .woosc-table.woosc-table-open .woocommerce-product-attributes tr th {
    border-right: none
}

.woosw-popup .woosw-item--actions .woosw-item--add .add_to_cart_inline .add_to_cart_button.loading:after {
    top: 1px
}

.woosw-popup .woosw-item--actions .woosw-item--add .add_to_cart_inline .add_to_cart_button.added {
    display: none
}

.woosw-popup .woosw-popup-content-mid .woosw-item .woosw-item--image {
    width: 60px;
    flex: 0 0 60px
}

.woosw-popup .woosw-popup-content-mid .woosw-item .woosw-item--info a {
    color: var(--third-color)
}

.woosw-popup .woosw-popup-content-bot .woosw-popup-content-bot-inner a {
    background-color: var(--primary-color);
    border-bottom: none;
    color: #fff;
    text-transform: capitalize;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px
}

.woosw-popup .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.woosw-popup .woosw-popup-content-bot .woosw-notice {
    color: #000
}

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

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

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

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

body .mfp-bg.mfp-woosq.mfp-ready {
    opacity: 1;
    background-color: rgba(192, 192, 192, .6)
}

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

#secondary .widget.woocommerce .widget-title {
    font-size: 1.3rem
}

.woocommerce-lost-password .woocommerce-error {
    max-width: 440px;
    margin: auto
}

.woocommerce-lost-password .woocommerce-ResetPassword {
    border: 1px solid #efefef;
    background-color: #f9f9f9;
    padding: 35px 30px 25px;
    max-width: 440px;
    margin: auto
}

.woocommerce-lost-password .woocommerce-ResetPassword p {
    width: 100% !important;
    float: none !important
}

.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button {
    width: 100%;
    height: 54px;
    line-height: 54px !important;
    padding: 0 30px !important;
    color: #fff !important
}

.woocommerce-archive-layout {
    display: flex;
    margin-bottom: 20px;
    margin-right: 50px
}

.woocommerce-archive-layout .archive-layout {
    width: 22px;
    height: 19px;
    opacity: .33;
    margin-left: 10px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.woocommerce-archive-layout .archive-layout.layout-grid {
    background-image: url(../img/layout-grid.png)
}

.woocommerce-archive-layout .archive-layout.layout-list {
    background-image: url(../img/layout-list.png)
}

.woocommerce-archive-layout .archive-layout:hover,
.woocommerce-archive-layout .archive-layout.active {
    opacity: 1
}

.pxl-privacy-policy .pxl-text-editor h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 22px
}

.pxl-privacy-policy .pxl-text-editor h4 {
    font-size: 20px;
    font-weight: 500
}

.pxl-privacy-policy .pxl-text-editor p {
    margin-bottom: 24px
}

.list-info-product {
    list-style: none;
    padding-left: 0
}

.list-info-product li {
    position: relative;
    padding-left: 25px
}

.list-info-product li+li {
    margin-top: 12px
}

.list-info-product li:before {
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 2px;
    content: "";
    background-color: var(--primary-color)
}

.woosw-items {
    width: 100%
}

.woosw-items .woosw-item--add a {
    line-height: 32px;
    padding: 0 10px;
    font-size: 11px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase
}

.pxl-product-grid.layout-1 .pxl-grid-item,
.pxl-product-carousel.layout-1 .pxl-grid-item {
    padding-top: 0
}

.pxl-product-grid.layout-1 .pxl-grid-item>button,
.pxl-product-carousel.layout-1 .pxl-grid-item>button {
    display: none
}

.pxl-product-grid.layout-1 .pxl-grid-item span.onsale,
.pxl-product-carousel.layout-1 .pxl-grid-item span.onsale {
    position: absolute;
    min-width: inherit;
    min-height: inherit;
    font-size: 14px;
    color: #fff;
    padding: 0;
    text-align: center;
    margin: 0 !important;
    top: 45px !important;
    left: 35px !important;
    right: auto !important;
    background-color: #000;
    z-index: 1;
    overflow: visible;
    border-radius: 0
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-header,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-header {
    position: relative;
    overflow: hidden;
    -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)
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-header img,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-header img {
    -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;
    width: auto;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    margin-bottom: 0 !important
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button {
    background-color: initial;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    padding: 0;
    font-size: 0
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--secondary-color);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    font-family: Sandaicon;
    font-size: 16px;
    font-weight: 400
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.add_to_cart_button:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.add_to_cart_button:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.add_to_cart_button:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.add_to_cart_button:before {
    content: "\f145";
    font-size: 10px;
    display: inline-block;
    position: absolute;
    left: 6px
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.product_type_variable:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.product_type_variable:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.product_type_variable:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.product_type_variable:before {
    content: "\f145";
    font-size: 10px;
    display: inline-block;
    position: absolute;
    left: 6px
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart {
    background-color: #222
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before {
    color: #fff
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before {
    content: "\f119"
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosc-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosc-btn:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosc-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosc-btn:before {
    content: "\f189";
    color: var(--third-color);
    font-size: 13px;
    -webkit-transform: translate(-50%, -50%)rotate(45deg);
    -khtml-transform: translate(-50%, -50%)rotate(45deg);
    -moz-transform: translate(-50%, -50%)rotate(45deg);
    -ms-transform: translate(-50%, -50%)rotate(45deg);
    -o-transform: translate(-50%, -50%)rotate(45deg);
    transform: translate(-50%, -50%)rotate(45deg)
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosw-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosw-btn:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosw-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosw-btn:before {
    content: "\f139"
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosq-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.woosq-btn:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosq-btn:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.woosq-btn:before {
    content: "\f101";
    font-size: 18px
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a.added,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button.added {
    display: none
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta a:hover:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta a:hover:before,
.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-meta button:hover:before,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-meta button:hover:before {
    color: var(--primary-color)
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-content,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-content {
    padding: 23px 0 0;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product-content>.price,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product-content>.price {
    margin-bottom: 0 !important;
    line-height: normal
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price {
    line-height: 1;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 500
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price ins,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price ins {
    color: var(--primary-color);
    background-color: initial
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price del,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price del {
    color: var(--secondary-color)
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price del .amount,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price del .amount {
    color: inherit
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price del+ins,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price del+ins {
    margin-left: 10px
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .price del+ins .amount,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .price del+ins .amount {
    color: inherit
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product--title,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product--title {
    padding: 0 !important;
    font-size: 17px;
    margin-bottom: 10px;
    color: var(--secondary-color);
    font-weight: 600
}

.pxl-product-grid.layout-1 .woocommerce-product-inner .woocommerce-product--title a,
.pxl-product-carousel.layout-1 .woocommerce-product-inner .woocommerce-product--title a {
    color: inherit
}

.pxl-product-grid.layout-1 .woocommerce-product-inner:hover .woocommerce-product--title a,
.pxl-product-carousel.layout-1 .woocommerce-product-inner:hover .woocommerce-product--title a {
    color: var(--primary-color)
}

.pxl-product-grid.layout-1 .pxl-grid-item {
    margin-bottom: 50px
}

.pxl-product-grid.layout-1 .pxl-grid-pagination {
    justify-content: center
}

.pxl-product-grid.layout-1 .pxl-grid-pagination .pxl-pagination-links .page-numbers {
    -webkit-border-radius: 12px 0;
    -khtml-border-radius: 12px 0;
    -moz-border-radius: 12px 0;
    -ms-border-radius: 12px 0;
    -o-border-radius: 12px 0;
    border-radius: 12px 0
}

.pxl-product-grid.layout-1 .pxl-grid-pagination .pxl-pagination-links .page-numbers:before {
    -webkit-border-radius: 12px 0;
    -khtml-border-radius: 12px 0;
    -moz-border-radius: 12px 0;
    -ms-border-radius: 12px 0;
    -o-border-radius: 12px 0;
    border-radius: 12px 0
}

.pxl-product-grid.layout-1 .pxl-load-more {
    display: flex;
    width: 100%;
    justify-content: center
}

.pxl-product-grid.layout-1 .pxl-load-more .pxl-btn {
    display: inline-flex;
    line-height: 58px;
    -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);
    padding-left: 35px;
    padding-right: 35px;
    padding: 0 35px;
    color: #fff
}

.pxl-product-grid.layout-1 .pxl-load-more .pxl-btn .btn-icon {
    margin-right: 10px
}

.pxl-product-grid.layout-1 .pxl-load-more .pxl-btn:hover {
    background-color: #333
}

.pxl-product-grid.layout-1 .grid-filter-wrap {
    justify-content: center;
    margin-bottom: 55px
}

.pxl-product-grid .pxl-load-more {
    margin-top: 20px
}

.pxl-product-grid .pxl-btn {
    cursor: pointer
}

.pxl-product-carousel .container-custom {
    max-width: 1170px;
    margin: 0 auto 55px
}

@media screen and (min-width:768px) {
    .pxl-product-carousel .container-custom {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.pxl-product-carousel .container-custom .el--title {
    font-size: 32px;
    margin-bottom: 0;
    color: var(--primary-color)
}

@media screen and (max-width:1199px) {
    .pxl-product-carousel .container-custom .el--title {
        font-size: 30px
    }
}

@media screen and (max-width:575px) {
    .pxl-product-carousel .container-custom .el--title {
        margin-bottom: 30px
    }
}

.pxl-product-carousel .container-custom .wp-arrow {
    display: flex;
    align-items: center
}

.pxl-product-carousel .container-custom .wp-arrow .pxl-swiper-arrow {
    position: static;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    color: var(--third-color)
}

.pxl-product-carousel .container-custom .wp-arrow .pxl-swiper-arrow+.pxl-swiper-arrow {
    margin-left: 10px
}

.pxl-product-carousel .container-custom .wp-arrow .pxl-swiper-arrow:hover {
    color: #000
}

.select2 .select2-selection--single {
    border: 1px solid #e1e1e1;
    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%)
}

.select2-container--open .select2-dropdown--below {
    border-color: #eee
}

form .select2-container--default {
    width: 100% !important
}

form .select2-container--default .select2-selection {
    border: 1px solid #e1e1e1;
    height: 50px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

form .select2-container--default .select2-selection .select2-selection__rendered {
    line-height: 50px;
    padding-left: 22px;
    font-size: 15px;
    color: inherit
}

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
}

.woocommerce-Reviews .star-rating-wrap .star-rating {
    font-size: 12px
}

.woocommerce-Reviews .star-rating-wrap .star-rating:before {
    font-size: 12px;
    color: var(--primary-color);
    letter-spacing: 0;
    left: 0
}

.woocommerce-Reviews .star-rating-wrap .star-rating span {
    font-size: 12px;
    color: var(--primary-color)
}

.woocommerce-Reviews .star-rating-wrap .star-rating span:before {
    color: var(--primary-color);
    letter-spacing: 0;
    left: 0
}

.woocommerce-Reviews .star-rating-wrap .count-rating {
    display: none
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 20px
}

.woocommerce div.product form.cart .variations select {
    height: 48px;
    line-height: 44px;
    background-color: initial;
    border-color: #eee;
    padding: 0 40px 0 20px;
    font-size: 14px;
    font-weight: 500;
    -webkit-appearance: none;
    appearance: none;
    background-size: 10px;
    background-image: url(../img/select-arrow.png);
    background-position: calc(100% - 18px);
    background-repeat: no-repeat
}

.woocommerce div.product form.cart .variations .value .pxl-variation-att-terms {
    margin-bottom: 0;
    list-style: none
}

.woocommerce div.product form.cart .variations .value .pxl-variation-att-terms li {
    display: inline-block;
    margin: 5px
}

.woocommerce div.product form.cart .variations .value .pxl-variation-att-terms li a {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 16px;
    color: var(--third-color);
    line-height: 48px;
    text-align: center;
    -webkit-border-radius: 48px;
    -khtml-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    -o-border-radius: 48px;
    border-radius: 48px;
    background-color: initial;
    border: 1px solid #dedede
}

.woocommerce div.product form.cart .variations .value .pxl-variation-att-terms li.active a {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.woocommerce div.product form.cart .variations .value .pxl-variation-att-terms+select {
    display: none
}

.entry-summary .single_variation_wrap {
    width: 100%
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    vertical-align: middle
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations th.label {
    padding-left: 0
}

.list-info-product {
    list-style: none;
    padding-left: 30px
}

.list-info-product li:before {
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 2px;
    content: "";
    background-color: #666
}

.woocommerce .woocommerce-customer-details address {
    border-bottom-width: 1px;
    border-right-width: 1px
}

.woocommerce-order-details .woocommerce-table {
    border-right: none
}

.woocommerce-order-details .woocommerce-table thead th {
    font-size: 20px;
    color: #000;
    font-weight: 700
}

.woocommerce ul.product_list_widget li a {
    font-weight: 500
}

.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
    color: #fff;
    font-weight: 400;
    text-transform: capitalize
}

.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span {
    background-color: #fff
}

.ul-list-product-custom {
    list-style: none;
    padding-top: 15px
}

.ul-list-product-custom li+li {
    margin-top: 12px
}

.ul-list-product-custom li:before {
    font-family: sandaicon;
    content: "\f11e";
    display: inline-block;
    font-size: 15px;
    position: relative;
    top: 1px;
    margin-right: 10px;
    color: var(--primary-color)
}

.woo-sg-rate-price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: center;
    padding: 20px 0
}

.woo-sg-rate-price .woocommerce-sg-product-rating {
    flex-grow: 1
}

.woo-sg-rate-price .woocommerce-sg-product-rating .woocommerce-product-rating {
    justify-content: center
}

.woo-pxl-call {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.woo-pxl-call .icon-phone {
    width: 40px;
    height: 40px;
    max-width: 40px;
    min-width: 40px
}

.woo-pxl-call .icon-phone+.woo-phone-meta {
    margin-left: 20px
}

.woo-pxl-call .woo-phone-meta label {
    font-size: 14px;
    display: block
}

.woo-pxl-call .woo-phone-meta .link-phone,
.woo-pxl-call .woo-phone-meta .text-phone {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: var(--secondary-color)
}

.woo-pxl-call .woo-phone-meta .link-phone:hover,
.woo-pxl-call .woo-phone-meta .text-phone:hover {
    color: var(--primary-color)
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
    background-color: var(--primary-color)
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
    color: #fff
}

.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove,
.woosc-page .woosc-remove {
    color: #eee
}

.woocommerce form .form-row .required {
    color: var(--primary-color)
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    padding: 25px 30px;
    color: #fff;
    background-color: var(--primary-color)
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--primary-color)transparent transparent transparent;
    margin-top: 0
}

.pxl-slide-item-wrap {
    overflow: hidden
}

.pxl-slide-item-wrap .container {
    padding-left: 0;
    padding-right: 0
}

.pxl-slide-item-wrap .pxl-slide-bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (max-width:1199px) {
    .pxl-slide-item-wrap .pxl-slide-bg {
        min-height: 420px
    }
}

@media screen and (min-width:1200px) {
    .pxl-slide-item-wrap .pxl-slide-bg {
        min-height: 620px
    }
}

@media screen and (max-width:767px) {
    .pxl-slide-item-wrap .pxl-slide-bg {
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .pxl-slide-item-wrap .pxl-slide-bg {
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px
    }
}

@media screen and (min-width:992px) {
    .pxl-slide-item-wrap .pxl-slide-bg {
        -webkit-border-radius: 30% 0 0 30%;
        -khtml-border-radius: 30% 0 0 30%;
        -moz-border-radius: 30% 0 0 30%;
        -ms-border-radius: 30% 0 0 30%;
        -o-border-radius: 30% 0 0 30%;
        border-radius: 30% 0 0 30%
    }
}

.pxl-slide-item-wrap .item-feature {
    padding-right: 20px;
    width: 100%;
    height: 100%
}

@media screen and (max-width:991px) {
    .pxl-slide-item-wrap .item-feature {
        margin-bottom: 35px;
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .pxl-slide-item-wrap .item-feature {
        margin-bottom: 35px
    }
}

@media screen and (min-width:992px) {
    .pxl-slide-item-wrap .item-feature {
        min-width: 60%;
        max-width: 60%
    }
}

@media screen and (min-width:1400px) {
    .pxl-slide-item-wrap .item-feature {
        padding-right: 35px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .pxl-slide-item-wrap .item-feature {
        padding-right: 20px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .pxl-slide-item-wrap .item-content {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:992px) {
    .pxl-slide-item-wrap .item-content {
        min-width: 40%;
        max-width: 40%;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:1400px) {
    .pxl-slide-item-wrap .item-content {
        padding-left: 35px;
        padding-right: 20px;
        padding-bottom: 30px
    }
}

.pxl-slide-item-wrap .small-heading {
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media(min-width:1200px) and (max-width:1400px) {
    .pxl-slide-item-wrap .small-heading {
        font-size: 16px
    }
}

.pxl-slide-item-wrap .large-heading {
    color: var(--secondary-color);
    font-size: 45px
}

@media screen and (min-width:1400px) {
    .pxl-slide-item-wrap .large-heading {
        font-size: 70px;
        margin-bottom: 30px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .pxl-slide-item-wrap .large-heading {
        font-size: 40px
    }
}

.pxl-slide-item-wrap .item-desc {
    margin-bottom: 20px
}

@media screen and (min-width:1200px) {
    .pxl-slide-item-wrap .item-desc {
        margin-right: 35px
    }
}

.pxl-slide-item-wrap .item-btn1 {
    line-height: 60px;
    padding: 0 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    background-color: #222;
    text-transform: uppercase
}

.pxl-slide-item-wrap .item-btn1 .pxl-button-icon {
    margin-left: 5px
}

.pxl-slide-item-wrap .item-btn1:hover {
    background-color: #333
}

@media screen and (min-width:992px) {
    .pxl-slide-item-wrap .inner-layout {
        display: flex
    }
}

@media(min-width:768px) and (max-width:991px) {
    .pxl-slide-item-wrap .inner-layout {
        align-items: center
    }
}

@media screen and (min-width:1200px) {
    .pxl-slide-item-wrap .inner-layout {
        min-height: 620px
    }
}

.pxl-sliders-wrap {
    overflow: hidden
}

@media(min-width:880px) {
    .pxl-sliders-wrap .pxl-slider-container {
        position: relative;
        z-index: 1
    }

    .pxl-sliders-wrap .pxl-slider-container:before {
        content: "";
        display: block;
        height: 120%;
        width: 60%;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }
}

@media screen and (max-width:767px) {
    .pxl-sliders-wrap .pxl-slider-container .pxl-slider-wrapper {
        height: auto !important
    }
}

.pxl-sliders-wrap .pxl-slider-arrow {
    cursor: pointer;
    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%;
    border: 1px solid #f8f8f8;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #f8f8f8;
    -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:1199px) {
    .pxl-sliders-wrap .pxl-slider-arrow {
        border-color: var(--primary-color);
        color: var(--primary-color)
    }
}

.pxl-sliders-wrap .pxl-slider-arrow:hover {
    background-color: #fff;
    color: var(--secondary-color)
}

@media screen and (max-width:1199px) {
    .pxl-sliders-wrap .pxl-slider-arrow:hover {
        background-color: var(--primary-color);
        color: #fff
    }
}

.pxl-sliders-wrap .pxl-slider-arrow.pxl-slider-arrow-prev {
    margin-right: 10px
}

.pxl-sliders-wrap .pxl-slider-arrow-wrap {
    display: flex
}

@media screen and (max-width:1199px) {
    .pxl-sliders-wrap .pxl-slider-arrow-wrap {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media screen and (max-width:991px) {
    .pxl-sliders-wrap .pxl-slider-arrow-wrap {
        justify-content: left;
        margin-top: 40px
    }
}

@media screen and (min-width:1200px) {
    .pxl-sliders-wrap .pxl-slider-arrow-wrap {
        position: absolute;
        bottom: 30px;
        left: 45%;
        -webkit-transform: traslateX(-50%);
        -khtml-transform: traslateX(-50%);
        -moz-transform: traslateX(-50%);
        -ms-transform: traslateX(-50%);
        -o-transform: traslateX(-50%);
        transform: traslateX(-50%);
        z-index: 2
    }
}

.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 .pxl-swiper-slide.swiper-slide-active {
    z-index: 1
}

.pxl-element-slider .pxl-slider-progressbar {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--primary-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: 100vw;
    height: 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-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 {
    -webkit-animation: pxl-ken-burns-out 20s linear infinite;
    -khtml-animation: pxl-ken-burns-out 20s linear infinite;
    -moz-animation: pxl-ken-burns-out 20s linear infinite;
    -ms-animation: pxl-ken-burns-out 20s linear infinite;
    -o-animation: pxl-ken-burns-out 20s linear infinite;
    animation: pxl-ken-burns-out 20s linear infinite;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s
}

.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--inner {
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width:1199px) {
    .pxl-element-slider .pxl-slider--inner {
        min-height: unset !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-swiper-arrow-wrap {
    margin: 0
}

@media screen and (max-width:1199px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap {
        display: flex;
        justify-content: center;
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    margin: 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%);
    background-color: initial;
    -webkit-box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    -khtml-box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    -moz-box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    -ms-box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    -o-box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    border: 2px solid var(--third-color)
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow i {
    font-size: 20px;
    color: var(--third-color);
    line-height: 1;
    display: flex;
    align-items: center
}

@media screen and (max-width:1199px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        font-size: 14px;
        width: 56px;
        height: 56px;
        line-height: 56px;
        opacity: 1;
        transform: translate(0, 0);
        position: static
    }

    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow+.pxl-swiper-arrow {
        margin-left: 15px
    }
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #fff
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i {
    color: #fff
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
    left: 15px
}

@media(min-width:1200px) and (max-width:1400px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
        left: 10px
    }
}

@media screen and (min-width:1400px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
        left: 240px
    }
}

.pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
    right: 15px
}

@media(min-width:1200px) and (max-width:1400px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
        right: 10px
    }
}

@media screen and (min-width:1400px) {
    .pxl-element-slider .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
        right: 240px
    }
}

.pxl-element-slider .pxl-swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots {
    margin-top: 0
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets {
    counter-reset: number
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span {
    line-height: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid transparent
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
    border-color: var(--primary-color)
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
    color: var(--primary-color)
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots span {
    font-size: 14px;
    line-height: 34px
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-fraction {
    line-height: 1
}

.pxl-element-slider .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
    position: relative;
    top: 2px;
    line-height: 1
}

@media screen and (min-width:1200px) {

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap {
        display: flex;
        width: 60px;
        flex-direction: column;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap .pxl-swiper-arrow,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        position: static;
        -webkit-transform: translate(0, 0);
        -khtml-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -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: rgba(255, 255, 255, .3)
    }

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap .pxl-swiper-arrow i,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap .pxl-swiper-arrow i {
        color: #fff
    }

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap .pxl-swiper-arrow+.pxl-swiper-arrow,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap .pxl-swiper-arrow+.pxl-swiper-arrow {
        margin-top: 10px
    }

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
        background-color: #fff
    }

    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i,
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i {
        color: #000
    }
}

@media screen and (min-width:1200px) {
    .pxl-element-slider.arrows-middle-left .pxl-swiper-arrow-wrap {
        left: 240px
    }
}

@media screen and (min-width:1200px) {
    .pxl-element-slider.arrows-middle-right .pxl-swiper-arrow-wrap {
        right: 240px
    }
}

@media screen and (min-width:1200px) {

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots {
        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%);
        bottom: auto;
        display: flex;
        flex-direction: column
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets {
        counter-reset: number
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span {
        line-height: 30px;
        width: 20px;
        text-align: center;
        height: 30px;
        line-height: 1;
        border: none;
        border-bottom: 2px solid transparent;
        border-radius: 0
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after {
        counter-increment: number;
        content: '0' counter(number);
        color: #fff;
        font-size: 18px;
        font-weight: 600
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
        border-bottom: 2px solid var(--primary-color)
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
        color: var(--primary-color)
    }
}

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

    .pxl-element-slider.bullets-middle-left .pxl-swiper-wrapper,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-wrapper {
        height: auto !important
    }
}

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

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination {
        position: absolute;
        bottom: 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span:after {
        color: #fff
    }

    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
        color: var(--primary-color)
    }
}

@media screen and (min-width:1200px) {
    .pxl-element-slider.bullets-middle-left .pxl-swiper-pagination .pxl-swiper-dots {
        left: 60px
    }
}

@media screen and (min-width:1200px) {
    .pxl-element-slider.bullets-middle-right .pxl-swiper-pagination .pxl-swiper-dots {
        right: 60px
    }
}

.pxl-element-slider:hover .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    opacity: 1
}

.img-slide-opcity-custom {
    background-blend-mode: multiply
}

.rv-btn-1 {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.rv-btn-1:before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.rv-btn-1:hover,
.rv-btn-1:active,
.rv-btn-1:focus {
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15)
}

.rv-btn-1:hover:before,
.rv-btn-1:active:before,
.rv-btn-1:focus:before {
    -webkit-animation: shine_hover .5s 0s linear;
    -khtml-animation: shine_hover .5s 0s linear;
    -moz-animation: shine_hover .5s 0s linear;
    -ms-animation: shine_hover .5s 0s linear;
    -o-animation: shine_hover .5s 0s linear;
    animation: shine_hover .5s 0s linear
}

.btn-video-cutstom.btn-video {
    position: relative;
    z-index: 1
}

.btn-video-cutstom.btn-video:before {
    opacity: 0;
    visibility: hidden;
    display: none
}

.btn-video-cutstom.btn-video:after {
    width: 120%;
    height: 120%;
    position: absolute;
    content: "";
    display: block;
    top: -10%;
    left: -10%;
    background-color: initial;
    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%;
    border: 1px solid var(--primary-color)
}

.title-slider-custom {
    text-shadow: 0 2px 2px #fff
}

.title-slider-custom cite {
    font-style: normal;
    color: var(--primary-color)
}

.pxl-slide-carousel .pxl-carousel-inner {
    position: relative
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: initial;
    border: 2px solid var(--third-color)
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow i {
    color: var(--third-color)
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow:hover {
    border-color: #fff
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow:hover i {
    color: #fff
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow-prev {
    left: 15px
}

@media screen and (min-width:1400px) {
    .pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow-prev {
        left: 260px
    }
}

.pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow-next {
    right: 15px
}

@media screen and (min-width:1400px) {
    .pxl-slide-carousel .pxl-carousel-inner .pxl-swiper-arrow-next {
        right: 260px
    }
}

.pxl-slide-carousel .pxl-item--subtitle {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--fourth-color);
    display: inline-block;
    margin-bottom: 19px;
    padding: 12px 34px;
    background-color: rgba(28, 29, 29, .6)
}

.pxl-slide-carousel .pxl-item--title {
    font-size: 84px;
    position: relative;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 47px;
    color: #fff
}

.pxl-slide-carousel .btn-detail {
    line-height: 50px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    background-color: var(--fourth-color);
    padding: 0 25px;
    color: #000;
    display: inline-block;
    margin-right: 20px
}

.pxl-slide-carousel .wp-video {
    display: inline-flex;
    align-items: center;
    color: #fff
}

.pxl-slide-carousel .wp-video a {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 15px
}

.pxl-slide-carousel .wp-video span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.pxl-slide-carousel .wp-buttons {
    display: flex;
    justify-content: center;
    align-items: center
}

.pxl-slide-carousel .pxl-item-meta {
    text-align: center
}

.pxl-slide-carousel .pxl-item--feature {
    width: 100%
}

.pxl-slide-carousel .pxl-item--feature img {
    width: 100%
}

.pxl-slide-carousel .pxl-item--feature+.pxl-item-meta {
    position: absolute;
    max-width: 980px;
    top: 60%;
    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-slide-carousel .pxl-item--inner {
    position: relative
}

.pxl-slide-carousel .pxl-swiper-slide.swiper-slide-active .pxl-item--subtitle {
    animation-delay: .1s
}

.pxl-slide-carousel .pxl-swiper-slide.swiper-slide-active .pxl-item--title {
    animation-delay: .3s
}

.pxl-slide-carousel .pxl-swiper-slide.swiper-slide-active .btn-detail {
    animation-delay: .5s
}

.pxl-slide-carousel .pxl-swiper-slide.swiper-slide-active .wp-video {
    animation-delay: .7s
}

.admin-bar .pxl-hidden-template {
    top: 32px;
    height: calc(100% - 32px)
}

@media screen and (max-width:782px) {
    .admin-bar .pxl-hidden-template {
        top: 46px;
        height: calc(100% - 46px)
    }
}

.pxl-hidden-template {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    padding: 0;
    right: 0;
    will-change: transform;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    opacity: 0;
    max-height: 100vh;
    overflow-y: auto;
    scrollbar-width: none
}

.pxl-hidden-template .pxl-popup--overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -khtml-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -moz-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -ms-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -o-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    transition: all .5s cubic-bezier(.46, .03, .52, .96);
    cursor: pointer;
    cursor: url(../img/pointer.png), auto
}

.pxl-hidden-template .pxl-panel-header .panel-header-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.pxl-hidden-template .pxl-panel-content {
    position: relative;
    flex: 1
}

.pxl-hidden-template::-webkit-scrollbar {
    height: 0;
    width: 7px;
    background-color: initial
}

.pxl-hidden-template::-webkit-scrollbar-track {
    border-radius: 0
}

.pxl-hidden-template::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: initial
}

.pxl-hidden-template:hover::-webkit-scrollbar {
    width: 7px;
    height: auto;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 0
}

.pxl-hidden-template:hover::-webkit-scrollbar-thumb {
    background-color: rgba(48, 48, 48, .1)
}

.pxl-hidden-template.pos-full {
    height: 100vh
}

.pxl-hidden-template.pos-full .pxl-close {
    z-index: 1;
    position: absolute;
    top: 30px;
    right: 50px
}

.side-panel-open .pxl-page-overlay {
    width: 100%;
    height: 100%;
    opacity: 1
}

.pxl-close {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .7);
    border: 9px solid transparent;
    color: #777;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: 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: #222
}

.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-panel-content .menu-main-container-wrap {
    padding: 0;
    min-height: calc(100% - 50px);
    flex-direction: column
}

.pxl-hidden-template.pos-left {
    width: 100%;
    max-width: 100%;
    right: auto;
    left: 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-hidden-template.pos-left .pxl-panel-header {
    padding: 0
}

.pxl-hidden-template.pos-left .pxl-panel-content {
    padding: 10px 20px 50px
}

.pxl-hidden-template.pos-left .pxl-panel-content .pxl-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
    background: var(--primary-color);
    border: 8px solid transparent;
    width: 40px;
    height: 40px
}

.pxl-hidden-template.pos-left .pxl-panel-content .pxl-close:before,
.pxl-hidden-template.pos-left .pxl-panel-content .pxl-close:after {
    background-color: #fff
}

.pxl-hidden-template.pos-left .pxl-qc-wrap.layout-3 .qc-desc-wrap .qc-item {
    padding: 5px 15px
}

.pxl-hidden-template.pos-right {
    width: 100%;
    right: 0;
    left: auto;
    -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);
    align-items: end
}

.pxl-hidden-template.pos-right .pxl-close {
    background-color: initial;
    width: 54px;
    height: 54px;
    border-width: 15px;
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 1
}

.pxl-hidden-template.pos-right .pxl-close:after,
.pxl-hidden-template.pos-right .pxl-close:before {
    background-color: var(--primary-color)
}

.pxl-hidden-template.pos-right .pxl-close:hover {
    background-color: var(--secondary-color)
}

.pxl-hidden-template.pos-right .pxl-nav-inner li a {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .012em;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.pxl-hidden-template.pos-right .pxl-nav-inner li a:before {
    content: "...";
    display: inline-flex;
    margin-right: 10px;
    font-size: 24px;
    color: var(--primary-color)
}

.pxl-hidden-template.pos-right .pxl-nav-inner li:hover a {
    -webkit-transform: translateX(15px);
    -khtml-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.pxl-hidden-template.pos-right .pxl-nav-inner li:hover a:before {
    color: #fff
}

.pxl-hidden-template.pos-right .pxl-qc-wrap.layout-3 .qc-desc-wrap a:hover {
    color: #fff
}

.pxl-hidden-template.pos-right .pxl-menu-primary>li {
    display: block;
    margin: 0;
    padding: 15px 0
}

.pxl-hidden-template.pos-right .pxl-menu-primary>li>a {
    display: block;
    line-height: 32px;
    font-size: 14px
}

.pxl-hidden-template.pos-right .pxl-menu-primary li a {
    color: #fff
}

@media screen and (max-width:1199px) {
    .pxl-hidden-template.pos-right .pxl-menu-primary li a {
        line-height: 32px
    }
}

.pxl-hidden-template.pos-right .pxl-menu-primary .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: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .13);
    display: block
}

.pxl-hidden-template.pos-right .pxl-menu-primary .pxl-menu-toggle:before {
    content: "\f150";
    font-family: sandaicon
}

.pxl-hidden-template.pos-right .pxl-menu-primary .pxl-menu-toggle.active:before {
    content: "\f13d"
}

.pxl-hidden-template.pos-right.open {
    overflow: visible
}

.pxl-hidden-template.pos-right.open .pxl-hidden-template-wrap {
    -webkit-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -khtml-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -moz-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -ms-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -o-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    box-shadow: 0 5px 28px rgba(14, 14, 14, .17)
}

.pxl-hidden-template.pos-top {
    width: 100%;
    max-height: 350px;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -100%);
    -khtml-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.pxl-hidden-template.pos-top .pxl-panel-header {
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

.pxl-hidden-template.pos-center {
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pxl-hidden-template.pos-center .pxl-hidden-template-wrap {
    width: 100%;
    max-width: 870px;
    position: relative;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(.6);
    -khtml-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
    border: 1px solid #ddd
}

.pxl-hidden-template.pos-center .pxl-panel-header {
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1
}

.pxl-hidden-template.pos-center .pxl-panel-content {
    padding: 0
}

.pxl-hidden-template.pos-center .pxl-close {
    background-color: initial
}

.pxl-hidden-template.pos-center .pxl-close:after,
.pxl-hidden-template.pos-center .pxl-close:before {
    background-color: #000
}

.pxl-hidden-template.pos-center .pxl-close:hover {
    background-color: initial
}

.pxl-hidden-template.pos-center .pxl-close:hover:after,
.pxl-hidden-template.pos-center .pxl-close:hover:before {
    background-color: #000
}

.pxl-hidden-template.pos-center.open .pxl-hidden-template-wrap {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-hidden-template.pos-full {
    -webkit-transform: translate(0, -100%);
    -khtml-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.pxl-hidden-template.pos-full .pxl-hidden-template-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #402b1d
}

.pxl-hidden-template.pos-full .pxl-panel-header {
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

.pxl-hidden-template.pos-full .pxl-panel-content {
    padding: 0;
    min-height: 100vh;
    overflow: hidden
}

.pxl-hidden-template.pos-full .pxl-panel-content .elementor {
    overflow: scroll
}

.pxl-hidden-template.pos-full.open .pxl-hidden-template-wrap {
    -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-template.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);
    opacity: 1;
    z-index: 99999
}

.pxl-hidden-template.open .pxl-popup--overlay {
    opacity: 1;
    visibility: visible
}

.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-header {
    padding: 20px 35px
}

@media screen and (max-width:575px) {
    .pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-header {
        padding: 20px 15px
    }
}

.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content {
    padding: 10px 35px 50px
}

@media screen and (max-width:575px) {
    .pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content {
        padding: 5px 15px 30px
    }
}

.pxl-hidden-template.pxl-side-mobile.el-builder .pxl-panel-content .elementor-column-gap-default>.elementor-column.elementor-element>.elementor-element-populated {
    padding: 0
}

.admin-bar .pxl-side-cart {
    top: 32px;
    height: 100vh
}

.pxl-side-cart {
    width: 100%;
    height: auto;
    min-height: 540px;
    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: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
    flex-grow: 1
}

.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: var(--secondary-color)
}

.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: var(--secondary-color)
}

.pxl-side-cart .pxl-panel-content {
    padding: 0 24px 35px;
    overflow: hidden;
    position: static;
    max-width: 450px;
    height: 100vh
}

@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 rgba(215, 215, 215, .3)
}

.pxl-side-cart .widget_shopping_cart_content ul li a {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondary-color)
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove {
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 13px !important;
    right: 5px !important;
    line-height: 1;
    padding: 5px;
    color: var(--secondary-color) !important;
    left: auto !important;
    background-color: #eee
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove:hover {
    color: red !important;
    background-color: #000
}

.pxl-side-cart .widget_shopping_cart_content ul li .quantity {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    color: var(--secondary-color)
}

.pxl-side-cart .widget_shopping_cart_content ul li .amount {
    color: var(--secondary-color);
    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: var(--secondary-color);
    margin-right: 10px
}

.pxl-side-cart .widget_shopping_cart_content ul li .variation {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    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: 80px;
    height: auto;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-side-cart .widget_shopping_cart_content ul li dl {
    margin: 0;
    padding-left: 1em;
    border-left: 2px solid rgba(, , , .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: 12px 0;
    border-top: 1px solid rgba(215, 215, 215, .3);
    margin-bottom: 20px;
    color: var(--secondary-color)
}

.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: var(--secondary-color)
}

.pxl-side-cart .widget_shopping_cart_content .buttons .button {
    display: inline-block
}

.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 a {
    font-size: 17px;
    text-transform: capitalize;
    background-color: var(--primary-color);
    display: inline-block;
    max-width: 47%;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-left: 0;
    margin-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;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: var(--secondary-color);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover {
    background-color: initial;
    color: #fff
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover:before {
    -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 p.woocommerce-mini-cart__buttons a.checkout {
    background-color: var(--secondary-color)
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a.checkout:before {
    background-color: var(--primary-color)
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: initial
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a.checkout:hover:before {
    -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 .blockOverlay {
    background-color: rgba(255, 255, 255, .2) !important
}

.pxl-side-cart .woocommerce-mini-cart__empty-message {
    margin-top: 30px;
    text-align: center;
    color: var(--secondary-color);
    padding-top: 220px;
    position: relative
}

.pxl-side-cart .woocommerce-mini-cart__empty-message:before {
    width: 120px;
    height: 120px;
    border-bottom: 2px solid var(--third-color);
    line-height: 120px;
    text-align: center;
    content: "\f12f";
    font-family: sandaicon;
    font-size: 50px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pxl-hidden-template.pos-right .pxl-panel-content,
.pxl-hidden-template.pos-left .pxl-panel-content {
    max-width: 480px
}

@media screen and (min-width:576px) {

    .pxl-hidden-template.pos-right .pxl-panel-content,
    .pxl-hidden-template.pos-left .pxl-panel-content {
        min-width: 380px
    }
}

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

    .pxl-hidden-template.pos-right .pxl-panel-content,
    .pxl-hidden-template.pos-left .pxl-panel-content {
        max-width: 300px;
        min-width: 280px
    }
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-hidden-template-wrap,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-hidden-template-wrap {
    background-color: #fff;
    max-width: 380px
}

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

    .pxl-hidden-template.pos-right.pxl-side-cart .pxl-hidden-template-wrap,
    .pxl-hidden-template.pos-left.pxl-side-cart .pxl-hidden-template-wrap {
        max-width: 350px
    }
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-title,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-title {
    color: #fff
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header {
    padding: 15px 30px 35px;
    position: relative;
    z-index: 1
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header:before,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header:before,
.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header:after,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header:after {
    content: "";
    background-color: var(--primary-color);
    position: absolute;
    top: 0
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header:before,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header:before {
    width: 100%;
    height: 60px;
    z-index: -2;
    left: 0;
    right: 0
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header:after,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header:after {
    z-index: -1;
    right: 0;
    width: 100px;
    height: 100px;
    clip-path: polygon(100% 0, 0 0, 100% 100%)
}

@media(max-width:400px) {

    .pxl-hidden-template.pos-right.pxl-side-cart .pxl-panel-header,
    .pxl-hidden-template.pos-left.pxl-side-cart .pxl-panel-header {
        padding: 15px
    }
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-close,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-close {
    top: 0;
    right: 0
}

.pxl-hidden-template.pos-right.pxl-side-cart .pxl-close:before,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-close:before,
.pxl-hidden-template.pos-right.pxl-side-cart .pxl-close:after,
.pxl-hidden-template.pos-left.pxl-side-cart .pxl-close:after {
    background-color: #fff
}

.pxl-hidden-template.pos-right.open .pxl-popup--overlay,
.pxl-hidden-template.pos-left.open .pxl-popup--overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s !important
}

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
}

@media screen and (min-width:1200px) {
    body.rtl .pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .sandaicon-angle-arrow-down {
        margin-left: 0;
        margin-right: 8px
    }

    body.rtl .pxl-menu-primary .sub-menu,
    body.rtl .pxl-menu-primary .children {
        text-align: right
    }

    body.rtl .pxl-menu-primary li a span:before {
        left: auto;
        right: 0
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu),
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) {
        left: auto;
        right: 0;
        text-align: right
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.sub-menu,
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.sub-menu,
    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.children,
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.children {
        left: auto;
        right: 100%;
        text-align: right
    }

    body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children>a::after {
        content: "\f136";
        right: auto;
        left: 0
    }

    body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary>li>a::before {
        left: auto;
        right: 0
    }
}

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

    body.rtl #pxl-header-default #pxl-nav-mobile,
    body.rtl #pxl-header-elementor #pxl-nav-mobile {
        right: auto;
        left: 15px
    }

    body.rtl .pxl-header-menu {
        left: auto;
        right: 0;
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    body.rtl .pxl-header-menu.active {
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    body.rtl .pxl-menu-toggle,
    body.rtl .pxl-menu-close,
    body.rtl .pxl-header-mobile-search .search-submit {
        right: auto;
        left: 0
    }

    body.rtl .pxl-menu-primary .sub-menu li a,
    body.rtl .pxl-menu-primary .children li a {
        padding-left: 0;
        padding-right: 14px
    }

    body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left: 0;
        padding-right: 14px
    }
}

body.rtl #pxl-search-popup .pxl-item--conent form .search-submit {
    right: auto;
    left: 0;
    text-align: left
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape {
    margin-left: 190px;
    margin-right: 52px
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape span {
    transform: scaleX(-1)
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape::before {
    left: auto;
    right: -45px
}

body.rtl .pxl-type-header-clip>.elementor-container .pxl-header-shape::after {
    left: auto;
    right: -52px
}

body.rtl .pxl-item--post .pxl-item--meta li {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-item--post .pxl-item--meta li i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl blockquote {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0
}

body.rtl blockquote:before {
    left: auto;
    right: 0
}

body.rtl .pxl--post-footer label {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .pxl--post-footer .pxl--tags {
    margin-right: 0;
    margin-left: 30px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 0;
    margin-left: 22px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i {
    margin-right: 0;
    margin-left: 4px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before {
    content: "\f134"
}

body.rtl .pxl-post--navigation .pxl--item-next {
    text-align: left
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 0;
    margin-right: 22px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i {
    margin-left: 0;
    margin-right: 4px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before {
    content: "\f13a"
}

body.rtl .pxl-item--post .pxl-item--meta::before {
    right: 0;
    left: auto
}

body.rtl .comment-inner img.avatar {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .comment-reply {
    right: auto;
    left: 23px
}

body.rtl .comment-reply a i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 5px
}

body.rtl .comment-form-cookies-consent {
    padding-left: 0;
    padding-right: 24px
}

body.rtl .comment-form-cookies-consent input,
body.rtl .comment-form-cookies-consent label::before,
body.rtl .comment-form-cookies-consent label::after {
    left: auto;
    right: 0
}

body.rtl .comment-list li .comment-respond {
    margin-left: 0;
    margin-right: 130px
}

@media screen and (max-width:767px) {
    body.rtl .comment-list li .comment-respond {
        margin-left: 0;
        margin-right: 78px
    }
}

@media screen and (max-width:575px) {
    body.rtl .comment-list li .comment-respond {
        margin-right: 0
    }
}

body.rtl .comment-list li .children {
    padding-right: 120px;
    padding-left: 0
}

@media screen and (max-width:767px) {
    body.rtl .comment-list li .children {
        padding-right: 78px;
        padding-left: 0
    }
}

@media screen and (max-width:575px) {
    body.rtl .comment-list li .children {
        padding-right: 0
    }
}

body.rtl .comment-reply-title small {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .pxl-item--post .pxl-item--readmore a:hover {
    padding-right: 30px;
    padding-left: 48px
}

body.rtl .pxl-item--post .pxl-item--readmore i {
    right: auto;
    left: 36px;
    transform: translate(0, -50%)scaleX(-1)
}

body.rtl .pxl-item--post .pxl-item--readmore a:hover i {
    left: 24px
}

body.rtl .pxl-pagination-wrap .page-numbers i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl .widget-title::before,
body.rtl .comment-reply-title::before,
body.rtl .comments-title::before {
    left: auto;
    right: 0
}

body.rtl .widget_product_categories ul li a:before,
body.rtl .widget_categories ul li a:before,
body.rtl .widget_nav_menu ul li a:before,
body.rtl .widget_pages ul li a:before,
body.rtl .widget_archive ul li a:before,
body.rtl .widget_meta ul li a:before,
body.rtl .widget_recent_entries ul li a:before {
    content: "\f136";
    margin-right: 0;
    margin-left: 8px;
    float: right
}

body.rtl .widget_product_categories ul li.current-menu-item>a,
body.rtl .widget_categories ul li.current-menu-item>a,
body.rtl .widget_nav_menu ul li.current-menu-item>a,
body.rtl .widget_pages ul li.current-menu-item>a,
body.rtl .widget_archive ul li.current-menu-item>a,
body.rtl .widget_meta ul li.current-menu-item>a,
body.rtl .widget_recent_entries ul li.current-menu-item>a,
body.rtl .widget_product_categories ul li.current-cat>a,
body.rtl .widget_categories ul li.current-cat>a,
body.rtl .widget_nav_menu ul li.current-cat>a,
body.rtl .widget_pages ul li.current-cat>a,
body.rtl .widget_archive ul li.current-cat>a,
body.rtl .widget_meta ul li.current-cat>a,
body.rtl .widget_recent_entries ul li.current-cat>a,
body.rtl .widget_product_categories ul li.current-cat-parent>a,
body.rtl .widget_categories ul li.current-cat-parent>a,
body.rtl .widget_nav_menu ul li.current-cat-parent>a,
body.rtl .widget_pages ul li.current-cat-parent>a,
body.rtl .widget_archive ul li.current-cat-parent>a,
body.rtl .widget_meta ul li.current-cat-parent>a,
body.rtl .widget_recent_entries ul li.current-cat-parent>a,
body.rtl .widget_product_categories ul li>a:hover,
body.rtl .widget_categories ul li>a:hover,
body.rtl .widget_nav_menu ul li>a:hover,
body.rtl .widget_pages ul li>a:hover,
body.rtl .widget_archive ul li>a:hover,
body.rtl .widget_meta ul li>a:hover,
body.rtl .widget_recent_entries ul li>a:hover {
    padding-left: 0;
    padding-right: 16px
}

body.rtl .widget_search .search-submit {
    right: auto;
    left: 0
}

body.rtl .widget_pxl_recent_posts .pxl-item--img {
    margin-right: 0;
    margin-left: 12px
}

body.rtl .widget_pxl_recent_posts .pxl-item--date i,
body.rtl .widget_tag_cloud a {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--star {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow {
    right: auto;
    left: 0
}

body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 74px
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--image {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-grid-filter .filter-item.active {
    margin-right: 0;
    margin-left: 24px
}

body.rtl .pxl-grid-filter .filter-item.active:last-child {
    margin-left: 0
}

body.rtl .pxl-mailchimp.style-outline [type=email] {
    margin-right: 0;
    margin-left: 20px
}

@media screen and (max-width:767px) {
    body.rtl .pxl-mailchimp.style-outline [type=email] {
        margin-left: 0
    }
}

body.rtl .pxl-post-carousel1 .pxl-item--author img {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-post-carousel1 .pxl-item--date i {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-btn-line:hover i {
    margin-left: 0;
    margin-right: 12px
}

body.rtl .pxl-link.hv-style2 a::before {
    right: 0;
    left: auto
}

body.rtl .pxl-link li i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl .pxl-link.hv-style6 li i {
    right: auto;
    left: 10px;
    margin: 0
}

body.rtl .pxl-link.hv-style5 li a {
    padding-left: 42px;
    padding-right: 20px
}

body.rtl .pxl-link.hv-style5 li i {
    margin: 0;
    right: auto;
    left: 20px;
    -webkit-transform: translate(0, -50%)scaleX(-1);
    -khtml-transform: translate(0, -50%)scaleX(-1);
    -moz-transform: translate(0, -50%)scaleX(-1);
    -ms-transform: translate(0, -50%)scaleX(-1);
    -o-transform: translate(0, -50%)scaleX(-1);
    transform: translate(0, -50%)scaleX(-1)
}

body.rtl .pxl-link.hv-style3 a {
    padding: 18px 40px 18px 20px
}

@media screen and (max-width:767px) {
    body.rtl .pxl-link.hv-style3 a {
        padding-right: 20px
    }
}

body.rtl .pxl-link.hv-style3 a:before {
    left: auto;
    right: 11px
}

body.rtl .pxl-link.hv-style3 a:hover {
    padding-right: 55px
}

@media screen and (max-width:767px) {
    body.rtl .pxl-link.hv-style3 a:hover {
        padding-right: 35px
    }
}

body.rtl .pxl-link.hv-style3 a:hover:before {
    right: 40px
}

@media screen and (max-width:767px) {
    body.rtl .pxl-link.hv-style3 a:hover:before {
        right: 20px
    }
}

body.rtl .pxl-mailchimp.style-default [type=submit] {
    right: auto;
    left: 0
}

body.rtl .pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider,
body.rtl .pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
    left: -101px;
    right: auto
}

body.rtl .pxl-process1 .pxl-item--image {
    right: auto;
    left: 0
}

body.rtl .pxl-testimonial-carousel2 .pxl-item--image {
    margin-right: 0;
    margin-left: 24px
}

body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: auto;
    left: 0
}

body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: auto;
    right: 0
}

body.rtl .pxl-partner-carousel1 .pxl-item--inner::before {
    right: auto;
    left: -15px
}

body.rtl .pxl-mailchimp.style-primary [type=email] {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-testimonial-single1 .pxl-item--image {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-testimonial-single1.style-img-larger .pxl-item--image {
    margin-right: 30px
}

body.rtl .pxl-testimonial-carousel1 .pxl-item--image,
body.rtl .pxl-testimonial-grid1 .pxl-item--image {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-testimonial-grid1 .pxl-item--holder::before {
    left: auto;
    right: 40px;
    transform: scaleX(-1)
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--date i {
    margin-right: 0;
    margin-left: 6px
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--title {
    padding-right: 0
}

@media screen and (min-width:992px) {
    body.rtl .pxl-blog-grid-layout3 .pxl-item--title {
        padding-left: 50px
    }
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta {
    margin-right: 0;
    margin-left: 10px
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta .pxl-item--author img {
    margin-left: 8px;
    margin-right: 0
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta a+a {
    margin-left: 0
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--meta a+a i {
    position: relative;
    top: -1px;
    transform: rotate(-180deg);
    margin-right: 7px
}

body.rtl .pxl-blog-grid-layout3 .pxl-item--holder {
    padding: 30px 30px 30px 20px
}

body.rtl .pxl-icon-box2.style2 .pxl-item--icon {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl-icon-box2.style3 .pxl-item--icon {
    margin-right: 0;
    margin-left: 14px
}

body.rtl .pxl-banner2 .pxl-item--project .pxl-project--icon {
    margin-right: 0;
    margin-left: 10px
}

body.rtl .pxl-banner2 .pxl-item--team {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-banner2 .pxl-item--meta {
    margin-right: 0;
    margin-left: 22px
}

body.rtl .pxl-case-carousel2 .pxl-item--meta {
    padding-right: 20px;
    padding-left: 70px
}

body.rtl .pxl-case-carousel2 .pxl-item--readmore {
    right: auto;
    left: 20px
}

body.rtl .pxl-testimonial-carousel4 .pxl-item--image {
    margin-right: 0;
    margin-left: 28px
}

body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
    right: auto;
    left: 20px
}

body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-right: 0;
    margin-left: 16px
}

body.rtl .pxl-mailchimp.style-box-white2 [type=email] {
    padding-left: 0;
    padding-right: 30px
}

body.rtl .pxl-getintouch {
    padding-right: 0
}

body.rtl .pxl-getintouch li {
    display: flex
}

body.rtl .pxl-getintouch li a {
    display: inherit
}

body.rtl .pxl-getintouch li i {
    margin-right: 0;
    margin-left: 10px;
    top: 2px
}

body.rtl .pxl-getintouch li i.flaticon-phone-call {
    top: -2px;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.rtl .pxl-pricing1 .pxl-feature i {
    margin-right: 0;
    margin-left: 15px
}

@media {
    body.rtl .pxl-pricing1 .pxl-excerpt {
        padding-right: 0;
        padding-left: 55px
    }
}

body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title span.pxl-notification {
    margin-left: 0;
    margin-right: 15px
}

body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title:before {
    left: auto;
    right: 0
}

body.rtl .pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item--title:after {
    left: auto;
    right: 3px
}

body.rtl .pxl-service-grid-layout2 a.btn-link i {
    -webkit-transform: rotate(-180deg);
    -khtml-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
    margin-right: 0;
    margin-left: 50px
}

body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before {
    left: auto;
    right: 32px
}

body.rtl .btn.btn-slider1 i {
    margin-left: 0;
    margin-right: 18px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl #pxl-page-title-default .pxl-breadcrumb li:before {
    content: "\f13a";
    margin: 0 14px;
    color: inherit;
    font-family: Sandaicon;
    font-size: 11px
}

body.rtl #pxl-page-title-default .pxl-breadcrumb li:after {
    display: none
}

body.rtl .pxl-scroll-top {
    right: auto;
    left: 20px
}

body.rtl .pxl-col-line1::before {
    left: 25px;
    right: auto
}

body.rtl input[type=text],
body.rtl input[type=email],
body.rtl input[type=url],
body.rtl input[type=password],
body.rtl input[type=search],
body.rtl input[type=tel],
body.rtl input[type=number],
body.rtl input[type=range],
body.rtl input[type=date],
body.rtl input[type=month],
body.rtl input[type=week],
body.rtl input[type=time],
body.rtl input[type=datetime],
body.rtl input[type=datetime-local],
body.rtl input[type=color],
body.rtl textarea,
body.rtl select,
body.rtl .nice-select {
    text-align: right
}

body.rtl .pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    right: auto;
    left: 18px
}

.pxl-accordion .pxl-item--title {
    margin-bottom: 0;
    cursor: pointer
}

.pxl-accordion .pxl-item--content {
    display: none
}

.pxl-accordion1 .pxl-item--title {
    padding: 20px 50px 20px 30px;
    color: var(--secondary-color);
    font-size: 20px;
    position: relative;
    font-weight: 700;
    width: 100%
}

@media screen and (max-width:575px) {
    .pxl-accordion1 .pxl-item--title {
        padding: 12px 40px 12px 15px
    }
}

.pxl-accordion1 i {
    color: var(--secondary-color);
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -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;
    height: 20px;
    color: inherit;
    right: 30px;
    left: auto;
    font-size: 20px;
    display: flex;
    font-weight: 400;
    align-items: center;
    justify-content: center
}

.pxl-accordion1 .pxl-item--content {
    color: var(--third-color);
    line-height: 1.875;
    padding: 12px 40px 20px 30px;
    font-size: 16px
}

@media screen and (max-width:575px) {
    .pxl-accordion1 .pxl-item--content {
        padding: 12px 30px 20px 15px
    }
}

.pxl-accordion1 .pxl-item--content p:last-child {
    margin-bottom: 0
}

.pxl-accordion1 .pxl--item {
    overflow: hidden;
    background-color: #fff
}

.pxl-accordion1 .pxl--item.active {
    align-items: start
}

.pxl-accordion1 .pxl--item.active .pxl-item--title {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-accordion1 .pxl--item.active .pxl-item--title i {
    content: #fff
}

.pxl-accordion1 .pxl--item.active .pxl-item--title i:before {
    content: "\f63b"
}

.pxl-accordion1 .pxl--item+.pxl--item {
    margin-top: 12px
}

.pxl-accordion2 .pxl-item--title {
    padding: 25px 50px 25px 30px;
    color: var(--secondary-color);
    font-size: 20px;
    position: relative;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width:575px) {
    .pxl-accordion2 .pxl-item--title {
        padding: 12px 40px 12px 15px
    }
}

.pxl-accordion2 .pxl-item--title cite {
    font-style: normal;
    color: var(--primary-color);
    margin-right: 5px
}

.pxl-accordion2 i {
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -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;
    height: 20px;
    right: 30px;
    left: auto;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-accordion2 i:before {
    font-weight: 700
}

.pxl-accordion2 .pxl-item--content {
    color: var(--third-color);
    line-height: 1.875;
    padding: 12px 40px 20px 30px;
    font-size: 16px
}

@media screen and (max-width:575px) {
    .pxl-accordion2 .pxl-item--content {
        padding: 12px 30px 20px 15px
    }
}

.pxl-accordion2 .pxl-item--content p:last-child {
    margin-bottom: 0
}

.pxl-accordion2 .pxl--item {
    overflow: hidden;
    background-color: #faf8f7
}

.pxl-accordion2 .pxl--item.active {
    align-items: start
}

.pxl-accordion2 .pxl--item.active .pxl-item--title i {
    color: var(--primary-color)
}

.pxl-accordion2 .pxl--item.active .pxl-item--title i:before {
    content: "\f107"
}

.pxl-accordion2 .pxl--item+.pxl--item {
    margin-top: 12px
}

.hover-light-vertical:before {
    background: rgba(255, 255, 255, .3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    pointer-events: none
}

.hover-light-vertical:hover:before {
    height: 100%;
    opacity: 0
}

.hover-light-horizontal:before {
    background: rgba(255, 255, 255, .3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    pointer-events: none
}

.hover-light-horizontal:hover:before {
    width: 100%;
    opacity: 0
}

.pxl-banner1 .box-image-main {
    position: relative;
    padding-right: 35px
}

@media screen and (max-width:575px) {
    .pxl-banner1 .box-image-main {
        margin-bottom: 30px
    }
}

.pxl-banner1 .box-image-main img {
    width: 100%
}

.pxl-banner1 .image-bottom-right {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: -1;
    overflow: hidden
}

.pxl-banner1 .image-bottom-right img {
    width: auto
}

.pxl-banner1 .box-image-right {
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    max-height: 290px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .pxl-banner1 .box-image-right {
        position: static;
        max-height: unset
    }
}

.pxl-banner1 .box-image-right img {
    max-height: 290px;
    transition: 300ms linear 0ms;
    -webkit-transform: translateY(-5px)scale(1.1);
    -khtml-transform: translateY(-5px)scale(1.1);
    -moz-transform: translateY(-5px)scale(1.1);
    -ms-transform: translateY(-5px)scale(1.1);
    -o-transform: translateY(-5px)scale(1.1);
    transform: translateY(-5px)scale(1.1)
}

@media screen and (max-width:575px) {
    .pxl-banner1 .box-image-right img {
        max-width: 100%;
        max-height: unset
    }
}

.pxl-banner1 .box-image-right:hover img {
    -webkit-transform: translateY(0)scale(1.1);
    -khtml-transform: translateY(0)scale(1.1);
    -moz-transform: translateY(0)scale(1.1);
    -ms-transform: translateY(0)scale(1.1);
    -o-transform: translateY(0)scale(1.1);
    transform: translateY(0)scale(1.1)
}

.pxl-banner1 .pxl-item--icon {
    padding: 15px 0;
    margin-right: 30px
}

.pxl-banner1 .pxl-item--icon img,
.pxl-banner1 .pxl-item--icon svg {
    max-height: 60px
}

.pxl-banner1 .pxl-item--icon svg,
.pxl-banner1 .pxl-item--icon svg path {
    fill: #fff
}

.pxl-banner1 .pxl-item--icon i {
    color: #fff;
    font-size: 60px
}

.pxl-banner1 .pxl--counter-number {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    display: inline-flex;
    align-items: center
}

.pxl-banner1 .pxl-item--title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.pxl-banner1 .pxl--item-counter {
    padding: 20px 30px;
    background-color: var(--primary-color);
    border-radius: 5px;
    display: flex;
    align-items: center
}

.pxl-banner1 .pxl-item--meta {
    position: absolute;
    bottom: 30px;
    z-index: 2
}

@media screen and (min-width:1400px) {
    .pxl-banner1 .pxl-item--meta {
        left: -100px
    }
}

@media screen and (max-width:1400px) {
    .pxl-banner1 .pxl-item--meta {
        left: -50px
    }
}

@media screen and (max-width:575px) {
    .pxl-banner1 .pxl-item--meta {
        margin-top: 30px;
        position: static
    }
}

.pxl-banner1 .pxl-banner-inner {
    position: relative;
    z-index: 1;
    padding-right: 90px
}

@media screen and (max-width:575px) {
    .pxl-banner1 .pxl-banner-inner {
        padding-bottom: 0;
        padding-right: 0
    }
}

.pxl-banner1 .pxl-banner-inner:hover .box-image-right {
    border-top-color: var(--primary-color)
}

.pxl-banner2 .box-image-main,
.pxl-banner2 .box-image-bottom {
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.pxl-banner2 .box-image-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 55%;
    text-align: center;
    z-index: 2
}

.pxl-banner2 .banner-divider {
    width: 15px;
    height: 100px;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 80px
}

.pxl-banner2 .image-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2
}

.pxl-banner2 .box-image-main {
    padding-left: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

.pxl-banner2 .pxl-banner-inner {
    position: relative;
    z-index: 1;
    padding-bottom: 80px;
    padding-right: 128px
}

@media screen and (max-width:991px) {
    .pxl-banner2 .pxl-banner-inner {
        padding-bottom: 50px;
        padding-right: 70px
    }
}

.pxl-banner2 .pxl-banner-inner:before {
    width: 392px;
    height: 392px;
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 40px;
    z-index: -1;
    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%;
    animation: pxl_bottom_top_small 3s ease-out infinite;
    -webkit-animation: pxl_bottom_top_small 3s ease-out infinite
}

@media screen and (max-width:1199px) {
    .pxl-banner2 .pxl-banner-inner:before {
        width: 50%;
        height: 50%
    }
}

.pxl-banner3 .box-image-main,
.pxl-banner3 .box-image-right {
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:576px) {
    .pxl-banner3 .box-image-main {
        flex-grow: 1
    }
}

@media screen and (max-width:575px) {
    .pxl-banner3 .box-image-main {
        margin-bottom: 30px
    }
}

.pxl-banner3 .box-image-main img {
    width: 100%
}

.pxl-banner3 .box-image-right img {
    width: 100%
}

.pxl-banner3 .px-divider-bn {
    width: 70%;
    height: 10px;
    background-color: var(--primary-color);
    margin-top: 30px
}

.pxl-banner3 .pxl-logo-icon {
    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;
    width: 140px;
    height: 140px
}

.pxl-banner3 .pxl-logo-icon img,
.pxl-banner3 .pxl-logo-icon svg {
    -webkit-animation: full-circle 2s ease infinite;
    -khtml-animation: full-circle 2s ease infinite;
    -moz-animation: full-circle 2s ease infinite;
    -ms-animation: full-circle 2s ease infinite;
    -o-animation: full-circle 2s ease infinite;
    animation: full-circle 2s ease infinite;
    max-height: 143px
}

.pxl-banner3 .pxl-banner-inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px) {
    .pxl-banner3 .pxl-banner-inner {
        display: flex
    }

    .pxl-banner3 .pxl-banner-inner .box-image-main,
    .pxl-banner3 .pxl-banner-inner .box-image-right {
        max-width: 50%;
        min-width: 50%
    }

    .pxl-banner3 .pxl-banner-inner .box-image-main {
        padding-right: 15px
    }

    .pxl-banner3 .pxl-banner-inner .box-image-main+.box-image-right {
        padding-left: 15px
    }
}

.pxl-banner4 .box-image-main {
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%, 0% 20%)
}

@media screen and (min-width:576px) {
    .pxl-banner4 .box-image-main {
        min-width: 50%;
        max-width: 50%;
        flex-grow: 1;
        padding-right: 5px
    }
}

@media screen and (max-width:575px) {
    .pxl-banner4 .box-image-main {
        margin-bottom: 30px
    }
}

.pxl-banner4 .box-image-main img {
    width: 100%
}

.pxl-banner4 .box-image-right {
    margin-bottom: 25px;
    clip-path: polygon(60% 0%, 100% 30%, 100% 100%, 0 100%, 0 0)
}

@media screen and (min-width:576px) {
    .pxl-banner4 .box-right {
        padding-left: 25px;
        min-width: 50%;
        max-width: 50%;
        flex-grow: 1
    }
}

.pxl-banner4 .box-right img {
    width: 100%
}

.pxl-banner4 .pxl--counter-number {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (max-width:575px) {
    .pxl-banner4 .pxl--counter-number {
        font-size: 35px
    }
}

.pxl-banner4 .pxl-item--title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--secondary-color)
}

.pxl-banner4 .pxl--item-counter {
    text-align: center;
    padding: 15px 30px 35px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 0
}

@media screen and (min-width:576px) {
    .pxl-banner4 .pxl--item-counter {
        flex-direction: column
    }
}

@media screen and (max-width:575px) {
    .pxl-banner4 .pxl--item-counter {
        padding: 35px 15px
    }
}

@media screen and (min-width:576px) {
    .pxl-banner4 .pxl-banner-inner {
        display: flex
    }
}

.pxl-banner5 .pxl-divider {
    width: 50%;
    height: 85%;
    background-color: var(--primary-color);
    position: absolute;
    z-index: -1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.pxl-banner5 .pxl-banner-inner {
    position: relative;
    padding-left: 15px;
    z-index: 1
}

.pxl-banner6 .px-divider-bn {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 165px;
    border: 5px solid var(--primary-color);
    z-index: -1
}

.pxl-banner6 .image-bottom-right {
    display: inline-block;
    position: absolute;
    top: 120px;
    left: -80px;
    z-index: -1
}

.pxl-banner6 .pxl--counter-number {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px
}

.pxl-banner6 .pxl-item--title {
    line-height: 1.2;
    font-size: 16px;
    font-weight: 700
}

.pxl-banner6 .pxl--item-counter {
    padding: 70px 55px 15px 15px;
    position: relative;
    color: #fff
}

.pxl-banner6 .pxl--item-counter:before,
.pxl-banner6 .pxl--item-counter:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.pxl-banner6 .pxl--item-counter:before {
    z-index: -2;
    background-color: #fff;
    width: 110%;
    height: 110%
}

.pxl-banner6 .pxl--item-counter:after {
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color1);
    z-index: -1
}

.pxl-banner6 .pxl-item--meta {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2
}

.pxl-banner6 .box-image-main img {
    width: 100%
}

.pxl-banner6 .pxl-banner-inner {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-right: 30px
}

.pxl-banner-carousel1 .pxl-item--feature {
    position: relative;
    overflow: hidden
}

.pxl-banner-carousel1 .pxl-item--feature img {
    width: 100%;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms
}

.pxl-banner-carousel1 .pxl-item--inner {
    position: relative;
    -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-carousel1 .pxl-swiper-dots {
    position: absolute;
    margin-top: 0;
    bottom: 30px;
    left: 15px
}

.pxl-banner-carousel1 .pxl-carousel-inner {
    position: relative
}

.pxl-banner-carousel1 .pxl-carousel-inner .pxl-swiper-arrow {
    background-color: #fff;
    border-color: #fff
}

.pxl-banner-carousel1 .pxl-carousel-inner .pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: none
}

.pxl-banner-carousel1 .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow {
    top: 50%
}

.pxl-banner-carousel1 .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 30px
}

.pxl-banner-carousel1 .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover {
    left: 20px
}

.pxl-banner-carousel1 .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 30px
}

.pxl-banner-carousel1 .pxl-carousel-inner.arrows-middle .pxl-swiper-arrow.pxl-swiper-arrow-next:hover {
    right: 20px
}

.pxl-feature-marquee1 {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.pxl-feature-marquee1 .pxl-item--marquee {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 0
}

.pxl-feature-marquee1 .pxl-feature-hidden {
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.pxl-feature-marquee1 .pxl-feature-hidden-wrap {
    overflow: hidden
}

.pxl-feature-marquee1 .pxl-feature-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    direction: ltr
}

.pxl-feature-marquee1 .pxl-feature-active .pxl-item--marquee {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.pxl-feature-marquee1 .pxl-item--text {
    font-size: 60px;
    font-weight: 700;
    overflow: hidden;
    color: #000;
    width: 100%;
    position: relative
}

.pxl-feature-marquee1 .pxl-item--feature {
    display: inline-flex;
    justify-content: center;
    width: 100%
}

.pxl-feature-marquee1 .pxl-item--inner {
    flex-wrap: nowrap;
    display: flex;
    width: 100%
}

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

@media(min-width:992px) and (max-width:1199px) {
    .pxl-feature-marquee1 .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-showcase.layout1 {
    -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-showcase.layout1 .item-feature {
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    -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-showcase.layout1 .item-feature img {
    width: 100%
}

.pxl-showcase.layout1 .item-title {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 500
}

.pxl-showcase.layout1 .item-title a {
    color: inherit;
    display: inline-block;
    border-bottom: none
}

.pxl-showcase.layout1 .item-title .notification {
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    line-height: 23px;
    height: 23px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    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 10px;
    position: relative;
    text-transform: capitalize;
    margin-left: 8px;
    z-index: 2;
    text-align: center;
    display: inline-block;
    top: -2px
}

.pxl-showcase.layout1 .item-title cite {
    color: var(--primary-color);
    font-style: normal
}

.pxl-showcase.layout1 .pxl-item-links {
    position: absolute;
    opacity: 0;
    z-index: 2;
    top: 30%;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.pxl-showcase.layout1 .pxl-item-links a {
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    min-width: 110px;
    background-color: #fff;
    line-height: 32px;
    padding: 0 10px;
    margin: 5px;
    color: var(--secondary-color);
    font-size: 14px;
    overflow: hidden;
    position: relative
}

.pxl-showcase.layout1 .pxl-item-links a.link-1 {
    -webkit-transform: translateY(-30px);
    -khtml-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

.pxl-showcase.layout1 .pxl-item-links a.link-2 {
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.pxl-showcase.layout1 .pxl-item-links a.active {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-showcase.layout1:hover {
    -webkit-transform: translateY(-3px);
    -khtml-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px)
}

.pxl-showcase.layout1:hover .item-feature {
    background-color: #000
}

.pxl-showcase.layout1:hover .item-feature img {
    opacity: .5
}

.pxl-showcase.layout1:hover .pxl-item-links {
    top: 50%;
    opacity: 1
}

.pxl-showcase.layout1:hover .pxl-item-links a {
    transform: translateY(0)
}

.pxl-showcase.layout1:hover .pxl-item-links a.link-1 {
    transition-delay: .08s
}

.pxl-showcase.layout1:hover .pxl-item-links a.link-2 {
    transition-delay: .04s
}

.pxl-showcase.layout1 .inner-box {
    text-align: center
}

.pxl-showcase.layout1 .inner-box.item-comingsoon .item-feature {
    background-color: #000
}

.pxl-showcase.layout1 .inner-box.item-comingsoon .item-feature img {
    opacity: .5
}

.pxl-showcase.layout1 .inner-box.item-comingsoon .pxl-item-links {
    top: 50%;
    opacity: 1
}

.pxl-showcase.layout1 .inner-box.item-comingsoon .pxl-item-links a {
    transform: translateY(0)
}

.pxl-showcase.layout2 {
    -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-showcase.layout2 .notification {
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 5px 20px rgba(var(--primary-color-rgb), .15);
    line-height: 33px;
    height: 33px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background-color: var(--primary-color);
    width: 180px;
    padding: 0 10px;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-family: inherit;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 25px;
    left: -48px
}

.pxl-showcase.layout2 .pxl-item-links {
    opacity: 0;
    position: absolute;
    z-index: 2;
    bottom: -52px;
    left: 0;
    right: 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;
    display: flex;
    justify-content: center;
    align-items: center
}

.pxl-showcase.layout2 .pxl-item-links a {
    background-color: #fff;
    line-height: 40px;
    padding: 0 15px;
    color: var(--secondary-color);
    font-size: 14px
}

.pxl-showcase.layout2 .pxl-item-links a:first-child {
    border-top-left-radius: 5px
}

.pxl-showcase.layout2 .pxl-item-links a:last-child {
    border-top-right-radius: 5px
}

.pxl-showcase.layout2 .pxl-item-links a+a {
    border-left: 1px solid #e1e1e1
}

.pxl-showcase.layout2 .pxl-item-links a.active {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-showcase.layout2 .item-feature {
    display: block;
    max-height: 600px;
    height: 400px;
    width: 100%;
    vertical-align: middle;
    transform: translateY(0);
    overflow: hidden;
    background-size: 100%;
    background-position: 50% 0;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 30px rgba(29, 28, 31, .2);
    -khtml-box-shadow: 0 0 30px rgba(29, 28, 31, .2);
    -moz-box-shadow: 0 0 30px rgba(29, 28, 31, .2);
    -ms-box-shadow: 0 0 30px rgba(29, 28, 31, .2);
    -o-box-shadow: 0 0 30px rgba(29, 28, 31, .2);
    box-shadow: 0 0 30px rgba(29, 28, 31, .2)
}

.pxl-showcase.layout2 .item-feature:after {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    -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
}

@media screen and (max-width:767px) {
    .pxl-showcase.layout2 .item-feature {
        margin-bottom: 20px;
        max-height: 440px;
        height: 440px
    }
}

.pxl-showcase.layout2 .item-feature img {
    -webkit-transition: all 5s linear;
    -khtml-transition: all 5s linear;
    -moz-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -o-transition: all 5s linear;
    transition: all 5s linear;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(0)
}

.pxl-showcase.layout2 .item-feature:hover:after {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-showcase.layout2 .item-feature:hover .pxl-item-links {
    opacity: 1;
    bottom: 0;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.pxl-showcase.layout2 .item-title {
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 500
}

.pxl-showcase.layout2 .item-title a {
    color: inherit;
    display: inline-block;
    border-bottom: none
}

.pxl-showcase.layout2 .item-title cite {
    color: var(--primary-color);
    font-style: normal
}

.pxl-showcase.layout2:hover {
    -webkit-transform: translateY(-3px);
    -khtml-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px)
}

.pxl-showcase.layout2.pxl-showcase-scroll .item-feature img {
    height: auto;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 7s ease;
    -khtml-transition: all 7s ease;
    -moz-transition: all 7s ease;
    -ms-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: all 7s ease
}

.pxl-showcase.layout2.pxl-showcase-scroll .inner-box:hover .item-feature img {
    top: 100%;
    -webkit-transform: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-showcase.layout2 .inner-box {
    text-align: center;
    max-width: 100%
}

.pxl-showcase.layout2 .inner-box.item-comingsoon .item-feature {
    background-color: #000
}

.pxl-showcase.layout2 .inner-box.item-comingsoon .item-feature img {
    opacity: .5;
    top: 0 !important;
    -webkit-transform: translateY(0) !important;
    -khtml-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.pxl-showcase.layout2 .inner-box.item-comingsoon .item-feature:after {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-showcase.layout2 .inner-box.item-comingsoon .item-feature .pxl-item-links {
    opacity: 1;
    bottom: 0
}

button:not(.rm-style-default),
.button,
input[type=submit] {
    font-size: 16px;
    color: #000;
    padding: 0 30px;
    line-height: 51px;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-border-radius: 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);
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    background-size: 100%, 1px;
    background-position: 0;
    height: auto;
    font-family: heebo, sans-serif
}

button:not(.rm-style-default):hover,
.button:hover,
input[type=submit]:hover,
button:not(.rm-style-default):focus,
.button:focus,
input[type=submit]:focus,
button:not(.rm-style-default):active,
.button:active,
input[type=submit]:active,
button:not(.rm-style-default):not([disabled]):not(.disabled).active,
.button:not([disabled]):not(.disabled).active,
input[type=submit]:not([disabled]):not(.disabled).active,
button:not(.rm-style-default):not([disabled]):not(.disabled):active,
.button:not([disabled]):not(.disabled):active,
input[type=submit]:not([disabled]):not(.disabled):active {
    outline: none;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    background-position: 100%
}

button.search-submit:hover,
button.search-submit:focus,
button.search-submit:active,
button.search-submit:not([disabled]):not(.disabled).active,
button.search-submit:not([disabled]):not(.disabled):active {
    background-color: initial;
    color: var(--primary-color)
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding: 0 30px;
    line-height: 51px;
    -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);
    position: relative;
    cursor: pointer;
    border: none;
    background-color: var(--primary-color);
    height: auto;
    overflow: hidden
}

.btn i {
    line-height: normal
}

.btn i.flaticon {
    line-height: 1
}

.btn.pxl-icon--right {
    flex-direction: row-reverse
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: none;
    text-decoration: none;
    color: #fff
}

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

.btn.btn-default:before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 25px 10px white;
    -webkit-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: skewX(-25deg);
    -khtml-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.btn.btn-default:hover {
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15)
}

.btn.btn-default:hover:before {
    -webkit-animation: shine_hover .2s 0s linear;
    -khtml-animation: shine_hover .2s 0s linear;
    -moz-animation: shine_hover .2s 0s linear;
    -ms-animation: shine_hover .2s 0s linear;
    -o-animation: shine_hover .2s 0s linear;
    animation: shine_hover .2s 0s linear;
    -webkit-transform: skewX(-50deg);
    -khtml-transform: skewX(-50deg);
    -moz-transform: skewX(-50deg);
    -ms-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    transform: skewX(-50deg)
}

.btn.btn-hvstyle1 {
    background-color: var(--primary-color);
    z-index: 1;
    overflow: hidden;
    letter-spacing: 1px
}

.btn.btn-hvstyle1:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: var(--secondary-color);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

.btn.btn-hvstyle1:hover,
.btn.btn-hvstyle1:focus,
.btn.btn-hvstyle1:active {
    background-color: initial;
    color: #fff
}

.btn.btn-hvstyle1:hover:before,
.btn.btn-hvstyle1:focus:before,
.btn.btn-hvstyle1:active:before {
    -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)
}

.btn.btn-nina {}

.btn.btn-nina:hover,
.btn.btn-nina:focus,
.btn.btn-nina:active {
    background-position: 0
}

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

.btn.btn-nina:hover {
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.btn.btn-nina:hover .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 {
    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
}

@keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

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

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

.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;
    padding-right: 3px
}

.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.style-1 .pxl-item--icon {
    position: relative;
    height: 92px;
    width: 92px;
    font-size: 45px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    margin: 0 auto 15px;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 0 0 0 5px rgba(239, 237, 248, .1);
    -khtml-box-shadow: 0 0 0 5px rgba(239, 237, 248, .1);
    -moz-box-shadow: 0 0 0 5px rgba(239, 237, 248, .1);
    -ms-box-shadow: 0 0 0 5px rgba(239, 237, 248, .1);
    -o-box-shadow: 0 0 0 5px rgba(239, 237, 248, .1);
    box-shadow: 0 0 0 5px rgba(239, 237, 248, .1)
}

.pxl-counter1.style-1 .pxl-item--icon i {
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-1 .pxl--counter-number {
    font-size: 60px;
    font-weight: 600;
    line-height: 1em;
    display: flex;
    align-items: center;
    font-style: normal;
    justify-content: center
}

.pxl-counter1.style-1 .pxl--item-title {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-1 .pxl--item-inner {
    text-align: center
}

.pxl-counter1.style-1 .pxl--item-inner:hover .pxl-item--icon {
    background-color: var(--fourth-color);
    color: var(--secondary-color)
}

.pxl-counter1.style-1 .pxl--item-inner:hover .pxl-item--icon i {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-counter1.style-2 .pxl-item--icon {
    width: 120px;
    height: 120px;
    background-color: #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -khtml-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -moz-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -ms-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    -o-box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    box-shadow: 0 5px 28px rgba(14, 14, 14, .17);
    font-size: 45px;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: var(--primary-color)
}

.pxl-counter1.style-2 .pxl--counter-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    font-style: normal;
    color: var(--secondary-color)
}

.pxl-counter1.style-2 .pxl--item-title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0
}

.pxl-counter1.style-2 .pxl--item-inner {
    padding: 100px 15px 35px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    border: 2px solid rgba(var(--third-color-rgb), .15);
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-2 .pxl--item-inner:hover {
    border-color: var(--primary-color)
}

.pxl-counter1.style-2 .pxl--item-inner:hover .pxl-item--icon {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-counter1.style-3 .pxl-item--icon {
    position: relative;
    height: 110px;
    width: 110px;
    font-size: 45px;
    margin: 0 auto 25px;
    color: var(--primary-color);
    background-color: #000;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-3 .pxl-item--icon i {
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-3 .pxl--counter-number {
    font-size: 48px;
    font-weight: 600;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    font-style: normal
}

.pxl-counter1.style-3 .pxl--item-title {
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-counter1.style-3 .pxl--item-inner {
    text-align: center
}

.pxl-counter1.style-3 .pxl--item-inner:hover .pxl-item--icon {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-counter1.style-3 .pxl--item-inner:hover .pxl-item--icon i {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-counter1 .pxl--item-inner {
    text-align: center
}

.pxl-counter2 .pxl--counter-prefix {
    margin-right: -10px
}

.pxl-counter2 .pxl-item--icon {
    font-size: 60px;
    line-height: 1;
    color: var(--primary-color);
    margin-right: 10px
}

.pxl-counter2 .pxl--counter-number {
    font-size: 38px;
    color: var(--secondary-color);
    font-weight: 700
}

.pxl-counter2 .pxl--item-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--secondary-color)
}

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

.pxl-counter2 .pxl--item-inner {
    padding: 15px;
    border: 1px solid rgba(var(--third-color-rgb), .15)
}

.swiper-filter-active .pxl-swiper-slide {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.swiper-filter-active .non-swiper-slide {
    display: none
}

.swiper-filter-wrap,
.pxl-grid-filter3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.swiper-filter-wrap .filter-item,
.pxl-grid-filter3 .filter-item {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 24px;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.swiper-filter-wrap .filter-item span,
.pxl-grid-filter3 .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,
.pxl-grid-filter3 .filter-item.active {
    color: var(--primary-color)
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
    bottom: 0;
    top: auto;
    opacity: 1;
    visibility: visible;
    width: 40px;
    height: 40px;
    background-color: initial;
    border: 2px solid #4b5345;
    line-height: 36px;
    color: #4b5345
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before {
    content: "\f142";
    font-size: 16px
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    margin-left: -80px
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    margin-left: 80px
}

.pxl-swiper-arrow-style1 .pxl-swiper-arrow+.pxl-swiper-dots {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    margin: 0
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction {
    bottom: 10px;
    font-size: 0;
    line-height: 20px
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    min-width: 20px;
    text-align: center
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
    position: relative;
    margin-right: 50px
}

.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 32px;
    width: 27px;
    height: 1px;
    background-color: #fff
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow {
    opacity: 1;
    visibility: visible;
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 20px;
    background: 0 0;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    position: static;
    -webkit-transform: translate(0, 0);
    -khtml-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg {
    height: 55px;
    width: 55px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main {
    fill: #ececec
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover {
    opacity: 0
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 16px
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main {
    opacity: 0
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover {
    opacity: 1
}

.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.pxl-swiper-arrow-style3 .pxl-swiper-arrow {
    font-size: 36px;
    color: #c5d3d8;
    background-color: initial;
    box-shadow: none
}

.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block
}

.pxl-swiper-sliders .pxl-item--image img {
    width: 100%
}

.pxl-grid.pxl-blog-grid .pxl-grid-pagination {
    margin-top: 45px
}

.pxl-grid .pxl-item--image img {
    width: 100%
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers {
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 18px
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers i {
    font-size: 13px
}

.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:before,
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:after {
    display: none
}

.pxl-grid-filter2 {
    margin-bottom: 38px;
    font-size: 17px;
    color: #444
}

.pxl-grid-filter2 .filter-item {
    cursor: pointer
}

.pxl-grid-filter2 .filter-item:after {
    content: '-';
    margin: 0 18px
}

.pxl-grid-filter2 .filter-item:last-child:after {
    display: none
}

.pxl-grid-filter3 {
    margin-bottom: 53px
}

.pxl-blog-grid-layout1 .pxl-pagination-wrap .pxl-pagination-links,
.pxl-post-carousel1 .pxl-pagination-wrap .pxl-pagination-links {
    margin-top: 40px
}

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

    .pxl-blog-grid-layout1 .pxl-pagination-wrap .pxl-pagination-links,
    .pxl-post-carousel1 .pxl-pagination-wrap .pxl-pagination-links {
        margin-top: 0
    }
}

.pxl-blog-grid-layout1 .pxl-item--featured,
.pxl-post-carousel1 .pxl-item--featured {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: -1px
}

.pxl-blog-grid-layout1 .pxl-item--featured:after,
.pxl-post-carousel1 .pxl-item--featured:after {
    background: rgba(255, 255, 255, .3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.pxl-blog-grid-layout1 .pxl-item--featured img,
.pxl-post-carousel1 .pxl-item--featured img {
    width: 100%;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-blog-grid-layout1 .pxl-item--date,
.pxl-post-carousel1 .pxl-item--date {
    position: absolute;
    right: 30px;
    top: 30px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: var(--primary-color);
    text-transform: uppercase;
    padding: 5px 12px;
    font-weight: 700
}

.pxl-blog-grid-layout1 .pxl-item--date .item-day,
.pxl-post-carousel1 .pxl-item--date .item-day {
    overflow: hidden;
    font-weight: 800;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1;
    display: block
}

.pxl-blog-grid-layout1 .pxl-item--date .item-month,
.pxl-post-carousel1 .pxl-item--date .item-month {
    display: block;
    font-size: 12px;
    line-height: 1;
    padding: 5px 0
}

.pxl-blog-grid-layout1 .pxl-item--meta,
.pxl-post-carousel1 .pxl-item--meta {
    list-style: none;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    font-size: 14px
}

.pxl-blog-grid-layout1 .pxl-item--meta li,
.pxl-post-carousel1 .pxl-item--meta li {
    display: inline-block;
    color: var(--third-color);
    padding-right: 20px;
    margin-right: 5px;
    font-weight: 500;
    position: relative;
    padding-left: 22px;
    -webkit-transition: all .23s ease;
    -khtml-transition: all .23s ease;
    -moz-transition: all .23s ease;
    -ms-transition: all .23s ease;
    -o-transition: all .23s ease;
    transition: all .23s ease
}

.pxl-blog-grid-layout1 .pxl-item--meta li:last-child,
.pxl-post-carousel1 .pxl-item--meta li:last-child {
    padding-right: 0;
    margin-right: 0
}

.pxl-blog-grid-layout1 .pxl-item--meta li i,
.pxl-post-carousel1 .pxl-item--meta li i {
    color: var(--primary-color);
    position: absolute;
    font-size: 16px;
    margin-right: 5px;
    top: -1px;
    left: 0;
    -webkit-transition: all .23s ease;
    -khtml-transition: all .23s ease;
    -moz-transition: all .23s ease;
    -ms-transition: all .23s ease;
    -o-transition: all .23s ease;
    transition: all .23s ease
}

.pxl-blog-grid-layout1 .pxl-item--meta li.pxl-item--author span,
.pxl-post-carousel1 .pxl-item--meta li.pxl-item--author span {
    margin-right: 5px
}

.pxl-blog-grid-layout1 .pxl-item--meta a,
.pxl-post-carousel1 .pxl-item--meta a {
    color: inherit
}

.pxl-blog-grid-layout1 .pxl-item--meta a:hover,
.pxl-post-carousel1 .pxl-item--meta a:hover {
    color: var(--primary-color)
}

.pxl-blog-grid-layout1 .pxl-item--title,
.pxl-post-carousel1 .pxl-item--title {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 700;
    position: relative
}

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

    .pxl-blog-grid-layout1 .pxl-item--title,
    .pxl-post-carousel1 .pxl-item--title {
        font-size: 20px
    }
}

.pxl-blog-grid-layout1 .pxl-item--title a,
.pxl-post-carousel1 .pxl-item--title a {
    color: var(--secondary-color);
    transition: all .5s cubic-bezier(0, 0, .23, 1)
}

.pxl-blog-grid-layout1 .pxl-item--title a:hover,
.pxl-post-carousel1 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-blog-grid-layout1 .pxl-item--title+.pxl-item--content,
.pxl-post-carousel1 .pxl-item--title+.pxl-item--content {
    margin-top: 15px
}

.pxl-blog-grid-layout1 .pxl-meta-content,
.pxl-post-carousel1 .pxl-meta-content {
    padding: 22px 30px 25px
}

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

    .pxl-blog-grid-layout1 .pxl-meta-content,
    .pxl-post-carousel1 .pxl-meta-content {
        padding: 22px 20px
    }
}

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

    .pxl-blog-grid-layout1 .pxl-meta-content,
    .pxl-post-carousel1 .pxl-meta-content {
        padding: 24px 15px
    }
}

.pxl-blog-grid-layout1 .pxl-item--readmore a,
.pxl-post-carousel1 .pxl-item--readmore a {
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    color: var(--third-color);
    text-transform: uppercase;
    background-color: initial;
    transition: all .3s cubic-bezier(0, 0, .23, 1);
    z-index: 1
}

.pxl-blog-grid-layout1 .pxl-item--readmore a i,
.pxl-post-carousel1 .pxl-item--readmore a i {
    margin-left: 2px;
    line-height: 1;
    position: relative;
    top: 2px;
    font-weight: 700;
    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
}

.pxl-blog-grid-layout1 .pxl-item--readmore a:hover i,
.pxl-post-carousel1 .pxl-item--readmore a:hover i {
    -webkit-animation: toRightFromLeft .3s linear 1;
    -khtml-animation: toRightFromLeft .3s linear 1;
    -moz-animation: toRightFromLeft .3s linear 1;
    -ms-animation: toRightFromLeft .3s linear 1;
    -o-animation: toRightFromLeft .3s linear 1;
    animation: toRightFromLeft .3s linear 1
}

.pxl-blog-grid-layout1 .item--comment,
.pxl-post-carousel1 .item--comment {
    font-size: 14px;
    font-weight: 400
}

.pxl-blog-grid-layout1 .item--comment a,
.pxl-post-carousel1 .item--comment a {
    color: var(--third-color)
}

.pxl-blog-grid-layout1 .item--comment a i,
.pxl-post-carousel1 .item--comment a i {
    color: var(--primary-color)
}

.pxl-blog-grid-layout1 .pxl-meta-buttom,
.pxl-post-carousel1 .pxl-meta-buttom {
    padding: 12px 30px;
    background-color: #f4f5f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

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

    .pxl-blog-grid-layout1 .pxl-meta-buttom,
    .pxl-post-carousel1 .pxl-meta-buttom {
        padding: 12px 20px
    }
}

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

    .pxl-blog-grid-layout1 .pxl-meta-buttom,
    .pxl-post-carousel1 .pxl-meta-buttom {
        padding: 12px 15px
    }
}

.pxl-blog-grid-layout1 .pxl-meta-buttom:before,
.pxl-post-carousel1 .pxl-meta-buttom:before {
    background-color: var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    height: 0;
    width: calc(100% + 2px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: -1
}

.pxl-blog-grid-layout1 .pxl-item--holder,
.pxl-post-carousel1 .pxl-item--holder {
    -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;
    position: relative;
    border: 1px solid #f4f5f8
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--featured:after,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--featured:after {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--featured a,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--featured a {
    display: block
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--featured img,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--featured img {
    -webkit-transform: translateX(0)scale(1.1);
    -khtml-transform: translateX(0)scale(1.1);
    -moz-transform: translateX(0)scale(1.1);
    -ms-transform: translateX(0)scale(1.1);
    -o-transform: translateX(0)scale(1.1);
    transform: translateX(0)scale(1.1)
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--readmore a,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--readmore a {
    color: #fff
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-item--readmore a i,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-item--readmore a i {
    color: inherit
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .item--comment a,
.pxl-post-carousel1 .pxl-item--inner:hover .item--comment a,
.pxl-blog-grid-layout1 .pxl-item--inner:hover .item--comment i,
.pxl-post-carousel1 .pxl-item--inner:hover .item--comment i {
    color: #fff
}

.pxl-blog-grid-layout1 .pxl-item--inner:hover .pxl-meta-buttom:before,
.pxl-post-carousel1 .pxl-item--inner:hover .pxl-meta-buttom:before {
    height: 100%
}

.pxl-getintouch .item-icon.icon-bounce-top img,
.pxl-getintouch .item-icon.icon-bounce-top svg,
.pxl-getintouch .item-icon.icon-bounce-top i {
    -webkit-animation: bounce-out-down 2s ease infinite;
    -khtml-animation: bounce-out-down 2s ease infinite;
    -moz-animation: bounce-out-down 2s ease infinite;
    -ms-animation: bounce-out-down 2s ease infinite;
    -o-animation: bounce-out-down 2s ease infinite;
    animation: bounce-out-down 2s ease infinite
}

.pxl-getintouch .item-icon.icon-bounce-right img,
.pxl-getintouch .item-icon.icon-bounce-right svg,
.pxl-getintouch .item-icon.icon-bounce-right i {
    -webkit-animation: icon-bounce-right 1s ease infinite;
    -khtml-animation: icon-bounce-right 1s ease infinite;
    -moz-animation: icon-bounce-right 1s ease infinite;
    -ms-animation: icon-bounce-right 1s ease infinite;
    -o-animation: icon-bounce-right 1s ease infinite;
    animation: icon-bounce-right 1s ease infinite
}

.pxl-getintouch .item-icon.icon-shakeThatBooty img,
.pxl-getintouch .item-icon.icon-shakeThatBooty svg,
.pxl-getintouch .item-icon.icon-shakeThatBooty i {
    -webkit-animation: shakeThatBooty 1s ease infinite;
    -khtml-animation: shakeThatBooty 1s ease infinite;
    -moz-animation: shakeThatBooty 1s ease infinite;
    -ms-animation: shakeThatBooty 1s ease infinite;
    -o-animation: shakeThatBooty 1s ease infinite;
    animation: shakeThatBooty 1s ease infinite
}

.pxl-getintouch .item-icon.icon-right-from-Left img,
.pxl-getintouch .item-icon.icon-right-from-Left svg,
.pxl-getintouch .item-icon.icon-right-from-Left i {
    -webkit-animation: toRightFromLeft 1s ease infinite;
    -khtml-animation: toRightFromLeft 1s ease infinite;
    -moz-animation: toRightFromLeft 1s ease infinite;
    -ms-animation: toRightFromLeft 1s ease infinite;
    -o-animation: toRightFromLeft 1s ease infinite;
    animation: toRightFromLeft 1s ease infinite
}

.pxl-getintouch .item-icon.effect-tada img,
.pxl-getintouch .item-icon.effect-tada svg,
.pxl-getintouch .item-icon.effect-tada i {
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite
}

.pxl-getintouch .item-icon.icon-flipX img,
.pxl-getintouch .item-icon.icon-flipX svg,
.pxl-getintouch .item-icon.icon-flipX i {
    -webkit-animation: flipX 2s ease infinite;
    -khtml-animation: flipX 2s ease infinite;
    -moz-animation: flipX 2s ease infinite;
    -ms-animation: flipX 2s ease infinite;
    -o-animation: flipX 2s ease infinite;
    animation: flipX 2s ease infinite
}

.pxl-getintouch .item-icon.icon-Scale-Delay img,
.pxl-getintouch .item-icon.icon-Scale-Delay svg,
.pxl-getintouch .item-icon.icon-Scale-Delay i {
    -webkit-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -khtml-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -moz-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -ms-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -o-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    animation: pxl-cubeGridScaleDelay 2s ease infinite
}

.pxl-getintouch .item-icon.icon-full-circle img,
.pxl-getintouch .item-icon.icon-full-circle svg,
.pxl-getintouch .item-icon.icon-full-circle i {
    -webkit-animation: full-circle 2s ease infinite;
    -khtml-animation: full-circle 2s ease infinite;
    -moz-animation: full-circle 2s ease infinite;
    -ms-animation: full-circle 2s ease infinite;
    -o-animation: full-circle 2s ease infinite;
    animation: full-circle 2s ease infinite
}

.pxl-getintouch1 .pxl-label {
    display: block;
    font-size: 20px;
    color: var(--secondary-color);
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 500
}

.pxl-getintouch1 .item-content {
    padding-top: 7px
}

.pxl-getintouch1 .list-info {
    list-style: none;
    margin-bottom: 0
}

.pxl-getintouch1 .list-info li {
    line-height: 1.2;
    font-size: 18px;
    color: var(--secondary-color);
    display: block
}

.pxl-getintouch1 .list-info li+li {
    margin-top: 10px
}

.pxl-getintouch1 .list-info li a {
    color: var(--secondary-color)
}

.pxl-getintouch1 .list-info li a:hover {
    color: var(--primary-color)
}

.pxl-getintouch1 .style-1 {
    display: flex
}

.pxl-getintouch1 .style-1 .item-icon {
    margin-right: 20px;
    min-width: 20px
}

.pxl-getintouch1 .style-1 .item-icon i {
    color: var(--primary-color)
}

.pxl-getintouch1 .style-1 .item-icon svg path {
    fill: var(--primary-color)
}

.pxl-getintouch1 .style-2 {
    text-align: center;
    padding: 50px 25px;
    -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: #fff;
    -webkit-box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05);
    -khtml-box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05);
    -moz-box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05);
    -ms-box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05);
    -o-box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05);
    box-shadow: 0 2px 20px 2px rgba(var(--primary-color-rgb), .05)
}

.pxl-getintouch1 .style-2 .item-icon {
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    -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(var(--primary-color-rgb), .1)
}

.pxl-getintouch1 .style-2 .item-icon.icon-bounce-top img,
.pxl-getintouch1 .style-2 .item-icon.icon-bounce-top svg,
.pxl-getintouch1 .style-2 .item-icon.icon-bounce-top i {
    -webkit-animation: bounce-out-down 2s ease infinite;
    -khtml-animation: bounce-out-down 2s ease infinite;
    -moz-animation: bounce-out-down 2s ease infinite;
    -ms-animation: bounce-out-down 2s ease infinite;
    -o-animation: bounce-out-down 2s ease infinite;
    animation: bounce-out-down 2s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-bounce-right img,
.pxl-getintouch1 .style-2 .item-icon.icon-bounce-right svg,
.pxl-getintouch1 .style-2 .item-icon.icon-bounce-right i {
    -webkit-animation: icon-bounce-right 1s ease infinite;
    -khtml-animation: icon-bounce-right 1s ease infinite;
    -moz-animation: icon-bounce-right 1s ease infinite;
    -ms-animation: icon-bounce-right 1s ease infinite;
    -o-animation: icon-bounce-right 1s ease infinite;
    animation: icon-bounce-right 1s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-shakeThatBooty img,
.pxl-getintouch1 .style-2 .item-icon.icon-shakeThatBooty svg,
.pxl-getintouch1 .style-2 .item-icon.icon-shakeThatBooty i {
    -webkit-animation: shakeThatBooty 1s ease infinite;
    -khtml-animation: shakeThatBooty 1s ease infinite;
    -moz-animation: shakeThatBooty 1s ease infinite;
    -ms-animation: shakeThatBooty 1s ease infinite;
    -o-animation: shakeThatBooty 1s ease infinite;
    animation: shakeThatBooty 1s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-right-from-Left img,
.pxl-getintouch1 .style-2 .item-icon.icon-right-from-Left svg,
.pxl-getintouch1 .style-2 .item-icon.icon-right-from-Left i {
    -webkit-animation: toRightFromLeft 1s ease infinite;
    -khtml-animation: toRightFromLeft 1s ease infinite;
    -moz-animation: toRightFromLeft 1s ease infinite;
    -ms-animation: toRightFromLeft 1s ease infinite;
    -o-animation: toRightFromLeft 1s ease infinite;
    animation: toRightFromLeft 1s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.effect-tada img,
.pxl-getintouch1 .style-2 .item-icon.effect-tada svg,
.pxl-getintouch1 .style-2 .item-icon.effect-tada i {
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-flipX img,
.pxl-getintouch1 .style-2 .item-icon.icon-flipX svg,
.pxl-getintouch1 .style-2 .item-icon.icon-flipX i {
    -webkit-animation: flipX 2s ease infinite;
    -khtml-animation: flipX 2s ease infinite;
    -moz-animation: flipX 2s ease infinite;
    -ms-animation: flipX 2s ease infinite;
    -o-animation: flipX 2s ease infinite;
    animation: flipX 2s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-Scale-Delay img,
.pxl-getintouch1 .style-2 .item-icon.icon-Scale-Delay svg,
.pxl-getintouch1 .style-2 .item-icon.icon-Scale-Delay i {
    -webkit-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -khtml-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -moz-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -ms-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -o-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    animation: pxl-cubeGridScaleDelay 2s ease infinite
}

.pxl-getintouch1 .style-2 .item-icon.icon-full-circle img,
.pxl-getintouch1 .style-2 .item-icon.icon-full-circle svg,
.pxl-getintouch1 .style-2 .item-icon.icon-full-circle i {
    -webkit-animation: full-circle 2s ease infinite;
    -khtml-animation: full-circle 2s ease infinite;
    -moz-animation: full-circle 2s ease infinite;
    -ms-animation: full-circle 2s ease infinite;
    -o-animation: full-circle 2s ease infinite;
    animation: full-circle 2s ease infinite
}

.pxl-getintouch1 .style-2 .pxl-label {
    font-size: 24px
}

.pxl-getintouch1 .style-2 .list-info {
    margin-top: 15px
}

.pxl-getintouch1 .style-2 .list-info li,
.pxl-getintouch1 .style-2 .list-info a {
    color: var(--third-color)
}

.pxl-getintouch1 .style-2 .item-content {
    padding-top: 10px;
    font-size: 16px;
    color: var(--third-color)
}

.pxl-getintouch2 .item-icon {
    margin-right: 20px;
    min-width: 20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    min-width: 40px;
    border: 1px solid 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%
}

.pxl-getintouch2 .item-icon i {
    font-size: 20px;
    color: var(--primary-color)
}

.pxl-getintouch2 .item-icon img,
.pxl-getintouch2 .item-icon svg {
    max-height: 20px
}

.pxl-getintouch2 .list-info {
    list-style: none;
    margin-bottom: 0
}

.pxl-getintouch2 .list-info li {
    line-height: 1.2;
    font-size: 16px;
    color: var(--secondary-color);
    display: block
}

.pxl-getintouch2 .list-info li+li {
    margin-top: 10px
}

.pxl-getintouch2 .list-info li a {
    color: var(--secondary-color)
}

.pxl-getintouch2 .list-info li a:hover {
    color: var(--primary-color)
}

.pxl-getintouch2 .item-getintouch {
    display: flex;
    align-items: center
}

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

.pxl-social-share label {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-right: 15px
}

.pxl-social-share a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    color: var(--primary-color);
    background: #f8fbff;
    overflow: hidden
}

.pxl-social-share a i {
    -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-social-share a:hover {
    background-color: var(--primary-color)
}

.pxl-social-share a:hover i {
    color: #fff;
    -webkit-animation: toRightFromLeft .3s forwards;
    -khtml-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    -ms-animation: toRightFromLeft .3s forwards;
    -o-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards
}

.pxl-icon-box1 .inner-icon.icon-bounce-top {
    -webkit-animation: bounce-out-down 2s ease infinite;
    -khtml-animation: bounce-out-down 2s ease infinite;
    -moz-animation: bounce-out-down 2s ease infinite;
    -ms-animation: bounce-out-down 2s ease infinite;
    -o-animation: bounce-out-down 2s ease infinite;
    animation: bounce-out-down 2s ease infinite
}

.pxl-icon-box1 .inner-icon.icon-bounce-right {
    -webkit-animation: icon-bounce-right 1s ease infinite;
    -khtml-animation: icon-bounce-right 1s ease infinite;
    -moz-animation: icon-bounce-right 1s ease infinite;
    -ms-animation: icon-bounce-right 1s ease infinite;
    -o-animation: icon-bounce-right 1s ease infinite;
    animation: icon-bounce-right 1s ease infinite
}

.pxl-icon-box1 .inner-icon.icon-shakeThatBooty {
    -webkit-animation: shakeThatBooty 1s ease infinite;
    -khtml-animation: shakeThatBooty 1s ease infinite;
    -moz-animation: shakeThatBooty 1s ease infinite;
    -ms-animation: shakeThatBooty 1s ease infinite;
    -o-animation: shakeThatBooty 1s ease infinite;
    animation: shakeThatBooty 1s ease infinite
}

.pxl-icon-box1 .inner-icon.icon-right-from-Left {
    -webkit-animation: toRightFromLeft 1s ease infinite;
    -khtml-animation: toRightFromLeft 1s ease infinite;
    -moz-animation: toRightFromLeft 1s ease infinite;
    -ms-animation: toRightFromLeft 1s ease infinite;
    -o-animation: toRightFromLeft 1s ease infinite;
    animation: toRightFromLeft 1s ease infinite
}

.pxl-icon-box1 .inner-icon.effect-tada {
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite
}

.pxl-icon-box1 .inner-icon.icon-flipX {
    -webkit-animation: flipX 2s ease infinite;
    -khtml-animation: flipX 2s ease infinite;
    -moz-animation: flipX 2s ease infinite;
    -ms-animation: flipX 2s ease infinite;
    -o-animation: flipX 2s ease infinite;
    animation: flipX 2s ease infinite
}

.pxl-icon-box1 .inner-icon.icon-Scale-Delay {
    -webkit-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -khtml-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -moz-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -ms-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    -o-animation: pxl-cubeGridScaleDelay 2s ease infinite;
    animation: pxl-cubeGridScaleDelay 2s ease infinite
}

.pxl-icon-box1 .inner-icon.icon-full-circle {
    -webkit-animation: full-circle 2s ease infinite;
    -khtml-animation: full-circle 2s ease infinite;
    -moz-animation: full-circle 2s ease infinite;
    -ms-animation: full-circle 2s ease infinite;
    -o-animation: full-circle 2s ease infinite;
    animation: full-circle 2s ease infinite
}

.pxl-icon-box1.style-1 .pxl-item--icon {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    height: 70px;
    width: 70px
}

.pxl-icon-box1.style-1 .pxl-item--icon img,
.pxl-icon-box1.style-1 .pxl-item--icon i,
.pxl-icon-box1.style-1 .pxl-item--icon svg {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-icon-box1.style-1 .pxl-item--icon i {
    color: var(--primary-color);
    font-size: 64px;
    font-weight: 900;
    line-height: 1
}

.pxl-icon-box1.style-1 .pxl-item--icon img,
.pxl-icon-box1.style-1 .pxl-item--icon svg {
    max-height: 64px;
    width: auto
}

.pxl-icon-box1.style-1 .pxl-number {
    font-size: 48px;
    position: absolute;
    line-height: 1;
    right: 20px;
    top: 50px;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    -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;
    z-index: 1;
    opacity: .1
}

.pxl-icon-box1.style-1 .pxl-item--title {
    font-size: 20px;
    color: var(--secondary-color);
    margin-bottom: 0;
    font-weight: 700
}

.pxl-icon-box1.style-1 .pxl-item--title a {
    color: inherit
}

.pxl-icon-box1.style-1 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-icon-box1.style-1 .pxl-item--inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 220px;
    padding: 40px 40px 35px;
    border: 1px solid #4f4d5e;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 30px rgba(, , , .07);
    -khtml-box-shadow: 0 10px 30px rgba(, , , .07);
    -moz-box-shadow: 0 10px 30px rgba(, , , .07);
    -ms-box-shadow: 0 10px 30px rgba(, , , .07);
    -o-box-shadow: 0 10px 30px rgba(, , , .07);
    box-shadow: 0 10px 30px rgba(, , , .07);
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1
}

.pxl-icon-box1.style-1 .pxl-item--inner:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    border-radius: 0;
    background-image: url(../img/shape-tm-4.png);
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    content: "";
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1
}

.pxl-icon-box1.style-1 .pxl-item--inner:hover {
    border-color: var(--primary-color)
}

.pxl-icon-box1.style-1 .pxl-item--inner:hover:before {
    height: 100%
}

.pxl-icon-box1.style-1 .pxl-item--inner:hover .pxl-item--icon i {
    color: #fff
}

.pxl-icon-box1.style-1 .pxl-item--inner:hover .pxl-item--icon svg {
    fill: #fff
}

.pxl-icon-box1.style-2 .pxl-item--icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    -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;
    -webkit-box-shadow: 0 5px 18px rgba(14, 14, 14, .17);
    -khtml-box-shadow: 0 5px 18px rgba(14, 14, 14, .17);
    -moz-box-shadow: 0 5px 18px rgba(14, 14, 14, .17);
    -ms-box-shadow: 0 5px 18px rgba(14, 14, 14, .17);
    -o-box-shadow: 0 5px 18px rgba(14, 14, 14, .17);
    box-shadow: 0 5px 18px rgba(14, 14, 14, .17)
}

.pxl-icon-box1.style-2 .pxl-item--icon img,
.pxl-icon-box1.style-2 .pxl-item--icon i,
.pxl-icon-box1.style-2 .pxl-item--icon svg {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-icon-box1.style-2 .pxl-item--icon i {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1
}

.pxl-icon-box1.style-2 .pxl-item--icon img,
.pxl-icon-box1.style-2 .pxl-item--icon svg {
    max-height: 20px;
    width: auto
}

.pxl-icon-box1.style-2 .pxl-item--icon .inner-icon {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite
}

.pxl-icon-box1.style-2 .pxl-item--title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.pxl-icon-box1.style-2 .pxl-item--inner {
    margin-left: 27px;
    padding: 22px 25px 22px 40px;
    background-color: var(--primary-color);
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pxl-icon-box1.style-2 .pxl-item--inner:hover {
    background-color: var(--secondary-color)
}

.pxl-icon-box1.style-2 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-icon-box1.style-2 .pxl-item--inner:hover .pxl-item--icon svg,
.pxl-icon-box1.style-2 .pxl-item--inner:hover .pxl-item--icon img {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-icon-box2 .pxl-item--title {
    font-size: 20px;
    color: var(--secondary-color);
    margin-bottom: 10px;
    font-weight: 700
}

.pxl-icon-box2 .pxl-item--title a {
    color: inherit
}

.pxl-icon-box2 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-icon-box2 .pxl-item--excerpt {
    font-size: 16px
}

.pxl-icon-box2 .pxl-item--icon i,
.pxl-icon-box2 .pxl-item--icon img,
.pxl-icon-box2 .pxl-item--icon svg {
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.pxl-icon-box2.style-1 .pxl-item--icon {
    margin-top: 5px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
    margin-right: 30px;
    position: relative;
    background-color: rgba(var(--primary-color-rgb), .1);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid var(--primary-color)
}

.pxl-icon-box2.style-1 .pxl-item--icon:before {
    background-color: var(--primary-color);
    position: absolute;
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1
}

@media screen and (max-width:480px) {
    .pxl-icon-box2.style-1 .pxl-item--icon {
        margin-bottom: 25px
    }
}

.pxl-icon-box2.style-1 .pxl-item--icon i {
    font-size: 40px;
    color: var(--primary-color)
}

.pxl-icon-box2.style-1 .pxl-item--icon img,
.pxl-icon-box2.style-1 .pxl-item--icon svg {
    max-height: 40px
}

.pxl-icon-box2.style-1 .pxl-item--icon svg {
    max-width: 40px
}

.pxl-icon-box2.style-1 .pxl-item--icon svg path {
    fill: var(--primary-color)
}

.pxl-icon-box2.style-1 .pxl-item--inner:hover .pxl-item--icon:before {
    width: 100%
}

.pxl-icon-box2.style-1 .pxl-item--inner:hover .pxl-item--icon i {
    color: #fff
}

.pxl-icon-box2.style-1 .pxl-item--inner:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-icon-box2.style-2 .pxl-item--inner {
    align-items: center
}

@media screen and (max-width:480px) {
    .pxl-icon-box2.style-2 {
        margin-bottom: 25px
    }
}

.pxl-icon-box2 .pxl-item--inner {
    display: flex
}

@media screen and (max-width:480px) {
    .pxl-icon-box2 .pxl-item--inner {
        flex-wrap: wrap
    }

    .pxl-icon-box2 .pxl-item--inner .pxl-item--icon {
        margin-bottom: 25px
    }
}

.pxl-icon-box2 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-icon-box2 .pxl-item--inner:hover .pxl-item--icon svg,
.pxl-icon-box2 .pxl-item--inner:hover .pxl-item--icon img {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-icon-box3 .box-image-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 118px;
    z-index: -1
}

.pxl-icon-box3 .box-image-right img {
    max-width: 100%
}

.pxl-icon-box3 .pxl-wp-number {
    border-bottom: 2px solid #2f2f2f;
    display: flex;
    justify-content: right;
    margin-bottom: 25px
}

.pxl-icon-box3 .pxl-wp-number span {
    width: 35px;
    height: 35px;
    background-color: #2f2f2f;
    color: #fff
}

.pxl-icon-box3 .pxl-item--icon {
    margin-bottom: 15px;
    -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-box3 .pxl-item--icon i {
    color: #fff;
    font-size: 65px;
    line-height: 1
}

.pxl-icon-box3 .pxl-item--icon svg {
    fill: #fff
}

.pxl-icon-box3 .pxl-item--icon img,
.pxl-icon-box3 .pxl-item--icon svg {
    max-height: 65px
}

.pxl-icon-box3 .pxl-item--title a,
.pxl-icon-box3 .pxl-item--title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.pxl-icon-box3 .pxl-item--excerpt {
    font-size: 14px;
    color: #fff;
    margin-right: -20px
}

.pxl-icon-box3 .pxl-item--inner {
    background-color: #000;
    position: relative;
    padding: 40px;
    z-index: 1;
    overflow: hidden
}

.pxl-icon-box3 .pxl-item--inner:before {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 0;
    width: 0;
    position: absolute;
    top: -100%;
    left: -100%;
    background-color: var(--primary-color);
    z-index: -1;
    content: ""
}

@media screen and (max-width:1199px) {
    .pxl-icon-box3 .pxl-item--inner {
        padding: 35px 15px
    }
}

.pxl-icon-box3 .pxl-item--inner:hover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-icon-box3 .pxl-item--inner:hover .pxl-item--icon {
    -webkit-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -khtml-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -moz-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -ms-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -o-animation: pxl-cubeGridScaleDelay .9s linear 1;
    animation: pxl-cubeGridScaleDelay .9s linear 1
}

.pxl-icon-box4 {}

.pxl-icon-box4 .pxl-meta-top {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #2f2f2f
}

@media screen and (min-width:992px) {
    .pxl-icon-box4 .pxl-meta-top {
        justify-content: space-between;
        flex-direction: row-reverse
    }
}

.pxl-icon-box4 .pxl-item--icon {
    height: 45px;
    width: 45px;
    font-size: 35px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

@media screen and (min-width:992px) {
    .pxl-icon-box4 .pxl-item--icon {
        width: 80px;
        height: 80px;
        font-size: 65px
    }

    .pxl-icon-box4 .pxl-item--icon img,
    .pxl-icon-box4 .pxl-item--icon svg {
        max-height: 65pc
    }
}

@media screen and (max-width:991px) {
    .pxl-icon-box4 .pxl-item--icon {
        margin-right: 20px
    }

    .pxl-icon-box4 .pxl-item--icon img,
    .pxl-icon-box4 .pxl-item--icon svg {
        max-height: 35px
    }
}

.pxl-icon-box4 .pxl-item--title,
.pxl-icon-box4 .pxl-item--title a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}

.pxl-icon-box4 .pxl-item--title {
    margin-bottom: 0;
    line-height: 1.3
}

@media screen and (min-width:992px) {
    .pxl-icon-box4 .pxl-item--title {
        padding-right: 15px
    }
}

.pxl-icon-box4 .pxl-button {
    text-align: center
}

.pxl-icon-box4 .pxl-button .btn-link {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff
}

.pxl-icon-box4 .pxl-button .btn-link:hover {
    color: var(--primary-color)
}

@media screen and (max-width:991px) {
    .pxl-icon-box4 .pxl-button {
        text-align: left
    }
}

.pxl-icon-box4 .pxl-item--inner {
    padding: 30px;
    background-color: #171717;
    padding-bottom: 20px
}

.pxl-icon-box4 .pxl-item--inner:hover .pxl-item--icon {
    -webkit-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -khtml-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -moz-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -ms-animation: pxl-cubeGridScaleDelay .9s linear 1;
    -o-animation: pxl-cubeGridScaleDelay .9s linear 1;
    animation: pxl-cubeGridScaleDelay .9s linear 1
}

.pxl-iconbox-grid1 .link-holder,
.pxl-iconbox-carousel1 .link-holder {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.pxl-iconbox-grid1 .box-style1,
.pxl-iconbox-carousel1 .box-style1 {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 30px 35px;
    -webkit-box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25);
    -khtml-box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25);
    -moz-box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25);
    -ms-box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25);
    -o-box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25);
    box-shadow: 0 20px 31px 10px rgba(200, 208, 214, .25)
}

.pxl-iconbox-grid1 .box-style1:before,
.pxl-iconbox-carousel1 .box-style1:before {
    opacity: 1;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    z-index: -1;
    position: absolute;
    top: 0;
    right: -20%;
    height: 120%;
    content: '';
    background-color: #fff;
    width: 150%;
    -webkit-transform: skew(45deg);
    -khtml-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -khtml-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -moz-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -ms-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -o-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    transition: transform .4s cubic-bezier(.3, 1, .8, 1)
}

@media screen and (min-width:768px) {

    .pxl-iconbox-grid1 .box-style1,
    .pxl-iconbox-carousel1 .box-style1 {
        display: flex;
        align-items: center
    }
}

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

    .pxl-iconbox-grid1 .box-style1,
    .pxl-iconbox-carousel1 .box-style1 {
        padding: 30px 20px
    }
}

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

    .pxl-iconbox-grid1 .box-style1,
    .pxl-iconbox-carousel1 .box-style1 {
        padding: 25px 15px
    }
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--icon,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon {
    display: flex;
    align-items: center;
    justify-content: 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);
    max-width: 80px;
    min-width: 80px;
    height: 80px;
    background-color: rgba(var(--primary-color-rgb), .15);
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

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

    .pxl-iconbox-grid1 .box-style1 .pxl-item--icon,
    .pxl-iconbox-carousel1 .box-style1 .pxl-item--icon {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--icon a,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon a {
    display: inline-block
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--icon img,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon img,
.pxl-iconbox-grid1 .box-style1 .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon svg {
    max-height: 35px;
    width: auto;
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1)
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon i {
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1);
    font-size: 35px;
    line-height: 1;
    color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--icon svg {
    fill: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--title,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--title {
    margin-bottom: 15px;
    font-size: 20px;
    color: var(--secondary-color)
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--title a,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-iconbox-grid1 .box-style1 .pxl-item--excerpt,
.pxl-iconbox-carousel1 .box-style1 .pxl-item--excerpt {
    font-size: 15px;
    margin-bottom: 18px
}

.pxl-iconbox-grid1 .box-style1 .pxl-icon-bottom,
.pxl-iconbox-carousel1 .box-style1 .pxl-icon-bottom {
    position: absolute;
    bottom: -7px;
    right: 0;
    z-index: -1
}

.pxl-iconbox-grid1 .box-style1 .pxl-icon-bottom svg path,
.pxl-iconbox-carousel1 .box-style1 .pxl-icon-bottom svg path {
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1)
}

.pxl-iconbox-grid1 .box-style1 .icon-link,
.pxl-iconbox-carousel1 .box-style1 .icon-link {
    display: inline-block;
    color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1:hover,
.pxl-iconbox-carousel1 .box-style1:hover {
    background-color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1:hover:before,
.pxl-iconbox-carousel1 .box-style1:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(100%, 0, 0)skew(0);
    -khtml-transform: translate3d(100%, 0, 0)skew(0);
    -moz-transform: translate3d(100%, 0, 0)skew(0);
    -ms-transform: translate3d(100%, 0, 0)skew(0);
    -o-transform: translate3d(100%, 0, 0)skew(0);
    transform: translate3d(100%, 0, 0)skew(0)
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon {
    background-color: #fff
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon svg {
    fill: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon i {
    color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon img,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon img,
.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon i,
.pxl-iconbox-grid1 .box-style1:hover .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--icon svg {
    -webkit-transform: translateY(-2px);
    -khtml-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--title,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--title {
    color: #fff
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--title a,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--title a {
    color: #fff
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-item--excerpt,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-item--excerpt {
    color: #fff
}

.pxl-iconbox-grid1 .box-style1:hover .icon-link,
.pxl-iconbox-carousel1 .box-style1:hover .icon-link {
    color: #fff
}

.pxl-iconbox-grid1 .box-style1:hover .icon-link i,
.pxl-iconbox-carousel1 .box-style1:hover .icon-link i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-iconbox-grid1 .box-style1:hover .pxl-icon-bottom svg path,
.pxl-iconbox-carousel1 .box-style1:hover .pxl-icon-bottom svg path {
    fill: rgba(255, 255, 255, .1)
}

@media screen and (min-width:768px) {

    .pxl-iconbox-grid1 .box-style2,
    .pxl-iconbox-carousel1 .box-style2 {
        display: flex
    }
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon {
    border: 1px solid rgba(var(--third-color-rgb), .3);
    display: flex;
    align-items: center;
    justify-content: 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);
    max-width: 80px;
    min-width: 80px;
    height: 80px;
    margin-top: 5px;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon:before,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon:before {
    background-color: var(--primary-color);
    position: absolute;
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1
}

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

    .pxl-iconbox-grid1 .box-style2 .pxl-item--icon,
    .pxl-iconbox-carousel1 .box-style2 .pxl-item--icon {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon a,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon a {
    display: inline-block
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon img,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon img,
.pxl-iconbox-grid1 .box-style2 .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon svg {
    max-height: 35px;
    width: auto;
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1)
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon i {
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1);
    font-size: 35px;
    line-height: 1;
    color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--icon svg {
    fill: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--title,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--title {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color)
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--title a,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--title+.pxl-item--excerpt,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--title+.pxl-item--excerpt {
    margin-top: 5px
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--excerpt,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--excerpt {
    font-size: 16px;
    line-height: 1.5
}

@media screen and (min-width:1260px) {

    .pxl-iconbox-grid1 .box-style2 .pxl-item--excerpt,
    .pxl-iconbox-carousel1 .box-style2 .pxl-item--excerpt {
        max-width: 85%
    }
}

.pxl-iconbox-grid1 .box-style2 .pxl-item--excerpt+.icon-link,
.pxl-iconbox-carousel1 .box-style2 .pxl-item--excerpt+.icon-link {
    margin-top: 18px
}

.pxl-iconbox-grid1 .box-style2 .icon-link,
.pxl-iconbox-carousel1 .box-style2 .icon-link {
    display: inline-block;
    color: var(--primary-color);
    font-size: 20px
}

.pxl-iconbox-grid1 .box-style2 .icon-link i,
.pxl-iconbox-carousel1 .box-style2 .icon-link i {
    -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-iconbox-grid1 .box-style2:hover .pxl-item--icon,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon {
    border-color: var(--primary-color)
}

.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon svg {
    fill: #fff
}

.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon i {
    color: #fff
}

.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon img,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon img,
.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon i,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon i,
.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon svg,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon svg {
    -webkit-transform: translateY(-2px);
    -khtml-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.pxl-iconbox-grid1 .box-style2:hover .pxl-item--icon:before,
.pxl-iconbox-carousel1 .box-style2:hover .pxl-item--icon:before {
    width: 100%
}

.pxl-iconbox-grid1 .box-style2:hover .icon-link i,
.pxl-iconbox-carousel1 .box-style2:hover .icon-link i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-iconbox-carousel1 .pxl-item--inner {
    margin-top: 15px;
    margin-bottom: 15px
}

@media screen and (min-width:1200px) {
    .pxl-iconbox-carousel1 .pxl-swiper-container {
        overflow: visible
    }

    .pxl-iconbox-carousel1 .pxl-carousel-inner {
        padding: 35px 35px 45px;
        margin-left: -35px;
        margin-right: -35px;
        overflow: hidden
    }
}

.pxl-iconbox-grid2 .pxl-item--title,
.pxl-iconbox-carousel2 .pxl-item--title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto
}

.pxl-iconbox-grid2 .pxl-item--title+.pxl-item--excerpt,
.pxl-iconbox-carousel2 .pxl-item--title+.pxl-item--excerpt {
    margin-top: 5px;
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-iconbox-grid2 .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--icon {
    position: relative;
    display: block;
    font-size: 64px;
    color: var(--primary-color);
    font-weight: 900;
    line-height: 64px;
    margin-bottom: 30px;
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-iconbox-grid2 .pxl-item--icon img,
.pxl-iconbox-carousel2 .pxl-item--icon img,
.pxl-iconbox-grid2 .pxl-item--icon svg,
.pxl-iconbox-carousel2 .pxl-item--icon svg,
.pxl-iconbox-grid2 .pxl-item--icon i,
.pxl-iconbox-carousel2 .pxl-item--icon i {
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-iconbox-grid2 .pxl-item--inner,
.pxl-iconbox-carousel2 .pxl-item--inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    text-align: center;
    min-height: 175px;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 1;
    margin-top: 15px
}

.pxl-iconbox-grid2 .pxl-item--inner:before,
.pxl-iconbox-carousel2 .pxl-item--inner:before {
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    background-color: var(--primary-color);
    content: "";
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.pxl-iconbox-grid2 .pxl-item--inner:after,
.pxl-iconbox-carousel2 .pxl-item--inner:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    content: "";
    opacity: 0;
    -webkit-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1
}

.pxl-iconbox-grid2 .pxl-item--inner:hover,
.pxl-iconbox-carousel2 .pxl-item--inner:hover {
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.pxl-iconbox-grid2 .pxl-item--inner:hover:before,
.pxl-iconbox-carousel2 .pxl-item--inner:hover:before {
    height: 100%
}

.pxl-iconbox-grid2 .pxl-item--inner:hover:after,
.pxl-iconbox-carousel2 .pxl-item--inner:hover:after {
    opacity: 1
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--icon {
    color: #fff
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--icon a,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--icon a {
    color: inherit
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--icon img,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--icon img,
.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--icon svg,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--icon svg,
.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--icon i {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--title,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--title {
    color: #fff
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--title a,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--title a {
    color: inherit
}

.pxl-iconbox-grid2 .pxl-item--inner:hover .pxl-item--excerpt,
.pxl-iconbox-carousel2 .pxl-item--inner:hover .pxl-item--excerpt {
    color: #fff
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style1,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style1 {
    background-color: #fff;
    margin-bottom: 35px;
    box-shadow: 0 3px 10px rgba(204, 204, 204, .2);
    padding: 30px 15px 35px;
    border-top: 5px solid var(--primary-color)
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style1:after,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style1:after {
    background-image: url(../img/shape-tm-1.png);
    background-position: 50%;
    background-size: cover
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style1 .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style1 .pxl-item--icon {
    font-size: 64px
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style2,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style2 {
    border: 1px solid var(--third-color);
    padding: 25px 5px
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style2:after,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style2:after {
    background-image: url(../img/shape-tm-4.png);
    background-position: 100% 100%;
    background-size: auto
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style2 .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style2 .pxl-item--icon {
    font-size: 50px
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style3,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style3 {
    background-color: #fff;
    margin-bottom: 35px;
    box-shadow: 0 5px 20px rgba(204, 204, 204, .3);
    padding: 30px 15px 35px;
    border-top: 3px solid var(--primary-color)
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style3 .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style3 .pxl-item--icon {
    background-color: rgba(var(--primary-color-rgb), .1);
    margin: 0 auto 10px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    font-size: 46px;
    color: var(--primary-color);
    line-height: 46px;
    margin-bottom: 30px;
    -webkit-transition: all 200ms linear;
    -khtml-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-iconbox-grid2 .pxl-item--inner.box-style3:hover .pxl-item--icon,
.pxl-iconbox-carousel2 .pxl-item--inner.box-style3:hover .pxl-item--icon {
    background-color: #fff
}

.pxl-iconbox-grid3 .pxl-item-icon {
    -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);
    max-width: 98px;
    min-width: 98px;
    height: 100px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    -khtml-box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    -ms-box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    -o-box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 6%);
    position: relative;
    margin: 0 auto 20px;
    background-color: #fff
}

.pxl-iconbox-grid3 .pxl-item-icon img {
    width: auto;
    max-height: 50px;
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1)
}

.pxl-iconbox-grid3 .pxl-item--title {
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--secondary-color)
}

.pxl-iconbox-grid3 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-iconbox-grid3 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-iconbox-grid3 .pxl-item--inner {
    text-align: center
}

.pxl-iconbox-grid3 .pxl-item--inner:hover .pxl-item-icon img {
    -webkit-transform: translateY(-4px);
    -khtml-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.pxl-circle .pxl-item--icon {
    text-align: center;
    position: absolute;
    z-index: 22;
    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-circle .pxl-item--icon a {
    display: block
}

.pxl-circle .pxl-item--icon img {
    width: auto;
    max-height: 54px
}

.pxl-circle .pxl-item--icon .logo-dark {
    -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-circle .pxl-item--icon .logo-light {
    -webkit-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -khtml-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -moz-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -ms-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    -o-transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0)scale3d(0, 0, 1)
}

.pxl-circle .pxl-item--title {
    font-size: 16px;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: pxl_spin 16s infinite linear;
    -webkit-animation: pxl_spin 16s infinite linear
}

.pxl-circle .pxl-item--title:before {
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    width: 65%;
    height: 65%;
    border: 1px solid rgba(255, 255, 255, 0);
    -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%);
    position: absolute;
    top: 50%;
    left: 50%
}

.pxl-circle .pxl-item--title svg {
    fill: transparent;
    position: absolute;
    width: 127px;
    height: 127px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: visible
}

.pxl-circle .pxl-item--title svg text {
    fill: #000
}

.pxl-circle .pxl-circle-inner {
    width: 168px;
    height: 168px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    z-index: 1
}

.pxl-circle .pxl-circle-inner:before,
.pxl-circle .pxl-circle-inner:after {
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    position: absolute;
    z-index: -1
}

.pxl-circle .pxl-circle-inner:before {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    bottom: -5%;
    right: -5%;
    border: 1px solid var(--primary-color)
}

.pxl-circle .pxl-circle-inner:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 32px solid var(--primary-color)
}

.pxl-circle:hover .pxl-item--icon .logo-dark {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0)scale3d(5, 5, 5)
}

.pxl-circle:hover .pxl-item--icon .logo-light {
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0)scale3d(1, 1, 1)
}

.pxl-mailchimp .mc4wp-form {
    position: relative;
    display: inline-block
}

.pxl-mailchimp .mc4wp-response {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999
}

.pxl-mailchimp .mc4wp-alert {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 14px;
    box-shadow: 0 0 35px rgba(, , , .06);
    margin-top: 25px;
    position: relative;
    color: #000;
    max-width: 250px
}

.pxl-mailchimp .mc4wp-alert:before {
    content: '';
    position: absolute;
    top: -18px;
    left: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.pxl-mailchimp .mc4wp-alert p {
    margin: 0
}

.pxl-mailchimp .mc4wp-alert p a {
    color: inherit;
    font-weight: 700
}

.pxl-mailchimp [type=submit] {
    white-space: nowrap
}

.pxl-mailchimp.style-none button {
    margin-top: 20px
}

.pxl-mailchimp.style-none button:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.pxl-mailchimp.style-default .mc4wp-form-fields {
    position: relative
}

.pxl-mailchimp.style-default [type=email] {
    height: 54px;
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: initial;
    font-size: 12px;
    color: #222;
    padding: 0 22px;
    font-size: 18px;
    padding-right: 100px;
    padding-left: 40px
}

.pxl-mailchimp.style-default [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    line-height: 54px;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    color: #fff
}

@media screen and (max-width:1199px) {
    .pxl-mailchimp.style-default [type=submit] {
        padding: 0 22px
    }
}

@media screen and (max-width:575px) {
    .pxl-mailchimp.style-default [type=submit] {
        position: static;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin-top: 20px;
        width: 100%
    }
}

.pxl-mailchimp.style-button-icon2 [type=email] {
    font-size: 17px;
    color: var(--third-color);
    border: none;
    width: 100%;
    text-align: left;
    line-height: 40px;
    height: 40px;
    padding: 0 60px 4px 0;
    background-color: initial;
    border-bottom: 4px solid rgba(255, 255, 255, .2)
}

.pxl-mailchimp.style-button-icon2 [type=email]:focus {
    color: var(--secondary-color)
}

.pxl-mailchimp.style-button-icon2 [type=submit] {
    font-size: 0;
    position: absolute;
    right: -1px;
    -webkit-border-radius: 0 8px 8px 0;
    -khtml-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    background-color: initial;
    overflow: hidden;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    width: 40px;
    bottom: 7px;
    right: -17px
}

.pxl-mailchimp.style-button-icon2 [type=submit]:after {
    font-family: bootstrap-icons;
    font-weight: 400;
    content: "\f6c0";
    line-height: 1em;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--fourth-color)
}

.pxl-mailchimp.style-button-icon2 [type=submit]:hover:after,
.pxl-mailchimp.style-button-icon2 [type=submit]:focus:after,
.pxl-mailchimp.style-button-icon2 [type=submit]:active:after {
    color: #fff
}

.pxl-mailchimp.style-button-icon2 .mc4wp-form-fields {
    position: relative
}

.pxl-mailchimp.style-button-icon2 .mc4wp-form {
    display: block
}

.pxl-mailchimp.btn-w-full button,
.pxl-mailchimp.btn-w-full .wpcf7-submit {
    width: 100%
}

.input-file-custom::-webkit-input-placeholder {
    color: #fff
}

.input-file-custom::-moz-placeholder {
    color: #fff
}

.input-file-custom::-ms-input-placeholder {
    color: #fff
}

.input-file-custom::-moz-placeholder {
    color: #fff
}

@media screen and (max-width:575px) {
    .input-file-custom {
        padding-left: 25px;
        padding-right: 25px
    }
}

.pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .flaticon-arrow-down-1 {
    display: inline-flex;
    font-size: 13px;
    line-height: 1;
    margin-left: 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;
    top: 2px;
    z-index: 1
}

.pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .flaticon-arrow-down-1:before {
    font-weight: 700
}

.pxl-nav-menu .sub-menu li.menu-item-has-children>a:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px;
    font-weight: 400
}

.pxl-nav-hidden .pxl-menu-toggle {
    display: block;
    position: absolute;
    top: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    right: -28px;
    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
}

.pxl-nav-hidden .pxl-menu-toggle:before {
    content: "\f150";
    font-family: sandaicon
}

.pxl-nav-hidden .pxl-menu-toggle.active:before {
    content: "\f13d"
}

.pxl-nav-hidden .pxl-menu-hidden {
    list-style: none;
    margin: 0;
    padding: 0
}

.pxl-nav-hidden .pxl-menu-hidden li {
    position: relative
}

.pxl-nav-hidden .pxl-menu-hidden li a {
    display: inline-block;
    line-height: 50px;
    color: var(--third-color);
    font-size: 20px;
    font-weight: 700;
    transition: all .5s ease
}

.pxl-nav-hidden .pxl-menu-hidden li a:hover {
    letter-spacing: 2px
}

.pxl-nav-hidden .pxl-menu-hidden li>a:hover,
.pxl-nav-hidden .pxl-menu-hidden li>a.current,
.pxl-nav-hidden .pxl-menu-hidden li.current_page_item>a,
.pxl-nav-hidden .pxl-menu-hidden li.current-menu-item>a,
.pxl-nav-hidden .pxl-menu-hidden li.current_page_ancestor>a,
.pxl-nav-hidden .pxl-menu-hidden li.current-menu-ancestor>a {
    color: var(--primary-color)
}

.pxl-nav-hidden .pxl-menu-hidden>li.menu-item-has-children>a {
    position: relative;
    display: inline-flex
}

.pxl-nav-hidden .pxl-menu-hidden>li {
    transition: all .5s ease;
    transition-delay: 0s;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(1) {
    -webkit-transition-delay: .13s, .13s, 0s;
    transition-delay: .13s, .13s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(2) {
    -webkit-transition-delay: .26s, .26s, 0s;
    transition-delay: .26s, .26s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(3) {
    -webkit-transition-delay: .39s, .39s, 0s;
    transition-delay: .39s, .39s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(4) {
    -webkit-transition-delay: .52s, .52s, 0s;
    transition-delay: .52s, .52s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(5) {
    -webkit-transition-delay: .65s, .65s, 0s;
    transition-delay: .65s, .65s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden>li:nth-child(6) {
    -webkit-transition-delay: .78s, .78s, 0s;
    transition-delay: .78s, .78s, 0s
}

.pxl-nav-hidden .pxl-menu-hidden .sub-menu,
.pxl-nav-hidden .pxl-menu-hidden .children {
    position: relative;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px
}

.pxl-nav-hidden .pxl-menu-hidden .sub-menu li a,
.pxl-nav-hidden .pxl-menu-hidden .children li a {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

.pxl-nav-hidden .pxl-menu-hidden .sub-menu li a .pxl-menu-toggle,
.pxl-nav-hidden .pxl-menu-hidden .children li a .pxl-menu-toggle {
    top: 5px
}

.swiper-filter-active .non-swiper-slide {
    display: none
}

.pxl-swiper-sliders .pxl-item--image img {
    width: 100%
}

.pxl-portfolio-info .type-category a {
    display: inline-block
}

.pxl-portfolio-info .type-category a:hover {
    color: var(--primary-color)
}

.pxl-portfolio-info label.lbl {
    color: var(--third-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px
}

.pxl-portfolio-info .content-item {
    margin-right: 40px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.pxl-portfolio-info .content-item a,
.pxl-portfolio-info .content-item .item-text {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1
}

.pxl-portfolio-info .content-item:before,
.pxl-portfolio-info .content-item:after {
    content: "";
    display: block;
    position: absolute
}

.pxl-portfolio-info .content-item:before {
    top: 5px;
    left: 2px;
    height: 32px;
    width: 1px;
    background-color: #e1e1e1
}

.pxl-portfolio-info .content-item:after {
    top: 36px;
    left: 0;
    width: 5px;
    height: 14px;
    background-color: var(--primary-color)
}

.pxl-portfolio-info .content-item:last-child {
    margin-right: 0
}

.pxl-portfolio-grid1 .pxl-swiper-dots,
.pxl-portfolio-carousel1 .pxl-swiper-dots {
    margin-top: 50px
}

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

    .pxl-portfolio-grid1 .pxl-swiper-dots,
    .pxl-portfolio-carousel1 .pxl-swiper-dots {
        margin-top: 30px
    }
}

.pxl-portfolio-grid1 .item--featured,
.pxl-portfolio-carousel1 .item--featured {
    position: relative;
    overflow: hidden
}

.pxl-portfolio-grid1 .item--featured img,
.pxl-portfolio-carousel1 .item--featured img {
    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;
    -webkit-transform: translateX(-5px)scale(1.1);
    -khtml-transform: translateX(-5px)scale(1.1);
    -moz-transform: translateX(-5px)scale(1.1);
    -ms-transform: translateX(-5px)scale(1.1);
    -o-transform: translateX(-5px)scale(1.1);
    transform: translateX(-5px)scale(1.1)
}

.pxl-portfolio-grid1 .item--featured a.btn-link,
.pxl-portfolio-carousel1 .item--featured a.btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    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%;
    position: absolute;
    z-index: 2;
    top: 70%;
    left: 20%;
    -webkit-transform: translate(-50%, -50%)scale(.3);
    -khtml-transform: translate(-50%, -50%)scale(.3);
    -moz-transform: translate(-50%, -50%)scale(.3);
    -ms-transform: translate(-50%, -50%)scale(.3);
    -o-transform: translate(-50%, -50%)scale(.3);
    transform: translate(-50%, -50%)scale(.3);
    -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;
    background-color: #fff;
    background-size: 180%, 1px;
    background-position: 0
}

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

    .pxl-portfolio-grid1 .item--featured a.btn-link,
    .pxl-portfolio-carousel1 .item--featured a.btn-link {
        width: 80px;
        height: 80px
    }
}

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

    .pxl-portfolio-grid1 .item--featured a.btn-link,
    .pxl-portfolio-carousel1 .item--featured a.btn-link {
        width: 60px;
        height: 60px
    }
}

.pxl-portfolio-grid1 .item--featured a.btn-link svg,
.pxl-portfolio-carousel1 .item--featured a.btn-link svg {
    line-height: 1;
    -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
}

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

    .pxl-portfolio-grid1 .item--featured a.btn-link svg,
    .pxl-portfolio-carousel1 .item--featured a.btn-link svg {
        max-width: 25px;
        max-height: 25px
    }
}

.pxl-portfolio-grid1 .item--featured a.btn-link:hover,
.pxl-portfolio-carousel1 .item--featured a.btn-link:hover {
    background-position: 100%;
    -webkit-box-shadow: 3px 5px 0 0 rgba(var(--primary-color-rgb), 1);
    -khtml-box-shadow: 3px 5px 0 0 rgba(var(--primary-color-rgb), 1);
    -moz-box-shadow: 3px 5px 0 0 rgba(var(--primary-color-rgb), 1);
    -ms-box-shadow: 3px 5px 0 0 rgba(var(--primary-color-rgb), 1);
    -o-box-shadow: 3px 5px 0 0 rgba(var(--primary-color-rgb), 1);
    box-shadow: 3px 5px rgba(var(--primary-color-rgb), 1)
}

.pxl-portfolio-grid1 .item--featured a.btn-link:hover svg,
.pxl-portfolio-carousel1 .item--featured a.btn-link:hover svg {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pxl-portfolio-grid1 .item--featured img,
.pxl-portfolio-carousel1 .item--featured img {
    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;
    -webkit-transform: translateX(-5px)scale(1.1);
    -khtml-transform: translateX(-5px)scale(1.1);
    -moz-transform: translateX(-5px)scale(1.1);
    -ms-transform: translateX(-5px)scale(1.1);
    -o-transform: translateX(-5px)scale(1.1);
    transform: translateX(-5px)scale(1.1)
}

.pxl-portfolio-grid1 .item--category,
.pxl-portfolio-carousel1 .item--category {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .item--category,
    .pxl-portfolio-carousel1 .item--category {
        padding-left: 15px;
        border-left: 2px solid #fff
    }
}

.pxl-portfolio-grid1 .item--category a,
.pxl-portfolio-carousel1 .item--category a {
    display: inline-block;
    color: var(--third-color)
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .item--category a,
    .pxl-portfolio-carousel1 .item--category a {
        color: #fff
    }
}

.pxl-portfolio-grid1 .item--category a:after,
.pxl-portfolio-carousel1 .item--category a:after {
    content: ","
}

.pxl-portfolio-grid1 .item--category a:last-child:after,
.pxl-portfolio-carousel1 .item--category a:last-child:after {
    display: none
}

.pxl-portfolio-grid1 .pxl-item--title,
.pxl-portfolio-carousel1 .pxl-item--title {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0
}

.pxl-portfolio-grid1 .pxl-item--title a,
.pxl-portfolio-carousel1 .pxl-item--title a {
    color: var(--secondary-color)
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .pxl-item--title a,
    .pxl-portfolio-carousel1 .pxl-item--title a {
        color: #fff
    }
}

.pxl-portfolio-grid1 .item--meta,
.pxl-portfolio-carousel1 .item--meta {
    padding: 20px 0
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .item--meta,
    .pxl-portfolio-carousel1 .item--meta {
        padding: 20px 30px;
        -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: absolute;
        bottom: -30px;
        left: 0;
        z-index: 2;
        background-color: var(--primary-color);
        opacity: 0;
        max-width: 90%;
        width: 100%
    }
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .pxl-item--inner,
    .pxl-portfolio-carousel1 .pxl-item--inner {
        position: relative;
        overflow: hidden
    }
}

.pxl-portfolio-grid1 .pxl-item--inner:hover .item--featured img,
.pxl-portfolio-carousel1 .pxl-item--inner:hover .item--featured img {
    -webkit-transform: translateX(0)scale(1.1);
    -khtml-transform: translateX(0)scale(1.1);
    -moz-transform: translateX(0)scale(1.1);
    -ms-transform: translateX(0)scale(1.1);
    -o-transform: translateX(0)scale(1.1);
    transform: translateX(0)scale(1.1);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.pxl-portfolio-grid1 .pxl-item--inner:hover .item--featured:before,
.pxl-portfolio-carousel1 .pxl-item--inner:hover .item--featured:before {
    width: 100%;
    opacity: 0
}

.pxl-portfolio-grid1 .pxl-item--inner:hover .item--featured a.btn-link,
.pxl-portfolio-carousel1 .pxl-item--inner:hover .item--featured a.btn-link {
    opacity: 1;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%)scale(1);
    -khtml-transform: translate(-50%, -50%)scale(1);
    -moz-transform: translate(-50%, -50%)scale(1);
    -ms-transform: translate(-50%, -50%)scale(1);
    -o-transform: translate(-50%, -50%)scale(1);
    transform: translate(-50%, -50%)scale(1)
}

.pxl-portfolio-grid1 .pxl-item--inner:hover .item--featured a.btn-link svg path,
.pxl-portfolio-carousel1 .pxl-item--inner:hover .item--featured a.btn-link svg path {
    fill: var(--primary-color)
}

@media screen and (min-width:992px) {

    .pxl-portfolio-grid1 .pxl-item--inner:hover .item--meta,
    .pxl-portfolio-carousel1 .pxl-item--inner:hover .item--meta {
        bottom: 0;
        opacity: 1
    }
}

.pxl-portfolio-grid1 .pxl-load-more {
    margin-top: 45px
}

.pxl-portfolio-grid1 .pxl-load-more.pxl-loadmore-style2 .btn {
    background-color: initial;
    color: var(--primary-color);
    letter-spacing: 5px
}

.pxl-portfolio-grid1 .pxl-pagination-links {
    margin-top: 25px
}

.pxl-portfolio-grid1 .pxl-grid-item {
    float: left
}

.pxl-portfolio-carousel1 .swiper-arrow-outer {
    margin-bottom: 60px
}

@media screen and (min-width:992px) {
    .pxl-portfolio-carousel1 .swiper-arrow-outer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow {
    width: 67px;
    height: 67px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid var(--third-color);
    color: var(--secondary-color);
    background-color: initial
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow+.pxl-swiper-arrow {
    margin-left: 15px
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.pxl-portfolio-carousel1 .grap-arrows {
    display: flex
}

.pxl-portfolio-grid2 .item--featured,
.pxl-portfolio-carousel2 .item--featured {
    position: relative;
    overflow: hidden
}

.pxl-portfolio-grid2 .item--featured img,
.pxl-portfolio-carousel2 .item--featured img {
    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;
    -webkit-transform: translateY(-5px)scale(1.1);
    -khtml-transform: translateY(-5px)scale(1.1);
    -moz-transform: translateY(-5px)scale(1.1);
    -ms-transform: translateY(-5px)scale(1.1);
    -o-transform: translateY(-5px)scale(1.1);
    transform: translateY(-5px)scale(1.1)
}

.pxl-portfolio-grid2 .item--featured:before,
.pxl-portfolio-carousel2 .item--featured:before,
.pxl-portfolio-grid2 .item--featured:after,
.pxl-portfolio-carousel2 .item--featured:after {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    z-index: 1
}

.pxl-portfolio-grid2 .item--featured:before,
.pxl-portfolio-carousel2 .item--featured:before {
    height: 100%;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: all 500ms ease;
    -khtml-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--secondary-color-rgb), .9) 30%), to(rgba(var(--primary-color-rgb), .1) 80%));
    background-image: -webkit-linear-gradient(to top, rgba(var(--secondary-color-rgb), .9) 30%, rgba(var(--primary-color-rgb), .1) 80%);
    background-image: -moz-linear-gradient(to top, rgba(var(--secondary-color-rgb), .9) 30%, rgba(var(--primary-color-rgb), .1) 80%);
    background-image: -ms-linear-gradient(to top, rgba(var(--secondary-color-rgb), .9) 30%, rgba(var(--primary-color-rgb), .1) 80%);
    background-image: -o-linear-gradient(to top, rgba(var(--secondary-color-rgb), .9) 30%, rgba(var(--primary-color-rgb), .1) 80%);
    background-image: linear-gradient(to top, rgba(var(--secondary-color-rgb), .9) 30%, rgba(var(--primary-color-rgb), .1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(var(--secondary-color-rgb), 0.9) 30%', endColorStr='rgba(var(--primary-color-rgb), 0.1) 80%')
}

.pxl-portfolio-grid2 .item--featured:after,
.pxl-portfolio-carousel2 .item--featured:after {
    left: 0;
    top: 0;
    background-color: var(--primary-color);
    height: 0;
    opacity: .9;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-portfolio-grid2 .item--category,
.pxl-portfolio-carousel2 .item--category,
.pxl-portfolio-grid2 .pxl-item--title,
.pxl-portfolio-carousel2 .pxl-item--title {
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-portfolio-grid2 .item--category,
.pxl-portfolio-carousel2 .item--category {
    font-size: 14px
}

.pxl-portfolio-grid2 .item--category a,
.pxl-portfolio-carousel2 .item--category a {
    display: inline-block;
    color: var(--primary-color)
}

.pxl-portfolio-grid2 .item--category a:after,
.pxl-portfolio-carousel2 .item--category a:after {
    content: ","
}

.pxl-portfolio-grid2 .item--category a:last-child:after,
.pxl-portfolio-carousel2 .item--category a:last-child:after {
    display: none
}

.pxl-portfolio-grid2 .pxl-item--title,
.pxl-portfolio-carousel2 .pxl-item--title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

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

    .pxl-portfolio-grid2 .pxl-item--title,
    .pxl-portfolio-carousel2 .pxl-item--title {
        font-size: 20px
    }
}

.pxl-portfolio-grid2 .pxl-item--title a,
.pxl-portfolio-carousel2 .pxl-item--title a {
    color: #fff
}

.pxl-portfolio-grid2 .btn-link,
.pxl-portfolio-carousel2 .btn-link {
    position: absolute;
    right: 40px;
    top: 10px;
    height: 52px;
    width: 52px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
    z-index: 2;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0
}

.pxl-portfolio-grid2 .item--meta,
.pxl-portfolio-carousel2 .item--meta {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px 40px 30px 30px;
    z-index: 3;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-portfolio-grid2 .pxl-item--inner,
.pxl-portfolio-carousel2 .pxl-item--inner {
    position: relative;
    overflow: hidden
}

.pxl-portfolio-grid2 .pxl-item--inner:hover .btn-link,
.pxl-portfolio-carousel2 .pxl-item--inner:hover .btn-link {
    right: 40px;
    top: 40px;
    opacity: 1;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

.pxl-portfolio-grid2 .pxl-item--inner:hover .item--featured img,
.pxl-portfolio-carousel2 .pxl-item--inner:hover .item--featured img {
    -webkit-transform: translateY(0)scale(1.1);
    -khtml-transform: translateY(0)scale(1.1);
    -moz-transform: translateY(0)scale(1.1);
    -ms-transform: translateY(0)scale(1.1);
    -o-transform: translateY(0)scale(1.1);
    transform: translateY(0)scale(1.1);
    transition-delay: .3s
}

.pxl-portfolio-grid2 .pxl-item--inner:hover .item--featured:after,
.pxl-portfolio-carousel2 .pxl-item--inner:hover .item--featured:after {
    height: 100%
}

.pxl-portfolio-grid2 .pxl-item--inner:hover .item--category a,
.pxl-portfolio-carousel2 .pxl-item--inner:hover .item--category a {
    color: #fff
}

.pxl-pricing1 .box-image-bottom {
    position: absolute;
    bottom: 40px;
    right: 20px;
    height: 180px;
    z-index: -1
}

.pxl-pricing1 .box-image-bottom img {
    max-height: 180px
}

.pxl-pricing1 .inner-box {
    background-color: #fff;
    -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 13px 30px rgba(, , 1, .05);
    padding: 45px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

@media screen and (max-width:1400px) {
    .pxl-pricing1 .inner-box {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (max-width:991px) {
    .pxl-pricing1 .inner-box {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px
    }
}

.pxl-pricing1 .pxl-title {
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
    color: var(--secondary-color)
}

.pxl-pricing1 .pxl-excerpt {
    color: var(--primary-color);
    font-weight: 500
}

.pxl-pricing1 .pxl-feature {
    color: var(--third-color);
    list-style: none;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0
}

@media screen and (max-width:991px) {
    .pxl-pricing1 .pxl-feature {
        font-size: 15px
    }
}

.pxl-pricing1 .pxl-feature li {
    padding: 10px 0;
    line-height: 26px
}

.pxl-pricing1 .pxl-feature li i {
    font-size: 12px;
    color: var(--secondary-color);
    margin-right: 5px;
    position: relative;
    top: 1px
}

.pxl-pricing1 .pxl-feature li.non-active {
    text-decoration: line-through
}

.pxl-pricing1 .pxl-price {
    line-height: 1;
    padding: 15px 0;
    margin: 10px 0;
    display: flex;
    align-items: end
}

.pxl-pricing1 .pxl-price .pxl-prefix {
    margin-bottom: 5px;
    margin-right: 5px
}

.pxl-pricing1 .pxl-price .pxl-value {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 48px;
    font-family: outfit, sans-serif
}

.pxl-pricing1 .pxl-price .pxl-suffix {
    max-width: 120px;
    margin-left: 12px;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 5px
}

.pxl-pricing1 .pxl-price .pxl-prefix,
.pxl-pricing1 .pxl-price .pxl-suffix {
    color: var(--third-color);
    font-size: 16px
}

.pxl-pricing1 .pxl-button a {
    padding: 0 50px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    background-color: var(--primary-color);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-pricing1 .pxl-button a:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: var(--secondary-color);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

@media screen and (max-width:1199px) {
    .pxl-pricing1 .pxl-button a {
        padding: 0 25px
    }
}

.pxl-pricing1.prc-active .pxl-button a,
.pxl-pricing1:hover .pxl-button a {
    background-color: initial;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15)
}

.pxl-pricing1.prc-active .pxl-button a:before,
.pxl-pricing1:hover .pxl-button a:before {
    -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-pricing2 .box-image-bottom {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

.pxl-pricing2 .inner-box {
    background-color: #222429;
    -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 13px 30px rgba(, , 1, .05);
    padding: 45px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center
}

@media screen and (max-width:1400px) {
    .pxl-pricing2 .inner-box {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (max-width:991px) {
    .pxl-pricing2 .inner-box {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px
    }
}

.pxl-pricing2 .pxl-prc--icon img {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-pricing2 .pxl-title {
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color)
}

.pxl-pricing2 .pxl-feature {
    color: #fff;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0
}

@media screen and (max-width:991px) {
    .pxl-pricing2 .pxl-feature {
        font-size: 15px
    }
}

.pxl-pricing2 .pxl-feature li {
    padding: 7px 0;
    line-height: 26px;
    color: #8c8f94
}

.pxl-pricing2 .pxl-feature li.non-active {
    text-decoration: line-through
}

.pxl-pricing2 .pxl-price {
    line-height: 1;
    padding: 15px 0 25px;
    margin: 10px 0 25px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.pxl-pricing2 .pxl-price .pxl-prefix {
    margin-bottom: 20px;
    margin-right: 5px;
    font-size: 25px;
    font-weight: 700
}

.pxl-pricing2 .pxl-price .pxl-value {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    font-family: outfit, sans-serif
}

.pxl-pricing2 .pxl-price .pxl-suffix {
    max-width: 120px;
    margin-left: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 5px
}

.pxl-pricing2 .pxl-price .pxl-prefix,
.pxl-pricing2 .pxl-price .pxl-suffix {
    color: #fff
}

.pxl-pricing2 .pxl-button a {
    padding: 0 50px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    background-color: var(--primary-color);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-pricing2 .pxl-button a:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #fff;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-100%, 0)rotate(10deg);
    -khtml-transform: translate(-100%, 0)rotate(10deg);
    -moz-transform: translate(-100%, 0)rotate(10deg);
    -ms-transform: translate(-100%, 0)rotate(10deg);
    -o-transform: translate(-100%, 0)rotate(10deg);
    transform: translate(-100%, 0)rotate(10deg);
    transform-origin: top left;
    -webkit-transition: .2s transform ease-out;
    -khtml-transition: .2s transform ease-out;
    -moz-transition: .2s transform ease-out;
    -ms-transition: .2s transform ease-out;
    -o-transition: .2s transform ease-out;
    transition: .2s transform ease-out;
    will-change: transform
}

@media screen and (max-width:1199px) {
    .pxl-pricing2 .pxl-button a {
        padding: 0 25px
    }
}

.pxl-pricing2.prc-active .pxl-prc--icon img,
.pxl-pricing2:hover .pxl-prc--icon img {
    -webkit-transform: rotate(180deg)scale(-1);
    transform: rotate(180deg)scale(-1)
}

.pxl-pricing2.prc-active .pxl-button a,
.pxl-pricing2:hover .pxl-button a {
    background-color: initial;
    color: var(--primary-color);
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15)
}

.pxl-pricing2.prc-active .pxl-button a:before,
.pxl-pricing2:hover .pxl-button a:before {
    -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-progressbar-1 .pxl--progressbar {
    height: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    width: 0;
    -webkit-transition: width 1.4s ease;
    -khtml-transition: width 1.4s ease;
    -moz-transition: width 1.4s ease;
    -ms-transition: width 1.4s ease;
    -o-transition: width 1.4s ease;
    transition: width 1.4s ease;
    background-color: var(--primary-color);
    top: 0
}

.pxl-progressbar-1 .pxl--percentage {
    font-size: 16px;
    font-weight: 400;
    padding: 0 8px;
    color: #fff;
    position: absolute;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    top: -50px;
    right: 0;
    background-color: var(--primary-color)
}

.pxl-progressbar-1 .pxl--percentage:after {
    background-color: var(--primary-color);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14px;
    height: 7px
}

.pxl-progressbar-1 .pxl--title {
    font-weight: 600;
    font-size: 17px;
    color: var(--secondary-color);
    flex-grow: 1;
    margin-right: 20px;
    margin-bottom: 10px
}

.pxl-progressbar-1 .pxl--meta {
    margin-bottom: 7px
}

.pxl-progressbar-1 .pxl--holder {
    background-color: #1d2864;
    height: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-progressbar-1 .pxl--holder.bar-style2 {
    background-color: initial;
    border: 1px solid var(--primary-color);
    height: 8px
}

.pxl-progressbar-1 .pxl--holder.bar-style2 .pxl--progressbar {
    top: 1px;
    left: 1px
}

.pxl-progressbar-1 .pxl--holder.bar-style3 {
    background-color: #eee;
    height: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

.pxl-progressbar-1 .pxl--holder.bar-style3 .pxl--progressbar {
    height: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px
}

.pxl-progressbar-1 .pxl--holder.bar-style3 .pxl--percentage {
    font-weight: 600;
    font-size: 16px;
    color: var(--third-color);
    background-color: initial
}

.pxl-progressbar-1 .pxl--holder.bar-style3 .pxl--percentage:after {
    display: none;
    opacity: 0
}

.pxl-progressbar-1 .pxl--item+.pxl--item {
    margin-top: 28px
}

.pxl-process-single .pxl-item--image {
    z-index: 1;
    max-width: 200px;
    margin: 0 auto 22px;
    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:1024px) {
    .pxl-process-single .pxl-item--image {
        max-width: 350px
    }
}

.pxl-process-single .pxl-item--number {
    -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;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 53px;
    height: 53px;
    display: block;
    background: var(--secondary-color);
    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
}

@media(max-width:1024px) {
    .pxl-process-single .pxl-item--number {
        top: 22%;
        left: 0
    }
}

.pxl-process-single .pxl-image--line {
    position: absolute;
    z-index: -1
}

@media(max-width:1024px) {
    .pxl-process-single .pxl-image--line {
        opacity: 0;
        display: none
    }
}

.pxl-process-single .item-image {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 9px solid #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px rgba(14, 14, 14, 9%);
    -khtml-box-shadow: 0 5px 10px rgba(14, 14, 14, 9%);
    -moz-box-shadow: 0 5px 10px rgba(14, 14, 14, 9%);
    -ms-box-shadow: 0 5px 10px rgba(14, 14, 14, 9%);
    -o-box-shadow: 0 5px 10px rgba(14, 14, 14, 9%);
    box-shadow: 0 5px 10px rgba(14, 14, 14, 9%)
}

.pxl-process-single .item-image img {
    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;
    -webkit-transform: scale(1.07);
    -khtml-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07)
}

.pxl-process-single .pxl-item--title {
    color: var(--secondary-color)
}

.pxl-process-single .pxl-item--excerpt {
    color: var(--third-color);
    margin: 0 auto
}

.pxl-process-single .pxl-item--inner {
    text-align: center
}

.pxl-process-single .pxl-item--inner:hover .pxl-item--number {
    top: 25%;
    left: 0;
    background-color: var(--primary-color)
}

@media(max-width:1024px) {
    .pxl-process-single .pxl-item--inner:hover .pxl-item--number {
        top: 15%;
        left: 20px
    }
}

.pxl-process-single .pxl-item--inner:hover .item-image img {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-service-carousel .pxl-swiper-dots {
    margin-top: 53px
}

.pxl-service-grid-layout1.item-style1 .pxl-item--icon,
.pxl-service-carousel1.item-style1 .pxl-item--icon {
    margin-bottom: 30px;
    -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-service-grid-layout1.item-style1 .pxl-item--icon i,
.pxl-service-carousel1.item-style1 .pxl-item--icon i,
.pxl-service-grid-layout1.item-style1 .pxl-item--icon svg,
.pxl-service-carousel1.item-style1 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style1 .pxl-item--icon img,
.pxl-service-carousel1.item-style1 .pxl-item--icon img {
    -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-service-grid-layout1.item-style1 .pxl-item--icon i,
.pxl-service-carousel1.item-style1 .pxl-item--icon i {
    font-size: 60px;
    color: #000;
    line-height: 1
}

.pxl-service-grid-layout1.item-style1 .pxl-item--icon svg,
.pxl-service-carousel1.item-style1 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style1 .pxl-item--icon img,
.pxl-service-carousel1.item-style1 .pxl-item--icon img {
    max-height: 60px
}

.pxl-service-grid-layout1.item-style1 .pxl-item--title,
.pxl-service-carousel1.item-style1 .pxl-item--title {
    -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);
    font-size: 20px;
    margin-bottom: 20px
}

.pxl-service-grid-layout1.item-style1 .pxl-item--title a,
.pxl-service-carousel1.item-style1 .pxl-item--title a {
    color: #3e3e4b;
    color: inherit
}

.pxl-service-grid-layout1.item-style1 .pxl-item--content,
.pxl-service-carousel1.item-style1 .pxl-item--content {
    -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);
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.67
}

.pxl-service-grid-layout1.item-style1 .btn-showmore,
.pxl-service-carousel1.item-style1 .btn-showmore {
    -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: block;
    margin-top: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    font-size: 16px
}

.pxl-service-grid-layout1.item-style1 .btn-showmore i,
.pxl-service-carousel1.item-style1 .btn-showmore i {
    position: relative;
    top: 2px;
    font-size: 13px;
    margin-left: 1px;
    -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;
    color: var(--secondary-color)
}

.pxl-service-grid-layout1.item-style1 .btn-showmore:hover i,
.pxl-service-carousel1.item-style1 .btn-showmore:hover i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner,
.pxl-service-carousel1.item-style1 .pxl-item--inner {
    text-align: center;
    padding: 38px 10px 34px;
    background-color: #fff;
    border: 1px solid #e6e8ed;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:before,
.pxl-service-carousel1.item-style1 .pxl-item--inner:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    border-radius: 0;
    background-repeat: no-repeat;
    background-image: url(../img/shape-tm-4.png);
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    content: "";
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: -1
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover {
    border-color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover:before,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover:before {
    height: 100%
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--icon img,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--icon img,
.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--icon svg,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--icon svg {
    -webkit-transform: scale(-1)rotate(180deg);
    -khtml-transform: scale(-1)rotate(180deg);
    -moz-transform: scale(-1)rotate(180deg);
    -ms-transform: scale(-1)rotate(180deg);
    -o-transform: scale(-1)rotate(180deg);
    transform: scale(-1)rotate(180deg)
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--icon i {
    color: #fff
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--title a,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--title a {
    color: #fff
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .pxl-item--content,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .pxl-item--content {
    color: #fff
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .btn-showmore,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .btn-showmore {
    color: #fff
}

.pxl-service-grid-layout1.item-style1 .pxl-item--inner:hover .btn-showmore i,
.pxl-service-carousel1.item-style1 .pxl-item--inner:hover .btn-showmore i {
    color: #fff
}

.pxl-service-grid-layout1.item-style2 .pxl-item--icon,
.pxl-service-carousel1.item-style2 .pxl-item--icon {
    margin-bottom: 30px;
    -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-service-grid-layout1.item-style2 .pxl-item--icon a,
.pxl-service-carousel1.item-style2 .pxl-item--icon a {
    display: inline-block;
    -webkit-transition: all 700ms linear 0ms;
    -khtml-transition: all 700ms linear 0ms;
    -moz-transition: all 700ms linear 0ms;
    -ms-transition: all 700ms linear 0ms;
    -o-transition: all 700ms linear 0ms;
    transition: all 700ms linear 0ms
}

.pxl-service-grid-layout1.item-style2 .pxl-item--icon i,
.pxl-service-carousel1.item-style2 .pxl-item--icon i,
.pxl-service-grid-layout1.item-style2 .pxl-item--icon svg,
.pxl-service-carousel1.item-style2 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style2 .pxl-item--icon img,
.pxl-service-carousel1.item-style2 .pxl-item--icon img {
    -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-service-grid-layout1.item-style2 .pxl-item--icon i,
.pxl-service-carousel1.item-style2 .pxl-item--icon i {
    font-size: 80px;
    line-height: 1;
    color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style2 .pxl-item--icon svg,
.pxl-service-carousel1.item-style2 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style2 .pxl-item--icon img,
.pxl-service-carousel1.item-style2 .pxl-item--icon img {
    max-height: 80px
}

.pxl-service-grid-layout1.item-style2 .pxl-item--title,
.pxl-service-carousel1.item-style2 .pxl-item--title {
    -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);
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .5px
}

.pxl-service-grid-layout1.item-style2 .pxl-item--title a,
.pxl-service-carousel1.item-style2 .pxl-item--title a {
    color: inherit
}

.pxl-service-grid-layout1.item-style2 .pxl-item--content,
.pxl-service-carousel1.item-style2 .pxl-item--content {
    -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);
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.67
}

.pxl-service-grid-layout1.item-style2 .btn-showmore,
.pxl-service-carousel1.item-style2 .btn-showmore {
    -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: block;
    margin-top: 40px;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    height: 56px;
    line-height: 56px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-service-grid-layout1.item-style2 .btn-showmore:before,
.pxl-service-carousel1.item-style2 .btn-showmore:before {
    z-index: -1;
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.pxl-service-grid-layout1.item-style2 .btn-showmore span,
.pxl-service-carousel1.item-style2 .btn-showmore span {
    position: relative
}

.pxl-service-grid-layout1.item-style2 .btn-showmore i,
.pxl-service-carousel1.item-style2 .btn-showmore i {
    position: relative;
    font-size: 15px;
    top: 2px;
    margin-left: 5px;
    -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-grid-layout1.item-style2 .btn-showmore:hover,
.pxl-service-carousel1.item-style2 .btn-showmore:hover {
    -webkit-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -khtml-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -moz-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -ms-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    -o-box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    box-shadow: 0 2px 10px rgba(var(--primary-color-rgb), .15);
    background-color: var(--primary-color);
    color: #fff !important
}

.pxl-service-grid-layout1.item-style2 .btn-showmore:hover i,
.pxl-service-carousel1.item-style2 .btn-showmore:hover i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-service-grid-layout1.item-style2 .btn-showmore:hover:before,
.pxl-service-carousel1.item-style2 .btn-showmore:hover:before {
    -webkit-animation: shine_hover .5s 0s linear;
    -khtml-animation: shine_hover .5s 0s linear;
    -moz-animation: shine_hover .5s 0s linear;
    -ms-animation: shine_hover .5s 0s linear;
    -o-animation: shine_hover .5s 0s linear;
    animation: shine_hover .5s 0s linear
}

.pxl-service-grid-layout1.item-style2 .pxl-item--inner,
.pxl-service-carousel1.item-style2 .pxl-item--inner {
    border-radius: 10px;
    border-bottom: 3px solid var(--secondary-color);
    box-shadow: 0 16px 52px rgba(, , , .07);
    text-align: center;
    padding: 60px 40px;
    background: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

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

    .pxl-service-grid-layout1.item-style2 .pxl-item--inner,
    .pxl-service-carousel1.item-style2 .pxl-item--inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover {
    border-color: var(--primary-color);
    -webkit-transform: translateY(-5px);
    -khtml-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--icon,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--icon {
    -webkit-animation: pxl-cubeGridScaleDelay2 .7s linear 1;
    -khtml-animation: pxl-cubeGridScaleDelay2 .7s linear 1;
    -moz-animation: pxl-cubeGridScaleDelay2 .7s linear 1;
    -ms-animation: pxl-cubeGridScaleDelay2 .7s linear 1;
    -o-animation: pxl-cubeGridScaleDelay2 .7s linear 1;
    animation: pxl-cubeGridScaleDelay2 .7s linear 1
}

.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .pxl-item--icon a,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .pxl-item--icon a {
    -webkit-transform: rotateY(360deg);
    -khtml-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.pxl-service-grid-layout1.item-style2 .pxl-item--inner:hover .btn-showmore,
.pxl-service-carousel1.item-style2 .pxl-item--inner:hover .btn-showmore {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style3 .pxl-item--icon,
.pxl-service-carousel1.item-style3 .pxl-item--icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -40px;
    -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);
    -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);
    overflow: hidden;
    z-index: 1
}

.pxl-service-grid-layout1.item-style3 .pxl-item--icon:before,
.pxl-service-carousel1.item-style3 .pxl-item--icon:before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.pxl-service-grid-layout1.item-style3 .pxl-item--icon a,
.pxl-service-carousel1.item-style3 .pxl-item--icon a {
    display: inline-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-service-grid-layout1.item-style3 .pxl-item--icon i,
.pxl-service-carousel1.item-style3 .pxl-item--icon i,
.pxl-service-grid-layout1.item-style3 .pxl-item--icon svg,
.pxl-service-carousel1.item-style3 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style3 .pxl-item--icon img,
.pxl-service-carousel1.item-style3 .pxl-item--icon img {
    -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-service-grid-layout1.item-style3 .pxl-item--icon i,
.pxl-service-carousel1.item-style3 .pxl-item--icon i {
    font-size: 40px;
    line-height: 1;
    color: #fff
}

.pxl-service-grid-layout1.item-style3 .pxl-item--icon svg,
.pxl-service-carousel1.item-style3 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style3 .pxl-item--icon img,
.pxl-service-carousel1.item-style3 .pxl-item--icon img {
    max-height: 40px
}

.pxl-service-grid-layout1.item-style3 .pxl-item--title,
.pxl-service-carousel1.item-style3 .pxl-item--title {
    -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);
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .5px
}

.pxl-service-grid-layout1.item-style3 .pxl-item--title a,
.pxl-service-carousel1.item-style3 .pxl-item--title a {
    color: inherit
}

.pxl-service-grid-layout1.item-style3 .pxl-item--content,
.pxl-service-carousel1.item-style3 .pxl-item--content {
    -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);
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.67
}

.pxl-service-grid-layout1.item-style3 .btn-showmore,
.pxl-service-carousel1.item-style3 .btn-showmore {
    -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: block;
    margin-top: 30px;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color);
    line-height: 32px;
    padding: 0 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-service-grid-layout1.item-style3 .btn-showmore span,
.pxl-service-carousel1.item-style3 .btn-showmore span {
    position: relative
}

.pxl-service-grid-layout1.item-style3 .btn-showmore i,
.pxl-service-carousel1.item-style3 .btn-showmore i {
    position: relative;
    font-size: 15px;
    top: 2px;
    font-weight: 700;
    margin-left: 5px;
    -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-grid-layout1.item-style3 .btn-showmore:hover i,
.pxl-service-carousel1.item-style3 .btn-showmore:hover i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-service-grid-layout1.item-style3 .pxl-item--inner,
.pxl-service-carousel1.item-style3 .pxl-item--inner {
    margin-top: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(, , , .07);
    text-align: center;
    padding: 80px 40px 40px;
    background: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

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

    .pxl-service-grid-layout1.item-style3 .pxl-item--inner,
    .pxl-service-carousel1.item-style3 .pxl-item--inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .pxl-item--icon:before,
.pxl-service-carousel1.item-style3 .pxl-item--inner:hover .pxl-item--icon:before {
    -webkit-animation: shine_hover .5s 0s linear;
    -khtml-animation: shine_hover .5s 0s linear;
    -moz-animation: shine_hover .5s 0s linear;
    -ms-animation: shine_hover .5s 0s linear;
    -o-animation: shine_hover .5s 0s linear;
    animation: shine_hover .5s 0s linear
}

.pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .pxl-item--icon a,
.pxl-service-carousel1.item-style3 .pxl-item--inner:hover .pxl-item--icon a {
    -webkit-transform: translateY(-3px);
    -khtml-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px)
}

.pxl-service-grid-layout1.item-style3 .pxl-item--inner:hover .btn-showmore,
.pxl-service-carousel1.item-style3 .pxl-item--inner:hover .btn-showmore {
    color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style4 .pxl-item--icon,
.pxl-service-carousel1.item-style4 .pxl-item--icon {
    -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);
    overflow: hidden;
    z-index: 1;
    position: relative;
    margin: 0 auto 20px
}

.pxl-service-grid-layout1.item-style4 .pxl-item--icon a,
.pxl-service-carousel1.item-style4 .pxl-item--icon a {
    display: inline-block;
    line-height: 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-grid-layout1.item-style4 .pxl-item--icon i,
.pxl-service-carousel1.item-style4 .pxl-item--icon i,
.pxl-service-grid-layout1.item-style4 .pxl-item--icon svg,
.pxl-service-carousel1.item-style4 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style4 .pxl-item--icon img,
.pxl-service-carousel1.item-style4 .pxl-item--icon img {
    -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-service-grid-layout1.item-style4 .pxl-item--icon i,
.pxl-service-carousel1.item-style4 .pxl-item--icon i {
    font-size: 70px;
    line-height: 1;
    color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style4 .pxl-item--icon svg,
.pxl-service-carousel1.item-style4 .pxl-item--icon svg,
.pxl-service-grid-layout1.item-style4 .pxl-item--icon img,
.pxl-service-carousel1.item-style4 .pxl-item--icon img {
    max-height: 70px
}

.pxl-service-grid-layout1.item-style4 .pxl-item--title,
.pxl-service-carousel1.item-style4 .pxl-item--title {
    -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);
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .5px
}

.pxl-service-grid-layout1.item-style4 .pxl-item--title a,
.pxl-service-carousel1.item-style4 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-service-grid-layout1.item-style4 .pxl-item--content,
.pxl-service-carousel1.item-style4 .pxl-item--content {
    -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);
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.67;
    color: var(--third-color)
}

.pxl-service-grid-layout1.item-style4 .btn-showmore,
.pxl-service-carousel1.item-style4 .btn-showmore {
    -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-block;
    margin-top: 30px;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--primary-color);
    line-height: 32px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-service-grid-layout1.item-style4 .btn-showmore span,
.pxl-service-carousel1.item-style4 .btn-showmore span {
    position: relative
}

.pxl-service-grid-layout1.item-style4 .pxl-item--inner,
.pxl-service-carousel1.item-style4 .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;
    padding: 30px;
    border: 1px solid var(--primary-color);
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

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

    .pxl-service-grid-layout1.item-style4 .pxl-item--inner,
    .pxl-service-carousel1.item-style4 .pxl-item--inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-service-grid-layout1.item-style4 .pxl-item--inner:hover .pxl-item--icon i,
.pxl-service-carousel1.item-style4 .pxl-item--inner:hover .pxl-item--icon i {
    color: #fff
}

.pxl-service-grid-layout1.item-style4 .pxl-item--inner:hover .pxl-item--title a,
.pxl-service-carousel1.item-style4 .pxl-item--inner:hover .pxl-item--title a {
    color: var(--primary-color)
}

.pxl-service-grid-layout1.item-style4 .pxl-item--inner:hover .btn-showmore,
.pxl-service-carousel1.item-style4 .pxl-item--inner:hover .btn-showmore {
    color: var(--primary-color)
}

.pxl-service-carousel1 .pxl-item--inner {
    margin-bottom: 20px
}

.pxl-service-grid-layout2 .item--featured,
.pxl-service-carousel2 .item--featured {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px
}

.pxl-service-grid-layout2 .item--featured:after,
.pxl-service-carousel2 .item--featured:after {
    background: rgba(255, 255, 255, .3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.pxl-service-grid-layout2 .pxl-item--icon,
.pxl-service-carousel2 .pxl-item--icon {
    position: absolute;
    left: 25px;
    bottom: 0;
    height: 90px;
    width: 90px;
    background-color: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 58px;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-service-grid-layout2 .pxl-item--icon a,
.pxl-service-carousel2 .pxl-item--icon a {
    color: #fff
}

.pxl-service-grid-layout2 .pxl-item--icon svg path,
.pxl-service-carousel2 .pxl-item--icon svg path {
    fill: #fff
}

.pxl-service-grid-layout2 .pxl-item--icon:before,
.pxl-service-carousel2 .pxl-item--icon:before,
.pxl-service-grid-layout2 .pxl-item--icon:after,
.pxl-service-carousel2 .pxl-item--icon:after {
    position: absolute;
    bottom: 0;
    border-bottom: 10px solid transparent;
    content: ""
}

.pxl-service-grid-layout2 .pxl-item--icon:before,
.pxl-service-carousel2 .pxl-item--icon:before {
    border-right: 10px solid var(--primary-color);
    left: -10px
}

.pxl-service-grid-layout2 .pxl-item--icon:after,
.pxl-service-carousel2 .pxl-item--icon:after {
    right: -10px;
    border-left: 10px solid var(--primary-color)
}

.pxl-service-grid-layout2 .pxl-item--title,
.pxl-service-carousel2 .pxl-item--title {
    font-size: 24px
}

.pxl-service-grid-layout2 .pxl-item--title a,
.pxl-service-carousel2 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-service-grid-layout2 .pxl-item--title a:hover,
.pxl-service-carousel2 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-service-grid-layout2 .pxl-item-body,
.pxl-service-carousel2 .pxl-item-body {
    background-color: #fff;
    position: relative;
    padding: 35px 25px 15px
}

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

    .pxl-service-grid-layout2 .pxl-item-body,
    .pxl-service-carousel2 .pxl-item-body {
        padding: 25px 15px
    }
}

.pxl-service-grid-layout2 .btn-showmore,
.pxl-service-carousel2 .btn-showmore {
    -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-block;
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: var(--third-color)
}

.pxl-service-grid-layout2 .btn-showmore span,
.pxl-service-carousel2 .btn-showmore span {
    position: relative
}

.pxl-service-grid-layout2 .btn-showmore i,
.pxl-service-carousel2 .btn-showmore i {
    position: relative;
    top: 1px;
    font-size: 14px;
    color: var(--primary-color)
}

.pxl-service-grid-layout2 .btn-showmore:hover,
.pxl-service-carousel2 .btn-showmore:hover {
    color: var(--primary-color)
}

.pxl-service-grid-layout2 .btn-showmore:hover i,
.pxl-service-carousel2 .btn-showmore:hover i {
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards
}

.pxl-service-grid-layout2 .pxl-item--inner,
.pxl-service-carousel2 .pxl-item--inner {
    position: relative;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #e6e8ed;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-service-grid-layout2 .pxl-item--inner:hover .pxl-item--icon a,
.pxl-service-carousel2 .pxl-item--inner:hover .pxl-item--icon a {
    -webkit-animation: pxl-cubeGridScaleDelay .3s linear 1;
    -khtml-animation: pxl-cubeGridScaleDelay .3s linear 1;
    -moz-animation: pxl-cubeGridScaleDelay .3s linear 1;
    -ms-animation: pxl-cubeGridScaleDelay .3s linear 1;
    -o-animation: pxl-cubeGridScaleDelay .3s linear 1;
    animation: pxl-cubeGridScaleDelay .3s linear 1
}

.pxl-service-grid-layout2 .pxl-item--inner:hover .item--featured:after,
.pxl-service-carousel2 .pxl-item--inner:hover .item--featured:after {
    left: 0;
    right: 0;
    opacity: 0
}

.pxl-service-list.layout1 ul {
    list-style: none;
    margin-bottom: 0
}

.pxl-service-list.layout1 ul li+li {
    margin-top: 18px
}

.pxl-service-list.layout1 ul li a {
    font-size: 18px;
    display: block;
    color: var(--secondary-color)
}

.pxl-service-list.layout1 ul li a:hover {
    color: var(--primary-color)
}

.pxl-service-list.layout2 ul {
    list-style: none;
    margin-bottom: 0
}

.pxl-service-list.layout2 ul li+li {
    margin-top: 10px
}

.pxl-service-list.layout2 ul li a {
    color: var(--third-color);
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all 500ms ease;
    -khtml-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    background-color: #fff;
    padding: 17px 20px 17px 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -khtml-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -moz-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -ms-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    -o-box-shadow: 20px 5px 20px 0 rgba(, , , .05);
    box-shadow: 20px 5px 20px rgba(, , , .05)
}

.pxl-service-list.layout2 ul li a i {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    background-color: #f6f4ec;
    text-align: center;
    font-size: 12px;
    color: #707582;
    -webkit-transition: all 500ms ease;
    -khtml-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.pxl-service-list.layout2 ul li a:hover {
    padding-left: 80px;
    background-color: var(--secondary-color);
    color: #fff
}

.pxl-service-list.layout2 ul li a:hover i {
    width: 60px;
    background-color: var(--primary-color);
    color: #fff
}

.single-service #pxl-content-area {
    padding-left: 0;
    padding-right: 0
}

.pxl-tabs .pxl-item-tab--title {
    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)
}

.pxl-tabs .pxl-item--content {
    display: none
}

.pxl-tabs .elementor-section.elementor-section-stretched {
    width: auto !important;
    left: 0 !important
}

.pxl-tabs .pxl-tabs--elementor {
    margin: 0 -15px
}

.pxl-tabs1.style-round-box .pxl-tabs--title {
    margin-bottom: 20px;
    display: flex
}

.pxl-tabs1.style-round-box .pxl-item-tab--title {
    font-size: 14px;
    flex-grow: 1;
    cursor: pointer;
    line-height: 55px;
    font-weight: 700;
    color: #28262b;
    text-align: center;
    text-transform: uppercase;
    margin-right: 10px;
    padding: 0 22px;
    position: relative;
    margin-bottom: 12px;
    z-index: 1
}

.pxl-tabs1.style-round-box .pxl-item-tab--title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--primary-color);
    -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
}

.pxl-tabs1.style-round-box .pxl-item-tab--title.active,
.pxl-tabs1.style-round-box .pxl-item-tab--title:hover {
    color: #fff
}

.pxl-tabs1.style-round-box .pxl-item-tab--title.active:before,
.pxl-tabs1.style-round-box .pxl-item-tab--title:hover:before {
    height: 100%
}

.pxl-tabs1.style-round-box .pxl-item--content {
    font-size: 17px;
    color: #7b7b7b;
    line-height: 1.647
}

.pxl-tabs1.style-text-gradient .pxl-tabs--title {
    width: 200px;
    min-width: 200px;
    margin-right: 20px
}

.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title {
    display: inline-block;
    font-size: 20px;
    white-space: nowrap;
    color: #000;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 42px;
    padding-right: 3px;
    margin: 5px 0
}

.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    -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-border-radius: 42px;
    -khtml-border-radius: 42px;
    -moz-border-radius: 42px;
    -ms-border-radius: 42px;
    -o-border-radius: 42px;
    border-radius: 42px;
    opacity: 0
}

.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title.active:before {
    left: 22px;
    opacity: 1
}

.pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title+.pxl-item-tab--title {
    margin-top: 14px
}

@media screen and (max-width:1199px) {
    .pxl-tabs1.style-text-gradient .pxl-tabs--title {
        width: 100%;
        margin: 0 0 30px;
        text-align: center
    }

    .pxl-tabs1.style-text-gradient .pxl-tabs--title br {
        display: none
    }

    .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title {
        padding: 0 20px
    }

    .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item-tab--title.active:before {
        left: 0;
        right: 0
    }
}

.pxl-tabs1.style-text-gradient .pxl-tabs--content {
    flex-grow: 1
}

.pxl-tabs1.style-text-gradient .pxl-tabs--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

@media screen and (max-width:1199px) {
    .pxl-tabs1.style-text-gradient .pxl-tabs--inner {
        display: block
    }
}

.pxl-tabs1.style-button-set .pxl-tabs--title {
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
    border: 1px solid #f6f6f6;
    border-radius: 62px;
    margin-bottom: 36px
}

.pxl-tabs1.style-button-set .pxl-tabs--title.style-hide {
    display: none
}

.pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    padding: 10px 38px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px) {
    .pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title {
        padding: 5px 18px
    }
}

.pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title:before {
    content: '';
    -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: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    background-color: var(--primary-color);
    -webkit-border-radius: 62px;
    -khtml-border-radius: 62px;
    -moz-border-radius: 62px;
    -ms-border-radius: 62px;
    -o-border-radius: 62px;
    border-radius: 62px;
    opacity: 0
}

.pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title.active {
    color: #fff
}

.pxl-tabs1.style-button-set .pxl-tabs--title .pxl-item-tab--title.active:before {
    opacity: 1
}

.pxl-tabs1.style-button-radio .pxl-tabs--title {
    display: inline-flex;
    border-radius: 32px;
    line-height: 32px;
    margin-bottom: 25px;
    width: 100%;
    justify-content: center
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title {
    color: var(--third-color);
    font-size: 18px;
    font-weight: 500;
    padding: 0 28px;
    line-height: 32px;
    position: relative;
    z-index: 1;
    display: inline-flex
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title span.pxl-notification {
    display: inline-block;
    padding: 5px 10px;
    margin-left: 15px;
    line-height: 1.8;
    font-weight: 600;
    background: #222429;
    border-radius: 6px;
    color: #fff;
    font-size: 12px
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title:before {
    width: 18px;
    height: 18px;
    content: '';
    -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: absolute;
    top: 8px;
    left: 0;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    background-color: initial;
    background-color: #b8b5b5
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title:after {
    content: "";
    width: 12px;
    height: 12px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 3px;
    display: inline-block;
    top: 11px;
    border: 3px solid #fff;
    background-color: #fff;
    opacity: 1
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title.active {
    color: var(--primary-color)
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title.active:before {
    opacity: 1
}

.pxl-tabs1.style-button-radio .pxl-tabs--title .pxl-item-tab--title.active:after {
    opacity: 1
}

.pxl-tabs1.style-box .pxl-tabs--title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-tabs1.style-box span.pxl-item-tab--title {
    padding: 0;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    min-width: 20%;
    flex-grow: 1;
    height: 120px
}

@media screen and (max-width:575px) {
    .pxl-tabs1.style-box span.pxl-item-tab--title {
        min-width: 50%
    }
}

.pxl-tabs1.style-box span.pxl-item-tab--title .pxl-title--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;
    font-size: 20px;
    cursor: pointer;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: block
}

.pxl-tabs1.style-box span.pxl-item-tab--title i,
.pxl-tabs1.style-box span.pxl-item-tab--title img {
    line-height: 1;
    display: block;
    font-size: 50px;
    color: #fff;
    margin-bottom: 5px
}

.pxl-tabs1.style-box span.pxl-item-tab--title img {
    max-height: 30px
}

.pxl-tabs1.style-box span.pxl-item-tab--title.active,
.pxl-tabs1.style-box span.pxl-item-tab--title:hover {
    background-color: #fff;
    border-color: #f8f8f8
}

.pxl-tabs1.style-box span.pxl-item-tab--title.active .pxl-title--text,
.pxl-tabs1.style-box span.pxl-item-tab--title:hover .pxl-title--text {
    color: var(--secondary-color)
}

.pxl-tabs1.style-box .pxl-tabs--content {
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 5%)
}

.pxl-tabs1.style-box .pxl-item--content {
    font-size: 17px;
    color: #7b7b7b;
    line-height: 1.647
}

.pxl-navigation-tab .pxl-tabs--title {
    height: 47px;
    border: 1px solid #d9d9d9;
    align-items: center;
    background-color: rgba(221, 221, 221, .3);
    gap: 6px;
    display: inline-flex;
    border-radius: 47px;
    line-height: 47px;
    margin-bottom: 0;
    cursor: pointer
}

.pxl-navigation-tab .pxl-tabs--title .pxl-item-tab--title {
    padding: 0 18px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px
}

.pxl-navigation-tab .pxl-tabs--title .pxl-item-tab--title:last-child .pxl-title--text {
    left: 0;
    right: -93px;
    text-align: end
}

.pxl-navigation-tab .pxl-tabs--title .pxl-item-tab--title .pxl-title--text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--third-color)
}

.pxl-navigation-tab .pxl-tabs--title .pxl-item-tab--title.active {
    background-color: var(--primary-color)
}

.pxl-navigation-tab .pxl-tabs--title .pxl-item-tab--title.active .pxl-title--text {
    color: #fff
}

.pxl-team-box1 .pxl-item--image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    border: 2px solid var(--third-color);
    border-radius: 50%;
    overflow: hidden;
    padding: 8px;
    background-color: #ebeef5;
    margin-bottom: 25px;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-team-box1 .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-team-box1 .pxl-item--title {
    font-size: 18px;
    font-weight: 800;
    color: var(--secondary-color);
    margin-bottom: 2px
}

.pxl-team-box1 .pxl-item--title a {
    color: inherit
}

.pxl-team-box1 .pxl-item--position {
    font-size: 13px;
    color: #6a6f78
}

.pxl-team-box2 {}

.pxl-team-box2 .pxl-item--image {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    -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-team-box2 .pxl-item--image img {
    -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-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100%
}

.pxl-team-box2 .pxl-item--image.avatar-morden {
    width: 80px;
    height: 80px;
    padding: 7px;
    box-shadow: 0 0 0 3px var(--primary-color)
}

.pxl-team-box2 .pxl-item--title {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

.pxl-team-box2 .pxl-item--title a {
    color: inherit
}

.pxl-team-box2 .pxl-item--position {
    font-size: 13px;
    font-weight: 400
}

.pxl-team-single {
    list-style: none;
    margin-bottom: 0
}

.pxl-team-single .pxl-team-item {
    display: inline-flex
}

.pxl-team-single .pxl-team-item span.pxl-item-icon {
    font-size: 22px;
    display: inline-block;
    color: var(--primary-color);
    min-width: 35px
}

.pxl-team-single .pxl-team-item span.pxl-item-icon i {
    position: relative;
    top: -2px;
    line-height: 1
}

.pxl-team-single .pxl-team-item label {
    font-size: 16px;
    margin-right: 10px;
    font-weight: 700;
    display: inline-block;
    color: var(--secondary-color)
}

@media screen and (min-width:992px) {
    .pxl-team-single .pxl-team-item label {
        min-width: 80px
    }
}

.pxl-team-single .pxl-team-item a,
.pxl-team-single .pxl-team-item span {
    font-weight: 500;
    display: inline-block;
    color: var(--third-color)
}

.pxl-team-single .pxl-team-item+.pxl-team-item {
    margin-top: 15px
}

.pxl-team-grid1 .pxl-item--image,
.pxl-team-carousel1 .pxl-item--image {
    overflow: hidden;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    max-width: 190px;
    max-height: 190px;
    margin: 0 auto
}

.pxl-team-grid1 .pxl-item--image img,
.pxl-team-carousel1 .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%;
    -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);
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-team-grid1 .pxl-item--position,
.pxl-team-carousel1 .pxl-item--position {
    color: var(--third-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    -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-team-grid1 .pxl-item--title,
.pxl-team-carousel1 .pxl-item--title {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 500;
    -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-team-grid1 .pxl-item--title a,
.pxl-team-carousel1 .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-team-grid1 .pxl-item--title a:hover,
.pxl-team-carousel1 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-team-grid1 .pxl-item--meta,
.pxl-team-carousel1 .pxl-item--meta {
    margin-top: -25px;
    position: relative;
    z-index: 1
}

.pxl-team-grid1 .pxl-item--social,
.pxl-team-carousel1 .pxl-item--social {
    display: inline-block;
    padding: 4px 15px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    background-color: var(--primary-color);
    margin-bottom: 25px
}

.pxl-team-grid1 .pxl-item--social a,
.pxl-team-carousel1 .pxl-item--social a {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.pxl-team-grid1 .pxl-item--inner,
.pxl-team-carousel1 .pxl-item--inner {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(, , , .05);
    padding: 40px 20px;
    text-align: center;
    -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
}

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

    .pxl-team-grid1 .pxl-item--inner,
    .pxl-team-carousel1 .pxl-item--inner {
        padding: 30px 20px
    }
}

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

    .pxl-team-grid1 .pxl-item--inner,
    .pxl-team-carousel1 .pxl-item--inner {
        padding: 30px 15px
    }
}

.pxl-team-grid1 .pxl-item--inner.style-default,
.pxl-team-carousel1 .pxl-item--inner.style-default {
    background-color: #fff
}

.pxl-team-grid1 .pxl-item--inner.style-dark,
.pxl-team-carousel1 .pxl-item--inner.style-dark {
    background: radial-gradient(60.25% 70.75% at 49.44% 50.6%, rgba(51, 51, 51, .4) 0%, #3a3a3a 100%)
}

.pxl-team-grid1 .pxl-item--inner.style-dark .pxl-item--title,
.pxl-team-carousel1 .pxl-item--inner.style-dark .pxl-item--title,
.pxl-team-grid1 .pxl-item--inner.style-dark .pxl-item--title a,
.pxl-team-carousel1 .pxl-item--inner.style-dark .pxl-item--title a {
    color: #fff
}

.pxl-team-grid1 .pxl-item--inner.style-dark .pxl-item--position,
.pxl-team-carousel1 .pxl-item--inner.style-dark .pxl-item--position {
    color: rgba(255, 255, 255, .8)
}

.pxl-team-grid1 .pxl-item--inner.style-dark:hover,
.pxl-team-carousel1 .pxl-item--inner.style-dark:hover {
    background-color: #fff;
    background: radial-gradient(circle, #fff 0%, #fff 100%)
}

.pxl-team-grid1 .pxl-item--inner.style-dark:hover .pxl-item--title,
.pxl-team-carousel1 .pxl-item--inner.style-dark:hover .pxl-item--title,
.pxl-team-grid1 .pxl-item--inner.style-dark:hover .pxl-item--title a,
.pxl-team-carousel1 .pxl-item--inner.style-dark:hover .pxl-item--title a {
    color: var(--secondary-color)
}

.pxl-team-grid1 .pxl-item--inner.style-dark:hover .pxl-item--position,
.pxl-team-carousel1 .pxl-item--inner.style-dark:hover .pxl-item--position {
    color: var(--third-color)
}

.pxl-team-carousel1 .pxl-swiper-slide {
    opacity: 0
}

.pxl-team-carousel1 .pxl-swiper-slide.swiper-slide-visible {
    opacity: 1
}

.pxl-team-carousel1 .pxl-swiper-container {
    margin: 0 -30px;
    padding: 25px 15px
}

.pxl-team-carousel1 .pxl-item--inner {
    margin-bottom: 30px
}

.pxl-team-grid2 .pxl-item--image,
.pxl-team-carousel2 .pxl-item--image {
    overflow: hidden;
    position: relative
}

.pxl-team-grid2 .pxl-item--image img,
.pxl-team-carousel2 .pxl-item--image img {
    width: 100%;
    -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);
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-team-grid2 .share-icon,
.pxl-team-carousel2 .share-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 46px;
    width: 50px;
    font-size: 20px;
    line-height: 50px;
    color: var(--secondary-color);
    background-color: var(--fourth-color);
    text-align: center;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3
}

.pxl-team-grid2 .pxl-item--social,
.pxl-team-carousel2 .pxl-item--social {
    position: absolute;
    bottom: 0;
    right: 50px;
    height: 46px;
    padding-right: 15px;
    padding-left: 15px;
    background: var(--primary-color);
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    display: flex;
    align-items: center;
    z-index: 3;
    opacity: 0
}

.pxl-team-grid2 .pxl-item--social a,
.pxl-team-carousel2 .pxl-item--social a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.pxl-team-grid2 .pxl-item--position,
.pxl-team-carousel2 .pxl-item--position {
    font-size: 14px;
    font-weight: 500;
    color: var(--third-color);
    letter-spacing: 1px;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 2
}

.pxl-team-grid2 .pxl-item--title,
.pxl-team-carousel2 .pxl-item--title {
    font-size: 20px;
    color: var(--secondary-color)
}

.pxl-team-grid2 .pxl-item--title a,
.pxl-team-carousel2 .pxl-item--title a {
    color: inherit
}

.pxl-team-grid2 .pxl-item--meta,
.pxl-team-carousel2 .pxl-item--meta {
    padding: 25px 10px 0
}

.pxl-team-grid2 .pxl-item--inner,
.pxl-team-carousel2 .pxl-item--inner {
    border: 4px solid var(--fourth-color);
    padding: 11px 13px 25px;
    position: relative
}

.pxl-team-grid2 .pxl-item--inner:before,
.pxl-team-carousel2 .pxl-item--inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55px;
    height: 35px;
    background-color: var(--fourth-color);
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

.pxl-team-grid2 .pxl-item--inner:hover .pxl-item--image img,
.pxl-team-carousel2 .pxl-item--inner:hover .pxl-item--image 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-team-grid2 .pxl-item--inner:hover .pxl-item--social,
.pxl-team-carousel2 .pxl-item--inner:hover .pxl-item--social {
    opacity: 1;
    visibility: visible
}

.pxl-team-grid3 .pxl-item--image,
.pxl-team-carousel3 .pxl-item--image {
    overflow: hidden
}

.pxl-team-grid3 .pxl-item--image img,
.pxl-team-carousel3 .pxl-item--image img {
    width: 100%
}

.pxl-team-grid3 .pxl-item--position,
.pxl-team-carousel3 .pxl-item--position {
    position: relative;
    display: block;
    color: var(--third-color);
    letter-spacing: 1px;
    z-index: 2;
    line-height: 1em;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.pxl-team-grid3 .pxl-item--title,
.pxl-team-carousel3 .pxl-item--title {
    font-size: 20px;
    color: var(--secondary-color);
    margin-bottom: 10px
}

.pxl-team-grid3 .pxl-item--title a,
.pxl-team-carousel3 .pxl-item--title a {
    color: inherit
}

.pxl-team-grid3 .share-icon,
.pxl-team-carousel3 .share-icon {
    position: absolute;
    right: 20px;
    bottom: -45px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3
}

.pxl-team-grid3 .pxl-item--social,
.pxl-team-carousel3 .pxl-item--social {
    position: absolute;
    right: 20px;
    top: 100%;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--primary-color);
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.pxl-team-grid3 .pxl-item--social a,
.pxl-team-carousel3 .pxl-item--social a {
    position: relative;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-team-grid3 .pxl-item--meta,
.pxl-team-carousel3 .pxl-item--meta {
    position: relative;
    padding: 0 15px;
    margin-bottom: 25px
}

.pxl-team-grid3 .pxl-item--inner,
.pxl-team-carousel3 .pxl-item--inner {
    position: relative;
    padding: 25px 15px 0;
    z-index: 1
}

.pxl-team-grid3 .pxl-item--inner:before,
.pxl-team-carousel3 .pxl-item--inner:before,
.pxl-team-grid3 .pxl-item--inner:after,
.pxl-team-carousel3 .pxl-item--inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 120px;
    width: 100%
}

.pxl-team-grid3 .pxl-item--inner:before,
.pxl-team-carousel3 .pxl-item--inner:before {
    z-index: -2;
    background-color: #f4f5f8
}

.pxl-team-grid3 .pxl-item--inner:after,
.pxl-team-carousel3 .pxl-item--inner:after {
    z-index: -1;
    background-color: var(--secondary-color);
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.pxl-team-grid3 .pxl-item--inner:hover .pxl-item--title,
.pxl-team-carousel3 .pxl-item--inner:hover .pxl-item--title {
    color: #fff
}

.pxl-team-grid3 .pxl-item--inner:hover .pxl-item--title a,
.pxl-team-carousel3 .pxl-item--inner:hover .pxl-item--title a {
    color: inherit
}

.pxl-team-grid3 .pxl-item--inner:hover:after,
.pxl-team-carousel3 .pxl-item--inner:hover:after {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-team-grid3 .pxl-item--inner:hover .pxl-item--social,
.pxl-team-carousel3 .pxl-item--inner:hover .pxl-item--social {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible
}

.pxl-team-grid4 .pxl-item--image,
.pxl-team-carousel4 .pxl-item--image {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-team-grid4 .pxl-item--image img,
.pxl-team-carousel4 .pxl-item--image img {
    width: 100%;
    -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);
    -webkit-transform: translateY(-5px)scale(1.1);
    -khtml-transform: translateY(-5px)scale(1.1);
    -moz-transform: translateY(-5px)scale(1.1);
    -ms-transform: translateY(-5px)scale(1.1);
    -o-transform: translateY(-5px)scale(1.1);
    transform: translateY(-5px)scale(1.1)
}

.pxl-team-grid4 .pxl-item--image:before,
.pxl-team-carousel4 .pxl-item--image:before {
    background: rgba(255, 255, 255, .3);
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    -khtml-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.pxl-team-grid4 .pxl-item--social,
.pxl-team-carousel4 .pxl-item--social {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    -khtml-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.pxl-team-grid4 .pxl-item--social a,
.pxl-team-carousel4 .pxl-item--social a {
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 3px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: var(--third-color);
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.pxl-team-grid4 .pxl-item--social a:hover,
.pxl-team-carousel4 .pxl-item--social a:hover {
    color: var(--primary-color)
}

.pxl-team-grid4 .pxl-item--title,
.pxl-team-carousel4 .pxl-item--title {
    font-size: 20px;
    color: var(--secondary-color);
    margin-bottom: 5px
}

.pxl-team-grid4 .pxl-item--title a,
.pxl-team-carousel4 .pxl-item--title a {
    color: inherit
}

.pxl-team-grid4 .pxl-item--title a:hover,
.pxl-team-carousel4 .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-team-grid4 .pxl-item--position,
.pxl-team-carousel4 .pxl-item--position {
    font-size: 16px;
    line-height: 26px;
    color: var(--third-color);
    font-weight: 500;
    letter-spacing: .1em
}

.pxl-team-grid4 .pxl-item--meta,
.pxl-team-carousel4 .pxl-item--meta {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    padding: 28px 25px;
    z-index: 1;
    padding-bottom: 28px;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-box-shadow: 0 4px 20px 0 rgba(, , , .05);
    -khtml-box-shadow: 0 4px 20px 0 rgba(, , , .05);
    -moz-box-shadow: 0 4px 20px 0 rgba(, , , .05);
    -ms-box-shadow: 0 4px 20px 0 rgba(, , , .05);
    -o-box-shadow: 0 4px 20px 0 rgba(, , , .05);
    box-shadow: 0 4px 20px rgba(, , , .05)
}

.pxl-team-grid4 .pxl-item--inner,
.pxl-team-carousel4 .pxl-item--inner {
    position: relative;
    padding: 0 0 75px;
    margin-bottom: 45px
}

.pxl-team-grid4 .pxl-item--inner:hover .pxl-item--image,
.pxl-team-carousel4 .pxl-item--inner:hover .pxl-item--image {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.pxl-team-grid4 .pxl-item--inner:hover .pxl-item--image img,
.pxl-team-carousel4 .pxl-item--inner:hover .pxl-item--image img {
    width: 100%;
    -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);
    -webkit-transform: translateY(0)scale(1.1);
    -khtml-transform: translateY(0)scale(1.1);
    -moz-transform: translateY(0)scale(1.1);
    -ms-transform: translateY(0)scale(1.1);
    -o-transform: translateY(0)scale(1.1);
    transform: translateY(0)scale(1.1)
}

.pxl-team-grid4 .pxl-item--inner:hover .pxl-item--image:before,
.pxl-team-carousel4 .pxl-item--inner:hover .pxl-item--image:before {
    height: 100%;
    opacity: 0
}

.pxl-team-grid4 .pxl-item--inner:hover .pxl-item--meta,
.pxl-team-carousel4 .pxl-item--inner:hover .pxl-item--meta {
    -webkit-box-shadow: 0 10px 35px rgba(, , , .07);
    -khtml-box-shadow: 0 10px 35px rgba(, , , .07);
    -moz-box-shadow: 0 10px 35px rgba(, , , .07);
    -ms-box-shadow: 0 10px 35px rgba(, , , .07);
    -o-box-shadow: 0 10px 35px rgba(, , , .07);
    box-shadow: 0 10px 35px rgba(, , , .07);
    padding-bottom: 60px
}

.pxl-team-grid4 .pxl-item--inner:hover .pxl-item--social,
.pxl-team-carousel4 .pxl-item--inner:hover .pxl-item--social {
    bottom: 22px;
    opacity: 1;
    visibility: visible
}

.pxl-item--star {
    color: var(--third-color)
}

.pxl-item--star i {
    font-size: 20px
}

.pxl-item--five-star i {
    color: var(--fourth-color)
}

.pxl-item--four-star {
    color: var(--fourth-color)
}

.pxl-item--four-star i:nth-child(5) {
    color: var(--third-color)
}

.pxl-item--three-star {
    color: var(--fourth-color)
}

.pxl-item--three-star i:nth-child(5),
.pxl-item--three-star i:nth-child(4) {
    color: var(--third-color)
}

.pxl-item--two-star {
    color: var(--fourth-color)
}

.pxl-item--two-star i:nth-child(5),
.pxl-item--two-star i:nth-child(4),
.pxl-item--two-star i:nth-child(3) {
    color: var(--third-color)
}

.pxl-item--one-star {
    color: var(--fourth-color)
}

.pxl-item--one-star i:nth-child(5),
.pxl-item--one-star i:nth-child(4),
.pxl-item--one-star i:nth-child(3),
.pxl-item--one-star i:nth-child(2) {
    color: var(--third-color)
}

.pxl-testimonial-grid1 .pxl-swiper-dots,
.pxl-testimonial-carousel1 .pxl-swiper-dots {
    margin-top: 50px;
    justify-content: center
}

.pxl-testimonial-grid1 .pxl-item--image,
.pxl-testimonial-carousel1 .pxl-item--image {
    max-width: 60px;
    min-width: 60px;
    min-height: 60px;
    max-height: 60px;
    margin-bottom: 20px;
    padding: 5px;
    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%;
    border: 2px solid 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;
    overflow: hidden;
    position: relative
}

.pxl-testimonial-grid1 .pxl-item--image img,
.pxl-testimonial-carousel1 .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-testimonial-grid1 .pxl-item--title,
.pxl-testimonial-carousel1 .pxl-item--title {
    font-size: 14px;
    margin-bottom: 3px;
    color: var(--secondary-color);
    font-weight: 700
}

.pxl-testimonial-grid1 .pxl-item--position,
.pxl-testimonial-carousel1 .pxl-item--position {
    font-size: 11px;
    color: #808287;
    font-weight: 700;
    text-transform: uppercase
}

.pxl-testimonial-grid1 .pxl-content,
.pxl-testimonial-carousel1 .pxl-content {
    position: relative;
    box-shadow: 0 3px 10px rgba(, , 1, .05);
    padding: 25px 30px 55px;
    background-color: #fff;
    z-index: 1
}

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

    .pxl-testimonial-grid1 .pxl-content,
    .pxl-testimonial-carousel1 .pxl-content {
        padding-left: 25px;
        padding-right: 25px
    }
}

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

    .pxl-testimonial-grid1 .pxl-content,
    .pxl-testimonial-carousel1 .pxl-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-testimonial-grid1 .pxl-meta,
.pxl-testimonial-carousel1 .pxl-meta {
    position: relative;
    z-index: 1;
    margin-top: -35px;
    padding-left: 30px
}

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

    .pxl-testimonial-grid1 .pxl-meta,
    .pxl-testimonial-carousel1 .pxl-meta {
        padding-left: 25px
    }
}

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

    .pxl-testimonial-grid1 .pxl-meta,
    .pxl-testimonial-carousel1 .pxl-meta {
        padding-left: 15px
    }
}

.pxl-testimonial-grid1 .pxl-item--desc,
.pxl-testimonial-carousel1 .pxl-item--desc {
    font-size: 15px;
    color: var(--third-color);
    font-weight: 400
}

.pxl-testimonial-grid1 .pxl-item--star,
.pxl-testimonial-carousel1 .pxl-item--star {
    margin-bottom: 10px;
    display: inline-block
}

.pxl-testimonial-grid1 .pxl-item--inner,
.pxl-testimonial-carousel1 .pxl-item--inner {
    margin-top: 10px
}

.pxl-testimonial-grid1 .pxl-item--inner:hover .pxl-item--image,
.pxl-testimonial-carousel1 .pxl-item--inner:hover .pxl-item--image {
    border-color: var(--primary-color)
}

.pxl-testimonial-grid2 .pxl-swiper-dots,
.pxl-testimonial-carousel2 .pxl-swiper-dots {
    margin-top: 50px;
    justify-content: center
}

.pxl-testimonial-grid2 .pxl-item--image,
.pxl-testimonial-carousel2 .pxl-item--image {
    margin: 0 auto 20px;
    max-width: 60px;
    min-width: 60px;
    min-height: 60px;
    max-height: 60px;
    -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 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;
    overflow: hidden;
    position: relative
}

.pxl-testimonial-grid2 .pxl-item--title,
.pxl-testimonial-carousel2 .pxl-item--title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--secondary-color)
}

.pxl-testimonial-grid2 .pxl-item--position,
.pxl-testimonial-carousel2 .pxl-item--position {
    font-size: 12px;
    line-height: 20px;
    color: var(--third-color)
}

.pxl-testimonial-grid2 .pxl-item--desc,
.pxl-testimonial-carousel2 .pxl-item--desc {
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 16px;
    color: var(--third-color);
    font-weight: 500
}

.pxl-testimonial-grid2 .pxl-item--star,
.pxl-testimonial-carousel2 .pxl-item--star {
    display: inline-block;
    background-color: var(--primary-color);
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 10px 30px;
    position: relative;
    -webkit-transform: translateY(-20px);
    -khtml-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--five-star i,
.pxl-testimonial-carousel2 .pxl-item--five-star i {
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--four-star,
.pxl-testimonial-carousel2 .pxl-item--four-star {
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--four-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--four-star i:nth-child(5) {
    color: rgba(255, 255, 255, .2)
}

.pxl-testimonial-grid2 .pxl-item--three-star,
.pxl-testimonial-carousel2 .pxl-item--three-star {
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--three-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--three-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--three-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--three-star i:nth-child(4) {
    color: rgba(255, 255, 255, .2)
}

.pxl-testimonial-grid2 .pxl-item--two-star,
.pxl-testimonial-carousel2 .pxl-item--two-star {
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--two-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--two-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--two-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--two-star i:nth-child(4),
.pxl-testimonial-grid2 .pxl-item--two-star i:nth-child(3),
.pxl-testimonial-carousel2 .pxl-item--two-star i:nth-child(3) {
    color: rgba(255, 255, 255, .2)
}

.pxl-testimonial-grid2 .pxl-item--one-star,
.pxl-testimonial-carousel2 .pxl-item--one-star {
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--one-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--one-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--one-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--one-star i:nth-child(4),
.pxl-testimonial-grid2 .pxl-item--one-star i:nth-child(3),
.pxl-testimonial-carousel2 .pxl-item--one-star i:nth-child(3),
.pxl-testimonial-grid2 .pxl-item--one-star i:nth-child(2),
.pxl-testimonial-carousel2 .pxl-item--one-star i:nth-child(2) {
    color: rgba(255, 255, 255, .2)
}

.pxl-testimonial-grid2 .meta-top,
.pxl-testimonial-carousel2 .meta-top {
    margin-top: 30px;
    background-color: #fff;
    position: relative;
    padding: 0 40px 40px;
    -webkit-box-shadow: 0 3px 15px rgba(, , , .1);
    -khtml-box-shadow: 0 3px 15px rgba(, , , .1);
    -moz-box-shadow: 0 3px 15px rgba(, , , .1);
    -ms-box-shadow: 0 3px 15px rgba(, , , .1);
    -o-box-shadow: 0 3px 15px rgba(, , , .1);
    box-shadow: 0 3px 15px rgba(, , , .1);
    -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 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 40px
}

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

    .pxl-testimonial-grid2 .meta-top,
    .pxl-testimonial-carousel2 .meta-top {
        padding: 0 15px 35px
    }
}

.pxl-testimonial-grid2 .meta-top:before,
.pxl-testimonial-carousel2 .meta-top:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;
    width: 40px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-filter: drop-shadow(0 10px 10px rgba(, , , .1));
    filter: drop-shadow(0 10px 10px rgba(, , , .1));
    content: ""
}

.pxl-testimonial-grid2 .pxl-item--inner,
.pxl-testimonial-carousel2 .pxl-item--inner {
    z-index: 1;
    text-align: center
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--desc,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--desc {
    -webkit-transition: all 300ms ease;
    -khtml-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--star,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--star {
    background-color: #fff
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--five-star i,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--five-star i {
    color: var(--fourth-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--four-star,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--four-star {
    color: var(--third-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--four-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--four-star i:nth-child(5) {
    color: var(--fourth-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--three-star,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--three-star {
    color: var(--third-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--three-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--three-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--three-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--three-star i:nth-child(4) {
    color: var(--fourth-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--two-star,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--two-star {
    color: var(--third-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(4),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(3),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--two-star i:nth-child(3) {
    color: var(--fourth-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--one-star,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--one-star {
    color: var(--third-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(5),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(5),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(4),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(4),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(3),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(3),
.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(2),
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--one-star i:nth-child(2) {
    color: var(--fourth-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .meta-top,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .meta-top {
    background-color: var(--primary-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .meta-top:before,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .meta-top:before {
    border-top: 20px solid var(--primary-color)
}

.pxl-testimonial-grid2 .pxl-item--inner:hover .pxl-item--image,
.pxl-testimonial-carousel2 .pxl-item--inner:hover .pxl-item--image {
    box-shadow: 0 0 0 1px var(--primary-color)
}

.pxl-testimonial-grid2 .pxl-item--inner {
    margin-bottom: 25px
}

.pxl-testimonial-carousel3 .el--subtitle {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    padding-right: 55px;
    position: relative;
    display: inline-flex
}

.pxl-testimonial-carousel3 .el--subtitle .pxl-item--subdivider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 40px;
    height: 2px;
    background-color: var(--primary-color)
}

.pxl-testimonial-carousel3 .el--title {
    font-size: 48px;
    color: var(--secondary-color)
}

@media screen and (max-width:1199px) {
    .pxl-testimonial-carousel3 .el--title {
        font-size: 30px
    }
}

.pxl-testimonial-carousel3 .meta-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

@media screen and (min-width:1400px) {
    .pxl-testimonial-carousel3 .meta-top {
        padding-right: 50px
    }
}

.pxl-testimonial-carousel3 .pxl-item--desc {
    font-size: 20px;
    color: var(--third-color);
    line-height: 1.8;
    font-style: italic;
    letter-spacing: -.02em;
    margin-bottom: 35px;
    font-weight: 400
}

@media screen and (max-width:1199px) {
    .pxl-testimonial-carousel3 .pxl-item--desc {
        font-size: 24px
    }
}

@media screen and (max-width:767px) {
    .pxl-testimonial-carousel3 .pxl-item--desc {
        font-size: 22px
    }
}

.pxl-testimonial-carousel3 .pxl-item--title {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--secondary-color)
}

.pxl-testimonial-carousel3 .pxl-item--position {
    color: var(--third-color)
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs {
    position: relative;
    z-index: 1;
    overflow: visible;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs {
        max-width: 430px;
        min-width: 430px;
        min-height: 430px;
        max-height: 430px
    }
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs {
        margin-top: 30px;
        margin-left: 0;
        max-width: 300px;
        min-width: 300px;
        min-height: 300px
    }
}

@media screen and (max-width:767px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs {
        max-width: 100%;
        margin-bottom: 35px
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0) !important;
    -khtml-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

@media screen and (min-width:992px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-wrapper {
        max-width: 430px;
        min-width: 430px
    }
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-wrapper {
        max-width: 100%;
        max-width: 100%;
        margin-bottom: 25px
    }
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb {
        max-width: 100%;
        max-height: 100%
    }
}

@media screen and (min-width:992px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb {
        max-width: 430px;
        min-width: 430px;
        min-height: 430px;
        max-height: 430px
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb>img {
    border: 10px solid var(--primary-color)
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-thumb-small {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    z-index: 1;
    background-color: #fff
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-thumb-small img {
    opacity: 1 !important
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide {
    -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: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100%
}

@media screen and (min-width:576px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide {
        padding: 0
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide img {
    opacity: 0
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide.swiper-slide-active {
    position: static
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide.swiper-slide-active img {
    opacity: 1
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide.swiper-slide-active .pxl-thumb-small {
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 3px var(--primary-color)
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide:nth-child(1) .pxl-thumb-small {
    top: 30px;
    left: 50px
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide:nth-child(2) .pxl-thumb-small {
    top: 160px;
    left: -10px
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .swiper-slide:nth-child(3) .pxl-thumb-small {
    top: 290px;
    left: 50px
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb {
    overflow: 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);
    padding: 45px
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb {
        padding: 0
    }

    .pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb .pxl-thumb-small {
        display: none
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-thumbs .pxl-item--thumb img {
    border-radius: 50%
}

.pxl-testimonial-carousel3 .pxl-swiper-container {
    margin: 0;
    margin-right: 50px
}

.pxl-testimonial-carousel3 .pxl-swiper-container .pxl-swiper-slide {
    display: flex;
    align-items: center
}

.pxl-testimonial-carousel3 .pxl-swiper-container .pxl-swiper-slide {
    padding-left: 0
}

@media screen and (min-width:992px) {
    .pxl-testimonial-carousel3 .pxl-swiper-container .pxl-item--inner {
        max-width: 600px
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-container .pxl-item--inner img {
    margin-bottom: 26px
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-container .pxl-item--inner img {
        display: none
    }
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-container .pxl-swiper-slide {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:992px) {
    .pxl-testimonial-carousel3 .pxl-carousel-inner {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1
    }
}

@media screen and (max-width:1199px) {
    .pxl-testimonial-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left: 0;
        opacity: 0
    }
}

@media screen and (max-width:1199px) {
    .pxl-testimonial-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right: 0;
        opacity: 0
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-dots {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

@media screen and (max-width:991px) {
    .pxl-testimonial-carousel3 .pxl-swiper-dots {
        justify-content: left
    }
}

.pxl-testimonial-carousel3 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    margin: 5px 3px;
    width: 25px;
    height: 2px;
    -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: var(--third-color);
    border: none;
    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-testimonial-carousel3 .pxl-swiper-dots .pxl-swiper-pagination-bullet:before {
    height: 2px;
    width: 0;
    background-color: var(--primary-color);
    -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-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pxl-testimonial-carousel3 .pxl-swiper-dots .pxl-swiper-pagination-bullet:hover:before,
.pxl-testimonial-carousel3 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    width: 100%
}

@media screen and (min-width:1400px) {
    .pxl-testimonial-carousel3 .pxl-swiper-dots {
        margin-top: -30px
    }
}

@media screen and (min-width:576px) {
    .pxl-client-review1 .pxl-item--inner {
        display: flex;
        align-items: center;
        gap: 20px
    }
}

.pxl-client-review1 .pxl-item--inner .pxl-item--images {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 13px
}

.pxl-client-review1 .pxl-item--inner .pxl-item--images .pxl-item--img {
    width: 57px;
    min-width: 57px;
    margin-left: -15px;
    -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-client-review1 .pxl-item--inner .pxl-item--meta {
    line-height: 48px;
    display: flex;
    flex-direction: column
}

.pxl-client-review1 .pxl-item--inner .pxl-item--meta .pxl-item--title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--third-color)
}

.pxl-client-review1 .pxl-item--inner .pxl-item--meta .pxl-item--star {
    line-height: normal;
    margin: 0
}

.pxl-client-review1 .pxl-item--inner .pxl-item--meta .pxl-item--star i {
    font-size: 16px
}

.btn-video {
    background-color: #fff;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    display: inline-block
}

.btn-video:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .63);
    border-radius: 50%;
    animation: pxl_scale1 1500ms ease-out infinite;
    -webkit-animation: pxl_scale1 1500ms ease-out infinite;
    z-index: -2
}

.btn-video:hover,
.btn-video:focus {
    color: #000
}

.btn-video:hover:before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.pxl-video-player .btn-video {
    z-index: 2
}

.pxl-video-player .pxl-box--icon {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 54px;
    right: 95px;
    background-color: var(--primary-color);
    border-radius: 100px;
    text-align: center;
    font-size: 38px;
    color: #000010
}

@media screen and (max-width:1199px) {
    .pxl-video-player .pxl-box--icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
        bottom: 30px;
        right: 40px
    }
}

.pxl-video-player1 .pxl-video--holder img,
.pxl-video-player1 .pxl-video--holder .pxl-video--imagebg {
    overflow: hidden
}

.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 .btn-video {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-video-player1 .btn-video.style1 {
    font-size: 30px;
    width: 100px;
    height: 100px;
    line-height: 100px
}

@media screen and (max-width:767px) {
    .pxl-video-player1 .btn-video.style1 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 15px
    }
}

.pxl-video-player1 .btn-video.style1 img {
    max-height: 24px
}

.pxl-video-player1 .btn-video.style1-0 {
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: var(--primary-color)
}

.pxl-video-player1 .btn-video.style1-0 img {
    max-height: 20px
}

.pxl-video-player1 .btn-video.style1-0+.pxl-item--title {
    margin-left: 18px;
    color: #fff
}

.pxl-video-player1 .btn-video.style1-1 {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--primary-color)
}

.pxl-video-player1 .btn-video.style1-1 img {
    max-height: 15px
}

.pxl-video-player1 .btn-video.style1-1+.pxl-item--title {
    margin-left: 18px;
    color: #fff
}

.pxl-video-player1 .btn-video.style2 {
    width: 90px;
    height: 90px;
    background-color: var(--primary-color);
    text-align: center;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

@media screen and (max-width:1199px) {
    .pxl-video-player1 .btn-video.style2 {
        width: 60px;
        height: 60px;
        font-size: 24px
    }
}

.pxl-video-player1 .btn-video.style2 i {
    font-size: 30px
}

.pxl-video-player1 .btn-video.style2 img {
    max-height: 30px;
    width: auto
}

.pxl-video-player1 .btn-video.style2:before {
    -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;
    background-color: rgba(255, 255, 255, .63);
    animation: pxl_scale1 1500ms ease-out infinite;
    -webkit-animation: pxl_scale1 1500ms ease-out infinite;
    background-color: rgba(255, 255, 255, 0)
}

.pxl-video-player1 .btn-video.style2:hover:before {
    opacity: 1;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.pxl-video-player1 .btn-video.style-gradient {
    width: 140px;
    height: 140px;
    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%;
    text-align: center;
    border: 4px solid #fff;
    z-index: 1
}

@media screen and (max-width:1199px) {
    .pxl-video-player1 .btn-video.style-gradient {
        width: 120px;
        height: 120px;
        font-size: 24px
    }
}

.pxl-video-player1 .btn-video.style-gradient img,
.pxl-video-player1 .btn-video.style-gradient img,
.pxl-video-player1 .btn-video.style-gradient svg {
    position: relative;
    z-index: 1
}

.pxl-video-player1 .btn-video.style-gradient i {
    font-size: 46px
}

.pxl-video-player1 .btn-video.style-gradient img {
    max-height: 46px;
    width: auto
}

.pxl-video-player1 .btn-video.style-gradient:before {
    -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-image: -webkit-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
    background-image: -moz-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
    background-image: -ms-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
    background-image: -o-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
    background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
    background-size: 100%, 1px;
    background-position: 0;
    content: "";
    position: absolute;
    z-index: 0;
    left: 2%;
    top: 2%;
    display: block;
    width: 96%;
    height: 96%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    z-index: -2;
    animation: pxl_spin 6s infinite linear;
    -webkit-animation: pxl_spin 6s infinite linear
}

.pxl-video-player1 .btn-video.style-gradient:after {
    z-index: -1;
    content: "";
    position: absolute;
    z-index: 0;
    left: 10%;
    top: 10%;
    display: block;
    width: 80%;
    height: 80%;
    -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: #f1f3f5
}

.pxl-video-player1 .btn-video.style-gradient:hover:before {
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear
}

.pxl-video-player1 .pxl-video--inner {
    position: relative
}

.pxl-video-player1 .btn-video-wrap {
    display: flex;
    align-items: center
}

.pxl-video-player1 .btn-video-wrap .pxl-item--title {
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline
}

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

    20% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0
    }
}

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

    20% {
        -webkit-transform: scale(1.24);
        -moz-transform: scale(1.24);
        -o-transform: scale(1.24);
        transform: scale(1.24);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2.1);
        -moz-transform: scale(2.1);
        -o-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 0
    }
}

.pxl-line-rounder {}

.pxl-line-rounder .pxl-line--inner {
    width: 137px;
    height: 137px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(var(--primary-color-rgb), .5);
    position: relative
}

.pxl-line-rounder .pxl-line--inner .line-video-animation {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    border: 1px solid rgba(var(--primary-color-rgb), .34);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: squares 3s linear 0s infinite;
    -webkit-animation: squares 3s linear 0s infinite;
    -ms-animation: squares 3s linear 0s infinite;
    -o-animation: squares 3s linear 0s infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 0
}

.pxl-line-rounder .pxl-line--inner .line-video-animation.line-video-2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.pxl-line-rounder .pxl-line--inner .line-video-animation.line-video-3 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.pxl-button-video .btn-video-title {
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 30px;
    position: relative;
    z-index: 1;
    background-color: var(--primary-color);
    color: #fff
}

.pxl-button-video .btn-video-title i {
    font-size: 23px
}

.pxl-button-video .btn-video-title:before,
.pxl-button-video .btn-video-title:after {
    position: absolute;
    content: "";
    display: block
}

.pxl-button-video .btn-video-title:before {
    width: 65px;
    height: 65px;
    top: -5px;
    left: -5px;
    z-index: -1;
    border: 1px solid rgba(var(--primary-color-rgb), .5);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-button-video .btn-video-title:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--primary-color-rgb), .5);
    -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_scale1 1500ms ease-out infinite;
    -webkit-animation: pxl_scale1 1500ms ease-out infinite;
    z-index: -2
}

.pxl-button-video label {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.pxl-button-video .pxl-video--inner {
    display: flex;
    align-items: center
}

.pxl-button-video .pxl-video--inner:hover .btn-video-title:before {
    border-color: var(--primary-color)
}

.pxl-button-video .pxl-video--inner:hover .btn-video-title:after {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.pxl-button-video.btn-squares .btn-video-title {
    -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;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-size: 20px;
    width: 60px;
    height: 60px
}

.pxl-button-video.btn-squares .btn-video-title:before {
    -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%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-button-video.btn-squares .btn-video-title:after {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}