/* Set Font Default */
/*
color: #{'rgba(var(--primary-color-rgb),0.1)'};
font-family: 'Playfair Display', sans-serif;
font-family: 'Lato', sans-serif;
@extend .ft-theme-default;
font-family: 'Playfair Display';
color: {{VALUE}};text-fill-color: {{VALUE}};-webkit-text-fill-color: {{VALUE}};background-image: none;
*/
/* Header Default */
/*--------------------------------------------------------------
RTL
----------------------------------------------------------------
# Header
# Blog
# WordPress Widget
# Elementor Widget
# Extra
# Important
--------------------------------------------------------------*/
/*--------------------------------------------------------------
post grid
----------------------------------------------------------------
# grid style
# blog
# program
# event
# class
--------------------------------------------------------------*/
/*--------------------------------------------------------------
POST GRID
----------------------------------------------------------------
# Testimonial Carousel
# Testimonial Grid
# Testimonial Single
--------------------------------------------------------------*/
/*--------------------------------------------------------------
post carousel
----------------------------------------------------------------
# carousel style
# blog
# service
# service
--------------------------------------------------------------*/
@keyframes pxl_move1 {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(10%, 10%);
  }
  50% {
    transform: translate(10%, -10%);
  }
  75% {
    transform: translate(-10%, 10%);
  }
  100% {
    transform: translate(0%);
  }
}
@-webkit-keyframes pxl_move1 {
  0% {
    transform: translate(0%, 0%);
  }
  25% {
    transform: translate(10%, 10%);
  }
  50% {
    transform: translate(10%, -10%);
  }
  75% {
    transform: translate(-10%, 10%);
  }
  100% {
    transform: translate(0%);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pxl_scale1 {
  0% {
    transform: scale(1);
    opacity: 0.67;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes pxl_scale1 {
  0% {
    transform: scale(1);
    opacity: 0.67;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@-ms-keyframes pxl_spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes pxl_spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes pxl_spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes pxl_spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pxl-image-spin2 {
  animation: pxl_spin 4s linear infinite;
}
.pxl-image-spin {
  animation: pxl_spin_reverse 12s linear infinite;
}
.pxl-image-lr {
  animation: l_r 50s linear infinite;
}
.pxl-image-lrt {
  animation: l_r_t 55s linear infinite;
}
.pxl-image-lrb {
  animation: l_r_b 60s linear infinite;
}
@-ms-keyframes pxl_spin_reverse {
  from {
    -ms-transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -ms-transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-moz-keyframes pxl_spin_reverse {
  from {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -moz-transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes pxl_spin_reverse {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes pxl_spin_reverse {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-ms-keyframes pxl_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes pxl_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pxl_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pxl_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pxl_right_from_left {
  49% {
    -webkit-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes pxl_right_from_left {
  49% {
    -moz-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes pxl_right_from_left {
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes pxl_left_from_right {
  49% {
    -webkit-transform: translate(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes pxl_left_from_right {
  49% {
    -moz-transform: translate(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes pxl_left_from_right {
  49% {
    transform: translate(-100%);
  }
  50% {
    opacity: 0;
    transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes pxl_ani1 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes pxl_ani1 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@-webkit-keyframes pxl_ani2 {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes pxl_ani2 {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes pxl_bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@keyframes pxl_zigzag {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@keyframes pxl_right_left {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(40px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0px);
  }
}
.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(0px);
  }
  25% {
    transform: translateX(-40px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0px);
  }
}
.slide-left-to-right {
  animation: pxl_left_right 12s ease-out infinite;
  -webkit-animation: pxl_left_right 12s ease-out infinite;
}
@keyframes pxl_bottom_top_small {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes pxl_bottom_top {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(40px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.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(0px, 0px);
  }
  20% {
    transform: translate(40px, -5px);
  }
  40% {
    transform: translate(60px, 40px);
  }
  60% {
    transform: translate(40px, 60px);
  }
  80% {
    transform: translate(-40px, 60px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.slide-effect1 {
  animation: pxl_effect1 12s ease-out infinite;
  -webkit-animation: pxl_effect1 12s ease-out infinite;
}
@keyframes pxl_effect2 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 40px);
  }
  40% {
    transform: translate(60px, 60px);
  }
  60% {
    transform: translate(70px, 40px);
  }
  80% {
    transform: translate(40px, -70px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.slide-effect2 {
  animation: pxl_effect2 12s ease-out infinite;
  -webkit-animation: pxl_effect2 12s ease-out infinite;
}
@keyframes pxl_top_bottom {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(-40px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
.slide-top-to-bottom {
  animation: pxl_top_bottom 12s ease-out infinite;
  -webkit-animation: pxl_top_bottom 12s ease-out infinite;
}
@-webkit-keyframes img_circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes img_circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@-webkit-keyframes pxl_loader_bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes pxl_loader_bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes pxl_scale1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pxl_scale1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.pxl_scale1 {
  animation: pxl_scale1 400ms linear 0ms;
  -webkit-animation: pxl_scale1 400ms linear 0ms;
}
@keyframes ar {
  33% {
    transform: translatex(20px);
    opacity: 0;
  }
  66% {
    transform: translatex(-20px);
    opacity: 0;
  }
  100% {
    transform: translatex(0px);
    opacity: 1;
  }
}
@-webkit-keyframes in-top {
  from {
    -webkit-transform: perspective(500px) rotateX(-90deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
}
@keyframes in-top {
  from {
    transform: perspective(500px) rotateX(-90deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateX(0deg);
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: perspective(500px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(-90deg);
    opacity: 1;
  }
}
@keyframes out-top {
  from {
    transform: perspective(500px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateX(-90deg);
    opacity: 1;
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: perspective(500px) rotateX(90deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(0deg);
  }
}
@keyframes in-bottom {
  from {
    transform: perspective(500px) rotateX(90deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateX(0deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: perspective(500px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg);
    opacity: 1;
  }
}
@keyframes out-bottom {
  from {
    transform: perspective(500px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateX(90deg);
    opacity: 1;
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: perspective(500px) rotateY(90deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes in-left {
  from {
    transform: perspective(500px) rotateY(90deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateY(0deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: perspective(500px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateY(90deg);
    opacity: 1;
  }
}
@keyframes out-left {
  from {
    transform: perspective(500px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateY(90deg);
    opacity: 1;
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes in-right {
  from {
    transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateY(0deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: perspective(500px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
}
@keyframes out-right {
  from {
    transform: perspective(500px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
}
@keyframes shakeicon {
  33% {
    -webkit-transform: rotateZ(20deg);
    -khtml-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -ms-transform: rotateZ(20deg);
    -o-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
  }
  67% {
    -webkit-transform: rotateZ(-20deg);
    -khtml-transform: rotateZ(-20deg);
    -moz-transform: rotateZ(-20deg);
    -ms-transform: rotateZ(-20deg);
    -o-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
  }
  100% {
    -webkit-transform: rotateZ(20deg);
    -khtml-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -ms-transform: rotateZ(20deg);
    -o-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
  }
}
@-webkit-keyframes ct-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes ct-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-5deg);
    transform: scale(0.9) rotate(-5deg);
  }
  50%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-5deg);
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-5deg);
    -ms-transform: scale(0.9) rotate(-5deg);
    transform: scale(0.9) rotate(-5deg);
  }
  50%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-5deg);
    -ms-transform: scale(1.1) rotate(-5deg);
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes scale-border {
  1% {
    transform: scale(1);
    opacity: 0.1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@-webkit-keyframes scale-border {
  1% {
    transform: scale(1);
    opacity: 0.1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes scale-border2 {
  1% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes scale-border2 {
  1% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes l_r {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
  }
}
@-webkit-keyframes l_r {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
  }
}
@keyframes l_r_b {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
    transform: translateY(50px);
  }
}
@-webkit-keyframes l_r_b {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
    transform: translateY(200px);
  }
}
@keyframes l_r_t {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
    transform: translateY(-200px);
  }
}
@-webkit-keyframes l_r_t {
  0% {
    position: absolute;
    left: -20px;
  }
  100% {
    position: absolute;
    left: 103%;
    transform: translateY(-200px);
  }
}
@keyframes ruler {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -1200px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes ruler {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -1200px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes Animasearch {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  15%, 50% {
    transform: scale(0.5);
    opacity: 0;
  }
  65% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
    clip: rect(0px, 35px, 35px, 0px);
  }
  50% {
    clip: rect(0px, 40px, 40px, 0px);
  }
  100% {
    transform: rotate(360deg);
    clip: rect(0px, 35px, 35px, 0px);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
    clip: rect(0px, 164px, 150px, 0px);
  }
  50% {
    clip: rect(0px, 164px, 0px, 0px);
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(720deg);
    clip: rect(0px, 164px, 150px, 0px);
  }
}
@keyframes rotate3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animasearch {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  15%, 50% {
    transform: scale(0.5);
    opacity: 0;
  }
  65% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes animasearch {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  15%, 50% {
    transform: scale(0.5);
    opacity: 0;
  }
  65% {
    transform: scale(1);
    opacity: 1;
  }
}
.pxl-view-layout {
  display: flex;
  margin-bottom: 20px;
}
.pxl-view-layout .view-icon {
  list-style-type: none;
  width: 30px;
  height: 25px;
  opacity: 0.33;
  margin-left: 10px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.pxl-view-layout .view-icon a {
  width: 100%;
  height: 100%;
  display: block;
}
.pxl-view-layout .view-icon.view-grid {
  font-size: 0;
  background-image: url(../img/layout-grid.png);
}
.pxl-view-layout .view-icon.view-list {
  font-size: 0;
  background-image: url(../img/layout-list.png);
}
.pxl-view-layout .view-icon:hover, .pxl-view-layout .view-icon.active {
  opacity: 1;
}
.woocommerce span.onsale, .woocommerce .pxl-featured {
  min-width: inherit;
  min-height: inherit;
  font-size: 16px;
  color: #fff;
  padding: 0;
  text-align: center;
  background-color: var(--primary-color);
  font-weight: 700;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0 !important;
  line-height: 26px;
  padding: 0px 12px !important;
  top: 0px !important;
  right: 0px !important;
  left: auto;
  font-weight: normal;
  z-index: 11;
}
.woocommerce .pxl-featured {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  right: auto !important;
  background-color: var(--regular-color);
  display: inline-block;
}
.woocommerce .woocommerce-tabs .single-lp-list {
  margin-top: 30px;
}
.woocommerce .woocommerce-tabs ul.wc-tabs {
  overflow: visible;
  padding: 0 0 0px;
  margin-top: -20px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .woocommerce .woocommerce-tabs ul.wc-tabs {
    border: none;
  }
}
.woocommerce .woocommerce-tabs ul.wc-tabs:before, .woocommerce .woocommerce-tabs ul.wc-tabs:after {
  display: none !important;
}
.woocommerce .woocommerce-tabs ul.wc-tabs li {
  margin: 20px 5px 0 5px;
  padding: 0;
  background-color: transparent;
  position: relative;
  z-index: 99;
}
.woocommerce .woocommerce-tabs ul.wc-tabs li:before, .woocommerce .woocommerce-tabs ul.wc-tabs li:after {
  display: none !important;
}
@media screen and (max-width: 575px) {
  .woocommerce .woocommerce-tabs ul.wc-tabs li {
    display: block;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .woocommerce .woocommerce-tabs ul.wc-tabs li a {
    display: block;
  }
}
.woocommerce .woocommerce-tabs ul.wc-tabs li a {
  padding: 0 28px;
  font-size: 18px;
  line-height: 42px;
  border: 2px solid #e8ebf0;
  border-radius: 5px !important;
  color: var(--secondary-color);
  font-weight: 400 !important;
  position: relative;
  background-color: #fff;
  text-transform: uppercase;
  z-index: 1;
  background-color: transparent !important;
}
.woocommerce .woocommerce-tabs ul.wc-tabs li.active > a, .woocommerce .woocommerce-tabs ul.wc-tabs li a:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th {
  font-weight: 600 !important;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
  line-height: 1.875;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong {
  font-size: 30px;
  font-weight: 700;
  color: var(--secondary-color);
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #70747f;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
  margin-bottom: 0;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
  display: none;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.panel {
  padding-top: 32px;
  margin-bottom: 0;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
  border: 1px solid #dee2e6;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
  border-bottom: 1px solid #dee2e6;
  font-family: inherit;
  color: #152136;
  font-weight: normal;
  font-style: normal;
  padding: 10px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
  border-left: 1px solid #dee2e6;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews {
  margin-bottom: 25px !important;
}
.woocommerce .woocommerce-tabs .tab-product-feature-list {
  font-size: 18px;
  line-height: 34px;
}
.woocommerce .woocommerce-tabs .tab-product-feature-list .col-xl-4 {
  font-weight: 600;
}
.woocommerce .woocommerce-tabs .tab-product-feature-list .line-gap {
  margin: 0;
  width: 100%;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
  margin-bottom: 15px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
  margin-bottom: 10px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a {
  color: #999;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a {
  color: #efb343;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label {
  margin-bottom: 8px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
  font-size: 24px;
  margin-bottom: 12px;
  text-transform: capitalize;
  color: var(--secondary-color);
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
  display: none;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
  height: 140px;
  min-height: 140px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit {
  padding: 0 50px;
  margin-top: 20px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
    width: 100%;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
    width: 100%;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
  padding: 10px 0 0;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
  position: relative;
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 1199px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
    padding: 20px 15px 20px 20px;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating {
  display: none;
}
@media screen and (max-width: 991px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
    position: static;
    margin-bottom: 8px;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container {
  position: relative;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
  padding: 0;
  width: 80px;
  -webkit-border-radius: 80px;
  -khtml-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 575px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    width: 40px;
    border: none;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
  border: none;
  margin: 0;
  padding: 0 0 0 100px;
}
@media screen and (max-width: 767px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
    float: none;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 575px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
    padding-left: 60px;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate {
  display: none;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list {
  margin-top: 30px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
  margin: 0 0 8px;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
    display: block;
  }
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color);
  line-height: 22px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
  color: #222;
  display: block;
  line-height: 1;
  margin-bottom: 4px;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
  display: none;
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
  margin: 0;
}
.woocommerce .woocommerce-product-inner {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: rgba(99, 99, 99, 0.04) 0px 2px 21px 8px;
}
.woocommerce .woocommerce-product-inner .price .woocommerce-Price-amount {
  color: var(--primary-color) !important;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-header {
  position: relative;
  overflow: hidden;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details {
  position: relative;
  overflow: hidden;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-header img {
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta {
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta > div {
  margin: 0 4px;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
  -webkit-transform: translateY(20px);
  -khtml-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button {
  border-radius: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-color: #e9ebf0;
  display: block;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  padding: 0;
  font-size: 0px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #1d2122;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  font-family: Caseicon;
  font-size: 18px;
  font-weight: 500;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added {
  display: none;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.add_to_cart_button:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.add_to_cart_button:before {
  content: "\f145";
  font-size: 16px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.product_type_variable:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.product_type_variable:before {
  content: "\f122";
  font-size: 17px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before {
  content: "\f11e";
  font-size: 16px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosw-btn:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosw-btn:before {
  content: "\f12f";
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosq-btn:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosq-btn:before {
  content: "\f101";
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading {
  opacity: 1;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:before {
  opacity: 0;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:after, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:after {
  content: '';
  width: 16px;
  height: 16px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border-color: transparent #000 transparent #000;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%);
  margin: auto;
  animation: pxl_spin_reverse 0.6s linear infinite;
  -webkit-animation: pxl_spin_reverse 0.6s infinite linear;
  box-sizing: border-box;
  z-index: 2;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover {
  background-color: var(--regular-color);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover:before {
  color: #fff;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover.loading:after, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover.loading:after {
  border-color: transparent #fff transparent #fff;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content {
  padding: 0px 20px 25px 20px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .star-rating {
  font-size: 14px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .count-rating {
  display: none;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--rating .star-rating {
  text-align: center;
  position: relative;
  z-index: 2;
  background-color: #fff;
  margin: 10px 0 0;
  display: inline-block;
  padding-bottom: 16px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a {
  margin: 0;
  line-height: 44px;
  height: 44px;
  padding: 0 28px;
  -webkit-border-radius: 44px;
  -khtml-border-radius: 44px;
  -moz-border-radius: 44px;
  -ms-border-radius: 44px;
  -o-border-radius: 44px;
  border-radius: 44px;
  display: inline-flex;
  overflow: hidden;
  background-color: var(--primary-color);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:before {
  background-color: ;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:after {
  animation: pxl_spin_reverse 1s linear infinite;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:hover, .woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:focus {
  background-color: var(--secondary-color);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a i {
  margin-left: 6px;
  font-size: 16px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.added {
  display: none;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading {
  opacity: 1;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading i {
  -webkit-transform: translateX(100px);
  -khtml-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading:after {
  right: 28px;
  top: 0;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.wc-forward:after {
  content: "\f10e";
  font-family: Flaticon;
  margin-left: 6px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product--rating .star-rating {
  font-size: 12px;
  height: 14px;
  color: #fab319;
}
.woocommerce .woocommerce-product-inner del {
  color: #cfcfcf;
  font-weight: 700 !important;
}
.woocommerce .woocommerce-product-inner del .amount {
  font-weight: 500;
  color: #cfcfcf;
}
.woocommerce .woocommerce-product-inner ins, .woocommerce .woocommerce-product-inner .price {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: var(--primary-color);
  font-weight: 700 !important;
}
.woocommerce .woocommerce-product-inner ins .amount, .woocommerce .woocommerce-product-inner .price .amount {
  font-weight: 700;
  color: var(--primary-color) !important;
}
.woocommerce .woocommerce-product-inner ins span, .woocommerce .woocommerce-product-inner .price span {
  color: var(--primary-color) !important;
}
.woocommerce .woocommerce-product-inner .woocommerce-product--title {
  padding: 0px !important;
  font-size: 22px;
  font-weight: 700;
  margin: 0px 0 10px 0;
}
.woocommerce .woocommerce-product-inner .woocommerce-product--title a {
  color: var(--secondary-color);
}
.woocommerce .woocommerce-product-inner .woocommerce-product--title a:hover {
  color: var(--primary-color);
}
.woocommerce .woocommerce-product-inner .woocommerce-product-attr {
  margin-bottom: 12px;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-attr img {
  width: auto !important;
  margin: 0 !important;
}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .woocommerce-add-to-cart, .woocommerce .woocommerce-product-inner.cart-added .woocommerce-product-content .woocommerce-add-to-cart {
  bottom: -22px;
  opacity: 1;
  visibility: visible;
}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-meta > div {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .price {
  opacity: 0;
}
.woocommerce .pxl-shop-topbar-wrap {
  align-items: center;
  min-height: 62px;
  margin-bottom: 30px;
}
.woocommerce .pxl-shop-topbar-wrap .pxl-view-layout-wrap {
  order: 3;
}
.woocommerce .pxl-shop-topbar-wrap .order-md-2 {
  order: 2;
}
.woocommerce #content {
  padding: 130px 0 207px;
}
.woocommerce ins {
  background-color: transparent;
  color: var(--primary-color) !important;
}
.woocommerce ins span {
  color: var(--primary-color);
}
.woocommerce .content-row #secondary.widget-has-sidebar:before {
  display: none;
}
.woocommerce .pxl-sidebar-area .widget {
  padding: 30px;
  border: 1px solid #e9ebf0;
  margin-bottom: 30px !important;
}
@media (max-width: 1200px) and (min-width: 991px) {
  .woocommerce .pxl-sidebar-area .widget {
    padding: 30px 20px;
  }
}
.woocommerce .pxl-sidebar-area .widget:last-child {
  margin-bottom: 0;
}
.woocommerce .pxl-sidebar-area .widget-title, .woocommerce .pxl-sidebar-area .comment-reply-title, .woocommerce .pxl-sidebar-area .comments-title {
  color: var(--secondary-color);
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 6px;
  position: relative;
}
.woocommerce .pxl-sidebar-area .widget_product_categories .price .woocommerce-Price-amount {
  color: var(--primary-color) !important;
}
.woocommerce .pxl-sidebar-area .widget_product_categories li {
  padding: 0 13px 7px 15px;
}
.woocommerce .pxl-sidebar-area .widget_product_categories li:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}
.woocommerce .pxl-sidebar-area .widget_product_categories .widget-title {
  margin-bottom: 15px;
}
.woocommerce .pxl-sidebar-area .widget_product_categories .count {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.woocommerce .pxl-sidebar-area .widget_product_categories li {
  position: relative;
}
.woocommerce .pxl-sidebar-area .widget_product_categories li a {
  padding-bottom: 6px;
  font-weight: 400;
  position: relative;
  font-size: 16px;
  color: #70747f;
}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  left: -15px;
  margin-right: 0;
  content: "+";
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover {
  color: var(--primary-color);
}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover:before {
  color: var(--primary-color);
}
.woocommerce .pxl-sidebar-area .widget_product_search {
  padding: 0 !important;
  border: 1px solid #e9ebf0;
  border-radius: 5px;
}
.woocommerce .pxl-sidebar-area .widget_product_search button {
  padding: 0;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  position: absolute;
  top: 7px;
  right: 7px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
  z-index: 3;
  color: #fff;
  font-size: 15px;
  background-color: var(--primary-color);
  background-image: none;
}
.woocommerce .pxl-sidebar-area .widget_product_search button:after {
  content: "\f12c";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Caseicon;
  text-indent: 0px;
  font-weight: 400;
  color: #fff;
}
.woocommerce .pxl-sidebar-area .widget_product_search button:hover {
  color: #fff;
  background-color: var(--secondary-color);
}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field {
  border: none !important;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  height: 60px;
}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus {
  border-color: var(--primary-color);
}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus + button {
  border-color: var(--primary-color);
}
.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search {
  position: relative;
}
.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search:after {
  content: '';
  z-index: 1;
  height: 60px;
  width: 60px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
}
.single-product .woocommerce-social-share {
  padding-top: 18px;
}
.single-product .woocommerce-social-share label {
  color: #222;
  font-weight: 600;
  margin-right: 10px;
}
.single-product .woocommerce-social-share a {
  color: #6a6a6a;
  font-size: 14px;
  margin-right: 6px;
}
.single-product .woocommerce-social-share a:hover {
  color: var(--primary-color);
}
.single-product .woocommerce-summary-wrap {
  margin: 0 -25px;
}
.single-product .woocommerce-summary-wrap > .col-xl-6 {
  padding: 0 25px;
}
.single-product #shop-breadcrumb {
  padding-bottom: 46px;
}
.single-product #shop-newsletter {
  margin-top: 30px;
}
.single-product .woocommerce-sg-product-price {
  padding-top: 10px;
  margin-bottom: 25px;
}
.single-product section.related {
  padding-top: 122px;
  margin-top: 120px;
  position: relative;
}
@media screen and (max-width: 991px) and (min-width: 767px) {
  .single-product section.related {
    margin: 60px -15px 0 -15px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .single-product section.related {
    margin-top: 60px;
    padding-top: 60px;
  }
}
.single-product section.related:before {
  position: absolute;
  content: '';
  width: 100000px;
  top: 0;
  left: -40000px;
  height: 1px;
  background-color: #e9ebf0;
}
.single-product section.related h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: -8px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  color: var(--secondary-color);
}
@media (max-width: 575px) {
  .single-product section.related h2 {
    font-size: 30px;
  }
}
.single-product section.related ul.products {
  margin-bottom: 0;
}
.single-product section.related ul.products li.product {
  margin-bottom: 0 !important;
  margin-top: 60px;
}
.single-product .pxl-content-area div.product .entry-summary {
  width: 100% !important;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .single-product .pxl-content-area div.product .entry-summary {
    position: sticky;
    top: 150px;
  }
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery {
  width: 100% !important;
  margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .single-product .pxl-content-area div.product .woocommerce-product-gallery {
    margin-bottom: 30px;
  }
}
.single-product .pxl-content-area div.product .woocommerce-product-details__short-description p:last-child, .single-product > div.product .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0;
}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature, .single-product > div.product .woocommerce-sg-product-feature {
  margin-bottom: 71px;
  list-style: none;
}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li, .single-product > div.product .woocommerce-sg-product-feature li {
  display: flex;
  flex-wrap: nowrap;
}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li i, .single-product > div.product .woocommerce-sg-product-feature li i {
  margin-right: 8px;
  margin-top: 6px;
  color: var(--primary-color);
}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li p:last-child, .single-product > div.product .woocommerce-sg-product-feature li p:last-child {
  margin-bottom: 0;
}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li + li, .single-product > div.product .woocommerce-sg-product-feature li + li {
  margin-top: 10px;
}
.single-product .pxl-content-area div.product form.cart, .single-product > div.product form.cart {
  margin-bottom: 20px;
}
.single-product .pxl-content-area div.product form.cart label, .single-product > div.product form.cart label {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 700;
  color: #0b1460;
  font-family: 'Quicksand', sans-serif;
}
.single-product .pxl-content-area div.product form.cart .reset_variations, .single-product > div.product form.cart .reset_variations {
  font-weight: 700;
  color: #191919;
  font-size: 16px;
  margin-top: 6px;
  display: none;
  visibility: visible !important;
}
.single-product .pxl-content-area div.product form.cart .reset_variations:hover, .single-product > div.product form.cart .reset_variations:hover {
  color: var(--primary-color);
}
.single-product .pxl-content-area div.product form.cart .variations tr, .single-product > div.product form.cart .variations tr {
  display: flex;
  align-items: center;
  padding: 14px 0 11px 0;
}
.single-product .pxl-content-area div.product form.cart .variations td.label, .single-product > div.product form.cart .variations td.label {
  padding: 0;
}
.single-product .pxl-content-area div.product form.cart .variations td.label span, .single-product > div.product form.cart .variations td.label span {
  display: none;
}
.single-product .pxl-content-area div.product form.cart .variations td.woo-variation-items-wrapper, .single-product > div.product form.cart .variations td.woo-variation-items-wrapper {
  padding: 0;
}
.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item, .single-product > div.product form.cart .button-variable-wrapper .button-variable-item {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  background-color: #f9f9f9;
}
.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button, .single-product > div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button {
  font-size: 15px;
  line-height: 26px;
  padding: 0 8px;
  color: #383838;
}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item {
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color {
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after {
  display: none;
}
.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-add-to-cart, .single-product > div.product form.cart.variations_form .woocommerce-variation-add-to-cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-price, .single-product > div.product form.cart.variations_form .woocommerce-variation-price {
  margin: 10px 0 24px;
}
.single-product .pxl-content-area div.product form.cart.variations_form button.single_add_to_cart_button, .single-product > div.product form.cart.variations_form button.single_add_to_cart_button {
  background-color: var(--primary-color);
}
.single-product .pxl-content-area div.product form.cart:not(.variations_form), .single-product > div.product form.cart:not(.variations_form), .single-product .pxl-content-area div.product form.cart:not(.grouped_form), .single-product > div.product form.cart:not(.grouped_form) {
  display: inline-flex;
  margin: 0 0 20px;
  align-items: center;
  flex-wrap: wrap;
}
.single-product .pxl-content-area div.product form.cart .woocommerce-grouped-product-list td, .single-product > div.product form.cart .woocommerce-grouped-product-list td {
  vertical-align: middle;
}
.single-product .pxl-content-area div.product .woocommerce-gallery span.onsale, .single-product > div.product .woocommerce-gallery span.onsale {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav, .single-product > div.product .woocommerce-product-gallery .flex-control-nav {
  margin-top: 8px;
  margin-left: -13px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li, .single-product > div.product .woocommerce-product-gallery .flex-control-nav li {
  margin: 4px 15px;
  flex-grow: 1;
  margin-top: 20px;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img, .single-product > div.product .woocommerce-product-gallery .flex-control-nav img {
  opacity: 1;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img.flex-active, .single-product > div.product .woocommerce-product-gallery .flex-control-nav img.flex-active {
  -webkit-box-shadow: 0 0 0 2px var(--primary-color);
  -khtml-box-shadow: 0 0 0 2px var(--primary-color);
  -moz-box-shadow: 0 0 0 2px var(--primary-color);
  -ms-box-shadow: 0 0 0 2px var(--primary-color);
  -o-box-shadow: 0 0 0 2px var(--primary-color);
  box-shadow: 0 0 0 2px var(--primary-color);
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
  position: relative;
  display: block;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before {
  content: '';
  background-color: rgba(0, 1, 0, );
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
  content: "\f06e";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  background-color: #fff;
  text-align: center;
  color: var(--primary-color);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before {
  opacity: 0.8;
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .single-product .pxl-content-area div.product .entry-summary, .single-product > div.product .entry-summary {
    padding-top: 0;
  }
}
.single-product .pxl-content-area div.product .entry-summary > .woosc-btn, .single-product > div.product .entry-summary > .woosc-btn {
  display: none !important;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button, .single-product > div.product .entry-summary .woocommerce-sg-product-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a, .single-product > div.product .entry-summary .woocommerce-sg-product-button a, .single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button, .single-product > div.product .entry-summary .woocommerce-sg-product-button button {
  line-height: 40px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before, .single-product > div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before, .single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before, .single-product > div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before {
  content: "\f11a";
  font-family: Bravisicon;
  margin-right: 4px;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating, .single-product > div.product .entry-summary .woocommerce-product-rating {
  margin-bottom: 8px;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link, .single-product > div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
  color: var(--secondary-color);
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover, .single-product > div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover {
  color: var(--primary-color);
}
.single-product .pxl-content-area div.product .entry-summary .entry-title, .single-product > div.product .entry-summary .entry-title {
  display: none;
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 14px;
}
.single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price {
  font-size: 32px;
  line-height: 1;
  color: var(--secondary-color);
}
.single-product .pxl-content-area div.product .entry-summary .price ins, .single-product > div.product .entry-summary .price ins {
  margin-right: 22px;
  color: var(--primary-color) !important;
  text-decoration: none;
  font-weight: 700 !important;
}
.single-product .pxl-content-area div.product .entry-summary .price del, .single-product > div.product .entry-summary .price del {
  color: var(--secondary-color);
  font-weight: 700 !important;
}
.single-product .pxl-content-area div.product .entry-summary .price del .amount, .single-product > div.product .entry-summary .price del .amount {
  color: var(--secondary-color);
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt {
  font-size: 16px;
  line-height: 24px;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description {
  margin-bottom: 16px;
}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p {
  font-size: 16px;
  font-weight: 400;
  color: #70747f;
  line-height: 32px;
}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button, .single-product > div.product .entry-summary .single_add_to_cart_button {
  clear: left;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  font-weight: 700;
  margin-right: 15px;
}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading, .single-product > div.product .entry-summary .single_add_to_cart_button.loading {
  padding-right: 42px;
}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading:after, .single-product > div.product .entry-summary .single_add_to_cart_button.loading:after {
  top: 0;
  right: 14px;
}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.added:after, .single-product > div.product .entry-summary .single_add_to_cart_button.added:after {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .single-lp-list, .single-product > div.product .woocommerce-tabs .single-lp-list {
  margin-top: 30px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs, .single-product > div.product .woocommerce-tabs ul.wc-tabs {
  overflow: visible;
  padding: 0 0 0px;
  margin-bottom: 0;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs, .single-product > div.product .woocommerce-tabs ul.wc-tabs {
    border: none;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:before, .single-product > div.product .woocommerce-tabs ul.wc-tabs:before, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:after, .single-product > div.product .woocommerce-tabs ul.wc-tabs:after {
  display: none !important;
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li, .single-product > div.product .woocommerce-tabs ul.wc-tabs li {
  margin: 20px 8px 0 8px !important;
  padding: 0 !important;
  border: none;
  background-color: transparent !important;
  position: relative;
  z-index: 99;
  font-weight: 700;
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:before, .single-product > div.product .woocommerce-tabs ul.wc-tabs li:before, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:after, .single-product > div.product .woocommerce-tabs ul.wc-tabs li:after {
  display: none !important;
}
@media screen and (max-width: 575px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li, .single-product > div.product .woocommerce-tabs ul.wc-tabs li {
    display: block;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a {
    display: block;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a {
  padding: 0 28px;
  font-size: 18px;
  line-height: 42px;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: var(--secondary-color);
  font-weight: 700 !important;
  position: relative;
  background-color: #fff;
  z-index: 1;
  background-color: #f4f4f4;
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:hover, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a:hover {
  color: #fff !important;
  background-color: var(--primary-color) !important;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th {
  font-weight: 600 !important;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
  line-height: 1.875;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong {
  font-size: 30px;
  font-weight: 700;
  color: var(--secondary-color);
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: ;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
  margin-bottom: 0;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
  padding-top: 10px;
  margin-bottom: 30px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
  border: 1px solid #dee2e6;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
  border-bottom: none !important;
  font-family: inherit;
  color: #152136;
  font-weight: normal;
  font-style: normal;
  padding: 10px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
  border-left: 1px solid #dee2e6;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews {
  margin-bottom: 25px !important;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list, .single-product > div.product .woocommerce-tabs .tab-product-feature-list {
  font-size: 18px;
  line-height: 34px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4, .single-product > div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4 {
  font-weight: 600;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .line-gap, .single-product > div.product .woocommerce-tabs .tab-product-feature-list .line-gap {
  margin: 0;
  width: 100%;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
  margin-bottom: 15px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
  margin-bottom: 10px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a {
  color: #999;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a {
  color: #efb343;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label {
  margin-bottom: 8px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
  font-size: 24px;
  margin-bottom: 12px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
  height: 140px;
  min-height: 140px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit {
  padding: 0 50px;
  margin-top: 20px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
    width: 100%;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
    width: 100%;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
  padding: 10px 0 0;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
  position: relative;
  margin-bottom: 30px;
  padding: 30px;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 1199px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
    padding: 20px 15px 20px 20px;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating {
  display: none;
}
@media screen and (max-width: 991px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
    position: static;
    margin-bottom: 8px;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container {
  position: relative;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
  padding: 0;
  width: 80px;
  -webkit-border-radius: 80px;
  -khtml-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 575px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    width: 40px;
    border: none;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
  border: none;
  margin: 0;
  padding: 0 0 0 100px;
}
@media screen and (max-width: 767px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
    float: none;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 575px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
    padding-left: 60px;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list {
  margin-top: 30px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
  margin: 0 0 8px;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
    display: block;
  }
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color);
  line-height: 22px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
  color: var(--secondary-color);
  display: block;
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 1;
  margin-bottom: 4px;
  margin-top: 20px;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
  display: none;
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
  margin: 0;
}
.single-product .pxl-content-area div.product .quantity, .single-product > div.product .quantity {
  margin-right: 20px !important;
  border-radius: 5px;
}
.single-product .pxl-content-area div.product .product_meta, .single-product > div.product .product_meta {
  display: flex;
  flex-wrap: wrap;
  color: inherit;
}
.single-product .pxl-content-area div.product .product_meta > span, .single-product > div.product .product_meta > span {
  display: block;
  width: 100%;
  color: var(--secondary-color);
  font-weight: 700;
  font-size: 18px;
}
.single-product .pxl-content-area div.product .product_meta > span + span, .single-product > div.product .product_meta > span + span {
  margin-top: 5px;
}
.single-product .pxl-content-area div.product .product_meta > span span, .single-product > div.product .product_meta > span span, .single-product .pxl-content-area div.product .product_meta > span a, .single-product > div.product .product_meta > span a {
  font-weight: 400;
}
.single-product .pxl-content-area div.product .product_meta a, .single-product > div.product .product_meta a {
  color: #70747f;
  font-weight: 400;
  font-size: 16px;
}
.single-product .pxl-content-area div.product .product_meta a:hover, .single-product > div.product .product_meta a:hover {
  color: var(--primary-color);
}
@media screen and (min-width: 768px) {
  .single-product.header-sticky .pxl-content-area div.product .entry-summary {
    top: 120px;
  }
  .single-product.header-sticky.admin-bar .pxl-content-area div.product .entry-summary {
    top: 150px;
  }
}
.single-product .quantity {
  margin-right: 10px;
  border-radius: 5px;
}
@media (max-width: 991px) and (min-width: 767px) {
  .single-product span.onsale {
    right: 30px !important;
  }
}
.single-product .single_add_to_cart_button {
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 5px;
  line-height: 51px !important;
  padding: 5px 31px;
  text-transform: capitalize;
  background-color: var(--primary-color) !important;
}
.single-product .single_add_to_cart_button:hover {
  background-color: var(--secondary-color) !important;
}
.woocommerce-shop .entry-title {
  display: block !important;
}
.woocommerce .product {
  margin-bottom: 30px !important;
}
.widget_products ins .amount {
  font-weight: 700 !important;
  color: var(--primary-color) !important;
}
.widget_products ul li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  padding-top: 18px !important;
  margin-bottom: 15px;
  min-height: 80px;
}
.widget_products ul li:not(:last-child) {
  border-bottom: 1px solid #eeeff1;
  padding-bottom: 18px !important;
}
.widget_products ul li .product-title {
  margin-top: 0px;
  margin-bottom: 0;
}
.widget_products ul li .product-title a {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 700;
  line-height: 1.25;
  margin-top: 4px;
  margin-bottom: 6px;
}
.widget_products ul li .product-title a:hover {
  color: var(--primary-color);
}
.widget_products ul li .wg-product-image {
  margin-right: 15px;
  width: 68px;
  min-width: 68px;
}
.widget_products ul li .wg-product-image img {
  margin: 0;
  top: 0;
  left: 0;
  position: static;
  width: 100%;
}
body.woocommerce-cart .cart-empty.woocommerce-info {
  padding: 112px 0 0;
  background-color: transparent;
  border: none;
  text-align: center !important;
  color: #222;
}
body.woocommerce-cart .cart-empty.woocommerce-info:before {
  content: "\f145";
  font-family: Caseicon;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #f8f8f8;
  line-height: 100px;
  font-size: 30px;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
body.woocommerce-cart .woocommerce {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
body.woocommerce-cart .woocommerce .woocommerce-cart-form {
  flex-grow: 1;
  padding: 0 15px;
}
body.woocommerce-cart .woocommerce .cart-collaterals {
  width: 100%;
  max-width: 370px;
  padding: 0 15px;
}
body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
  width: 100%;
}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 15px;
}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-message, body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-info {
  width: 100%;
}
body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info {
  width: 100%;
  text-align: left;
}
body.woocommerce-cart .woocommerce .return-to-shop {
  width: 100%;
}
body.woocommerce-cart .woocommerce-cart-form .actions .button {
  padding: 0 20px !important;
}
body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text {
  width: 180px !important;
  height: 55px;
  padding: 0 22px;
  font-size: 15px;
  border-color: #ececec;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
body.woocommerce-cart .woocommerce-cart-form table.cart td.actions button {
  color: #fff;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table {
  border: none;
}
body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
  font-size: 15px;
  font-weight: 700;
  color: var(--secondary-color);
  padding: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid var(--primary-color);
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
  text-align: left;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a {
  color: #152136;
  font-size: 16px;
  font-weight: 600;
  font-weight: 500;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a:hover {
  color: var(--primary-color);
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name dl.variation {
  display: none;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal {
  color: #152136;
  font-size: 16px;
  font-weight: 600;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins {
  color: var(--primary-color) !important;
  background-color: transparent;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins span, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins span {
  color: var(--primary-color);
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail {
  text-align: center !important;
  min-width: 120px;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a {
  display: block;
}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a img {
  width: 100%;
  max-width: 80px;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table {
  margin-bottom: 40px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
@media screen and (max-width: 769px) {
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td {
    background-color: #fff !important;
  }
}
body.woocommerce-cart .cart-collaterals .cart_totals {
  background-color: #fff;
  padding: 40px 50px;
  -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  width: 33.33%;
}
@media screen and (max-width: 991px) {
  body.woocommerce-cart .cart-collaterals .cart_totals {
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991px) {
  body.woocommerce-cart .cart-collaterals .cart_totals {
    padding: 30px;
    width: 100%;
  }
}
body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
  font-size: 24px;
  border-bottom: 1px solid rgba(96, 101, 104, 0.15);
  margin-bottom: 20px;
  padding-bottom: 14px;
  text-transform: capitalize;
  color: var(--secondary-color);
  font-weight: 500 !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals th {
  vertical-align: middle !important;
  border: none !important;
  color: inherit;
  font-weight: normal;
  padding: 12px 10px 12px 0px;
}
body.woocommerce-cart .cart-collaterals .cart_totals th + td {
  border-left: 1px solid #ebebeb;
}
body.woocommerce-cart .cart-collaterals .cart_totals td {
  border: none !important;
  padding: 12px 10px;
  text-align: right;
}
body.woocommerce-cart .cart-collaterals .cart_totals strong {
  font-weight: 600;
}
body.woocommerce-cart .cart-collaterals .cart_totals .order-total th, body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
  color: #222;
  font-weight: 600;
}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
  border: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p {
  margin-bottom: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button {
  color: var(--primary-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:after {
  position: relative;
  top: 1px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:hover {
  color: var(--primary-color);
}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form {
  padding-top: 10px;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  padding-bottom: 0;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
  text-align: right;
}
.woocommerce-checkout .form-row > label {
  font-size: 20px;
  margin-bottom: 18px;
  text-transform: capitalize;
  color: var(--secondary-color);
  line-height: 1 !important;
}
.woocommerce-checkout form.checkout_coupon {
  border: 1px solid #eee;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: #f7f8fa;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
  width: 50%;
  padding-right: 30px;
}
.woocommerce-checkout form.checkout_coupon .form-row-last {
  width: 50%;
}
.woocommerce-checkout #add_payment_method #payment, .woocommerce-checkout #payment {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.woocommerce-checkout #customer_details {
  padding: 0 15px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details {
    width: 100%;
  }
}
.woocommerce-checkout #customer_details > div {
  float: none;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.woocommerce-checkout #customer_details span.woocommerce-input-wrapper {
  width: 100%;
  display: block;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields {
  margin-bottom: 36px;
}
.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
  font-size: 24px;
  margin-bottom: 18px;
  text-transform: capitalize;
  color: var(--secondary-color);
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields {
  margin-bottom: 36px;
}
.woocommerce-checkout #customer_details .woocommerce-additional-fields > h3 {
  font-size: 24px;
  margin-bottom: 18px;
  text-transform: capitalize;
  color: var(--secondary-color);
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address {
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address:hover {
  color: var(--primary-color);
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
  position: absolute;
  opacity: 0;
}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label span:after {
  content: "\f01a";
  font-family: "Font Awesome 5 Pro";
  margin-left: 14px;
  font-weight: normal;
}
.woocommerce-checkout #customer_details #billing_country_field label, .woocommerce-checkout #customer_details #shipping_country_field label, .woocommerce-checkout #customer_details #billing_address_1_field label, .woocommerce-checkout #customer_details #shipping_address_1_field label, .woocommerce-checkout #customer_details #order_comments_field label {
  display: none !important;
}
.woocommerce-checkout #customer_details #billing_country_field textarea, .woocommerce-checkout #customer_details #shipping_country_field textarea, .woocommerce-checkout #customer_details #billing_address_1_field textarea, .woocommerce-checkout #customer_details #shipping_address_1_field textarea, .woocommerce-checkout #customer_details #order_comments_field textarea {
  padding: 18px 30px;
}
.woocommerce-checkout form.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media screen and (max-width: 991px) {
  .woocommerce-checkout form.woocommerce-checkout .about_paypal {
    display: none;
  }
}
.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
  font-size: 24px;
  font-weight: 400;
  color: var(--secondary-color) !important;
  margin-bottom: 18px;
  text-transform: capitalize;
}
.woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review {
    width: 100%;
  }
}
.woocommerce-checkout form.woocommerce-checkout #order_review th {
  font-weight: 500;
  vertical-align: middle !important;
}
.woocommerce-checkout form.woocommerce-checkout #order_review th + td {
  border-left: 1px solid #ebebeb;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .product-total {
  border-left: 1px solid #ebebeb;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
  margin-bottom: 60px;
  border-right: none;
  border-top: none;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th {
  font-weight: 700;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
  border-left: none;
  font-size: 16px;
  font-weight: 400;
  color: var(--secondary-color) !important;
}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td.product-total, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .about_paypal {
  margin-left: 10px;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method + .wc_payment_method {
  margin-top: 12px;
}
@media screen and (max-width: 991px) {
  .woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method input {
    margin-right: 6px;
  }
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
  padding: 30px;
  border: none;
}
@media screen and (max-width: 991px) {
  .woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
  padding: 30px;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order {
  float: none;
  margin-top: 10px;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box {
  background-color: #f8f8f8;
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box:before {
  border-bottom-color: #f8f8f8;
}
.woocommerce-checkout #payment label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .woocommerce-checkout #payment label {
    font-size: 15px;
  }
}
.woosw-list .woosw-content-item--title a, #woosw-area .woosw-content-item--title a {
  color: #191919;
}
.woosw-list .woosw-content-item--title a:hover, #woosw-area .woosw-content-item--title a:hover {
  color: var(--primary-color);
}
.woosw-list .woosw-content-item--price, #woosw-area .woosw-content-item--price {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 15px;
}
.woosw-list .woosw-content-item--add .add_to_cart_button.loading, #woosw-area .woosw-content-item--add .add_to_cart_button.loading {
  padding-right: 36px !important;
}
.woosw-list .woosw-content-item--add .add_to_cart_button.loading:after, #woosw-area .woosw-content-item--add .add_to_cart_button.loading:after {
  top: 0px;
  right: 16px;
}
.widget_products .amount {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: var(--primary-color);
}
.widget_products del {
  color: #cfcfcf;
}
.widget_products del .amount {
  font-weight: 500;
  color: #cfcfcf;
}
.widget_products ins {
  color: var(--primary-color) !important;
}
.widget_products ins .amount {
  font-weight: 500;
  color: #70747f;
}
.widget_products ins span {
  color: var(--primary-color);
}
.widget_products .star-rating-wrap {
  display: none !important;
}
.widget_products .wg-product-holder .star-rating {
  font-size: 12px;
  height: 14px;
  color: #fab319;
}
.comment-text .star-rating-wrap {
  display: none !important;
}
.comment-text .star-rating {
  font-size: 12px;
  width: 100%;
  height: 14px;
  color: #fab319;
}
.woosw-list .woosw-actions {
  display: none;
}
.woosw-list td {
  border-top: 1px solid #ececf0;
  padding: 10px;
  border-right: 1px solid #ececf0;
}
.woosw-list .woosw-item--actions {
  width: 22%;
}
.woosw-list .woosw-item--name {
  color: var(--secondary-color);
}
.woosw-list .woosw-content-mid-notice {
  text-align: center;
  color: #222;
  padding-top: 112px;
  position: relative;
}
.woosw-list .woosw-content-mid-notice:before {
  content: "\f12f";
  font-family: Caseicon;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #f8f8f8;
  line-height: 100px;
  font-size: 30px;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  position: absolute;
  color: var(--primary-color);
}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_inline {
  text-align: center;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart {
  background-color: var(--primary-color);
  line-height: 40px;
  padding: 0 22px;
  font-size: 14px;
  width: auto;
  min-width: auto;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:hover, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:hover, .woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:focus, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:focus {
  background-color: var(--secondary-color);
}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button.added, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart.added {
  display: none;
}
@media screen and (min-width: 1200px) {
  .woosw-list .woosw-content-item--actions {
    width: 22%;
  }
}
#woosw-area .woosw-content-item--add .button, #woosw-area .woosw-content-item--add .add_to_cart_button, #woosw-area .woosw-content-item--add .added_to_cart {
  line-height: 40px;
  padding: 0 18px;
  font-size: 14px;
  width: auto;
  min-width: auto;
  display: inline-block;
}
#woosw-area .woosw-content-item--add .button.added, #woosw-area .woosw-content-item--add .add_to_cart_button.added, #woosw-area .woosw-content-item--add .added_to_cart.added {
  display: none;
}
#woosw-area .woosw-content-item--info, #woosw-area .woosw-content-item--actions {
  text-align: center;
}
#woosw-area.woosw-area {
  background-color: rgba(192, 192, 192, 0.6);
}
#woosw-area.woosw-area .woosw-content {
  -webkit-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -khtml-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -o-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
}
.summary .woocommerce-product-details__short-description {
  margin-bottom: 16px;
}
.summary .woocommerce-product-details__short-description p {
  font-size: 16px;
  font-weight: 400;
  color: #70747f;
  line-height: 32px;
}
.summary .woocommerce-product-rating .star-rating {
  font-size: 12px;
  height: 14px;
  color: #fab319;
  margin: 10px 10px 0 0 !important;
}
.summary .product_meta {
  display: grid;
}
.summary .woosw-btn {
  font-size: 0;
  position: relative;
  background-color: transparent;
  border: 2px solid #eeeef4;
  border-radius: 5px;
  margin-bottom: 20px;
  line-height: 47px !important;
}
.summary .woosw-btn:before {
  position: absolute;
  content: "\f12f";
  font-family: Caseicon;
  font-size: 20px;
  top: 50%;
  color: #1b1d21;
  transform: translate(-50%, -50%);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.summary .woosw-btn:hover, .summary .woosw-btn:focus {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.summary .woosw-btn:hover:before, .summary .woosw-btn:focus:before {
  color: #fff;
}
#woosq-popup .slick-dots li button:before {
  background-color: #666;
}
#woosq-popup .slick-dots .slick-active button:before {
  background-color: var(--primary-color);
}
#woosq-popup .images {
  display: flex;
  align-items: center;
}
#woosq-popup .images .slick-list .slick-slide img {
  max-width: 100%;
}
#woosq-popup .entry-summary .entry-title {
  font-size: 30px !important;
  color: var(--secondary-color);
}
#woosq-popup .entry-summary .price {
  font-size: 24px !important;
  font-weight: 700;
}
#woosq-popup .woocommerce .thumbnails .slick-arrow {
  background-color: var(--primary-color);
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#woosq-popup .woocommerce .thumbnails .slick-arrow:hover {
  background-color: var(--secondary-color);
}
#woosq-popup .slick-slide img {
  width: 100%;
  max-height: inherit;
}
#woosq-popup .summary-content .product_meta {
  margin-bottom: 30px;
}
#woosq-popup .summary-content .woocommerce-product-details__short-description {
  margin-bottom: 20px;
}
#woosq-popup .summary-content .woocommerce-product-details__short-description p {
  color: #70747f;
}
#woosq-popup .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: var(--primary-color);
  width: 3px !important;
  -webkit-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
}
#woosq-popup .single_add_to_cart_button.loading {
  padding-right: 38px;
}
#woosq-popup .single_add_to_cart_button.loading:after {
  top: 0;
  right: 15px;
}
#woosq-popup .quantity .input-text {
  border-radius: 6px;
  margin-right: 5px;
  width: 60px;
  padding: 0 10px;
  -moz-appearance: textfield;
}
input {
  -moz-appearance: textfield;
}
.woocommerce-message, .woocommerce-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: inherit;
  border-color: var(--primary-color);
}
@media (max-width: 575px) {
  .woocommerce-message, .woocommerce-info {
    justify-content: flex-start;
  }
}
.woocommerce-message:before, .woocommerce-info:before {
  color: var(--primary-color);
}
.woocommerce-result-count, .woocommerce-ordering, .pxl-view-layout {
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-ordering {
  cursor: pointer;
}
.woocommerce-ordering select::-ms-expand {
  display: none;
}
.woocommerce-ordering select {
  -webkit-appearance: none;
  appearance: none;
}
@-moz-document url-prefix() {
  .woocommerce-ordering .ui-select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }
  .woocommerce-ordering .ui-select select {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}
.woocommerce-ordering:before {
  content: "\f13c";
  font-family: 'Caseicon';
  font-size: 11px;
  color: var(--primary-color);
  font-weight: 700;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.woocommerce-result-count {
  color: var(--secondary-color);
  font-weight: 500;
  font-size: 20px;
}
.woocommerce-result-count .button {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 20px;
  background-color: var(--primary-color);
  font-weight: 500;
  order: 2;
  color: #fff;
}
.woocommerce-result-count .button:hover {
  background-color: var(--secondary-color);
  color: #fff;
}
.woocommerce-notices-wrapper .woocommerce-message {
  color: var(--secondary-color);
  font-weight: 400;
  font-size: 20px;
}
.woocommerce-notices-wrapper .woocommerce-message .button {
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px 16px !important;
  background-color: var(--primary-color) !important;
  font-weight: 500;
  order: 2;
  color: #fff;
}
.woocommerce-notices-wrapper .woocommerce-message .button:hover {
  background-color: var(--secondary-color) !important;
  color: #fff;
}
.wooscp_list .wooscp-no-result {
  text-align: center;
  font-weight: 500;
  color: #191919;
}
#respond input#submit.alt, #respond input#submit, a.button, a.wc-forward, button.button, input.button, .cart button.button, a.button.alt, .form-row button.button.alt {
  font-size: 14px;
  font-weight: 700 !important;
  color: #fff !important;
  padding: 0 30px;
  line-height: 55px;
  -webkit-transition: all 240ms linear 0ms;
  -khtml-transition: all 240ms linear 0ms;
  -moz-transition: all 240ms linear 0ms;
  -ms-transition: all 240ms linear 0ms;
  -o-transition: all 240ms linear 0ms;
  transition: all 240ms linear 0ms;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden !important;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  text-transform: capitalize;
  background-color: var(--primary-color);
  z-index: 1;
  -webkit-box-shadow: none !important;
  -khtml-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
#respond input#submit.alt:hover, #respond input#submit:hover, a.button:hover, a.wc-forward:hover, button.button:hover, input.button:hover, .cart button.button:hover, a.button.alt:hover, .form-row button.button.alt:hover, #respond input#submit.alt:focus, #respond input#submit:focus, a.button:focus, a.wc-forward:focus, button.button:focus, input.button:focus, .cart button.button:focus, a.button.alt:focus, .form-row button.button.alt:focus, #respond input#submit.alt:active, #respond input#submit:active, a.button:active, a.wc-forward:active, button.button:active, input.button:active, .cart button.button:active, a.button.alt:active, .form-row button.button.alt:active, #respond input#submit.alt:not([disabled]):not(.disabled).active, #respond input#submit:not([disabled]):not(.disabled).active, a.button:not([disabled]):not(.disabled).active, a.wc-forward:not([disabled]):not(.disabled).active, button.button:not([disabled]):not(.disabled).active, input.button:not([disabled]):not(.disabled).active, .cart button.button:not([disabled]):not(.disabled).active, a.button.alt:not([disabled]):not(.disabled).active, .form-row button.button.alt:not([disabled]):not(.disabled).active, #respond input#submit.alt:not([disabled]):not(.disabled):active, #respond input#submit:not([disabled]):not(.disabled):active, a.button:not([disabled]):not(.disabled):active, a.wc-forward:not([disabled]):not(.disabled):active, button.button:not([disabled]):not(.disabled):active, input.button:not([disabled]):not(.disabled):active, .cart button.button:not([disabled]):not(.disabled):active, a.button.alt:not([disabled]):not(.disabled):active, .form-row button.button.alt:not([disabled]):not(.disabled):active {
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-color: var(--secondary-color);
}
#wooscp-area .wooscp-no-result {
  text-align: center;
  font-weight: 500;
  color: #191919;
  font-size: 15px;
  padding-top: 112px;
}
#wooscp-area .wooscp-no-result:before {
  content: "\f12f";
  font-family: Caseicon;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #f8f8f8;
  line-height: 100px;
  font-size: 30px;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  position: absolute;
  color: var(--primary-color);
}
#wooscp-area .tr-add_to_cart .add_to_cart_button.loading, .wooscp_list .tr-add_to_cart .add_to_cart_button.loading {
  padding-right: 30px;
}
#wooscp-area .tr-add_to_cart .add_to_cart_button.loading:after, .wooscp_list .tr-add_to_cart .add_to_cart_button.loading:after {
  right: 12px;
  top: 0;
}
#wooscp-area .tr-add_to_cart .add_to_cart_button, .wooscp_list .tr-add_to_cart .add_to_cart_button, #wooscp-area .tr-add_to_cart .added_to_cart, .wooscp_list .tr-add_to_cart .added_to_cart, #wooscp-area .tr-add_to_cart .product_type_variable, .wooscp_list .tr-add_to_cart .product_type_variable {
  line-height: 40px;
  padding: 0 18px;
  font-size: 14px;
  width: auto;
  min-width: auto;
  display: inline-block;
}
#wooscp-area .tr-add_to_cart .add_to_cart_button.added, .wooscp_list .tr-add_to_cart .add_to_cart_button.added, #wooscp-area .tr-add_to_cart .added_to_cart.added, .wooscp_list .tr-add_to_cart .added_to_cart.added, #wooscp-area .tr-add_to_cart .product_type_variable.added, .wooscp_list .tr-add_to_cart .product_type_variable.added {
  display: none;
}
#wooscp-area .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y, .wooscp_list .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: var(--primary-color);
  width: 3px !important;
  -webkit-border-radius: 3px !important;
  -khtml-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
}
#wooscp-area .wooscp_table th a, .wooscp_list .wooscp_table th a {
  color: #191919;
}
#wooscp-area .wooscp_table .td-label, .wooscp_list .wooscp_table .td-label {
  font-weight: 600;
}
#wooscp-area #wooscp_table th a, .wooscp_list #wooscp_table th a {
  color: #191919;
}
#wooscp-area #wooscp_table .td-label, .wooscp_list #wooscp_table .td-label {
  font-weight: 600;
}
#wooscp-area #wooscp_table .woocommerce-product-attributes, .wooscp_list #wooscp_table .woocommerce-product-attributes {
  border: none;
  background-color: transparent !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: 0px;
  border: none;
  background-color: transparent !important;
}
#wooscp-area #wooscp_table .woocommerce-product-attributes th p, .wooscp_list #wooscp_table .woocommerce-product-attributes th p, #wooscp-area #wooscp_table .woocommerce-product-attributes td p, .wooscp_list #wooscp_table .woocommerce-product-attributes td p {
  margin-bottom: 0;
}
.wooscp-popup.wooscp-search {
  background-color: rgba(192, 192, 192, 0.6);
}
.wooscp-popup.wooscp-search .wooscp-popup-close {
  background-color: rgba(0, 0, 0, 0.1);
}
.wooscp-popup.wooscp-search .wooscp-popup-content {
  -webkit-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -khtml-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -o-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
}
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-items table tbody tr.tr-image:hover td {
  background-color: #fff;
}
body .mfp-bg.mfp-woosq.mfp-ready {
  opacity: 1;
  background-color: rgba(27, 35, 54, 0.8);
}
body .mfp-wrap #woosq-popup {
  -webkit-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -khtml-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  -o-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
  box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);
}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider-horizontal {
  height: 4px;
  background-color: #e6e6e6;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-range {
  background-color: var(--primary-color);
}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-handle {
  height: 10px;
  width: 10px;
  background-color: var(--primary-color);
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  top: -3px;
}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
  border-radius: 0;
  order: 2;
  line-height: 36px;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
  order: 1;
  font-size: 18px;
  color: var(--secondary-color);
  font-weight: 700;
  padding-right: 20px;
}
.widget.woocommerce {
  border: 1px solid #e9ebf0;
}
.widget_price_filter .widget-title {
  margin-bottom: 26px !important;
}
.widget_price_filter .button {
  background-color: var(--secondary-color) !important;
  color: #fff !important;
  padding: 0 15px !important;
  border-radius: 5px;
}
.widget_price_filter .button:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.widget_product_tag_cloud .tagcloud {
  margin-top: 14px !important;
  margin-left: 0;
}
.widget_product_tag_cloud .tagcloud a {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 15px !important;
  color: var(--secondary-color);
  margin: 0 6px 10px 0;
}
.widget_product_tag_cloud .tagcloud a:hover {
  background-color: var(--primary-color) !important;
}
.woocommerce select {
  cursor: pointer !important;
}
.woocommerce .comment-form .comment-form-comment {
  padding-top: 0px !important;
}
.woosw-btn.woosw-adding:after {
  animation: pxl_spin_reverse 0.6s linear infinite;
  -webkit-animation: pxl_spin_reverse 0.6s infinite linear;
}
.single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price {
  font-size: 32px;
  line-height: 1;
  color: var(--secondary-color);
  font-weight: 400;
}
.woocommerce-pagination {
  margin-top: -14px;
  text-align: center;
}
.woocommerce-pagination .page-numbers {
  width: 45px;
  height: 45px;
  background-color: transparent;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-right: 3px;
  margin-top: 10px;
  color: var(--secondary-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  border: 2px solid #e8e9ec;
  padding: 0;
  transition: 0.3s linear 0ms;
}
.woocommerce-pagination .page-numbers.next, .woocommerce-pagination .page-numbers.prev {
  font-size: 0px;
}
.woocommerce-pagination .page-numbers.next:before, .woocommerce-pagination .page-numbers.prev:before {
  font-size: 11px;
  font-family: Bravisicon;
  font-weight: 700;
  transition: 0.3s linear 0ms !important;
}
.woocommerce-pagination .page-numbers.next:before {
  content: "\f14d";
  font-family: 'Caseicon';
  transition: 0.3s linear 0ms !important;
}
.woocommerce-pagination .page-numbers.prev:before {
  font-family: 'Caseicon';
  content: "\f136";
}
.woocommerce-pagination .page-numbers.current {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  pointer-events: none;
}
.woocommerce-pagination .page-numbers:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.shop-view-list .woocommerce-product-details__short-description {
  color: #70747f;
}
.shop-view-list li.product {
  width: 100% !important;
}
.shop-view-list .woocommerce-product--excerpt {
  display: block !important;
}
.shop-view-list .woocommerce-product-inner {
  border-bottom: 1px solid #eaeaea;
  display: flex;
}
@media (max-width: 767px) {
  .shop-view-list .woocommerce-product-inner {
    display: block;
  }
}
.shop-view-list .woocommerce-product-inner:hover .woocommerce-product-header img {
  transform: scale(1);
}
.shop-view-list .woocommerce-product-header {
  min-width: 300px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .shop-view-list .woocommerce-product-header {
    padding-top: 50px !important;
    text-align: center;
  }
}
.shop-view-list .woocommerce-product-content {
  text-align: left !important;
  padding: 51px 20px 40px 0 !important;
}
@media (max-width: 767px) {
  .shop-view-list .woocommerce-product-content {
    padding: 20px 20px 40px 20px !important;
    text-align: center !important;
  }
}
.shop-view-list .woocommerce-product-meta {
  left: 296px !important;
  transform: translateX(0) !important;
}
@media (max-width: 767px) {
  .shop-view-list .woocommerce-product-meta {
    bottom: 35px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
.flex-viewport {
  background-color: #f4f5f7 !important;
}
.flex-viewport .zoomImg {
  background-color: #f4f5f7 !important;
}
.woocommerce-product-gallery .flex-control-nav {
  margin-top: 8px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-product-gallery .flex-control-nav li {
  padding: 0;
  flex-grow: 1;
  margin: 20px;
  background-color: #f4f5f7 !important;
}
.woocommerce-product-gallery .flex-control-nav img {
  opacity: 1;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.woocommerce-product-gallery .flex-control-nav img.flex-active {
  -webkit-box-shadow: 0 0 0 2px var(--primary-color);
  -khtml-box-shadow: 0 0 0 2px var(--primary-color);
  -moz-box-shadow: 0 0 0 2px var(--primary-color);
  -ms-box-shadow: 0 0 0 2px var(--primary-color);
  -o-box-shadow: 0 0 0 2px var(--primary-color);
  box-shadow: 0 0 0 2px var(--primary-color);
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
  position: relative;
  display: block;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:before {
  content: '';
  background-color: rgba(0, 1, 0, );
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
  content: "\f06e";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  background-color: #fff;
  text-align: center;
  color: var(--primary-color);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before {
  opacity: 0.8;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
  opacity: 1;
}
.product-remove {
  position: relative;
  min-width: 50px;
}
.product-remove a.remove {
  font-size: 0px;
  width: 26px;
  height: 26px;
  background-color: var(--primary-color);
  border-radius: 100%;
  position: relative;
}
.product-remove a.remove:before, .product-remove a.remove:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 55%;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  transform-origin: 50% 50%;
  opacity: 1;
  -webkit-transition: transform ease 0.25s;
  -khtml-transition: transform ease 0.25s;
  -moz-transition: transform ease 0.25s;
  -ms-transition: transform ease 0.25s;
  -o-transition: transform ease 0.25s;
  transition: transform ease 0.25s;
}
.product-remove a.remove:before {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-remove a.remove:after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product-remove a.remove:hover:before, .product-remove a.remove:hover:after {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media screen and (max-width: 769px) {
  .product-remove {
    min-height: 57px;
  }
}
.woocommerce .comment-form, .woocommerce-page .comment-form {
  max-width: 100%;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  color: inherit;
  border-color: var(--primary-color);
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
  color: var(--primary-color);
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button {
  padding: 0;
  text-transform: capitalize;
  line-height: 20px;
  background-color: transparent;
  color: #191919;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.woocommerce .quantity, .woocommerce-page .quantity {
  position: relative;
  display: inline-block;
}
.woocommerce .quantity .qty, .woocommerce-page .quantity .qty {
  padding: 0 19px 0 10px;
  width: 80px !important;
  height: 51px !important;
  background-color: transparent;
  font-family: ;
  border: none;
  border: 2px solid #eeeef4 !important;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  -moz-appearance: textfield;
}
.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce-page .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce-page .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.woocommerce .quantity-icon i, .woocommerce-page .quantity-icon i {
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  color: var(--secondary-color);
  line-height: 0;
  text-align: center;
  position: absolute;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}
.woocommerce .quantity-icon i.quantity-up, .woocommerce-page .quantity-icon i.quantity-up {
  right: 20px;
  top: 21px;
}
.woocommerce .quantity-icon i.quantity-down, .woocommerce-page .quantity-icon i.quantity-down {
  right: 20px;
  top: 29px;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
  padding: 20px 15px;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th {
  font-weight: 500;
}
@media screen and (max-width: 769px) {
  .woocommerce .coupon #coupon_code, .woocommerce-page .coupon #coupon_code {
    width: 100% !important;
    margin-bottom: 10px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
  }
  .woocommerce .coupon .button, .woocommerce-page .coupon .button {
    width: 100% !important;
  }
}
.woocommerce form .form-row, .woocommerce-page form .form-row {
  padding: 0 0 10px;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {
  margin-right: 15px;
}
.woocommerce textarea, .woocommerce-page textarea {
  padding-top: 24px;
  padding-bottom: 24px;
  min-height: 140px;
}
.woocommerce .nice-select, .woocommerce-page .nice-select {
  max-width: 213px;
  border: 2px solid #ececec;
  text-align: left;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 45px;
  font-weight: 500;
}
.woocommerce .nice-select span.current, .woocommerce-page .nice-select span.current {
  line-height: 30px;
}
.woocommerce .nice-select:after, .woocommerce-page .nice-select:after {
  color: var(--primary-color);
}
.woocommerce form .select2-container--default .select2-selection, .woocommerce-page form .select2-container--default .select2-selection {
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 55px;
}
.woocommerce form .select2-container--default .select2-selection .select2-selection__rendered, .woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 55px;
  color: var(--secondary-color);
  font-size: 18px;
  padding-left: 22px;
}
.woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce a.button, .woocommerce-page a.button, .woocommerce a.wc-forward, .woocommerce-page a.wc-forward, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce .cart button.button, .woocommerce-page .cart button.button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce .form-row button.button.alt, .woocommerce-page .form-row button.button.alt {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0 30px;
  line-height: 55px;
  -webkit-transition: all 240ms linear 0ms;
  -khtml-transition: all 240ms linear 0ms;
  -moz-transition: all 240ms linear 0ms;
  -ms-transition: all 240ms linear 0ms;
  -o-transition: all 240ms linear 0ms;
  transition: all 240ms linear 0ms;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden !important;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background-color: var(--primary-color);
  z-index: 1;
  -webkit-box-shadow: none !important;
  -khtml-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce a.wc-forward:hover, .woocommerce-page a.wc-forward:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce .cart button.button:hover, .woocommerce-page .cart button.button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce .form-row button.button.alt:hover, .woocommerce-page .form-row button.button.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce-page #respond input#submit.alt:focus, .woocommerce #respond input#submit:focus, .woocommerce-page #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce-page a.button:focus, .woocommerce a.wc-forward:focus, .woocommerce-page a.wc-forward:focus, .woocommerce button.button:focus, .woocommerce-page button.button:focus, .woocommerce input.button:focus, .woocommerce-page input.button:focus, .woocommerce .cart button.button:focus, .woocommerce-page .cart button.button:focus, .woocommerce a.button.alt:focus, .woocommerce-page a.button.alt:focus, .woocommerce .form-row button.button.alt:focus, .woocommerce-page .form-row button.button.alt:focus, .woocommerce #respond input#submit.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce #respond input#submit:active, .woocommerce-page #respond input#submit:active, .woocommerce a.button:active, .woocommerce-page a.button:active, .woocommerce a.wc-forward:active, .woocommerce-page a.wc-forward:active, .woocommerce button.button:active, .woocommerce-page button.button:active, .woocommerce input.button:active, .woocommerce-page input.button:active, .woocommerce .cart button.button:active, .woocommerce-page .cart button.button:active, .woocommerce a.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce .form-row button.button.alt:active, .woocommerce-page .form-row button.button.alt:active, .woocommerce #respond input#submit.alt:not([disabled]):not(.disabled).active, .woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled).active, .woocommerce #respond input#submit:not([disabled]):not(.disabled).active, .woocommerce-page #respond input#submit:not([disabled]):not(.disabled).active, .woocommerce a.button:not([disabled]):not(.disabled).active, .woocommerce-page a.button:not([disabled]):not(.disabled).active, .woocommerce a.wc-forward:not([disabled]):not(.disabled).active, .woocommerce-page a.wc-forward:not([disabled]):not(.disabled).active, .woocommerce button.button:not([disabled]):not(.disabled).active, .woocommerce-page button.button:not([disabled]):not(.disabled).active, .woocommerce input.button:not([disabled]):not(.disabled).active, .woocommerce-page input.button:not([disabled]):not(.disabled).active, .woocommerce .cart button.button:not([disabled]):not(.disabled).active, .woocommerce-page .cart button.button:not([disabled]):not(.disabled).active, .woocommerce a.button.alt:not([disabled]):not(.disabled).active, .woocommerce-page a.button.alt:not([disabled]):not(.disabled).active, .woocommerce .form-row button.button.alt:not([disabled]):not(.disabled).active, .woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled).active, .woocommerce #respond input#submit.alt:not([disabled]):not(.disabled):active, .woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled):active, .woocommerce #respond input#submit:not([disabled]):not(.disabled):active, .woocommerce-page #respond input#submit:not([disabled]):not(.disabled):active, .woocommerce a.button:not([disabled]):not(.disabled):active, .woocommerce-page a.button:not([disabled]):not(.disabled):active, .woocommerce a.wc-forward:not([disabled]):not(.disabled):active, .woocommerce-page a.wc-forward:not([disabled]):not(.disabled):active, .woocommerce button.button:not([disabled]):not(.disabled):active, .woocommerce-page button.button:not([disabled]):not(.disabled):active, .woocommerce input.button:not([disabled]):not(.disabled):active, .woocommerce-page input.button:not([disabled]):not(.disabled):active, .woocommerce .cart button.button:not([disabled]):not(.disabled):active, .woocommerce-page .cart button.button:not([disabled]):not(.disabled):active, .woocommerce a.button.alt:not([disabled]):not(.disabled):active, .woocommerce-page a.button.alt:not([disabled]):not(.disabled):active, .woocommerce .form-row button.button.alt:not([disabled]):not(.disabled):active, .woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled):active {
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-color: var(--secondary-color);
}
@media screen and (min-width: 992px) {
  .woocommerce .content-row {
    margin: 0 -15px;
  }
  .woocommerce .pxl-content-area.content-has-sidebar {
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    max-width: 75%;
  }
  .woocommerce #secondary.widget-has-sidebar {
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    max-width: 25%;
  }
}
.woocommerce .actions > .button {
  float: right;
}
form .select2-container--default .select2-selection .select2-selection__arrow {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #8f8f8f;
}
.woocommerce-checkout th {
  border-top: 1px solid #ededed !important;
  padding: 10px;
  border-right: 1px solid #ededed !important;
}
.woocommerce-checkout td {
  border-top: 1px solid #ededed;
  padding: 10px;
  border-right: 1px solid #ededed;
}
table {
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 0 0 32px;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
@media screen and (max-width: 575px) {
  .woocommerce ul.products li.product {
    width: 100% !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
  .single-product .woocommerce ul.products li.product {
    width: 50% !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
  .single-product section.related ul.products li.product {
    margin-bottom: 0 !important;
    margin: 40px auto 0 auto;
    padding: 0 15px;
    width: 50% !important;
  }
}
.pxl-widget-cart-sidebar {
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  -webkit-transform: translateX(100%);
  -khtml-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  padding-bottom: 137px;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 9999;
  width: 320px;
  overflow: hidden;
}
.pxl-widget-cart-sidebar .woocommerce-mini-cart {
  padding-left: 0 !important;
}
.pxl-widget-cart-sidebar .widget_shopping_title {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  flex-grow: 1;
}
.pxl-widget-cart-sidebar .widget_shopping_head {
  display: flex;
  background-color: #f9f9f9;
  padding: 16px 30px;
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 20px;
  align-items: center;
}
.pxl-widget-cart-sidebar .widget_shopping_head .pxl-close {
  height: 36px;
  width: 36px;
}
.pxl-widget-cart-sidebar .pxl-close {
  position: absolute;
  top: 11px;
  right: 30px;
  z-index: 999;
}
.pxl-widget-cart-sidebar .widget_shopping_cart {
  padding: 30px 60px 0 30px;
  height: 100%;
  overflow-y: scroll;
  width: 350px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
  padding: 20px 15px 15px 0;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
  border: none;
  padding-bottom: 0;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty {
  font-size: 16px;
  margin-top: 40px;
  padding: 0 !important;
  text-align: center;
  display: block;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span {
  text-align: center;
  margin-bottom: 20px;
  display: block;
  margin-top: 20px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
  font-size: 32px;
  color: #555;
  width: 80px;
  height: 80px;
  background-color: #f8f8f8;
  border-radius: 80px;
  line-height: 80px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn {
  width: 100%;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover {
  color: #fff;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image {
  width: 45px;
  min-width: 45px;
  margin-right: 15px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
  display: inline-block;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img {
  margin: 0;
  width: inherit;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.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;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 3px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
  color: inherit;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
  color: #555;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
  font-size: 14px;
  font-weight: 600;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button {
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  width: 18px;
  height: 18px;
  text-align: center;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  line-height: 17px;
  color: var(--primary-color);
  font-size: 11px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button i {
  vertical-align: middle;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
  opacity: 1;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 30px 55px;
  background-color: #fff;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  padding-bottom: 0;
  font-weight: 600;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
  font-weight: inherit;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons {
  margin: 0;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
  width: 100%;
  margin-right: 0;
  line-height: 48px;
  font-size: 14px;
  -webkit-border-radius: 48px;
  -khtml-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  -o-border-radius: 48px;
  border-radius: 48px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline {
  border: 2px solid var(--primary-color);
  background-color: transparent;
  color: var(--primary-color) !important;
  line-height: 44px;
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:before {
  background-color: var(--primary-color);
}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:hover, .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:focus {
  color: #fff !important;
  background-color: var(--primary-color);
}
.pxl-widget-cart-wrap .pxl-item--overlay {
  background-color: rgba(27, 35, 54, .9);
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 1026;
  -webkit-transform: scaleX(0);
  -khtml-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  cursor: url(../img/pointer.png), auto;
}
.pxl-widget-cart-wrap.open .pxl-item--overlay {
  -webkit-transform: scaleX(1);
  -khtml-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.pxl-widget-cart-wrap.open .pxl-widget-cart-sidebar {
  -webkit-transform: translateX(20px);
  -khtml-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -khtml-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -moz-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -ms-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  -o-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
}
.cart-empty, .return-to-shop {
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .pxl-shop-topbar-wrap {
    display: inline-grid !important;
    margin-bottom: 40px;
  }
  .pxl-shop-topbar-wrap .woocommerce-ordering {
    cursor: pointer;
    float: left;
    position: relative;
    margin: 20px 0 27px !important;
  }
  .pxl-shop-topbar-wrap .woocommerce-ordering select {
    cursor: pointer;
  }
  .pxl-shop-topbar-wrap .woocommerce-ordering:before {
    right: 20px;
  }
  .pxl-shop-topbar-wrap .pxl-view-layout-wrap .pxl-view-layout li:first-child {
    margin-left: 0px;
  }
}
.woosw-page, .woosw-continue {
  font-weight: 700;
  text-decoration: none !important;
  color: var(--secondary-color) !important;
}
.woosw-page:hover, .woosw-continue:hover {
  color: var(--primary-color) !important;
}
.select2-dropdown {
  border: 1px solid #eaeaea !important;
}
.woocommerce-summary-wrap .woocommerce-Tabs-panel {
  display: block !important;
}
.pxl-grid .pxl-grid-masonry {
  position: relative;
}
.pxl-grid .grid-sizer {
  z-index: -1;
}
.pxl-grid .pxl-load-more {
  text-align: center;
  padding: 0 15px;
  margin-top: 10px;
}
.pxl-grid .pxl-load-more .btn {
  padding-left: 50px;
  padding-right: 40px;
  line-height: 62px;
  font-size: 15px;
  background: var(--primary-color);
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.pxl-grid .pxl-load-more .btn .pxl-load-icon {
  width: 24px;
  height: 24px;
  right: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #fff;
  -webkit-border-radius: 24px;
  -khtml-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.pxl-grid .pxl-load-more .btn i {
  margin-left: 25px;
  font-size: 18px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.pxl-grid .pxl-load-more.loading i {
  animation: pxl_spin 0.6s infinite linear;
  -webkit-animation: pxl_spin 0.6s infinite linear;
}
.pxl-grid .pxl-load-more.loading i:before {
  content: '\f110' !important;
  font-family: 'Font AweSome 5 Pro' !important;
}
@media screen and (min-width: 1200px) {
  .pxl-grid .col-xl-pxl5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.pxl-grid-filter1 {
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 {
    margin-bottom: 60px;
  }
}
.pxl-grid-filter1 .filter-item {
  color: #383647;
  font-weight: 500;
  display: inline-flex;
  padding: 0 24px;
  line-height: 62px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  min-width: 120px;
  justify-content: center;
  -webkit-border-radius: 62px;
  -khtml-border-radius: 62px;
  -moz-border-radius: 62px;
  -ms-border-radius: 62px;
  -o-border-radius: 62px;
  border-radius: 62px;
}
@media screen and (max-width: 1199px) {
  .pxl-grid-filter1 .filter-item {
    line-height: 54px;
    padding: 0 18px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 .filter-item {
    margin: 10px 2px 0 2px;
    background-color: #f8f8f8;
    line-height: 50px;
    min-width: 90px;
    font-size: 15px;
  }
}
.pxl-grid-filter1 .filter-item:last-child {
  margin-right: 24px;
}
@media screen and (max-width: 1199px) {
  .pxl-grid-filter1 .filter-item:last-child {
    margin-right: 9px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 .filter-item:last-child {
    margin-right: 0;
  }
}
.pxl-grid-filter1 .filter-item.active {
  color: #fff;
  background-color: var(--primary-color);
  margin-right: 24px;
}
@media screen and (max-width: 1199px) {
  .pxl-grid-filter1 .filter-item.active {
    margin-right: 9px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 .filter-item.active {
    margin-right: 0;
  }
}
.pxl-grid-filter1 .filter-item.active:last-child {
  margin-right: 0;
}
.pxl-grid-filter1 .pxl--filter-inner {
  background-color: #fff;
  display: inline-block;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 62px;
  -khtml-border-radius: 62px;
  -moz-border-radius: 62px;
  -ms-border-radius: 62px;
  -o-border-radius: 62px;
  border-radius: 62px;
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 .pxl--filter-inner {
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  .pxl-grid-filter1 .pxl--filter-inner {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
}
.elementor-editor-active .grid-sizer {
  display: none;
}
.pxl-col-align-start > .elementor-widget-wrap {
  justify-content: flex-start;
}
.pxl-col-align-start .elementor-inner-section > .elementor-container {
  margin-left: 0;
}
.pxl-col-align-center > .elementor-widget-wrap {
  justify-content: center;
}
.pxl-col-align-end > .elementor-widget-wrap {
  justify-content: flex-end;
}
.pxl-col-align-end .elementor-inner-section > .elementor-container {
  margin-right: 0;
}
.pxl-swiper-container {
  margin: 0 -15px;
  position: relative;
  overflow: hidden;
}
.pxl-swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.pxl-swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 15px;
}
.pxl-swiper-arrow {
  font-size: 13px;
  color: #000;
  width: 56px;
  height: 56px;
  line-height: 56px;
  display: block;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  -webkit-border-radius: 56px;
  -khtml-border-radius: 56px;
  -moz-border-radius: 56px;
  -ms-border-radius: 56px;
  -o-border-radius: 56px;
  border-radius: 56px;
  -webkit-box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  -khtml-box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  -moz-box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  -ms-box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  -o-box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  box-shadow: 0 10px 20px rgba(49, 0, 122, 0.09);
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (max-width: 1199px) {
  .pxl-swiper-arrow {
    opacity: 0;
    visibility: hidden;
  }
}
.pxl-swiper-arrow:hover {
  color: #fff;
  background-color: var(--primary-color);
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.pxl-swiper-arrow.swiper-button-disabled {
  cursor: not-allowed;
}
.pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: 0;
}
@media screen and (max-width: 1199px) {
  .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 0;
  }
}
.pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: 0;
}
@media screen and (max-width: 1199px) {
  .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0;
  }
}
.pxl-swiper-arrow.style2 {
  background-color: #f1f1f3;
  color: #fff;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.pxl-swiper-arrow.style2:before {
  z-index: -1;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow.style2:hover {
  background-color: #f1f1f3;
}
.pxl-swiper-arrow.style2:hover:before {
  opacity: 1;
}
.pxl-swiper-dots {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 0 12px;
  width: 8px;
  height: 8px;
  text-align: center;
  background: #cacaca;
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #122a00;
}
.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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}
.pxl-swiper-sliders {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .pxl-swiper-sliders:hover .pxl-swiper-arrow {
    opacity: 0;
    visibility: visible;
  }
}
.pxl-swiper-sliders.pxl-swiper-arrow-show .pxl-swiper-arrow {
  opacity: 1;
  visibility: visible;
}
.pxl-swiper-nogap .pxl-swiper-container {
  margin: 0;
}
.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
  padding: 0;
}
.pxl-swiper-thumbs {
  overflow: hidden;
}
.pxl-swiper-thumbs .swiper-slide {
  cursor: pointer;
}
body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: auto;
  left: 0px;
}
body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: auto;
  right: 0;
}
@font-face {
  font-family: 'Playfair Display';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/font-theme/Playfair Display-Regular.ttf') format('ttf'), url('../fonts/font-theme/Playfair Display-Regular.ttf') format('ttf');
}
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/font-theme/Lato-Italic-VariableFont_wght.ttf') format('ttf'), url('../fonts/font-theme/Lato-VariableFont_wght.ttf') format('ttf');
}
@font-face {
  font-family: 'GT Walshei Pro';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf') format('ttf'), url('../fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf') format('ttf');
}
@font-face {
  font-family: 'GT Walsheim Pro';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/walsheim/GTWalsheimPro-Light.woff2') format('woff2'), url('../fonts/walsheim/GTWalsheimPro-Light.woff') format('woff');
}
@font-face {
  font-family: 'GT Walsheim Pro';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/walsheim/GTWalsheimPro-Regular.woff2') format('woff2'), url('../fonts/walsheim/GTWalsheimPro-Regular.woff') format('woff');
}
@font-face {
  font-family: 'GT Walsheim Pro';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/walsheim/GTWalsheimPro-Medium.woff2') format('woff2'), url('../fonts/walsheim/GTWalsheimPro-Medium.woff') format('woff');
}
@font-face {
  font-family: 'GT Walsheim Pro';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/walsheim/GTWalsheimPro-Bold.woff2') format('woff2'), url('../fonts/walsheim/GTWalsheimPro-Bold.woff') format('woff');
}
.ft-playfair-display, .button-slide-1, .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title {
  font-family: 'Playfair Display' !important;
}
.ft-lato, .woocommerce .pxl-sidebar-area .widget_product_categories li a, .woocommerce .pxl-sidebar-area .widget_product_search .search-field, .single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price, .single-product .pxl-content-area div.product .product_meta > span, .single-product > div.product .product_meta > span, .single-product .pxl-content-area div.product .product_meta a, .single-product > div.product .product_meta a, .woocommerce-pagination .page-numbers, .pxl-header-mobile-search .search-field, .post .pxl-showcase.layout1 .item-title, .page .pxl-showcase.layout1 .item-title, .pxl-showcase.layout1 .item-title, .post .pxl-showcase.layout1 .pxl-item-links a, .page .pxl-showcase.layout1 .pxl-item-links a, .pxl-showcase.layout1 .pxl-item-links a, .pxl-single-post-meta > div .title-meta, .pxl-single-post-meta > div .content-meta, .pxl-single-post-meta > div .content-meta a, .pxl-single-post-meta > div a, .pxl-item--post .pxl-item--meta, .pxl-item--post .pxl-item--meta .pxl-item--date, .pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before, .pxl-item--post .pxl-item--meta .categorie a, .entry-author-info .entry-author-meta .position-author, .pxl--post-footer .pxl--tags a, .pxl-pagination-wrap .page-numbers, .pxl-post--navigation .pxl--readmore-nav, .widget_search .search-form .search-field, .widget_product_categories .count, .wp-block-group .count, .widget_categories .count, .widget_nav_menu .count, .widget_pages .count, .widget_archive .count, .widget_meta .count, .widget_recent_entries .count, .widget_product_categories .count:before, .wp-block-group .count:before, .widget_categories .count:before, .widget_nav_menu .count:before, .widget_pages .count:before, .widget_archive .count:before, .widget_meta .count:before, .widget_recent_entries .count:before, .widget_product_categories .count:after, .wp-block-group .count:after, .widget_categories .count:after, .widget_nav_menu .count:after, .widget_pages .count:after, .widget_archive .count:after, .widget_meta .count:after, .widget_recent_entries .count:after, .widget_product_categories ul li a, .wp-block-group ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_product_categories ul li a .pxl-count, .wp-block-group ul li a .pxl-count, .widget_categories ul li a .pxl-count, .widget_nav_menu ul li a .pxl-count, .widget_pages ul li a .pxl-count, .widget_archive ul li a .pxl-count, .widget_meta ul li a .pxl-count, .widget_recent_entries ul li a .pxl-count, .widget_product_categories ul li a .pxl-count:before, .wp-block-group ul li a .pxl-count:before, .widget_categories ul li a .pxl-count:before, .widget_nav_menu ul li a .pxl-count:before, .widget_pages ul li a .pxl-count:before, .widget_archive ul li a .pxl-count:before, .widget_meta ul li a .pxl-count:before, .widget_recent_entries ul li a .pxl-count:before, .tagcloud a, .widget_pxl_recent_posts .pxl-item--date, .comment-reply a, .comment-form .row > div input[type="text"], .comment-form textarea, .comment-form .form-submit .submit, .pxl-select .pxl-select-options li, .wrap-ctf1 .input-filled input, .wrap-ctf10 .ctf10 .input-filled input, .wrap-ctf10 .ctf10 .input-filled button, .form-h1 input, .form-h1 .pxl-select-higthlight, .wrap-ctf-service .wrap-input input, .wrap-ctf-service .wrap-input .pxl-select-higthlight, .wrap-ctf-team .wrap-input input, .wrap-ctf-team .wrap-input .pxl-select-higthlight, .wrap-ctf-team .wrap-input textarea, .wrap-ctf-service-home3 .wrap-input input, .wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight, .wrap-ctf-footer-home2 .form-contact input, .wrap-ctf-footer-home9 .form-contact input, .wrap-ctf-v2 .input-filled input, .wrap-ctf-v2 .input-filled .pxl-select-higthlight, .wrap-ctf-v2 .input-filled textarea, .wrap-ctf-v1 .input-filled input, .wrap-ctf-v1 .input-filled textarea, .wrap-ctf-home-main .input-filled input, .wrap-ctf-home-main .input-filled .pxl-select-higthlight, .wrap-ctf-home-main .input-filled button, .wrap-ctf-v3 .input-filled input, .wrap-ctf-v3 .input-filled textarea, .wrap-ctf-calculate .wrap-input select, .wrap-ctf-calculate .wrap-input .your-value, .wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input, .wrap-ctf-home2 .input-filled input, .wrap-ctf-home2 .input-filled textarea, .wrap-ctf-home2 .input-filled button, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-header-search-form input, .site-header-lang .wpml-ls-statics-shortcode_actions a span, .button-slider-8, .pxl-nav-menu.style2 ul li a, .pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item, .pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count, .pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a, .pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a, .pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-icon-box1 .wrap-icon .step, .pxl-icon-box6 .pxl-item--meta .pxl-item--description, .pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step, .pxl-counter1 .pxl--item-title, .pxl-counter2 .pxl--item-title, .pxl-counter3 .pxl--counter-number .pxl--counter-value, .pxl-counter3 .pxl--counter-number .pxl--counter-suffix, .pxl-counter3 .pxl--item-title, .pxl-counter3 .pxl--item-desc, .pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position, .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position, .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-post-carousel1 .pxl-item--title, .pxl-blog-grid-layout2 .pxl-item--title, .pxl-post-carousel1 .pxl-item--category a, .pxl-blog-grid-layout2 .pxl-item--category a, .pxl-post-carousel1 .wrap-feature .pxl-item--date .year, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year, .pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a, .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-image-box1 .wrap-content .pxl-item--title, .pxl-accordion1.style1 .pxl-item-accordion, .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab, .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab, .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
  font-family: 'Lato' !important;
}
.ft-inter, .pxl-counter5 .pxl--counter-number .pxl--counter-suffix {
  font-family: 'Inter' !important;
}
.ft-rubik, blockquote cite, blockquote cite a, blockquote p:nth-child(2), .post .pxl-showcase.layout2 .item-title, .page .pxl-showcase.layout2 .item-title, .pxl-showcase.layout2 .item-title, .post .pxl-showcase.layout2 .pxl-item-links a, .page .pxl-showcase.layout2 .pxl-item-links a, .pxl-showcase.layout2 .pxl-item-links a, .pxl-piechart-layout1 .pxl-piechart .number, .pxl-piechart-layout1 .pxl-piechart .item--title, .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-family: 'Rubik' !important;
}
.ft-poppins {
  font-family: 'Poppins' !important;
}
.ft-walsheim {
  font-family: 'GT Walsheim Pro' !important;
}
html {
  box-sizing: border-box;
}
body {
  background-color: #fff;
  font-size: 16px;
  line-height: 1.625;
  color: #383838;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-weight: normal;
  letter-spacing: 0;
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}
body.body-overflow {
  overflow: hidden;
}
a {
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: var(--link-color);
}
a:before, a:after {
  -webkit-transition: inherit;
  -khtml-transition: inherit;
  -moz-transition: inherit;
  -ms-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
a:hover, a:focus {
  color: var(--primary-color);
}
a:active {
  color: var(--primary-color);
}
a, a:hover, a:focus, a:before, a:after {
  outline: none;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', sans-serif;
  color: var(--secondary-color);
  font-weight: 700;
  margin: 0 0 15px;
  clear: both;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 48px;
}
h2, .h2 {
  font-size: 42px;
}
h3, .h3 {
  font-size: 32px;
}
h4, .h4 {
  font-size: 28px;
}
h5, .h5 {
  font-size: 22px;
}
h6, .h6 {
  font-size: 18px;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}
p {
  margin: 0 0 15px;
  font-size: 16px;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  padding: 0.8075em 0;
  font-size: 0.875em;
  font-style: italic;
}
.gallery-caption {
  opacity: 1;
}
.wp-caption-text {
  text-align: center;
}
.alignleft, .alignright, .aligncenter {
  margin-top: 6px;
  margin-bottom: 45px;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 35px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 35px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sticky {
  display: block;
}
.screen-reader-text {
  display: none;
}
.bypostauthor {
  display: block;
}
blockquote {
  padding: 25px 65px 20px 35px;
  color: #000;
  position: relative;
  margin-top: 8px;
  margin-bottom: 29px;
  margin-left: 0;
  font-weight: 500;
  position: relative;
  background-color: #f4f5fa;
}
blockquote:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 100%;
  background-color: var(--primary-color);
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  blockquote {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 0;
    font-size: 18px;
  }
}
blockquote p {
  transform: skewx(-5deg);
  font-size: 20px;
  line-height: 30px;
  z-index: 1;
  position: relative;
}
blockquote cite, blockquote cite a, blockquote p:nth-child(2) {
  display: inline-block;
  font-size: 15px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 700;
  position: relative;
  color: var(--primary-color) !important;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote.is-style-large.wp-block-quote {
  padding: 32px 57px 32px 37px;
}
blockquote.wp-block-quote p {
  margin-bottom: 16px !important;
}
blockquote.wp-block-quote cite br {
  display: none;
}
blockquote.wp-block-quote.has-text-align-right:before {
  left: auto;
  right: 0;
}
#tslOverlay {
  background-color: transparent !important;
  z-index: 999999 !important;
}
@media screen and (min-width: 1200px) {
  #pxl-wapper .container {
    max-width: 1200px;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  #pxl-wapper .container {
    max-width: 100%;
  }
}
#pxl-wapper .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #pxl-wapper #pxl-sidebar-area {
    margin-top: 60px;
  }
}
@media screen and (min-width: 992px) {
  #pxl-wapper .pxl-has-sidebar.pxl-sidebar-left {
    flex-direction: row-reverse;
  }
}
#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section > .elementor-container {
  margin: 0 -15px;
  max-width: inherit !important;
}
@media screen and (max-width: 1199px) {
  #pxl-wapper .elementor-top-section > .elementor-column-gap-extended .elementor-inner-section > .elementor-column-gap-extended {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#pxl-main {
  padding: 130px 0;
}
@media screen and (max-width: 1199px) {
  #pxl-main > .elementor-container {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  #pxl-main {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  #pxl-main {
    padding: 70px 0;
  }
}
@media (max-width: 991px) {
  #pxl-main {
    padding: 90px 0;
  }
}
.elementor-section .elementor-container {
  flex-wrap: wrap;
}
.error404 #pxl-main {
  padding: 80px 0 50px 0 !important;
}
@media screen and (max-width: 1199px) {
  .error404 #pxl-main > .elementor-container {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .error404 #pxl-main {
    padding: 60px 0 !important;
  }
}
@media (max-width: 767px) {
  .error404 #pxl-main {
    padding: 70px 0 !important;
  }
}
@media (max-width: 991px) {
  .error404 #pxl-main {
    padding: 90px 0 !important;
  }
}
.woocommerce #pxl-main, .woocommerce-js #pxl-main {
  padding: 130px 0 130px 0;
}
@media screen and (max-width: 1199px) {
  .woocommerce #pxl-main > .elementor-container, .woocommerce-js #pxl-main > .elementor-container {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .woocommerce #pxl-main, .woocommerce-js #pxl-main {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .woocommerce #pxl-main, .woocommerce-js #pxl-main {
    padding: 70px 0;
  }
}
@media (max-width: 991px) {
  .woocommerce #pxl-main, .woocommerce-js #pxl-main {
    padding: 90px 0;
  }
}
@media screen and (min-width: 1200px) {
  .pxl-row-scroll-fixed > .elementor-container {
    align-items: flex-start;
    justify-content: space-between;
  }
  .pxl-row-scroll-fixed .pxl-column-sticky {
    position: sticky;
    top: 30px;
  }
}
@media (min-width: 1500px) {
  .pxl_section_offset-left.pxl-container-width-container-1200 {
    padding-left: calc((100% - 1230px)/2) !important;
  }
}
@media (min-width: 1500px) {
  .pxl_section_offset-right.pxl-container-width-container-1200 {
    padding-right: calc((100% - 1230px)/2) !important;
  }
}
.elementor-page #pxl-content-area.col-12, .elementor-page #pxl-footer-elementor .row > .col-12 {
  padding: 0;
}
.single-post .pxl-item--excerpt > .elementor {
  margin: 0 -15px;
}
.pxl-bg-color-left {
  z-index: 1;
}
.pxl-bg-color-left:before {
  z-index: -1;
  content: '';
  background-color: #070f01;
  position: absolute;
  top: 0;
  left: 80px;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  .pxl-bg-color-left:before {
    left: 0;
  }
}
#pxl-page-title-elementor {
  background-color: #fff;
}
#pxl-page-title-default {
  padding: 152px 0 152px;
  background-color: #f6eeed;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1199px) {
  #pxl-page-title-default {
    padding: 140px 0;
    background-position: center center !important;
  }
}
#pxl-page-title-default:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(250, 241, 240, 0.85);
}
#pxl-page-title-default .container {
  z-index: 99;
}
#pxl-page-title-default .pxl-page-title {
  font-size: 48px;
  margin-bottom: 9px;
}
@media screen and (max-width: 1199px) {
  #pxl-page-title-default .pxl-page-title {
    font-size: 42px;
  }
}
@media screen and (max-width: 767px) {
  #pxl-page-title-default .pxl-page-title {
    font-size: 36px;
  }
}
.pxl-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  color: #1b1b1b;
}
.pxl-breadcrumb a {
  color: inherit;
}
.pxl-breadcrumb a:hover {
  color: var(--primary-color);
}
.pxl-breadcrumb li:after {
  content: "//";
  font-weight: 700;
  margin: 0 14px;
  font-weight: 700;
  color: inherit;
  font-size: 16px;
}
.pxl-breadcrumb li:last-child {
  color: var(--primary-color);
}
.pxl-breadcrumb li:last-child:before, .pxl-breadcrumb li:last-child:after {
  display: none;
}
#pxl-footer-default {
  padding: 40px 0;
  text-align: center;
  background-color: #222237;
  color: #b8b8d3;
  font-weight: 500;
}
#pxl-footer-default a {
  color: inherit;
}
#pxl-footer-default a:hover {
  color: inherit;
  text-decoration: underline;
}
.pxl-scroll-top {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 0px;
  background-color: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  -khtml-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  -moz-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  -ms-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  -o-box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  box-shadow: 0 0 25px rgba(23, 23, 23, .25);
  color: #383838;
  line-height: 40px;
  text-align: center;
  -webkit-transform: rotate(-90deg) rotateX(90deg);
  -khtml-transform: rotate(-90deg) rotateX(90deg);
  -moz-transform: rotate(-90deg) rotateX(90deg);
  -ms-transform: rotate(-90deg) rotateX(90deg);
  -o-transform: rotate(-90deg) rotateX(90deg);
  transform: rotate(-90deg) rotateX(90deg);
  font-size: 15px;
  opacity: 0;
  visibility: hidden;
}
.pxl-scroll-top.pxl-on {
  -webkit-transform: rotate(-90deg) rotateX(0deg);
  -khtml-transform: rotate(-90deg) rotateX(0deg);
  -moz-transform: rotate(-90deg) rotateX(0deg);
  -ms-transform: rotate(-90deg) rotateX(0deg);
  -o-transform: rotate(-90deg) rotateX(0deg);
  transform: rotate(-90deg) rotateX(0deg);
  bottom: 60px;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1199px) {
  .pxl-scroll-top.pxl-on {
    bottom: 15px;
  }
}
.pxl-scroll-top:hover, .pxl-scroll-top:focus {
  margin-bottom: 4px;
  color: #fff;
  background-color: var(--primary-color);
}
@media screen and (max-width: 1400px) {
  .pxl-scroll-top {
    right: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .pxl-scroll-top {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    right: 15px;
  }
}
.pxl-footer-fixed #pxl-footer-elementor {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .pxl-footer-fixed #pxl-footer-elementor {
    position: static;
  }
}
.pxl-footer-fixed #pxl-header-elementor {
  background-color: #fff;
}
.pxl-footer-fixed #pxl-main {
  background-color: #fff;
}
@media screen and (max-width: 1199px) {
  .pxl-footer-fixed #pxl-main {
    margin-bottom: 0 !important;
  }
}
.elementor-editor-active #pxl-header-default, .elementor-editor-active #pxl-header-elementor, .elementor-editor-active #pxl-page-title-default, .elementor-editor-active #pxl-footer-elementor, .elementor-editor-active .pxl-menu-primary .sub-menu, .elementor-editor-active .pxl-menu-primary .children, .elementor-editor-active #pxl-page-title-elementor {
  display: none;
}
.elementor-editor-active.single-footer #pxl-main, .elementor-editor-active.single-header #pxl-main {
  max-width: 1200px;
  padding: 0 15px;
  margin: auto;
}
body img.mfp-img {
  padding: 0 !important;
}
body .mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.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: 0px;
  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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  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(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
body .mfp-wrap .mfp-container .mfp-iframe-scaler {
  position: relative;
  overflow: visible;
}
body .mfp-wrap .mfp-container .mfp-arrow {
  position: absolute;
  background-color: var(--primary-color);
  width: 60px;
  height: 120px;
  opacity: 1;
}
body .mfp-wrap .mfp-container .mfp-arrow:before, body .mfp-wrap .mfp-container .mfp-arrow:after {
  border: none;
}
body .mfp-wrap .mfp-container .mfp-arrow:before {
  font-family: "Caseicon";
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: normal;
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  left: 50%;
  width: auto;
  height: auto;
}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
  content: "\f136";
}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
  content: "\f14d";
}
@media screen and (min-width: 1200px) {
  body .mfp-wrap .mfp-container {
    padding: 0 120px;
  }
}
@media screen and (min-width: 992px) {
  body.blog .pxl-content-wrap.no-sidebar .pxl-content-area, body.archive .pxl-content-wrap.no-sidebar .pxl-content-area, body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
.pxl-row-divider-angle-top, .pxl-row-divider-angle-bottom, .pxl-row-divider-angle-top-bottom {
  z-index: 1;
}
.pxl-row-divider-angle-top > .elementor-container, .pxl-row-divider-angle-bottom > .elementor-container, .pxl-row-divider-angle-top-bottom > .elementor-container {
  z-index: 2;
}
.pxl-row-divider-angle-top .pxl-row-angle, .pxl-row-divider-angle-bottom .pxl-row-angle, .pxl-row-divider-angle-top-bottom .pxl-row-angle {
  position: absolute;
  left: 0;
  right: 0;
}
.pxl-row-divider-angle-top .pxl-row-angle {
  top: 0;
  -webkit-transform: scaleX(-1) scaleY(-1);
  -khtml-transform: scaleX(-1) scaleY(-1);
  -moz-transform: scaleX(-1) scaleY(-1);
  -ms-transform: scaleX(-1) scaleY(-1);
  -o-transform: scaleX(-1) scaleY(-1);
  transform: scaleX(-1) scaleY(-1);
}
.pxl-row-divider-angle-bottom .pxl-row-angle {
  bottom: 0;
}
.pxl-row-divider-angle-top-bottom .pxl-row-angle-top {
  top: 0;
  -webkit-transform: scaleX(-1) scaleY(-1);
  -khtml-transform: scaleX(-1) scaleY(-1);
  -moz-transform: scaleX(-1) scaleY(-1);
  -ms-transform: scaleX(-1) scaleY(-1);
  -o-transform: scaleX(-1) scaleY(-1);
  transform: scaleX(-1) scaleY(-1);
}
.pxl-row-divider-angle-top-bottom .pxl-row-angle-bottom {
  bottom: 0;
}
@keyframes pxl_loader_digital1 {
  0% {
    left: 20%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 20%;
  }
}
@keyframes pxl_loader_digital2 {
  0% {
    left: 80%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 80%;
  }
}
.pxl-loader {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  /*  Mouse Move Animation */
}
.pxl-loader .pxl-loader-effect {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .pxl-loader .pxl-loader-effect {
    max-width: 30%;
  }
}
@media (min-width: 1500px) {
  .pxl-loader .pxl-loader-effect {
    max-width: 25%;
  }
}
.pxl-loader.default .pxl-loader-effect {
  filter: url('#pxl-svg-digital');
  position: absolute;
  width: 160px;
  height: 160px;
  opacity: 0.8;
}
.pxl-loader.default .pxl-circle-1, .pxl-loader.default .pxl-circle-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  animation: pxl_loader_digital1 cubic-bezier(0.77, 0, 0.175, 1) 2.5s infinite;
  background: var(--primary-color);
}
.pxl-loader.default .pxl-circle-2 {
  animation-name: pxl_loader_digital2;
  background: var(--primary-color);
}
.pxl-loader.style-software {
  background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
}
.pxl-loader.style-software .pxl-loader-effect {
  width: 45px;
  height: 45px;
}
.pxl-loader.style-software .pxl-bounce-1, .pxl-loader.style-software .pxl-bounce-2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: pxl_loader_bounce 2s infinite ease-in-out;
  animation: pxl_loader_bounce 2s infinite ease-in-out;
}
.pxl-loader.style-software .pxl-bounce-2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.pxl-cursor {
  visibility: hidden;
  position: fixed;
  pointer-events: none;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  top: 0;
  left: 0;
}
.pxl-cursor .pxl-cursor-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--follower {
  position: absolute;
  background-color: var(--primary-color);
  opacity: 0.25;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  transform: scale(0);
  will-change: transform, opacity;
  -webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor .pxl-cursor--icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transform: scale(0);
  will-change: transform, opacity;
  -webkit-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pxl-cursor.is-enabled {
  visibility: visible;
}
.pxl-cursor.is-hidden .pxl-cursor-wrapper {
  transform: scale(0) !important;
}
.pxl-cursor.is-mouse-down .pxl-cursor-wrapper {
  transform: scale(0.8);
}
.pxl-cursor.is-active .pxl-cursor--follower {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-transform: scale(4);
  -khtml-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  opacity: 0;
}
.pxl-cursor.is-active.has-label .pxl-cursor--follower {
  background-color: var(--primary-color);
  opacity: 1;
}
.pxl-cursor.is-active.has-label .pxl-cursor--label {
  transform: scale(1);
}
.pxl-cursor.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.is-active.has-icon-right .pxl-cursor--follower {
  background-color: black;
  opacity: 0.8;
}
.pxl-cursor.is-active.has-icon .pxl-cursor--icon {
  transform: scale(1);
}
.pxl-cursor.is-active.has-icon .pxl-cursor--icon:before {
  content: "\f110";
  font-family: Flaticon;
  font-size: 24px;
  color: #fff;
}
.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon {
  transform: scale(1);
}
.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon:before {
  content: "\f111";
  font-family: Flaticon;
  font-size: 24px;
  color: #fff;
}
.pxl-cursor.is-active.has-remove {
  opacity: 0;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
  background-color: var(--primary-color);
  opacity: 1;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower {
  -webkit-transform: scale(7.6);
  -khtml-transform: scale(7.6);
  -moz-transform: scale(7.6);
  -ms-transform: scale(7.6);
  -o-transform: scale(7.6);
  transform: scale(7.6);
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--icon:before, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--icon:before {
  font-size: 42px;
}
.pxl-col-divider-right {
  position: relative;
}
.pxl-col-divider-right:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 500000px;
  height: 100%;
  top: 0;
  right: 0;
  transform: skew(-23deg);
}
@media (max-width: 1024px) {
  .pxl-col-divider-right:before {
    transform: skew(0deg);
  }
}
.pxl-col-divider-left {
  position: relative;
}
.pxl-col-divider-left:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 500000px;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(23deg);
}
@media (max-width: 1024px) {
  .pxl-col-divider-left:before {
    transform: skew(0deg);
  }
}
.list-slide {
  position: relative;
}
.list-slide:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: var(--primary-color);
  top: 8px;
  left: -30px;
  transform: rotate(45deg);
}
@media (max-width: 479px) {
  .list-slide:before {
    left: -15px;
  }
}
.button-slide-1 {
  background-color: var(--primary-color);
  padding: 10px 47px 11px 47px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  position: relative;
}
.button-slide-1:before {
  position: absolute;
  content: '';
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 2px solid var(--primary-color);
}
.box-price-slide {
  position: relative;
}
.box-price-slide:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: pulse 3s 1.5s infinite;
  box-shadow: 0 0 0 3em rgba(255, 0, 0, 0);
  border-radius: 500px;
}
.box-price-slide:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: pulse 3s infinite;
  box-shadow: 0 0 0 3em rgba(255, 0, 0, 0);
  transition-delay: 2000ms;
  border-radius: 500px;
}
.text-slider-2 span {
  color: var(--primary-color) !important;
}
.button-slider-2 {
  height: 55px !important;
  clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);
  width: 165px !important;
  background-color: var(--primary-color) !important;
  color: #fff;
  font-size: 16px !important;
  text-align: center;
  padding-left: 23px !important;
  transition: 300ms !important;
}
.button-slider-2:after {
  background-color: #fff !important;
}
.button-slider-2:hover {
  color: #000 !important;
}
.button-slider-6 {
  height: 57px !important;
  line-height: 55px !important;
  width: 200px !important;
  background-color: var(--primary-color) !important;
  color: #fff;
  font-size: 16px !important;
  text-align: center;
  padding-left: 23px !important;
  transition: 300ms !important;
}
.button-slider-6 i {
  margin-right: 15px;
  transform: translateY(2px);
  font-size: 18px !important;
}
.button-slider-6:after {
  background-color: #fff !important;
}
.button-slider-6:hover {
  color: #000 !important;
}
.button-slider-6-2 {
  height: 57px !important;
  line-height: 55px !important;
  width: 160px !important;
  background-color: #fff !important;
  color: #000 !important;
  font-size: 16px !important;
  text-align: center;
  padding-left: 13px !important;
  transition: 300ms !important;
}
.button-slider-6-2 i {
  margin-right: 11px;
  margin-left: 16px;
  font-size: 18px !important;
}
.button-slider-6-2:after {
  background-color: var(--primary-color) !important;
}
.button-slider-6-2:hover {
  color: #fff !important;
}
.button-slider-4 {
  height: 50px !important;
  width: 157px !important;
  background-color: var(--primary-color) !important;
  color: #fff;
  font-size: 15px !important;
  line-height: 48px !important;
  border-radius: 200px;
  transition: 300ms all linear 0ms !important;
}
.button-slider-4:hover {
  background-color: #000 !important;
}
.button-slider-5 {
  height: 56px !important;
  width: 186px !important;
  background-color: transparent !important;
  border: 2px solid #f1f4fd !important;
  color: #fff;
  font-size: 15px !important;
  line-height: 48px !important;
  text-align: center;
  transition: 300ms all linear 0ms !important;
}
.button-slider-5:before {
  position: absolute;
  content: '';
  background-color: #fff;
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.button-slider-5:hover {
  color: #000 !important;
}
.button-slider-5:hover:before {
  transform: scaleY(1);
}
@media (max-width: 950px) {
  .hide-950 {
    display: none !important;
  }
}
@media (max-width: 1150px) and (min-width: 1024px) {
  .hide-950 {
    display: none !important;
  }
}
#parallax-1 {
  background-attachment: fixed !important;
  background-position-y: -0.2;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.tp-bullets.custom .tp-bullet {
  width: 53px !important;
  height: 53px !important;
  border-radius: 200px !important;
  border: 2px solid transparent;
  background-color: transparent !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.tp-bullets.custom .tp-bullet:before {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 53px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.tp-bullets.custom .tp-bullet:nth-child(1):before {
  content: '01';
}
.tp-bullets.custom .tp-bullet:nth-child(2):before {
  content: '02';
}
.tp-bullets.custom .tp-bullet:nth-child(3):before {
  content: '03';
}
.tp-bullets.custom .tp-bullet:nth-child(4):before {
  content: '04';
}
.tp-bullets.custom .tp-bullet.selected {
  border-color: #fff;
}
.shadow-1, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner, .pxl-icon-box9 .pxl-item--icon {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.fill-img img {
  filter: grayscale(50%);
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.fill-img:hover img {
  filter: grayscale(0%) !important;
}
.fs-17 {
  font-size: 17px;
}
.lt-4 {
  letter-spacing: -0.03em !important;
}
.pxl-text-center {
  text-align: center;
}
.pxl-text-left {
  text-align: left;
}
.pxl-text-right {
  text-align: right;
}
.pxl-img--mask {
  width: 100px;
  height: 100px;
  position: relative;
}
.pxl-img--mask .pxl--mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -ms-mask-position: center center;
  -o-mask-position: center center;
  mask-position: center center;
  mask-size: cover;
  -webkit-mask-size: cover;
}
.pxl-flex-grow {
  flex-grow: 1;
}
.pxl-icon--plus {
  height: 10px;
  width: 10px;
  position: relative;
}
.pxl-icon--plus:before, .pxl-icon--plus:after {
  content: '';
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-icon--plus:before {
  width: 10px;
  height: 2px;
  top: 4px;
  left: 0;
}
.pxl-icon--plus:after {
  width: 2px;
  height: 10px;
  left: 4px;
  top: 0;
}
.pxl-inline-flex {
  display: inline-flex;
  align-items: center;
}
.pxl-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pxl-widget-flex > .elementor-widget-container > div {
  display: flex;
}
.el-empty:empty {
  display: none !important;
}
.pxl-spill, .pxl-swiper-arrow.style2:before, .pxl-gallery .pxl--item-inner.video-active:before, .pxl-button-video1.style2, .pxl-icon1.hv-style-gradient a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pxl-middle, .revslider-initialised .roofex-arrows-1.tparrows:before, .pxl-icon1.style-round-box a i, .pxl-icon1.style-round-box-1 a i, .pxl-video-player .pxl-box--icon i, .pxl-video-player1 .btn-video i, .pxl-swiper-arrow-style4 .pxl-swiper-arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pxl-icon--middle {
  position: relative;
}
.pxl-icon--middle * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pxl-item--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pxl-item--flexnw {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.color-inherit {
  color: inherit;
}
.color-inherit:hover {
  color: inherit;
}
.color-primary {
  color: var(--primary-color);
}
.text-gradient, body.rtl #pxl-page-title-default .pxl-breadcrumb li:before, .pxl-heading .highlight-text-gradient .pxl-title--highlight, .pxl-heading .pxl-item--subtitle.sub-text-gradient span, .pxl-button-video1.style1 i, .pxl-pagination1 a:hover span, .pxl-pagination1 a:hover i, .pxl-title-effect.pxl-type-gradient .pxl-item--title, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li:hover > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_item > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-item > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_ancestor > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-ancestor > a, .swiper-filter-wrap .filter-item.active span, .pxl-grid-filter3 .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover i {
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  background-color: transparent;
  background-clip: text;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}
.rm-text-gradient {
  text-fill-color: inherit;
  -webkit-text-fill-color: inherit;
  background-image: none;
}
.bg-gradient, .pxl-heading .pxl-item--subtitle.sub-style-gradient span, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li > a:before {
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}
.bg-gradient-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
}
.ft-theme-default, .woocommerce .woocommerce-tabs ul.wc-tabs li a, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .widget_products ul li .product-title a, body.woocommerce-cart .woocommerce-cart-form .shop_table thead th, body.woocommerce-cart .woocommerce-cart-form tbody .product-name a, .woocommerce-checkout .form-row > label, .woocommerce-checkout form.woocommerce-checkout #order_review_heading, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td, .woosw-list .woosw-item--name, .woocommerce-result-count, .woocommerce-notices-wrapper .woocommerce-message, #respond input#submit.alt, #respond input#submit, a.button, a.wc-forward, button.button, input.button, .cart button.button, a.button.alt, .form-row button.button.alt, .woocommerce #pxl-sidebar-area .widget_price_filter .price_label, .widget_price_filter .button, .single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price, .woocommerce form .select2-container--default .select2-selection .select2-selection__rendered, .woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered, .pxl-grid-filter1 .filter-item, blockquote, blockquote, .pxl-breadcrumb, .button-slider-2, .button-slider-6, .button-slider-6-2, .button-slider-4, .button-slider-5, .tp-bullets.custom .tp-bullet:before, .pxl-single-post-meta, .pxl-item--post .pxl-item--meta, .pxl--post-footer label, .pxl--post-footer .pxl--social .title-social, .pxl-post--navigation .pxl--meta .title-post-nav a, .pxl-post--navigation .pxl--meta .item-title, .pxl-related-post .pxl--meta .title-post-nav a, .pxl-related-post .pxl--meta .item-title, .pxl-related-post .pxl--readmore-nav, .pxl-related-post .pxl--readmore-related, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight, .wrap-ctf1 .wpcf7-submit, .wrap-ctf10 .ctf10 .input-filled .title p, .wrap-ctf10 .ctf10 .input-filled .title, .form-h1 button, .wrap-ctf-service .wrap-input button, .wrap-ctf-team .wrap-input button, .wrap-ctf-service-home3 .wrap-input button, .wrap-ctf-v2 .input-filled button, .wrap-ctf-v1 .input-filled button, .wrap-ctf-v3 .input-filled button, .error404 .wrap-content-404 .pxl-error-button, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title, .widget_block h2, .widget_block label, .pxl-heading .pxl-item--subtitle.sub-text-gradient, .pxl-link.hv-style4 li, .pxl-link.hv-style5 li, .pxl-link.hv-style6 li, .gallery-image .wrap-title, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc, .pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title, .tt_timetable th, .pxl-history .tetx-start, .pxl-history .pxl-history-l1 li .title, .pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title, .pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title, .pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title, .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title, .pxl-piechart-layout1 .pxl-piechart .item--value span, .pxl-piechart-layout1 .pxl-piechart .item--value span i, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title, .pxl-mailchimp.style-box-round [type="email"], .pxl-mailchimp.style-box-round [type="submit"], .pxl-mailchimp.style-box-white [type="email"], .pxl-mailchimp.style-box-white2 [type="email"], .pxl-grid-filter2, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a, .pxl-portfolio-grid-layout1 .btn, .pxl-icon-box6 .pxl-item--meta .pxl-item--title, .pxl-bn-box2 .ct-banner-title, .pxl-counter5 .pxl--counter-number .pxl--counter-value, .pxl-video-player1 .pxl-video-text, .pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title, .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item, .pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day, .pxl-post-carousel1 .pxl-item--readmore .btn-readmore, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore, .pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab, .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab, .pxl-tabs1.style-round-box .pxl-item--title, .pxl-tabs1 .pxl-item--title, .tt_navigation_cell .tt_tabs_navigation li a, .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab, .pxl-progressbar-1 .pxl--percentage, .pxl-progressbar-2 .pxl--percentage, .pxl-pricing1 .pxl-item--price, .pxl-pricing1 .pxl-item--readmore .btn-readmore, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
  font-family: "Playfair Display", sans-serif;
}
.bg-image, #pxl-page-title-default {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pxl-close {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  border: 9px solid transparent;
  color: #777;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-close:before, .pxl-close:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #1b1b1b;
}
.pxl-close:before {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pxl-close:after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pxl-close:hover:before, .pxl-close:hover:after {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-left {
  float: left;
}
.pxl-right {
  float: right;
}
.pxl-hide {
  display: none;
}
@media screen and (min-width: 1200px) {
  .pxl-hide-xl {
    display: none !important;
  }
  .pxl-col-line1 {
    position: relative !important;
  }
  .pxl-col-line1:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 50px);
    background-color: rgba(0, 0, 0, 0.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-header-default {
  position: relative;
  z-index: 999;
  background-color: #fff;
}
#pxl-header-default .row {
  align-items: center;
}
@media screen and (min-width: 1200px) {
  #pxl-header-default .row > div {
    padding: 0 15px;
  }
}
#pxl-header-default .pxl-header-branding {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
#pxl-header-default .pxl-header-branding a {
  display: inline-flex;
}
#pxl-header-default .pxl-header-branding img {
  height: 45px;
  max-width: inherit;
}
#pxl-header-default #pxl-nav-mobile {
  display: none;
}
#pxl-header-elementor #pxl-header-mobile {
  display: none;
}
#pxl-header-elementor .pxl-header-elementor-main {
  position: relative;
  z-index: 999;
}
#pxl-header-elementor .pxl-header-elementor-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0;
  -webkit-transform: translateY(-100%);
  -khtml-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  visibility: hidden;
}
#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed {
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}
#pxl-header-elementor .px-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
.p-0 {
  /* Header Menu */
}
@media (max-width: 1199px) {
  .p-0 {
    padding: 0 !important;
  }
}
@media (max-width: 1199px) {
  .sub-menu .elementor-section {
    width: 100% !important;
  }
  .sub-menu .shadow-1, .sub-menu .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner, .pxl-blog-grid-layout1 .pxl-grid-item .sub-menu .pxl-item--inner, .sub-menu .pxl-icon-box9 .pxl-item--icon, .pxl-icon-box9 .sub-menu .pxl-item--icon {
    box-shadow: none !important;
  }
}
.sub-menu.pxl-mega-menu {
  background-color: transparent !important;
  padding: 0 !important;
}
@media (min-width: 1200px) {
  .sub-menu.pxl-mega-menu {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }
}
.sub-menu.pxl-mega-menu .pxl-link li:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.sub-menu.pxl-mega-menu .pxl-link li:hover {
  background-color: transparent !important;
}
.sub-menu.pxl-mega-menu .pxl-link li:hover:before {
  width: 100%;
}
.sub-menu.pxl-mega-menu .pxl-link li:hover a {
  color: var(--primary-color);
}
@media (max-width: 1200px) {
  .sub-menu .pxl-link a {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .sub-menu .elementor-element {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  /* Header Tablet/Mobile */  .pxl-menu-primary {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pxl-menu-primary > ul > li > > a:before {
    opacity: 0;
  }
  .pxl-menu-primary ul {
    list-style: none;
    margin: 0;
    padding: 7px 0 25px 0;
  }
  .pxl-menu-primary > li > ul {
    padding: 15px 0 30px 0;
  }
  .pxl-menu-primary li {
    position: relative;
    color: var(--secondary-color);
  }
  .pxl-menu-primary li a {
    font-size: 15px;
    color: var(--secondary-color);
    position: relative;
    font-weight: 500;
  }
  .pxl-menu-primary li a:before {
    position: absolute;
    content: '';
    background-color: var(--primary-color);
    height: 1px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 300ms;
  }
  .pxl-menu-primary li a:hover:before {
    width: 100%;
  }
  .pxl-menu-primary > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px;
  }
  .pxl-menu-primary > li > a {
    line-height: 100px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
  }
  .pxl-menu-primary .sub-menu {
    border-top: 1px solid var(--primary-color);
  }
  .pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    margin-bottom: 0;
    min-width: 250px;
    z-index: 99;
    transform: scaleY(0);
    opacity: 0;
    transform-origin: top;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -khtml-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -o-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
  }
  .pxl-menu-primary .sub-menu li, .pxl-menu-primary .children li {
    padding: 0px 35px;
    white-space: nowrap;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    background-color: transparent !important;
  }
  .pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
    line-height: 50px;
    display: block;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    font-weight: 700;
    border-bottom: 1px solid #eaeaea;
    font-family: 'Lato', sans-serif;
  }
  .pxl-menu-primary .sub-menu li a span, .pxl-menu-primary .children li a span {
    position: relative;
    display: inline-block;
  }
  .pxl-menu-primary .sub-menu li > a:hover, .pxl-menu-primary .children li > a:hover, .pxl-menu-primary .sub-menu li.current_page_item > a, .pxl-menu-primary .children li.current_page_item > a, .pxl-menu-primary .sub-menu li.current-menu-item > a, .pxl-menu-primary .children li.current-menu-item > a, .pxl-menu-primary .sub-menu li.current_page_ancestor > a, .pxl-menu-primary .children li.current_page_ancestor > a, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a, .pxl-menu-primary .children li.current-menu-ancestor > a {
    color: var(--primary-color);
  }
  > .pxl-menu-primary .sub-menu li:hover > a, > .pxl-menu-primary .children li:hover > a {
    color: var(--primary-color);
  }
  .pxl-menu-primary .sub-menu .sub-menu, .pxl-menu-primary .children .sub-menu, .pxl-menu-primary .sub-menu .children, .pxl-menu-primary .children .children {
    top: -1px;
    left: 100%;
  }
  .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse, .pxl-menu-primary .children .sub-menu.pxl-sub-reverse, .pxl-menu-primary .sub-menu .children.pxl-sub-reverse, .pxl-menu-primary .children .children.pxl-sub-reverse {
    left: auto;
    right: 100%;
  }
  .pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title, .pxl-menu-primary .children .pxl-heading .pxl-item--title {
    color: inherit !important;
  }
  .pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li.focus > .sub-menu, .pxl-menu-primary li:hover > .children, .pxl-menu-primary li.focus > .children {
    transform: scaleY(1);
    opacity: 1;
  }
  .pxl-menu-primary .pxl-megamenu {
    position: static;
  }
  .pxl-menu-primary .pxl-megamenu > .sub-menu {
    padding: 20px 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-link li {
    padding: 0;
    margin-bottom: 0;
  }
  .pxl-menu-toggle {
    display: none;
  }
  #pxl-header-default .pxl-header-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 999;
  }
  #pxl-header-default .pxl-header-main .container {
    max-width: 1660px;
  }
  #pxl-header-default .pxl-menu-primary > li:hover > a:before, #pxl-header-default .pxl-menu-primary > li.current_page_item > a:before, #pxl-header-default .pxl-menu-primary > li.current-menu-item > a:before, #pxl-header-default .pxl-menu-primary > li.current_page_ancestor > a:before, #pxl-header-default .pxl-menu-primary > li.current-menu-ancestor > a:before {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .pxl-menu-primary > li {
    margin: 0 13px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1200px) {
  .pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 1199px) {
  /* Search Popup */  #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, 0.09);
    -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
    position: relative;
    z-index: 999;
  }
  #pxl-header-default, #pxl-header-elementor {
    position: relative;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    -khtml-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
    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: 45px;
  }
  #pxl-header-default #pxl-nav-mobile, #pxl-header-elementor #pxl-nav-mobile {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item, #pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item {
    margin-left: 10px;
  }
  .pxl-nav-mobile-button {
    width: 34px;
    height: 20px;
    position: relative;
    cursor: pointer;
  }
  .pxl-nav-mobile-button:before, .pxl-nav-mobile-button:after, .pxl-nav-mobile-button span {
    content: '';
    background-color: var(--secondary-color);
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .pxl-nav-mobile-button:before {
    top: 0;
    width: 24px;
  }
  .pxl-nav-mobile-button:after {
    bottom: 0;
    width: 24px;
  }
  .pxl-nav-mobile-button span {
    top: 9px;
    width: 100%;
  }
  .pxl-nav-mobile-button:hover:before, .pxl-nav-mobile-button:hover:after {
    width: 100%;
  }
  .pxl-header-menu-backdrop {
    z-index: 998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 55, 0.6);
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
    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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.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: 40px 35px;
  }
  .pxl-menu-toggle {
    position: absolute;
    top: 10px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    right: 0px;
    width: 28px;
    cursor: pointer;
    font-size: 10px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: var(--secondary-color);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.03);
  }
  .pxl-menu-toggle:before {
    content: "\f150";
    font-family: "Caseicon";
  }
  .pxl-menu-toggle.active:before {
    content: "\f13d";
  }
  .pxl-menu-primary {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pxl-menu-primary li {
    position: relative;
  }
  .pxl-menu-primary li a {
    display: block;
    line-height: 46px;
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .pxl-menu-primary li > a:hover, .pxl-menu-primary li.current_page_item > a, .pxl-menu-primary li.current-menu-item > a, .pxl-menu-primary li.current_page_ancestor > a, .pxl-menu-primary li.current-menu-ancestor > a {
    color: var(--primary-color);
  }
  .pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
    position: relative;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
    font-weight: 500;
    padding-left: 14px;
  }
  .pxl-menu-primary > li > .sub-menu > li > .sub-menu > li a {
    padding-left: 28px;
  }
  .pxl-menu-primary .pxl-megamenu .elementor-container > .elementor-column {
    width: 100%;
  }
  .pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap {
    padding: 0 !important;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-link li {
    margin: 0;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-link li:hover {
    background-color: transparent !important;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-heading {
    padding-left: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.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-logo-mobile {
    margin-bottom: 20px;
  }
  .pxl-logo-mobile img {
    height: 35px;
  }
  .pxl-header-mobile-search {
    margin-bottom: 20px;
  }
  .pxl-header-mobile-search form {
    position: relative;
  }
  .pxl-header-mobile-search .search-field {
    height: 40px;
    border: none;
    padding: 0;
    padding-left: 0px;
    border-bottom: 2px solid #ececec;
    border-radius: 0;
  }
  .pxl-header-mobile-search .search-field:hover, .pxl-header-mobile-search .search-field:focus {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid var(--primary-color) !important;
  }
  .pxl-header-mobile-search .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    line-height: 36px;
    padding: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    background: none;
    color: var(--primary-color);
  }
  .pxl-header-mobile-search .search-submit:hover, .pxl-header-mobile-search .search-submit:focus {
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .pxl-menu-close {
    background-color: rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1200px) {
  .pxl-menu-primary li a {
    font-weight: 700 !important;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .pxl-menu-primary .pxl-megamenu .pxl-heading {
    padding-left: 0;
  }
}
#pxl-search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
}
#pxl-search-popup .pxl-item--close {
  width: 45px;
  height: 45px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.04);
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99;
  border-radius: 45px;
  border-width: 11px;
  opacity: 1;
}
#pxl-search-popup .pxl-item--conent {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0 15px 80px 15px;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: scaley(0);
  -khtml-transform: scaley(0);
  -moz-transform: scaley(0);
  -ms-transform: scaley(0);
  -o-transform: scaley(0);
  transform: scaley(0);
  transform-origin: center;
}
#pxl-search-popup .pxl-item--conent form {
  max-width: 760px;
  margin: auto;
  width: 100%;
  position: relative;
}
#pxl-search-popup .pxl-item--conent form .search-field {
  height: 80px;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.48);
  font-size: 30px;
  border: none !important;
  background-color: transparent;
}
#pxl-search-popup .pxl-item--conent form .search-submit {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: right;
  border: none;
  background: none;
  font-size: 28px;
  padding: 0;
  z-index: 99;
  cursor: pointer;
}
#pxl-search-popup .pxl--search-divider {
  height: 2px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#pxl-search-popup .pxl-item--overlay {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 55, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#pxl-search-popup.active {
  visibility: visible;
}
#pxl-search-popup.active .pxl-item--overlay {
  opacity: 1;
  visibility: visible;
}
#pxl-search-popup.active .pxl-item--conent {
  -webkit-transform: scaley(1);
  -khtml-transform: scaley(1);
  -moz-transform: scaley(1);
  -ms-transform: scaley(1);
  -o-transform: scaley(1);
  transform: scaley(1);
}
.admin-bar {
  /* Heaeder Layout */
}
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup {
    top: 0;
  }
}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape {
  display: none;
}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape:last-child {
  display: block;
}
.pxl-type-header-clip > .elementor-container {
  position: relative !important;
  z-index: 1;
}
.pxl-type-header-clip > .elementor-container .pxl-header-shape {
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  height: 100px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: -1;
  filter: drop-shadow(0px 10px 35px rgba(0, 0, 0, 0.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;
}
@media (max-width: 1300px) {
  .none-hd {
    display: none;
  }
}
.post .pxl-showcase .notification, .page .pxl-showcase .notification, .pxl-showcase .notification {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  line-height: 33px;
  height: 33px;
  font-size: 13px;
  font-weight: 700;
  color: #14287b;
  background-color: #ffd532;
  position: absolute;
  width: 180px;
  padding: 0 10px;
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 25px;
  left: -48px;
  font-family: poppins, sans-serif;
  text-align: center;
  text-transform: uppercase;
  z-index: 3;
}
.post .pxl-showcase.layout1 a, .page .pxl-showcase.layout1 a, .pxl-showcase.layout1 a {
  text-align: center !important;
}
.post .pxl-showcase.layout1 .item-feature, .page .pxl-showcase.layout1 .item-feature, .pxl-showcase.layout1 .item-feature {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.post .pxl-showcase.layout1 .item-feature img, .page .pxl-showcase.layout1 .item-feature img, .pxl-showcase.layout1 .item-feature img {
  width: 100%;
}
.post .pxl-showcase.layout1 .item-feature:after, .page .pxl-showcase.layout1 .item-feature:after, .pxl-showcase.layout1 .item-feature:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .49);
  z-index: 1;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  opacity: 0;
}
.post .pxl-showcase.layout1 .item-title, .page .pxl-showcase.layout1 .item-title, .pxl-showcase.layout1 .item-title {
  font-size: 16px;
  color: var(--secondary-color);
  text-transform: capitalize;
  font-weight: 700;
}
.post .pxl-showcase.layout1 .item-title a, .page .pxl-showcase.layout1 .item-title a, .pxl-showcase.layout1 .item-title a {
  font-size: 16px;
  color: var(--secondary-color);
  text-transform: capitalize;
  font-weight: 700;
}
.post .pxl-showcase.layout1 .item-title a:hover, .page .pxl-showcase.layout1 .item-title a:hover, .pxl-showcase.layout1 .item-title a:hover {
  padding-left: 0;
  color: var(--primary-color);
}
.post .pxl-showcase.layout1 .item-title a:before, .page .pxl-showcase.layout1 .item-title a:before, .pxl-showcase.layout1 .item-title a:before {
  display: none;
}
.post .pxl-showcase.layout1 .pxl-item-links, .page .pxl-showcase.layout1 .pxl-item-links, .pxl-showcase.layout1 .pxl-item-links {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  position: 0;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.post .pxl-showcase.layout1 .pxl-item-links a, .page .pxl-showcase.layout1 .pxl-item-links a, .pxl-showcase.layout1 .pxl-item-links a {
  display: inline-block;
  min-width: 100px;
  background-color: var(--secondary-color);
  line-height: 40px;
  padding: 0 10px;
  margin: 5px;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  padding-left: 10px !important;
  text-align: center !important;
  font-weight: 700;
}
.post .pxl-showcase.layout1 .pxl-item-links a:before, .page .pxl-showcase.layout1 .pxl-item-links a:before, .pxl-showcase.layout1 .pxl-item-links a:before {
  display: none;
}
.post .pxl-showcase.layout1 .pxl-item-links a:after, .page .pxl-showcase.layout1 .pxl-item-links a:after, .pxl-showcase.layout1 .pxl-item-links a:after {
  content: "";
  background: #fff;
  -webkit-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.post .pxl-showcase.layout1 .pxl-item-links a:hover, .page .pxl-showcase.layout1 .pxl-item-links a:hover, .pxl-showcase.layout1 .pxl-item-links a:hover {
  background-color: var(--primary-color);
}
.post .pxl-showcase.layout1 .pxl-item-links a:hover span, .page .pxl-showcase.layout1 .pxl-item-links a:hover span, .pxl-showcase.layout1 .pxl-item-links a:hover span {
  color: #fff;
}
.post .pxl-showcase.layout1 .pxl-item-links a:hover:after, .page .pxl-showcase.layout1 .pxl-item-links a:hover:after, .pxl-showcase.layout1 .pxl-item-links a:hover:after {
  left: 130%;
}
.post .pxl-showcase.layout1 .pxl-item-links a span, .page .pxl-showcase.layout1 .pxl-item-links a span, .pxl-showcase.layout1 .pxl-item-links a span {
  margin-top: 0;
}
.post .pxl-showcase.layout1 .inner-box, .page .pxl-showcase.layout1 .inner-box, .pxl-showcase.layout1 .inner-box {
  text-align: center;
}
.post .pxl-showcase.layout1:hover .item-feature:after, .page .pxl-showcase.layout1:hover .item-feature:after, .pxl-showcase.layout1:hover .item-feature:after {
  opacity: 1;
}
.post .pxl-showcase.layout1:hover .item-feature img, .page .pxl-showcase.layout1:hover .item-feature img, .pxl-showcase.layout1:hover .item-feature img {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.post .pxl-showcase.layout1:hover .pxl-item-links, .page .pxl-showcase.layout1:hover .pxl-item-links, .pxl-showcase.layout1:hover .pxl-item-links {
  top: 50%;
  opacity: 1;
}
.post .pxl-showcase.layout2, .page .pxl-showcase.layout2, .pxl-showcase.layout2 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.post .pxl-showcase.layout2 a, .page .pxl-showcase.layout2 a, .pxl-showcase.layout2 a {
  text-align: center !important;
}
.post .pxl-showcase.layout2 .item-feature, .page .pxl-showcase.layout2 .item-feature, .pxl-showcase.layout2 .item-feature {
  position: relative;
  overflow: hidden;
}
.post .pxl-showcase.layout2 .item-feature img, .page .pxl-showcase.layout2 .item-feature img, .pxl-showcase.layout2 .item-feature img {
  width: 100%;
}
.post .pxl-showcase.layout2 .item-feature:after, .page .pxl-showcase.layout2 .item-feature:after, .pxl-showcase.layout2 .item-feature:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  opacity: 0;
}
.post .pxl-showcase.layout2 .item-title, .page .pxl-showcase.layout2 .item-title, .pxl-showcase.layout2 .item-title {
  padding: 40px 0 45px 0;
  background-color: #fcf7f5;
  font-size: 24px;
  color: var(--secondary-color);
  text-transform: capitalize;
  font-weight: 700;
}
.post .pxl-showcase.layout2 .item-title a, .page .pxl-showcase.layout2 .item-title a, .pxl-showcase.layout2 .item-title a {
  font-size: 24px;
  color: var(--secondary-color);
  text-transform: capitalize;
  font-weight: 700;
}
.post .pxl-showcase.layout2 .item-title a:hover, .page .pxl-showcase.layout2 .item-title a:hover, .pxl-showcase.layout2 .item-title a:hover {
  padding-left: 0;
  color: var(--primary-color);
}
.post .pxl-showcase.layout2 .item-title a:before, .page .pxl-showcase.layout2 .item-title a:before, .pxl-showcase.layout2 .item-title a:before {
  display: none;
}
.post .pxl-showcase.layout2 .pxl-item-links, .page .pxl-showcase.layout2 .pxl-item-links, .pxl-showcase.layout2 .pxl-item-links {
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  position: 0;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.post .pxl-showcase.layout2 .pxl-item-links a, .page .pxl-showcase.layout2 .pxl-item-links a, .pxl-showcase.layout2 .pxl-item-links a {
  display: inline-block;
  text-align: center;
  min-width: 100px;
  border-radius: 200px;
  background-color: #fff;
  line-height: 64px;
  padding: 0 30px;
  margin: 5px;
  color: var(--secondary-color);
  font-size: 18px;
  overflow: hidden;
  position: relative;
  text-align: center !important;
  font-weight: 700;
}
.post .pxl-showcase.layout2 .pxl-item-links a:before, .page .pxl-showcase.layout2 .pxl-item-links a:before, .pxl-showcase.layout2 .pxl-item-links a:before {
  display: none;
}
.post .pxl-showcase.layout2 .pxl-item-links a:after, .page .pxl-showcase.layout2 .pxl-item-links a:after, .pxl-showcase.layout2 .pxl-item-links a:after {
  content: "";
  background: #fff;
  -webkit-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.post .pxl-showcase.layout2 .pxl-item-links a:hover, .page .pxl-showcase.layout2 .pxl-item-links a:hover, .pxl-showcase.layout2 .pxl-item-links a:hover {
  background-color: var(--primary-color);
}
.post .pxl-showcase.layout2 .pxl-item-links a:hover span, .page .pxl-showcase.layout2 .pxl-item-links a:hover span, .pxl-showcase.layout2 .pxl-item-links a:hover span {
  color: #fff;
}
.post .pxl-showcase.layout2 .pxl-item-links a:hover:after, .page .pxl-showcase.layout2 .pxl-item-links a:hover:after, .pxl-showcase.layout2 .pxl-item-links a:hover:after {
  left: 130%;
}
.post .pxl-showcase.layout2 .pxl-item-links a span, .page .pxl-showcase.layout2 .pxl-item-links a span, .pxl-showcase.layout2 .pxl-item-links a span {
  margin-top: 0;
}
.post .pxl-showcase.layout2 .inner-box, .page .pxl-showcase.layout2 .inner-box, .pxl-showcase.layout2 .inner-box {
  text-align: center;
}
.post .pxl-showcase.layout2:hover .item-feature:after, .page .pxl-showcase.layout2:hover .item-feature:after, .pxl-showcase.layout2:hover .item-feature:after {
  opacity: 0.8;
}
.post .pxl-showcase.layout2:hover .pxl-item-links, .page .pxl-showcase.layout2:hover .pxl-item-links, .pxl-showcase.layout2:hover .pxl-item-links {
  top: 50%;
  opacity: 1;
}
.cooming .pxl-showcase .item-feature:after {
  opacity: 1 !important;
}
.tp-title-wrap {
  display: none !important;
}
.hebe.tparrows {
  transition: 300ms !important;
  border-radius: 400px !important;
  border: 2px solid #fff !important;
}
.hebe.tparrows:hover {
  background-color: #fff !important;
}
.hebe.tparrows:hover:before {
  color: #000 !important;
}
.hebe.tparrows.tp-leftarrow:before {
  line-height: 65px !important;
  min-width: 64px !important;
}
.no-line .pxl-menu-primary a:before {
  display: none;
}
.menu-container .elementor-column, .menu-container .elementor-widget-wrap, .menu-container .elementor-widget {
  position: static !important;
}
.menu-container .pxl-mega-menu {
  margin-right: 15px !important;
}
@media (max-width: 1300px) {
  .h-1300 {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .h-1400 {
    display: none !important;
  }
}
.pxl-row-divider-shape-bottom .pxl-shape-divider .pxl-row-angle-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
}
.pxl-row-divider-shape-top .pxl-shape-divider .pxl-row-angle-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  transform: rotate(180deg);
}
.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  transform: rotate(180deg);
}
.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
}
@media (max-width: 767px) {
  .pxl-shape-divider svg {
    height: 20px !important;
  }
}
@keyframes wave {
  0% {
    left: -100%;
  }
  100% {
    left: 0%;
  }
}
.single-post .pxl-item--post .pxl-item--image img {
  width: 100%;
  border-radius: 7px;
}
.pxl-item--post iframe {
  width: 100%;
}
.pxl-item--post .pxl-item--image a {
  display: inline-block;
  width: 100%;
}
.pxl-item--post .pxl-item--image img {
  border-radius: 3px;
}
.pxl-item--post .pxl-item--title {
  margin-top: 13px;
  font-size: 30px;
  margin-bottom: 15px;
  line-height: 40px;
  font-weight: 400;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .pxl-item--post .pxl-item--title {
    font-size: 24px;
    line-height: 30px;
  }
}
.pxl-item--post .pxl-item--title a {
  color: var(--secondary-color);
}
.pxl-item--post .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-item--post .pxl-item--excerpt {
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  color: #70747f;
  margin-bottom: 29px;
}
.pxl-sidebar-post {
  padding-top: 37px;
}
.pxl-item--image-single {
  margin-bottom: 13px;
}
.pxl-single-post-meta {
  list-style: none;
  margin: 0px;
  padding: 0 0 25px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.pxl-single-post-meta > div {
  border-right: 1px solid #e9e9e9;
  padding-right: 17px !important;
  margin-right: 17px !important;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .pxl-single-post-meta > div {
    border-color: transparent;
  }
}
.pxl-single-post-meta > div .title-meta {
  color: #666;
  font-size: 16px;
  text-transform: capitalize;
  color: #7a7a7a;
}
.pxl-single-post-meta > div .content-meta, .pxl-single-post-meta > div .content-meta a, .pxl-single-post-meta > div a {
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
  color: #444;
}
.pxl-single-post-meta > div:first-child {
  padding-left: 0 !important;
}
.pxl-single-post-meta > div:last-child {
  border: none;
}
.pxl-item--post .pxl-item--meta {
  display: flex;
  font-size: 16px;
  color: #7a7a7a;
  padding-right: 5px;
}
.pxl-item--post .pxl-item--meta .pxl-item--date {
  font-size: 16px;
  color: #7a7a7a;
}
.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child {
  position: relative;
  padding-right: 12px;
}
.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before {
  position: absolute;
  content: '-';
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #7a7a7a;
}
.pxl-item--post .pxl-item--meta .categorie a {
  font-size: 16px;
  color: #7a7a7a;
}
.pxl-item--post .pxl-item--meta .categorie a:hover {
  color: var(--primary-color);
}
.pxl-item--archive {
  margin-bottom: 27px;
}
.pxl-item--archive .pxl-item--holder {
  padding: 18px 0px 20px 0px;
}
@media (max-width: 767px) {
  .pxl-item--archive .pxl-item--holder {
    padding: 18px 30px 20px 30px;
  }
}
@media (max-width: 480px) {
  .pxl-item--archive .pxl-item--holder {
    padding: 18px 20px 20px 20px;
  }
}
.pxl-item--archive .pxl-item--holder .pxl-item--category {
  margin-bottom: 5px;
}
.pxl-item--archive .pxl-item--holder .pxl-item--category a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary-color);
}
.pxl-item--archive .pxl-item--holder .pxl-item--title {
  margin-bottom: 4px;
}
.pxl-item--archive .pxl-item--holder .pxl-item--title a {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}
@media (max-width: 575px) {
  .pxl-item--archive .pxl-item--holder .pxl-item--title a {
    font-size: 30px;
    line-height: 40px;
  }
}
.pxl-item--archive .pxl-item--holder .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-item--archive .pxl-item--holder .pxl-item--excerpt {
  padding-top: 16px;
  font-size: 17px;
  line-height: 30px;
  color: #646464;
  margin-top: 15px;
}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore i {
  transform: translateY(0%) translatex(10px);
  transition: 300ms;
  font-size: 12px;
  display: inline-block;
}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore:hover i {
  transform: translateY(0%) translatex(10px) rotate(45deg);
}
.pxl-item--archive .pxl-item--image + .pxl-item--holder {
  padding: 18px 0 20px 0;
}
@media (max-width: 767px) {
  .pxl-item--archive .pxl-item--image + .pxl-item--holder {
    padding: 18px 0 20px 0;
  }
}
@media (max-width: 480px) {
  .pxl-item--archive .pxl-item--image + .pxl-item--holder {
    padding: 18px 0px 20px 0px;
  }
}
.pxl-item--archive .pxl-item--image + .pxl-item--holder .pxl-item--excerpt {
  margin-top: 0px;
}
.single-post .single-heading {
  font-size: 26px;
}
.single-post .pxl-item--excerpt p:last-child {
  margin-bottom: 0;
}
.entry-author-info {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  padding: 40px 52px;
  position: relative;
  margin: 45px 0 45px 0;
}
@media (max-width: 575px) {
  .entry-author-info {
    display: block;
  }
}
.entry-author-info .entry-author-avatar {
  min-width: 190px;
}
@media (max-width: 575px) {
  .entry-author-info .entry-author-avatar {
    text-align: center;
  }
}
.entry-author-info .entry-author-avatar img {
  width: 100%;
  border-radius: 500px;
}
@media (max-width: 575px) {
  .entry-author-info .entry-author-avatar img {
    width: auto;
  }
}
.entry-author-info .entry-author-meta {
  padding-left: 50px;
}
@media (max-width: 575px) {
  .entry-author-info .entry-author-meta {
    margin-top: 30px;
    text-align: center;
    padding-left: 0px;
  }
}
.entry-author-info .entry-author-meta .author-name {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
}
.entry-author-info .entry-author-meta .position-author {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--primary-color);
  font-weight: 500;
  margin-bottom: 8px;
}
.entry-author-info .entry-author-meta .author-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #696969;
  font-family: 'Lato';
}
.entry-author-info .entry-author-meta .social-author {
  margin-top: 15px;
}
.entry-author-info .entry-author-meta .social-author a {
  color: #a3a3a3;
  transition: 200ms;
  padding-right: 16px;
}
.entry-author-info .entry-author-meta .social-author a:hover {
  color: var(--primary-color);
}
.pxl--post-footer {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0px 15px 0px;
  width: 100%;
  border-top: 1px solid #e2e2e2;
}
@media (min-width: 992px) {
  .pxl--post-footer {
    padding: 16px 0px 15px 0px;
  }
}
.pxl--post-footer > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.pxl--post-footer label {
  font-size: 20px;
  color: var(--secondary-color);
  line-height: 35px;
  font-weight: 600;
  margin-right: 18px;
}
.pxl--post-footer .pxl--tags {
  margin-right: 30px;
  flex-grow: 1;
}
.pxl--post-footer .pxl--tags a {
  line-height: 35px;
  display: inline-block;
  padding: 0 13px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  font-size: 16px;
  margin: 5px 5px 5px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .pxl--post-footer .pxl--tags a {
    padding: 0 18px;
    line-height: 36px;
  }
}
.pxl--post-footer .pxl--tags a:hover {
  color: #fff;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.pxl--post-footer .pxl--social .title-social {
  margin-right: -16px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.pxl--post-footer .pxl--social a {
  padding-left: 26px;
  line-height: 32px;
  align-items: center;
  display: inline-flex;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl--post-footer .pxl--social a i {
  color: #b5b5b5;
  font-size: 16px;
  line-height: 32px;
  margin-top: 1px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl--post-footer .pxl--social a span {
  padding-left: 10px;
  font-size: 14px;
  color: #fff;
  min-width: 100px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl--post-footer .pxl--social a:hover.fb-social i {
  color: #3b5998;
}
.pxl--post-footer .pxl--social a:hover.tw-social i {
  color: #1da1f2;
}
.pxl--post-footer .pxl--social a:hover.pin-social i {
  color: #e60023;
}
.pxl--post-footer .pxl--social a:hover.lin-social i {
  color: #0077b5;
}
.pxl-pagination-wrap .page-numbers {
  border-radius: 3px;
  border: 1px solid #ebebeb;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-right: 11px;
  color: #646464;
  position: relative;
  z-index: 1;
  padding: 0;
}
.pxl-pagination-wrap .page-numbers.current, .pxl-pagination-wrap .page-numbers:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-pagination-wrap .page-numbers.current:before, .pxl-pagination-wrap .page-numbers:hover:before {
  opacity: 1;
}
.pxl-pagination-wrap .page-numbers.next, .pxl-pagination-wrap .page-numbers.prev {
  font-size: 17px;
  font-weight: 700;
  line-height: 40px;
}
.pxl-pagination-wrap .pxl-pagination-links {
  display: flex;
}
.comment-reply-title {
  display: inline-block;
  position: relative;
  padding-bottom: 9px !important;
}
.pxl-post--navigation {
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  padding: 31px 0 40px;
  display: flex;
  flex-wrap: wrap;
}
.pxl-post--navigation .pxl--holder {
  display: flex;
  align-items: center;
}
.pxl-post--navigation .pxl--holder .pxl--img {
  max-width: 60px;
  max-height: 52px;
  border-radius: 5px;
  overflow: hidden;
}
.pxl-post--navigation .pxl--readmore-nav {
  font-size: 24px;
  color: var(--secondary-color);
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding: 0;
}
.pxl-post--navigation .pxl--items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.pxl-post--navigation .pxl--items .pxl--item {
  width: 45%;
}
.pxl-post--navigation .pxl--items .pxl--item.pxl--item-next {
  text-align: right;
}
@media screen and (max-width: 575px) {
  .pxl-post--navigation .pxl--items .pxl--item {
    width: 100%;
  }
  .pxl-post--navigation .pxl--items .pxl--item + .pxl--item {
    margin-top: 30px;
  }
}
.pxl-post--navigation .pxl--items .pxl-grid-post {
  filter: grayscale(1);
  opacity: 0.38;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  width: 10%;
  text-align: center;
  margin: 13px 0;
}
.pxl-post--navigation .pxl--items .pxl-grid-post:hover {
  filter: grayscale(0);
  opacity: 1;
}
.pxl-post--navigation .pxl--img, .pxl-post--navigation .item-featured {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}
.pxl-post--navigation .pxl--img a, .pxl-post--navigation .item-featured a {
  display: block;
}
.pxl-post--navigation .pxl--img a:before, .pxl-post--navigation .item-featured a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--secondary-color);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.pxl-post--navigation .pxl--img a:after, .pxl-post--navigation .item-featured a:after {
  content: '+';
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.pxl-post--navigation .pxl--img:hover a:before, .pxl-post--navigation .item-featured:hover a:before {
  opacity: 0.76;
}
.pxl-post--navigation .pxl--img:hover a:after, .pxl-post--navigation .item-featured:hover a:after {
  opacity: 1;
}
.pxl-post--navigation .pxl--meta .title-post-nav a, .pxl-post--navigation .pxl--meta .item-title {
  margin-bottom: 0;
  color: var(--secondary-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.pxl-post--navigation .pxl--meta .title-post-nav a:hover, .pxl-post--navigation .pxl--meta .item-title:hover {
  color: var(--primary-color);
}
.pxl-post--navigation .pxl--holder img {
  width: 100%;
}
.pxl-post--navigation .pxl--item-prev .pxl--meta {
  margin-right: 15px;
}
.pxl-post--navigation .pxl--item-prev .pxl--img {
  margin-right: 15px;
}
.pxl-post--navigation .pxl--item-next .pxl--meta {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .pxl-post--navigation .pxl--item-next .pxl--meta {
    margin-left: 0px;
  }
}
.pxl-post--navigation .pxl--item-next .pxl--img {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 0px;
  }
}
.pxl-post--navigation .pxl--item-next .pxl--holder {
  justify-content: flex-end;
}
.pxl-post--navigation .pxl--readmore-nav {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
}
.pxl-post--navigation .pxl--readmore-nav:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  bottom: 3px;
  width: 100%;
  transform: scalex(0);
  transform-origin: center;
  left: 0;
  height: 1px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-post--navigation .pxl--readmore-nav:hover {
  color: var(--primary-color);
}
.pxl-post--navigation .pxl--readmore-nav:hover i {
  color: var(--primary-color);
}
.pxl-post--navigation .pxl--readmore-nav:hover:before {
  transform: scalex(1);
}
.pxl-post--navigation .pxl--readmore-nav i {
  padding-left: 10px;
  font-size: 13px;
  transition: 0.3s;
}
.pxl-post--navigation .pxl--item-prev i {
  padding-left: 0px;
  padding-right: 10px;
}
.pxl-related-post {
  padding: 75px 0 40px;
}
.pxl-related-post .pxl--readmore-nav {
  font-size: 24px;
  color: var(--secondary-color);
  font-weight: 400;
  display: inline-block;
  position: relative;
  margin-bottom: 34px;
  padding: 0;
}
.pxl-related-post .pxl--readmore-nav:before {
  content: '';
  width: 40px;
  height: 4px;
  background-color: var(--primary-color);
  position: absolute;
  bottom: 5px;
  right: -60px;
}
.pxl-related-post .pxl--readmore-nav:after {
  content: '';
  width: 15px;
  height: 4px;
  background-color: var(--primary-color);
  position: absolute;
  bottom: 5px;
  right: -82px;
}
.pxl-related-post .pxl--items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pxl-related-post .pxl--items .pxl--item {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .pxl-related-post .pxl--items .pxl--item {
    width: 100%;
  }
  .pxl-related-post .pxl--items .pxl--item + .pxl--item {
    margin-top: 30px;
  }
}
.pxl-related-post .pxl--img, .pxl-related-post .item-featured {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}
.pxl-related-post .pxl--img a, .pxl-related-post .item-featured a {
  display: block;
}
.pxl-related-post .pxl--img a:before, .pxl-related-post .item-featured a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--secondary-color);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.pxl-related-post .pxl--img a:after, .pxl-related-post .item-featured a:after {
  content: '+';
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
}
.pxl-related-post .pxl--img:hover a:before, .pxl-related-post .item-featured:hover a:before {
  opacity: 0.76;
}
.pxl-related-post .pxl--img:hover a:after, .pxl-related-post .item-featured:hover a:after {
  opacity: 1;
}
.pxl-related-post .pxl--meta {
  padding-top: 25px;
}
.pxl-related-post .pxl--meta .pxl-item--meta {
  padding-bottom: 10px !important;
}
.pxl-related-post .pxl--meta .title-post-nav a, .pxl-related-post .pxl--meta .item-title {
  margin-bottom: 0;
  color: var(--secondary-color);
  font-size: 24px;
  line-height: 33px;
  font-weight: 400;
}
.pxl-related-post .pxl--meta .title-post-nav a:hover, .pxl-related-post .pxl--meta .item-title:hover {
  color: var(--primary-color);
}
.pxl-related-post .pxl--holder img {
  width: 100%;
}
.pxl-related-post .pxl--item-prev .pxl--meta {
  margin-right: 15px;
}
.pxl-related-post .pxl--item-prev .pxl--img {
  margin-right: 15px;
}
.pxl-related-post .pxl--item-next .pxl--meta {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .pxl-related-post .pxl--item-next .pxl--meta {
    margin-left: 0px;
  }
}
.pxl-related-post .pxl--item-next .pxl--img {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .pxl-related-post .pxl--item-next .pxl--img {
    margin-left: 0px;
  }
}
.pxl-related-post .pxl--item-next .pxl--holder {
  justify-content: flex-end;
}
.pxl-related-post .pxl--readmore-nav, .pxl-related-post .pxl--readmore-related {
  margin-top: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #70747f;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
.pxl-related-post .pxl--readmore-nav:hover, .pxl-related-post .pxl--readmore-related:hover {
  color: var(--primary-color);
}
.pxl-related-post .pxl--readmore-nav:hover i, .pxl-related-post .pxl--readmore-related:hover i {
  color: var(--primary-color);
  animation: pxl_left_right 300ms ease-out;
}
.pxl-related-post .pxl--readmore-nav i, .pxl-related-post .pxl--readmore-related i {
  padding-top: 4px;
  padding-left: 10px;
  font-size: 20px;
  transition: 0.3s;
}
.pxl-project--navigation .pxl--items {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}
@media (min-width: 1100px) {
  .pxl-project--navigation .pxl--items {
    padding: 0 75px;
  }
}
.pxl-project--navigation .pxl--items .pxl--item a {
  font-size: 15px;
  color: #666;
  font-weight: 700;
}
.pxl-project--navigation .pxl--items .pxl--item.pxl--item-prev i {
  margin-right: 18px;
  font-size: 17px;
  color: #0f0f0f;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-project--navigation .pxl--items .pxl--item.pxl--item-next i {
  margin-left: 18px;
  font-size: 17px;
  color: #0f0f0f;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-project--navigation .pxl--items .pxl--item:hover a {
  color: var(--primary-color);
}
.pxl-project--navigation .pxl--items .pxl--item:hover i {
  color: var(--primary-color);
}
@media screen and (min-width: 1200px) {
  .pxl-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
  }
  .admin-bar .pxl-sidebar-sticky {
    top: 72px;
  }
}
.pxl-sidebar-area:not(.pxl-sidebar-shop) .widget:last-child {
  margin-bottom: 0;
}
.comments-title {
  position: relative;
  padding-bottom: 15px;
}
.widget:not(.woocommerce) {
  margin-bottom: 50px;
}
.widget:not(.woocommerce) .widget-title, .widget:not(.woocommerce) .comment-reply-title, .widget:not(.woocommerce) .comments-title {
  color: #000;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 21px;
  position: relative;
}
.widget_search .search-form {
  position: relative;
}
.widget_search .search-form ::placeholder {
  color: #c2c2c2;
}
.widget_search .search-form :-ms-input-placeholder {
  color: #c2c2c2;
}
.widget_search .search-form ::-ms-input-placeholder {
  color: #c2c2c2;
}
.widget_search .search-form .search-submit {
  line-height: 49px;
  font-size: 15px;
  padding: 0 17px;
  position: absolute;
  top: 0px;
  border-radius: 0;
  right: 0px;
  background-color: transparent;
}
.widget_search .search-form .search-submit:active {
  background-color: transparent;
  color: var(--secondary-color);
}
.widget_search .search-form .search-submit i {
  font-size: 15px;
  color: #666;
  line-height: 49px;
}
.widget_search .search-form .search-submit:before, .widget_search .search-form .search-submit:after {
  display: none;
}
.widget_search .search-form .search-field {
  font-size: 15px;
  border-color: #ececf0 !important;
  color: #666;
  width: 100%;
  height: 51px;
  border-radius: 3px;
}
.widget_archive li {
  position: relative;
}
.widget_archive li:hover .count {
  color: var(--primary-color);
}
.widget_archive li:hover .count:before, .widget_archive li:hover .count:after {
  color: var(--primary-color);
}
.widget_product_categories .count, .wp-block-group .count, .widget_categories .count, .widget_nav_menu .count, .widget_pages .count, .widget_archive .count, .widget_meta .count, .widget_recent_entries .count {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #444;
  font-size: 17px;
  line-height: 24px;
  padding: 0px 10px;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories .count:before, .wp-block-group .count:before, .widget_categories .count:before, .widget_nav_menu .count:before, .widget_pages .count:before, .widget_archive .count:before, .widget_meta .count:before, .widget_recent_entries .count:before {
  position: absolute;
  content: '[';
  color: #444;
  top: 0;
  left: 0;
  display: block;
  font-size: 17px;
  line-height: 24px;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories .count:after, .wp-block-group .count:after, .widget_categories .count:after, .widget_nav_menu .count:after, .widget_pages .count:after, .widget_archive .count:after, .widget_meta .count:after, .widget_recent_entries .count:after {
  position: absolute;
  content: ']';
  color: #444;
  top: 0;
  right: 0;
  display: block;
  font-size: 17px;
  line-height: 24px;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories ul, .wp-block-group ul, .widget_categories ul, .widget_nav_menu ul, .widget_pages ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul {
  list-style: none;
  margin-top: -3px;
  margin-bottom: 0;
  padding: 0;
}
.widget_product_categories ul li a, .wp-block-group ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a {
  color: #444;
  display: block;
  font-size: 17px;
  line-height: 24px;
  padding: 12px 0px 13px 0px;
  position: relative;
  position: relative;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories ul li a .title, .wp-block-group ul li a .title, .widget_categories ul li a .title, .widget_nav_menu ul li a .title, .widget_pages ul li a .title, .widget_archive ul li a .title, .widget_meta ul li a .title, .widget_recent_entries ul li a .title {
  padding-right: 50px;
}
.widget_product_categories ul li a .pxl-count, .wp-block-group ul li a .pxl-count, .widget_categories ul li a .pxl-count, .widget_nav_menu ul li a .pxl-count, .widget_pages ul li a .pxl-count, .widget_archive ul li a .pxl-count, .widget_meta ul li a .pxl-count, .widget_recent_entries ul li a .pxl-count {
  color: #444;
  display: block;
  font-size: 17px;
  line-height: 24px;
  padding: 12px 0px 13px 0px;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories ul li a .pxl-count:before, .wp-block-group ul li a .pxl-count:before, .widget_categories ul li a .pxl-count:before, .widget_nav_menu ul li a .pxl-count:before, .widget_pages ul li a .pxl-count:before, .widget_archive ul li a .pxl-count:before, .widget_meta ul li a .pxl-count:before, .widget_recent_entries ul li a .pxl-count:before {
  position: absolute;
  content: '[';
  color: #444;
  display: block;
  font-size: 17px;
  line-height: 24px;
  z-index: 1;
  letter-spacing: 0.8px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.widget_product_categories ul li.current-menu-item > a, .wp-block-group ul li.current-menu-item > a, .widget_categories ul li.current-menu-item > a, .widget_nav_menu ul li.current-menu-item > a, .widget_pages ul li.current-menu-item > a, .widget_archive ul li.current-menu-item > a, .widget_meta ul li.current-menu-item > a, .widget_recent_entries ul li.current-menu-item > a, .widget_product_categories ul li.current-cat > a, .wp-block-group ul li.current-cat > a, .widget_categories ul li.current-cat > a, .widget_nav_menu ul li.current-cat > a, .widget_pages ul li.current-cat > a, .widget_archive ul li.current-cat > a, .widget_meta ul li.current-cat > a, .widget_recent_entries ul li.current-cat > a, .widget_product_categories ul li.current-cat-parent > a, .wp-block-group ul li.current-cat-parent > a, .widget_categories ul li.current-cat-parent > a, .widget_nav_menu ul li.current-cat-parent > a, .widget_pages ul li.current-cat-parent > a, .widget_archive ul li.current-cat-parent > a, .widget_meta ul li.current-cat-parent > a, .widget_recent_entries ul li.current-cat-parent > a, .widget_product_categories ul li > a:hover, .wp-block-group ul li > a:hover, .widget_categories ul li > a:hover, .widget_nav_menu ul li > a:hover, .widget_pages ul li > a:hover, .widget_archive ul li > a:hover, .widget_meta ul li > a:hover, .widget_recent_entries ul li > a:hover {
  color: var(--primary-color);
}
.widget_product_categories ul li.current-menu-item > a .count, .wp-block-group ul li.current-menu-item > a .count, .widget_categories ul li.current-menu-item > a .count, .widget_nav_menu ul li.current-menu-item > a .count, .widget_pages ul li.current-menu-item > a .count, .widget_archive ul li.current-menu-item > a .count, .widget_meta ul li.current-menu-item > a .count, .widget_recent_entries ul li.current-menu-item > a .count, .widget_product_categories ul li.current-cat > a .count, .wp-block-group ul li.current-cat > a .count, .widget_categories ul li.current-cat > a .count, .widget_nav_menu ul li.current-cat > a .count, .widget_pages ul li.current-cat > a .count, .widget_archive ul li.current-cat > a .count, .widget_meta ul li.current-cat > a .count, .widget_recent_entries ul li.current-cat > a .count, .widget_product_categories ul li.current-cat-parent > a .count, .wp-block-group ul li.current-cat-parent > a .count, .widget_categories ul li.current-cat-parent > a .count, .widget_nav_menu ul li.current-cat-parent > a .count, .widget_pages ul li.current-cat-parent > a .count, .widget_archive ul li.current-cat-parent > a .count, .widget_meta ul li.current-cat-parent > a .count, .widget_recent_entries ul li.current-cat-parent > a .count, .widget_product_categories ul li > a:hover .count, .wp-block-group ul li > a:hover .count, .widget_categories ul li > a:hover .count, .widget_nav_menu ul li > a:hover .count, .widget_pages ul li > a:hover .count, .widget_archive ul li > a:hover .count, .widget_meta ul li > a:hover .count, .widget_recent_entries ul li > a:hover .count {
  color: var(--primary-color);
}
.widget_product_categories ul li.current-menu-item > a .count:before, .wp-block-group ul li.current-menu-item > a .count:before, .widget_categories ul li.current-menu-item > a .count:before, .widget_nav_menu ul li.current-menu-item > a .count:before, .widget_pages ul li.current-menu-item > a .count:before, .widget_archive ul li.current-menu-item > a .count:before, .widget_meta ul li.current-menu-item > a .count:before, .widget_recent_entries ul li.current-menu-item > a .count:before, .widget_product_categories ul li.current-cat > a .count:before, .wp-block-group ul li.current-cat > a .count:before, .widget_categories ul li.current-cat > a .count:before, .widget_nav_menu ul li.current-cat > a .count:before, .widget_pages ul li.current-cat > a .count:before, .widget_archive ul li.current-cat > a .count:before, .widget_meta ul li.current-cat > a .count:before, .widget_recent_entries ul li.current-cat > a .count:before, .widget_product_categories ul li.current-cat-parent > a .count:before, .wp-block-group ul li.current-cat-parent > a .count:before, .widget_categories ul li.current-cat-parent > a .count:before, .widget_nav_menu ul li.current-cat-parent > a .count:before, .widget_pages ul li.current-cat-parent > a .count:before, .widget_archive ul li.current-cat-parent > a .count:before, .widget_meta ul li.current-cat-parent > a .count:before, .widget_recent_entries ul li.current-cat-parent > a .count:before, .widget_product_categories ul li > a:hover .count:before, .wp-block-group ul li > a:hover .count:before, .widget_categories ul li > a:hover .count:before, .widget_nav_menu ul li > a:hover .count:before, .widget_pages ul li > a:hover .count:before, .widget_archive ul li > a:hover .count:before, .widget_meta ul li > a:hover .count:before, .widget_recent_entries ul li > a:hover .count:before, .widget_product_categories ul li.current-menu-item > a .count:after, .wp-block-group ul li.current-menu-item > a .count:after, .widget_categories ul li.current-menu-item > a .count:after, .widget_nav_menu ul li.current-menu-item > a .count:after, .widget_pages ul li.current-menu-item > a .count:after, .widget_archive ul li.current-menu-item > a .count:after, .widget_meta ul li.current-menu-item > a .count:after, .widget_recent_entries ul li.current-menu-item > a .count:after, .widget_product_categories ul li.current-cat > a .count:after, .wp-block-group ul li.current-cat > a .count:after, .widget_categories ul li.current-cat > a .count:after, .widget_nav_menu ul li.current-cat > a .count:after, .widget_pages ul li.current-cat > a .count:after, .widget_archive ul li.current-cat > a .count:after, .widget_meta ul li.current-cat > a .count:after, .widget_recent_entries ul li.current-cat > a .count:after, .widget_product_categories ul li.current-cat-parent > a .count:after, .wp-block-group ul li.current-cat-parent > a .count:after, .widget_categories ul li.current-cat-parent > a .count:after, .widget_nav_menu ul li.current-cat-parent > a .count:after, .widget_pages ul li.current-cat-parent > a .count:after, .widget_archive ul li.current-cat-parent > a .count:after, .widget_meta ul li.current-cat-parent > a .count:after, .widget_recent_entries ul li.current-cat-parent > a .count:after, .widget_product_categories ul li > a:hover .count:after, .wp-block-group ul li > a:hover .count:after, .widget_categories ul li > a:hover .count:after, .widget_nav_menu ul li > a:hover .count:after, .widget_pages ul li > a:hover .count:after, .widget_archive ul li > a:hover .count:after, .widget_meta ul li > a:hover .count:after, .widget_recent_entries ul li > a:hover .count:after {
  color: var(--primary-color);
}
.widget_tag_cloud .widget-title {
  margin-bottom: 37px !important;
}
.tagcloud {
  margin-left: -7px;
  margin-top: 19px;
}
.tagcloud a {
  border-radius: 3px;
  text-align: center;
  font-weight: 400;
  color: var(--secondary-color);
  padding: 0px 18px;
  display: inline-block;
  border: 1px solid #eff1f4;
  color: #222;
  font-size: 14px !important;
  line-height: 30px;
  flex-grow: 1;
  margin-left: 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.tagcloud a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.widget_pxl_recent_posts .pxl-item--img {
  width: 80px;
  border-radius: 3px;
  min-width: 80px;
  margin-right: 10px;
  max-height: 68px;
  overflow: hidden;
}
.widget_pxl_recent_posts .pxl-item--title {
  color: var(--secondary-color);
  height: 46px;
  overflow: hidden;
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}
.widget_pxl_recent_posts .pxl-item--title a {
  color: var(--secondary-color);
}
.widget_pxl_recent_posts .pxl-item--title a:hover {
  color: var(--primary-color);
}
.widget_pxl_recent_posts .pxl-item--date {
  font-size: 15px;
  color: #7a7a7a;
  display: inline-flex;
  align-items: center;
  text-transform: capitalize;
}
.widget_pxl_recent_posts .pxl-item--date i {
  margin-right: 6px;
  color: var(--primary-color);
}
.widget_pxl_recent_posts .pxl--item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-bottom: 19px;
  margin-top: 17px;
}
.widget_pxl_recent_posts .pxl--item img {
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
}
.widget_pxl_recent_posts .pxl--item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget_pxl_recent_posts .pxl--item:first-child {
  margin-top: 25px;
}
.widget_pxl_recent_posts .pxl--item:hover img {
  transform: scale(1.1);
}
.widget_pxl_recent_posts .pxl--item:not(:last-child) {
  border-bottom: 1px solid #e2e2e7;
}
.gallery {
  margin: -16px -12px 43px -12px;
  display: flex;
  flex-wrap: wrap;
}
.gallery .gallery-item {
  padding: 0 12px;
  margin-top: 24px;
  margin-bottom: 0;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}
.widget_media_gallery .widget-title, .elementor-widget-wp-widget-media_gallery .widget-title, .elementor-widget-image-gallery .widget-title {
  margin-bottom: 19px !important;
}
.widget_media_gallery .gallery, .elementor-widget-wp-widget-media_gallery .gallery, .elementor-widget-image-gallery .gallery {
  margin: -10px -5px 0 -5px !important;
}
.widget_media_gallery .gallery .gallery-item, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item, .elementor-widget-image-gallery .gallery .gallery-item {
  padding: 0 5px;
  margin-top: 10px !important;
  margin-bottom: 0;
}
.widget_media_gallery .gallery .gallery-item img, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item img, .elementor-widget-image-gallery .gallery .gallery-item img {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  border: none !important;
}
.widget_media_gallery .gallery .gallery-item a, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a, .elementor-widget-image-gallery .gallery .gallery-item a {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.widget_media_gallery .gallery .gallery-item a:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before, .elementor-widget-image-gallery .gallery .gallery-item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.67);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
  z-index: 1;
}
.widget_media_gallery .gallery .gallery-item a:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after, .elementor-widget-image-gallery .gallery .gallery-item a:after {
  content: "\f12c";
  font-size: 14px;
  font-family: "Caseicon";
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  opacity: 0;
}
.widget_media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-image-gallery .gallery .gallery-item a:hover:before, .widget_media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-image-gallery .gallery .gallery-item a:hover:after {
  opacity: 1;
}
.elementor-lightbox .swiper-container .elementor-lightbox-image {
  width: auto;
  height: auto;
}
.elementor-lightbox .swiper-container .swiper-slide {
  background-color: transparent;
}
.pxl-gallery {
  margin: -8px -15px 50px -15px;
  display: flex;
  flex-wrap: wrap;
}
.pxl-gallery img {
  width: 100%;
}
.pxl-gallery .pxl--item {
  padding: 30px 15px 0 15px;
}
.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, 0.8);
}
.pxl-gallery .pxl--item-inner .btn-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}
.pxl-gallery.gallery-2-columns .pxl--item {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .pxl-gallery.gallery-2-columns .pxl--item {
    width: 100%;
  }
}
.pxl-gallery.gallery-3-columns .pxl--item {
  width: 33.33%;
}
@media screen and (max-width: 575px) {
  .pxl-gallery.gallery-3-columns .pxl--item {
    width: 100%;
  }
}
.pxl-gallery.gallery-4-columns .pxl--item {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .pxl-gallery.gallery-4-columns .pxl--item {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .pxl-gallery.gallery-4-columns .pxl--item {
    width: 100%;
  }
}
.pxl-gallery.gallery-5-columns .pxl--item {
  width: 20%;
}
@media screen and (max-width: 767px) {
  .pxl-gallery.gallery-5-columns .pxl--item {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .pxl-gallery.gallery-5-columns .pxl--item {
    width: 100%;
  }
}
.pxl-wg-bannerbox1 {
  border: none !important;
  background-color: #fcf9f4;
  text-align: center;
  padding: 45px 40px 20px 40px !important;
}
.pxl-wg-bannerbox1 .wrap-image {
  display: inline-block;
  position: relative;
}
.pxl-wg-bannerbox1 .wrap-image img {
  max-width: 190px;
}
.pxl-wg-bannerbox1 .wrap-image:before {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: var(--regular-color);
  top: 0;
  right: 0;
  border-radius: 50px;
  background-image: url('../img/quote-blog-sidebar.png');
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}
.pxl-wg-bannerbox1 .wg-title {
  font-size: 22px;
  font-weight: 400;
  color: var(--secondary-color);
  padding-top: 27px;
}
.pxl-wg-bannerbox1 .wg-description {
  font-size: 16px;
  font-weight: 400;
  color: #70747f;
  line-height: 30px;
}
li cite {
  color: var(--secondary-color);
}
.widget_recent_entries a, .widget_recent_comments a {
  color: var(--secondary-color);
}
.widget_recent_entries a:hover, .widget_recent_comments a:hover {
  color: var(--primary-color);
}
.widget_recent_entries ul, .widget_recent_comments ul {
  list-style: none;
}
.widget_recent_comments ul {
  list-style: none;
  padding-left: 0;
}
.widget_recent_comments ul li {
  border-bottom: 1px solid #ececf0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.widget_recent_comments .recentcomments > a {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--secondary-color);
  display: block;
}
.widget_recent_comments .recentcomments > a:hover {
  color: var(--primary-color);
}
.widget_recent_comments .recentcomments > a:before {
  content: '\A';
  white-space: pre;
}
.widget_rss ul {
  list-style: none;
  padding: 0;
}
.widget_rss li {
  margin-bottom: 16px;
}
.widget_rss li:last-child {
  margin-bottom: 0;
}
.widget_rss .rsswidget {
  font-weight: 700;
  display: inline-block;
}
.widget_rss .rss-date {
  font-size: 0.875em;
  font-style: italic;
  display: block;
}
.widget_rss cite {
  font-weight: 700;
  font-size: 0.875em;
}
.single-post .pxl-sidebar-sticky, .blog .pxl-sidebar-sticky {
  border: 0px solid #efefef;
  padding: 0px !important;
  top: 150px !important;
}
.single-post .widget, .blog .widget {
  padding: 10px 0px !important;
}
.single-post .widget.widget_search, .blog .widget.widget_search {
  padding-top: 0 !important;
}
.single-post .pxl-content-post, .blog .pxl-content-post {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (min-width: 992px) {
  .single-post .pxl-content-post, .blog .pxl-content-post {
    padding-right: 0px !important;
  }
}
@media (min-width: 992px) {
  .single-post .pxl-sidebar-post, .blog .pxl-sidebar-post {
    padding-left: 80px !important;
  }
}
@media (min-width: 1200px) {
  .single-post .pxl-sidebar-area, .blog .pxl-sidebar-area {
    padding-left: 55px !important;
  }
}
.widget_block:nth-child(1), .widget_block:nth-child(2), .widget_block:nth-child(3) {
  margin-bottom: 30px;
  padding: 1px 0 !important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
  text-overflow: ellipsis;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  text-overflow: ellipsis;
}
input::-o-placeholder, textarea::-o-placeholder {
  color: inherit;
  opacity: 1;
  text-overflow: ellipsis;
}
input::-ms-placeholder, textarea::-ms-placeholder {
  color: inherit;
  opacity: 1;
  text-overflow: ellipsis;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .pxl-select-higthlight {
  background-color: #fff;
  border: 1px solid #e9ebf0;
  color: var(--secondary-color);
  padding: 6px 22px;
  line-height: normal;
  font-size: 18px;
  font-weight: 400;
  height: 55px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  outline: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .pxl-select-higthlight:focus {
  border: 1px solid var(--secondary-color) !important;
  outline: 0;
  border-color: var(--primary-color);
}
input[type="range"] {
  padding: 0;
  background-color: transparent;
  height: auto;
  border: none;
}
select {
  height: 50px;
}
textarea {
  padding-top: 18px;
  padding-bottom: 18px;
  height: 150px;
  margin: 0;
}
.comment-form-cookies-consent {
  display: none;
}
.comments-area .avatar {
  margin-bottom: 10px;
}
.comments-area .comment-list-wrap {
  margin-top: 44px !important;
}
.comments-area .comment-list-wrap .comments-title {
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
  color: var(--secondary-color);
  font-weight: 700;
}
.comments-area .comment-reply-title {
  font-size: 30px;
  text-transform: capitalize;
  color: var(--secondary-color);
  font-weight: 700;
  margin-bottom: 30px;
}
.comments-area .comment-respond {
  margin-top: 30px;
}
.comments-area .comment-respond .logged-in-as {
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 14px;
  font-family: 'Lato';
}
.comments-area .comment-respond .logged-in-as a {
  color: inherit;
}
.comments-area .comment-respond .logged-in-as a:hover {
  color: var(--primary-color);
}
.comments-area .comment-respond .logged-in-as a:nth-child(2) {
  font-weight: 700;
  text-decoration: underline;
}
.comments-area .no-comments {
  display: none;
}
.comment-title {
  font-size: 22px;
  text-transform: capitalize;
  color: var(--secondary-color);
  font-weight: 700;
  margin-bottom: 2px;
}
.comment-title a {
  color: inherit;
}
.comment-title a:hover {
  color: inherit;
}
.comment-list {
  padding: 0;
  list-style: none;
  max-width: 800px;
  margin-top: 50px;
}
.comment-list li .children {
  padding-left: 95px;
}
@media screen and (max-width: 767px) {
  .comment-list li .children {
    padding-left: 78px;
  }
}
@media screen and (max-width: 575px) {
  .comment-list li .children {
    padding-left: 0;
  }
}
.comment-list li .children li {
  list-style: none;
  margin-top: 11px;
}
.comment-list li .comment-respond {
  margin-top: 15px;
  margin-bottom: 50px;
  margin-left: 130px;
}
@media screen and (max-width: 767px) {
  .comment-list li .comment-respond {
    margin-left: 78px;
    margin-top: 0;
  }
}
@media screen and (max-width: 575px) {
  .comment-list li .comment-respond {
    margin-left: 0;
    margin-top: 20px;
  }
}
.comment-list > li {
  margin-bottom: 11px;
}
.comment-list > li:last-child {
  margin-bottom: 0;
}
.comment-list > li > .children > li > .children > li > .children > li > .children {
  padding-left: 0;
}
.comment-list > li > .children > li > .children > li > .children > li > .children .children {
  padding-left: 0;
}
.comment-date {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 15px;
  color: #646464;
  margin: 2px 0 17px 0;
  line-height: normal;
  display: inline-block;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}
.comment-content {
  position: relative;
  flex-grow: 1;
  padding: 0px 22px 34px 120px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
@media screen and (max-width: 767px) {
  .comment-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 575px) {
  .comment-content {
    padding-top: 70px;
  }
}
.comment-content a {
  word-wrap: break-word;
}
.comment-content .comment-text {
  color: inherit;
  font-size: 17px;
  color: #444;
  line-height: 30px;
}
.comment-content .comment-text p:last-child {
  margin-bottom: 0;
}
.comment-content .comment-text ol, .comment-content .comment-text ul {
  margin-bottom: 32px;
}
.comment-content .comment-text ol ul, .comment-content .comment-text ul ul, .comment-content .comment-text ol ol, .comment-content .comment-text ul ol {
  margin-bottom: 0;
}
.comment-content .comment-text ul li {
  list-style: outside;
}
.comment-content .comment-text img {
  margin: 6px 0;
}
.comment-reply {
  margin-top: 17px;
}
.comment-reply a {
  font-size: 17px;
  color: var(--primary-color);
  font-weight: 700;
  display: flex;
  z-index: 1;
}
.comment-reply-title small {
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-left: 10px;
}
.comment-reply-title small a {
  line-height: 36px;
  display: inline-block;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  -webkit-border-radius: 36px;
  -khtml-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  -o-border-radius: 36px;
  border-radius: 36px;
  background-size: 300%, 1px;
  background-position: 0%;
}
.comment-reply-title small a i {
  margin-left: 4px;
}
.comment-reply-title small a:hover {
  color: #fff;
  background-position: 100%;
}
.comment-holder {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 5px;
}
.comment-holder .comment-meta {
  flex-grow: 1;
  margin-right: 30px;
}
@media screen and (max-width: 575px) {
  .comment-holder {
    display: block;
    margin-top: 0;
    margin-bottom: 14px;
  }
  .comment-holder .comment-meta {
    margin-right: 0;
  }
}
.comment-form .row > div input[type="text"] {
  height: 50px;
  border-radius: 0;
  color: #888;
  border: none;
  background-color: #f4f5fa;
}
.comment-form textarea {
  border: none;
  border-radius: 0;
  color: #888;
  background-color: #f4f5fa;
}
.comment-form .form-submit {
  margin-top: 30px;
  margin-bottom: 0;
}
.comment-form .form-submit .submit {
  font-size: 14px !important;
  line-height: 45px !important;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0px 28px !important;
  border-radius: 2px !important;
  margin-left: 15px;
}
.comment-form .form-submit .submit:hover {
  -webkit-transform: translateY(-2px);
  -khtml-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.comment-form .comment-form-comment {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.comment-form .title-form {
  font-size: 14px;
  line-height: 26px;
  color: #1b1b1b;
}
.comment-form .comment-form-check {
  font-size: 14px;
  line-height: 26px;
  color: #1b1b1b;
  display: flex;
  align-items: center;
  position: relative;
}
.comment-form .comment-form-check label:before {
  position: absolute;
  width: 14px;
  height: 14px;
  content: '';
  background-color: #e9e9e9;
  top: 6px;
  left: -27px;
}
.comment-form .comment-form-check label {
  position: relative;
}
.comment-form .comment-form-check label:after {
  position: absolute;
  width: 6px;
  height: 6px;
  content: '';
  background-color: var(--primary-color);
  top: 10px;
  left: -23px;
  opacity: 0;
  z-index: 1;
}
.comment-form .comment-form-check input {
  z-index: 2;
  margin-right: 14px;
  opacity: 0;
  cursor: pointer;
}
.comment-form .comment-form-check input:checked + label:after {
  opacity: 1;
}
.comment-inner {
  position: relative;
}
.comment-inner img.avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  min-width: 90px;
  margin-right: 28px;
  float: left;
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .comment-inner img.avatar {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 18px;
  }
}
@media screen and (max-width: 575px) {
  .comment-inner img.avatar {
    float: none;
    margin: 0 auto 0 auto;
    width: 92px;
    height: 92px;
    min-width: 92px;
    margin-bottom: -45px;
    position: relative;
    z-index: 99;
    opacity: 1;
  }
}
.comment-form-cookies-consent {
  font-size: 14px;
  line-height: 26px;
  padding-left: 24px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 28px;
  color: #1b1b1b;
}
.comment-form-cookies-consent input, .comment-form-cookies-consent label:before, .comment-form-cookies-consent label:after {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 6px;
  cursor: pointer;
}
.comment-form-cookies-consent label {
  cursor: pointer;
}
.comment-form-cookies-consent label:before {
  content: '';
  z-index: 1;
  background-color: #e9e9e9;
}
.comment-form-cookies-consent label:after {
  content: '\f10c';
  font-family: "Caseicon";
  font-weight: 400;
  z-index: 2;
  font-size: 10px;
  color: #000;
  opacity: 0;
  line-height: 12px;
  text-align: center;
  top: 6px;
}
.comment-form-cookies-consent input {
  z-index: 99;
  opacity: 0;
}
.comment-form-cookies-consent input:checked + label:after {
  opacity: 1;
}
#commentform {
  /* Select Style */
}
.pxl-select {
  width: 100%;
  position: relative;
}
.pxl-select .pxl-select-hidden {
  display: none;
}
.pxl-select .pxl-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  right: 0;
  list-style: none;
  margin: 10px 0 0;
  padding: 12px 18px;
  background-color: #fff;
  z-index: 99;
  font-size: 14px;
  color: var(--secondary-color);
  font-family: 'Lato', sans-serif;
  border: 1px solid #eaeaea;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  margin-top: 30px;
  display: inline-table;
  visibility: hidden;
}
.pxl-select .pxl-select-options li {
  white-space: nowrap;
  padding: 9px 8px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  line-height: normal !important;
}
.pxl-select .pxl-select-options li:hover {
  color: var(--primary-color);
}
.pxl-select .pxl-select-higthlight {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.pxl-select .pxl-select-higthlight:before {
  content: "\f150";
  font-family: Caseicon;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  font-weight: 700;
  color: #737879;
  line-height: 28px;
  text-align: center;
  font-size: 10px;
  font-family: Caseicon;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-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);
}
.wrap-ctf1 .wpcf7-not-valid-tip {
  top: 100% !important;
}
.wrap-ctf1 .wpcf7-form-control-wrap {
  margin-bottom: 0 !important;
}
.wrap-ctf1 .input-filled input {
  height: 60px !important;
  font-size: 15px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 62px !important;
  border-radius: 0;
}
.wrap-ctf1 .wpcf7-submit {
  position: absolute;
  padding: 2px 30px 3px 30px !important;
  right: 5px;
  top: 5px;
  background-color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  border-radius: 0;
}
@media (max-width: 450px) {
  .wrap-ctf1 .wpcf7-submit {
    font-size: 15px;
    padding: 2px 20px 3px 20px !important;
  }
}
.wrap-ctf1 .wpcf7-submit:hover {
  background-color: var(--secondary-color);
}
.wrap-ctf10 {
  filter: drop-shadow(3px 5px 25px rgba(0, 0, 0, 0.05));
}
.wrap-ctf10 .ctf10 {
  min-height: 647px;
  max-width: 569px;
  padding: 50px 100px 60px 60px;
  mask-image: url(../img/mask-form.png);
  -webkit-mask-image: url(../img/mask-form.png);
  -ms-mask-image: url(../img/mask-form.png);
  -o-mask-image: url(../img/mask-form.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  background-color: #fff;
  -o-mask-position: center top;
  position: relative;
}
@media (max-width: 575px) {
  .wrap-ctf10 .ctf10 {
    padding: 50px 10px 60px 10px;
  }
}
.wrap-ctf10 .ctf10:before {
  position: absolute;
  width: 352px;
  height: 131px;
  content: '';
  background-image: url(../img/bg-form.jpg);
  bottom: -5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  right: -108px;
}
.wrap-ctf10 .ctf10 .input-filled {
  margin-bottom: 13px;
  position: relative;
}
.wrap-ctf10 .ctf10 .input-filled .title p, .wrap-ctf10 .ctf10 .input-filled .title {
  font-size: 40px;
  line-height: 45px;
  font-weight: 700;
  color: #1e1e2a;
  max-width: 410px;
  padding-bottom: 10px;
}
.wrap-ctf10 .ctf10 .input-filled .title p span, .wrap-ctf10 .ctf10 .input-filled .title span {
  color: var(--primary-color);
}
.wrap-ctf10 .ctf10 .input-filled input {
  padding-left: 33px;
  background-color: #f9f7f7;
  border-radius: 1000px;
  border: none !important;
  font-size: 16px;
  color: #888;
  height: 65px;
  box-shadow: none !important;
}
.wrap-ctf10 .ctf10 .input-filled i {
  position: absolute;
  line-height: 0;
  color: var(--primary-color);
  right: 30px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.wrap-ctf10 .ctf10 .input-filled.f-bt {
  margin-top: 33px;
}
.wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  z-index: 2;
}
@-moz-document url-prefix() {
  .wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator {
    display: none !;
  }
}
.wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-inner-spin-button, .wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.wrap-ctf10 .ctf10 .input-filled button {
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  width: 100%;
  font-size: 15px;
  text-transform: uppercase;
  background-color: var(--primary-color);
  color: #fff;
}
@media (max-width: 575px) {
  .wrap-ctf10 .ctf10 .input-filled button {
    padding: 0;
  }
}
.wrap-ctf10 .ctf10 .input-filled button i {
  position: relative;
  top: auto;
  right: auto;
  color: #fff;
  font-size: 21px;
  transition: 300ms;
  padding-left: 17px;
}
.wrap-ctf10 .ctf10 .input-filled button br {
  display: none;
}
.box-shadow1 {
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}
.pxl-content-area .searchform-wrap {
  position: relative;
}
.pxl-content-area .searchform-wrap .search-submit {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background-color: var(--secondary-color);
}
.pxl-content-area .searchform-wrap .search-submit:hover {
  background-color: var(--primary-color);
}
.pxl-content-area .page-header .page-title {
  color: var(--secondary-color);
}
.ovl-scroll {
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .form-h1 .input-filled {
    padding-bottom: 10px;
  }
  .form-h1 .input-filled input, .form-h1 .input-filled .pxl-select-higthlight {
    height: 57px;
  }
}
.form-h1 input, .form-h1 .pxl-select-higthlight {
  background-color: #373737;
  height: 43px;
  border-radius: 0;
  color: #c8c8c8 !important;
  width: 100%;
  font-size: 15px;
}
.form-h1 input:hover, .form-h1 .pxl-select-higthlight:hover, .form-h1 input:active, .form-h1 .pxl-select-higthlight:active, .form-h1 input:focus, .form-h1 .pxl-select-higthlight:focus {
  border: none !important;
}
.form-h1 .pxl-select-higthlight:before {
  color: #c8c8c8 !important;
  right: 10px !important;
}
.form-h1 button {
  background-color: var(--primary-color);
  border: none;
  border-radius: 0 !important;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
  font-size: 15px;
  height: 43px;
  width: 100% !important;
  line-height: 43px !important;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.form-h1 button:hover {
  color: #000 !important;
  background-color: #fff;
}
.wrap-ctf-service {
  padding: 0 26px;
}
@media (max-width: 450px) {
  .wrap-ctf-service {
    padding: 0 10px;
  }
}
.wrap-ctf-service .title-form {
  position: absolute;
  top: 23px;
  left: 0;
  width: 100%;
  padding: 20px 28px;
  background-color: var(--primary-color);
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media (max-width: 450px) {
  .wrap-ctf-service .title-form {
    font-size: 18px;
  }
}
.wrap-ctf-service .title-form:before {
  position: absolute;
  content: '';
  background-color: #b1151c;
  width: 25px;
  height: 25px;
  bottom: -13px;
  right: 0;
  transform: skewy(-45deg);
  z-index: -1;
}
@media (max-width: 450px) {
  .wrap-ctf-service .title-form:before {
    width: 10px;
    height: 20px;
    bottom: -5px;
  }
}
.wrap-ctf-service .title-form:after {
  position: absolute;
  content: '';
  background-color: #b1151c;
  width: 25px;
  height: 25px;
  bottom: -13px;
  left: 0;
  z-index: -1;
  transform: skewy(45deg);
}
@media (max-width: 450px) {
  .wrap-ctf-service .title-form:after {
    width: 10px;
    height: 20px;
    bottom: -5px;
  }
}
.wrap-ctf-service .wrap-input {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 135px 33px 20px 33px;
}
@media (max-width: 450px) {
  .wrap-ctf-service .wrap-input {
    padding: 110px 15px 20px 15px;
  }
}
.wrap-ctf-service .wrap-input .input-filled {
  margin-bottom: 16px;
}
.wrap-ctf-service .wrap-input input, .wrap-ctf-service .wrap-input .pxl-select-higthlight {
  border-radius: 0;
  box-shadow: none !important;
  height: 55px;
  background-color: #f3f3f3;
  color: #666;
  font-size: 16px;
  font-weight: 400;
}
.wrap-ctf-service .wrap-input button {
  height: 55px;
  overflow: hidden;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  width: 100%;
  text-align: center;
  position: relative;
}
.wrap-ctf-service .wrap-input button:after {
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(45deg) scale(0, 1);
  transition: 500ms !important;
}
.wrap-ctf-service .wrap-input button:before {
  content: "";
  background: var(--primary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.wrap-ctf-service .wrap-input button:hover:after {
  transform: skewX(45deg) scale(1, 1);
}
.wrap-ctf-team .wrap-input .input-filled {
  margin-bottom: 18px;
}
.wrap-ctf-team .wrap-input input, .wrap-ctf-team .wrap-input .pxl-select-higthlight {
  border-radius: 0;
  box-shadow: none !important;
  height: 47px;
  background-color: #f9f9f9;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
.wrap-ctf-team .wrap-input textarea {
  height: 112px;
  border-radius: 0;
  box-shadow: none !important;
  background-color: #f9f9f9;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
.wrap-ctf-team .wrap-input .btn {
  line-height: 40px !important;
  padding: 0 28px 0 7px;
  margin-top: 7px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.wrap-ctf-team .wrap-input .btn:hover {
  background-color: #000;
}
.wrap-ctf-team .wrap-input .btn i {
  font-size: 11px;
}
.wrap-ctf-team .wrap-input button {
  padding: 0 23px;
  height: 40px;
  overflow: hidden;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  font-weight: 700;
  border-radius: 0;
  width: 100%;
  text-align: center;
  position: relative;
}
.wrap-ctf-service-home3 textarea {
  background-color: #f7f7f7;
  height: 130px;
}
.wrap-ctf-service-home3 .wrap-input .input-filled {
  margin-bottom: 16px;
}
.wrap-ctf-service-home3 .wrap-input input, .wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight {
  border-radius: 0;
  box-shadow: none !important;
  height: 55px;
  background-color: #f7f7f7;
  color: #666;
  font-size: 16px;
  font-weight: 400;
}
.wrap-ctf-service-home3 .wrap-input button {
  height: 55px;
  overflow: hidden;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  text-align: center;
  position: relative;
}
.wrap-ctf-service-home3 .wrap-input button:after {
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(45deg) scale(0, 1);
  transition: 500ms !important;
}
.wrap-ctf-service-home3 .wrap-input button:before {
  content: "";
  background: var(--primary-color);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.wrap-ctf-service-home3 .wrap-input button:hover:after {
  transform: skewX(45deg) scale(1, 1);
}
.wrap-ctf-footer-home2 {
  background: var(--primary-color);
  padding: 13px 17px 15px 0;
  position: relative;
}
@media (max-width: 991px) {
  .wrap-ctf-footer-home2 {
    padding: 20px 17px 22px 0;
  }
}
.wrap-ctf-footer-home2:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 66px;
  bottom: 0;
  z-index: -1;
  left: -66px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background-color: #97070c;
}
.wrap-ctf-footer-home2 .form-contact {
  position: relative;
}
.wrap-ctf-footer-home2 .form-contact input {
  height: 44px;
  font-size: 15px;
  font-weight: 400;
  background-color: #97070c;
  color: #fff !important;
  border-radius: 0;
  border: none !important;
}
.wrap-ctf-footer-home2 .form-contact button {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  padding: 0;
  height: 44px;
  width: 63px;
  background-color: #fff;
  color: #000;
  border-radius: 0;
  font-size: 19px;
  text-align: center;
}
.wrap-ctf-footer-home2 .form-contact button i {
  display: block;
}
.wrap-ctf-footer-home2 .form-contact button:hover i {
  color: #000;
  animation: toBottomFromTop 300ms ease-out;
}
.wrap-ctf-footer-home2 .input-filled {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .wrap-ctf-footer-home2 .input-filled {
    justify-content: start;
  }
}
.wrap-ctf-footer-home2 h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .wrap-ctf-footer-home2 h2 {
    margin-bottom: 10px;
    text-align: left;
  }
}
.wrap-ctf-footer-home9 .form-contact {
  position: relative;
}
.wrap-ctf-footer-home9 .form-contact input {
  height: 44px;
  font-size: 15px;
  font-weight: 400;
  background-color: #0f0f35;
  color: #fff !important;
  border-radius: 0;
  border: none !important;
}
.wrap-ctf-footer-home9 .form-contact button {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  padding: 0;
  height: 44px;
  width: 63px;
  background: linear-gradient(90deg, #05f 0%, #00e9f1 50%, #05f 100%);
  background-size: 200%;
  color: #fff;
  border-radius: 0;
  font-size: 19px;
  text-align: center;
}
.wrap-ctf-footer-home9 .form-contact button i {
  display: block;
}
.wrap-ctf-footer-home9 .form-contact button:hover {
  background-position: right;
}
.wrap-ctf-footer-home9 .input-filled {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .wrap-ctf-footer-home9 .input-filled {
    justify-content: start;
  }
}
.wrap-ctf-footer-home9 h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .wrap-ctf-footer-home9 h2 {
    margin-bottom: 10px;
    text-align: left;
  }
}
.wrap-ctf-v2 .input-filled {
  margin-bottom: 29px;
}
.wrap-ctf-v2 .input-filled label {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  display: block;
}
.wrap-ctf-v2 .input-filled input, .wrap-ctf-v2 .input-filled .pxl-select-higthlight {
  height: 49px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 14px;
  color: #666;
  background-color: #f9f9f9;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v2 .input-filled input:focus, .wrap-ctf-v2 .input-filled .pxl-select-higthlight:focus, .wrap-ctf-v2 .input-filled input:active, .wrap-ctf-v2 .input-filled .pxl-select-higthlight:active {
  background-color: #f9f9f9;
}
.wrap-ctf-v2 .input-filled textarea {
  height: 153px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 14px;
  color: #666;
  background-color: #f9f9f9;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v2 .input-filled textarea:focus, .wrap-ctf-v2 .input-filled textarea:active {
  background-color: #f9f9f9;
}
.wrap-ctf-v2 .input-filled button {
  margin-top: 3px;
  display: flex;
  align-items: center;
  height: 51px;
  padding: 0 55px 0 37px;
  font-size: 16px;
  color: #fff;
  border-radius: 0;
  background-color: var(--primary-color);
}
.wrap-ctf-v2 .input-filled button i {
  padding-right: 10px;
}
.wrap-ctf-v1 .input-filled {
  margin-bottom: 17px;
}
.wrap-ctf-v1 .input-filled input {
  height: 63px;
  border: 1px solid #e4e4e4 !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 16px;
  color: #666;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v1 .input-filled input:focus, .wrap-ctf-v1 .input-filled input:active {
  border-color: var(--primary-color) !important;
}
.wrap-ctf-v1 .input-filled textarea {
  height: 185px;
  border: 1px solid #e4e4e4 !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 16px;
  color: #666;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v1 .input-filled textarea:focus, .wrap-ctf-v1 .input-filled textarea:active {
  border-color: var(--primary-color) !important;
}
.wrap-ctf-v1 .input-filled button {
  height: 64px;
  padding: 0 57px 0 48px;
  font-size: 16px;
  color: #fff;
  border-radius: 0;
}
.wrap-ctf-home-main .input-filled {
  margin-bottom: 22px;
  position: relative;
}
.wrap-ctf-home-main .input-filled i {
  position: absolute;
  line-height: 0;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-ctf-home-main .input-filled .pxl-select-higthlight:before {
  font-size: 14px;
}
.wrap-ctf-home-main .input-filled input, .wrap-ctf-home-main .input-filled .pxl-select-higthlight {
  height: 60px;
  background-color: #f9fafc;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 16px;
  color: #666;
  border-radius: 0;
  box-shadow: none !important;
  border-radius: 5px;
}
.wrap-ctf-home-main .input-filled input:before, .wrap-ctf-home-main .input-filled .pxl-select-higthlight:before {
  content: "\f150" !important;
  font-family: "caseicon" !important;
  top: 50% !important;
  font-size: 12px;
  right: 14px !important;
}
.wrap-ctf-home-main .input-filled button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 5px;
}
.wrap-ctf-home-main .input-filled button i {
  position: relative;
  top: auto;
  right: auto;
  line-height: 60px;
  transform: translateY(0%) translatex(15px);
  font-size: 13px;
  transition: 300ms;
}
.wrap-ctf-home-main .input-filled button:hover i {
  transform: translateY(0%) translatex(15px) rotate(45deg);
}
.wrap-ctf-home-main .input-filled button br {
  display: none;
}
.wrap-ctf-v3 .input-filled {
  margin-bottom: 17px;
}
.wrap-ctf-v3 .input-filled input {
  height: 63px;
  border: 2px solid #fdf6f2 !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px !important;
  color: #242425;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v3 .input-filled input:focus, .wrap-ctf-v3 .input-filled input:active {
  border-color: var(--primary-color) !important;
}
.wrap-ctf-v3 .input-filled textarea {
  height: 185px;
  border: 2px solid #fdf6f2 !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px !important;
  color: #242425;
  border-radius: 0;
  box-shadow: none !important;
}
.wrap-ctf-v3 .input-filled textarea:focus, .wrap-ctf-v3 .input-filled textarea:active {
  border-color: var(--primary-color) !important;
}
.wrap-ctf-v3 .input-filled button {
  height: 60px;
  padding: 0 35px 0 35px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 60px;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 0;
}
.wrap-ctf-calculate {
  border: 1px solid #d8d3d3;
  padding: 16px 20px 30px 20px;
}
.wrap-ctf-calculate .title {
  font-size: 24px;
  margin-bottom: 3px;
}
.wrap-ctf-calculate .description {
  font-size: 14px;
  color: #666;
  margin-bottom: 34px;
}
.wrap-ctf-calculate .wrap-input select {
  height: 36px;
  font-size: 16px;
  color: #ababab;
  border: 1px solid #d8d3d3 !important;
  box-shadow: none !important;
  border-radius: 0;
  padding-left: 10px !important;
}
.wrap-ctf-calculate .wrap-input .input-filled {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.wrap-ctf-calculate .wrap-input .input-filled.f1 {
  margin-bottom: 33px;
}
.wrap-ctf-calculate .wrap-input .input-filled.f3 {
  margin-bottom: 18px;
}
.wrap-ctf-calculate .wrap-input .input-filled.f4 {
  margin-bottom: 42px;
}
.wrap-ctf-calculate .wrap-input .input-filled.f5 {
  margin-bottom: 0px;
}
.wrap-ctf-calculate .wrap-input .input-filled.f2 select, .wrap-ctf-calculate .wrap-input .input-filled.f3 select {
  -webkit-appearance: none;
  appearance: none;
}
.wrap-ctf-calculate .wrap-input .input-filled.f2 .wpcf7-form-control-wrap:before, .wrap-ctf-calculate .wrap-input .input-filled.f3 .wpcf7-form-control-wrap:before {
  content: "\f078";
  font-family: 'font awesome 5 pro';
  font-size: 13px;
  color: #949494;
  font-weight: 700;
  position: absolute;
  right: 12px;
  top: 53%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 480px) {
  .wrap-ctf-calculate .wrap-input .input-filled {
    display: block;
    margin-bottom: 15px !important;
  }
  .wrap-ctf-calculate .wrap-input .input-filled br {
    display: none;
  }
}
.wrap-ctf-calculate .wrap-input .input-filled .title-input {
  min-width: 210px;
  color: #050505;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .wrap-ctf-calculate .wrap-input .input-filled .title-input {
    margin-bottom: 10px;
    display: block;
  }
}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7-slider-label {
  display: none;
}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7-value {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  position: absolute;
  top: -25px;
  right: 0;
}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7_range_slider-700 {
  width: 100%;
}
.wrap-ctf-calculate .wrap-input input[type="range"] {
  background-color: var(--primary-color) !important;
  border: none !important;
}
.wrap-ctf-calculate .wrap-input input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: initial;
  margin-top: -12px;
  background-color: var(--primary-color) !important;
  height: 37px;
  width: 37px;
}
.wrap-ctf-calculate .wrap-input input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: initial;
  margin-top: -12px;
  background-color: var(--primary-color) !important;
  height: 37px;
  width: 37px;
  border-radius: 300px;
  border: none !important;
}
.wrap-ctf-calculate .wrap-input input[type="range"]::-webkit-slider-runnable-track {
  background: #f8f8f8 !important;
  height: 18px;
  border: 1px solid #d8d3d3 !important;
  border-radius: 100px;
}
.wrap-ctf-calculate .wrap-input input[type="range"]::-moz-range-track {
  background: #f8f8f8 !important;
  height: 18px;
  border: 1px solid #d8d3d3 !important;
  border-radius: 100px;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom {
  padding: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item {
  margin: 0 !important;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom input {
  width: 71px;
  height: 38px;
  opacity: 0;
  z-index: 2;
  position: relative;
  cursor: pointer;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 3px;
  width: 71px;
  height: 39px;
  display: block;
  cursor: pointer;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #d8d3d3;
  border-radius: 100px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:after {
  position: absolute;
  width: 29px;
  height: 29px;
  background-color: #ccc;
  border-radius: 100px;
  top: 5px;
  left: 7px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
.wrap-ctf-calculate .wrap-input input[type=checkbox]:checked + .wpcf7-list-item-label:after, .wrap-ctf-calculate .wrap-input .wpcf7 .wpcf7-form-control.wpcf7-checkbox_custom input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  background-color: var(--primary-color);
  left: 35px;
}
.wrap-ctf-calculate .wrap-input .your-value {
  background-color: #f8f8f8;
  justify-content: flex-end;
  align-items: center;
  height: 38px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #050505;
}
.wrap-ctf-calculate .wrap-input .your-value br {
  display: none;
}
.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap {
  max-width: 215px;
}
@media (max-width: 480px) {
  .wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap {
    max-width: 130px;
  }
}
.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input {
  margin-left: 20px;
  border: none !important;
  box-shadow: none !important;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 0 !important;
  text-align: center !important;
  font-size: 16px;
  font-weight: 700;
}
.wrap-ctf-home2 {
  background-color: #fff;
  border-radius: 3px;
  padding: 28px 50px 45px 50px;
}
@media (max-width: 575px) {
  .wrap-ctf-home2 {
    padding: 40px 20px !important;
  }
}
.wrap-ctf-home2 .title-form {
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 23px;
}
.wrap-ctf-home2 ::placeholder {
  color: #cccaca;
}
.wrap-ctf-home2 .input-filled {
  margin-bottom: 20px;
}
.wrap-ctf-home2 .input-filled input {
  background-color: #f4f5fa;
  height: 50px;
  box-shadow: none !important;
  font-size: 16px;
  color: #000;
}
.wrap-ctf-home2 .input-filled textarea {
  background-color: #f4f5fa;
  font-size: 16px;
  color: #000;
  height: 100px;
  box-shadow: none !important;
}
.wrap-ctf-home2 .input-filled button {
  height: 52px;
  width: 100%;
  text-align: center;
  background-color: var(--primary-color);
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.wrap-ctf-home2 .input-filled button i {
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.wrap-ctf-home2 .input-filled button:hover {
  background-color: #000;
}
.wrap-ctf-home2 .input-filled button:hover i {
  transform: rotate(45deg);
}
.wrap-ctf-home2 .input-filled:last-child {
  margin-bottom: 0;
}
body.rtl {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}
body.rtl .rtl-icon {
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  display: inline-block;
}
body.rtl .pxl-text-left {
  text-align: right;
}
body.rtl .pxl-text-right {
  text-align: left;
}
@media screen and (min-width: 1200px) {
  body.rtl .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down {
    margin-left: 0;
    margin-right: 8px;
  }
  body.rtl .pxl-menu-primary .sub-menu, body.rtl .pxl-menu-primary .children {
    text-align: right;
  }
  body.rtl .pxl-menu-primary li a span:before {
    left: auto;
    right: 0;
  }
  body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu), body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) {
    left: auto;
    right: 0;
    text-align: right;
  }
  body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .children, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .children {
    left: auto;
    right: 100%;
    text-align: right;
  }
  body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children > a::after {
    content: "\f136";
    right: auto;
    left: 0;
  }
  body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a::before {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 1199px) {
  body.rtl #pxl-header-default #pxl-nav-mobile, body.rtl #pxl-header-elementor #pxl-nav-mobile {
    right: auto;
    left: 15px;
  }
  body.rtl .pxl-header-menu {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  body.rtl .pxl-header-menu.active {
    -webkit-transform: translateX(0%);
    -khtml-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  body.rtl .pxl-menu-toggle, body.rtl .pxl-menu-close, body.rtl .pxl-header-mobile-search .search-submit {
    right: auto;
    left: 0;
  }
  body.rtl .pxl-menu-primary .sub-menu li a, body.rtl .pxl-menu-primary .children li a {
    padding-left: 0;
    padding-right: 14px;
  }
  body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading {
    padding-left: 0;
    padding-right: 14px;
  }
}
body.rtl #pxl-search-popup .pxl-item--conent form .search-submit {
  right: auto;
  left: 0;
  text-align: left;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape {
  margin-left: 190px;
  margin-right: 52px;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape span {
  transform: scaleX(-1);
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::before {
  left: auto;
  right: -45px;
}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::after {
  left: auto;
  right: -52px;
}
body.rtl .pxl-item--post .pxl-item--meta li {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl .pxl-item--post .pxl-item--meta li i {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl blockquote {
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 0;
  margin-right: 0;
}
body.rtl blockquote:before {
  left: auto;
  right: 0;
}
body.rtl .pxl--post-footer label {
  margin-right: 0;
  margin-left: 18px;
}
body.rtl .pxl--post-footer .pxl--tags {
  margin-right: 0;
  margin-left: 30px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img {
  margin-right: 0;
  margin-left: 22px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i {
  margin-right: 0;
  margin-left: 4px;
}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before {
  content: "\f134";
}
body.rtl .pxl-post--navigation .pxl--item-next {
  text-align: left;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--img {
  margin-left: 0;
  margin-right: 22px;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i {
  margin-left: 0;
  margin-right: 4px;
}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before {
  content: "\f13a";
}
body.rtl .pxl-item--post .pxl-item--meta::before {
  right: 0;
  left: auto;
}
body.rtl .comment-inner img.avatar {
  margin-right: 0;
  margin-left: 18px;
}
body.rtl .comment-reply {
  right: auto;
  left: 23px;
}
body.rtl .comment-reply a i {
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: 0;
  margin-right: 5px;
}
body.rtl .comment-form-cookies-consent {
  padding-left: 0;
  padding-right: 24px;
}
body.rtl .comment-form-cookies-consent input, body.rtl .comment-form-cookies-consent label::before, body.rtl .comment-form-cookies-consent label::after {
  left: auto;
  right: 0;
}
body.rtl .comment-list li .comment-respond {
  margin-left: 0;
  margin-right: 130px;
}
@media screen and (max-width: 767px) {
  body.rtl .comment-list li .comment-respond {
    margin-left: 0px;
    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: 0px;
  padding-right: 16px;
}
body.rtl .widget_search .search-submit {
  right: auto;
  left: 0;
}
body.rtl .widget_pxl_recent_posts .pxl-item--img {
  margin-right: 0;
  margin-left: 12px;
}
body.rtl .widget_pxl_recent_posts .pxl-item--date i, body.rtl .widget_tag_cloud a {
  margin-right: 0;
  margin-left: 6px;
}
body.rtl .pxl-banner1 .pxl-item--meta {
  left: auto;
  right: -85px;
  direction: ltr;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--star {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow {
  right: auto;
  left: 0;
}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: 74px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image {
  margin-right: 0;
  margin-left: 14px;
}
body.rtl .pxl-grid-filter .filter-item.active {
  margin-right: 0;
  margin-left: 24px;
}
body.rtl .pxl-grid-filter .filter-item.active:last-child {
  margin-left: 0;
}
body.rtl .pxl-mailchimp.style-outline [type="email"] {
  margin-right: 0;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-mailchimp.style-outline [type="email"] {
    margin-left: 0;
  }
}
body.rtl .pxl-post-carousel1 .pxl-item--author img {
  margin-right: 0;
  margin-left: 14px;
}
body.rtl .pxl-post-carousel1 .pxl-item--date i {
  margin-right: 0;
  margin-left: 6px;
}
body.rtl .pxl-btn-line:hover i {
  margin-left: 0;
  margin-right: 12px;
}
body.rtl .pxl-history1 .pxl-item--start, body.rtl .pxl-history1 .pxl-item--image {
  right: 50%;
  transform: translate(50%, 0);
}
body.rtl .pxl-history1 .pxl-content--left {
  padding-right: 0;
  padding-left: 120px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--left {
    padding-right: 0;
    padding-left: 30px;
  }
}
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before {
  right: auto;
  left: -130px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before {
    right: auto;
    left: -40px;
  }
}
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after {
  right: auto;
  left: -108px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after {
    right: auto;
    left: -20px;
  }
}
body.rtl .pxl-history1 .pxl-content--right {
  padding-left: 0px;
  padding-right: 120px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--right {
    padding-left: 0px;
    padding-right: 30px;
  }
}
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before {
  left: auto;
  right: -130px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before {
    left: auto;
    right: -40px;
  }
}
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after {
  left: auto;
  right: -108px;
}
@media screen and (max-width: 767px) {
  body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after {
    left: auto;
    right: -20px;
  }
}
body.rtl .pxl-link.hv-style2 a::before {
  right: 0;
  left: auto;
}
body.rtl .pxl-mailchimp.style-default [type="submit"] {
  right: auto;
  left: 0;
}
body.rtl .pxl-link li i {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl .pxl-feature1 .pxl--item-title::before {
  left: auto;
  right: 0;
}
body.rtl .pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider, body.rtl .pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
  left: -101px;
  right: auto;
}
body.rtl .pxl-process1 .pxl-item--image {
  right: auto;
  left: 0;
}
body.rtl .pxl-testimonial-carousel2 .pxl-item--image {
  margin-right: 0;
  margin-left: 24px;
}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: auto;
  left: 0;
}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: auto;
  right: 0;
}
body.rtl .pxl-partner-carousel1 .pxl-item--inner::before {
  right: auto;
  left: -15px;
}
body.rtl .pxl-mailchimp.style-primary [type="email"] {
  margin-right: 0;
  margin-left: 16px;
}
body.rtl .pxl-link.hv-style5 li a {
  padding-left: 42px;
  padding-right: 20px;
}
body.rtl .pxl-link.hv-style5 li i {
  margin: 0;
  right: auto;
  left: 20px;
  -webkit-transform: translate(0, -50%) scaleX(-1);
  -khtml-transform: translate(0, -50%) scaleX(-1);
  -moz-transform: translate(0, -50%) scaleX(-1);
  -ms-transform: translate(0, -50%) scaleX(-1);
  -o-transform: translate(0, -50%) scaleX(-1);
  transform: translate(0, -50%) scaleX(-1);
}
body.rtl .pxl-testimonial-single1 .pxl-item--image {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl .pxl-testimonial-single1.style-img-larger .pxl-item--image {
  margin-right: 30px;
}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image, body.rtl .pxl-testimonial-grid1 .pxl-item--image {
  margin-right: 0;
  margin-left: 16px;
}
body.rtl .pxl-testimonial-grid1 .pxl-item--holder::before {
  left: auto;
  right: 40px;
  transform: scaleX(-1);
}
body.rtl .pxl-link.hv-style6 li i {
  right: auto;
  left: 10px;
  margin: 0;
}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta i {
  margin-right: 0;
  margin-left: 6px;
}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta > div {
  margin-right: 0;
  margin-left: 18px;
}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta > div:last-child {
  margin-left: 0;
  margin-right: 0;
}
body.rtl .pxl-icon-box2.style3 .pxl-item--icon {
  margin-right: 0;
  margin-left: 14px;
}
body.rtl .pxl-banner2 .pxl-item--project .pxl-project--icon {
  margin-right: 0;
  margin-left: 10px;
}
body.rtl .pxl-banner2 .pxl-item--team {
  margin-right: 0;
  margin-left: 16px;
}
body.rtl .pxl-banner2 .pxl-item--meta {
  margin-right: 0;
  margin-left: 22px;
}
body.rtl .pxl-portfolio-carousel2 .pxl-item--meta {
  padding-right: 20px;
  padding-left: 70px;
}
body.rtl .pxl-portfolio-carousel2 .pxl-item--readmore {
  right: auto;
  left: 20px;
}
body.rtl .pxl-testimonial-carousel4 .pxl-item--image {
  margin-right: 0;
  margin-left: 28px;
}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
  right: auto;
  left: 20px;
}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  margin-right: 0;
  margin-left: 16px;
}
body.rtl .pxl-mailchimp.style-box-white2 [type="email"] {
  padding-left: 0;
  padding-right: 30px;
}
body.rtl .pxl-link.hv-style3 a:hover {
  padding-left: 0;
  padding-right: 18px;
}
body.rtl .pxl-link.hv-style3 a::before {
  left: auto;
  right: -11px;
}
body.rtl .pxl-link.hv-style3 a:hover::before {
  left: auto;
  right: 0;
}
body.rtl .pxl-video-player1 .btn-video.style4 + .pxl-video-text {
  margin-left: 0;
  margin-right: 14px;
}
@media screen and (min-width: 1200px) {
  body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title {
    margin-right: 0;
    margin-left: 20px;
  }
  body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item--title::before {
    left: auto;
    right: 22px;
  }
}
body.rtl .pxl-accordion1.style3 .pxl-item--title {
  padding: 28px 80px 28px 20px;
}
body.rtl .pxl-accordion1.style3 .pxl-icon--plus {
  left: auto;
  right: 30px;
}
body.rtl .pxl-icon-box2.style4 .pxl-item--icon {
  margin-right: 0;
  margin-left: 16px;
}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
  margin-right: 0;
  margin-left: 50px;
}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before {
  left: auto;
  right: 32px;
}
body.rtl .pxl-wapper .btn-plus-text {
  flex-direction: row-reverse;
}
body.rtl .btn.btn-slider1 i {
  margin-left: 0;
  margin-right: 18px;
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:before {
  content: "\f14d";
  margin: 0 14px;
  font-weight: 700;
  color: inherit;
  font-family: Caseicon;
  font-size: 11px;
}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:after {
  display: none;
}
body.rtl .pxl-scroll-top {
  right: auto;
  left: 40px;
}
body.rtl .pxl-col-line1::before {
  left: 25px;
  right: auto;
}
body.rtl input[type="text"], body.rtl input[type="email"], body.rtl input[type="url"], body.rtl input[type="password"], body.rtl input[type="search"], body.rtl input[type="tel"], body.rtl input[type="number"], body.rtl input[type="range"], body.rtl input[type="date"], body.rtl input[type="month"], body.rtl input[type="week"], body.rtl input[type="time"], body.rtl input[type="datetime"], body.rtl input[type="datetime-local"], body.rtl input[type="color"], body.rtl textarea, body.rtl select, body.rtl .nice-select {
  text-align: right;
}
body.rtl .pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  right: auto;
  left: 18px;
}
.error404 .pxl-error-inner {
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 95px !important;
}
@media (max-width: 1024px) {
  .error404 .pxl-error-inner {
    background-position: center;
    background-size: cover;
  }
}
.error404 .wrap-content-404 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -12px;
  text-align: center;
}
@media (max-width: 1024px) {
  .error404 .wrap-content-404 {
    margin-top: 0px;
  }
}
.error404 .wrap-content-404 .pxl-error-inner {
  position: relative;
  z-index: 99;
  margin: auto;
  padding: 0 15px;
  width: 100%;
}
@media (max-width: 1024px) {
  .error404 .wrap-content-404 .pxl-error-inner .error-404-image {
    margin-top: 20px;
  }
}
.error404 .wrap-content-404 .pxl-error-title {
  font-size: 48px;
  color: var(--secondary-color);
}
@media (max-width: 767px) {
  .error404 .wrap-content-404 .pxl-error-title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .error404 .wrap-content-404 .pxl-error-title {
    font-size: 25px;
  }
}
.error404 .wrap-content-404 .pxl-error-button {
  padding: 0 34px;
  line-height: 49px;
  background-color: var(--primary-color);
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.error404 .wrap-content-404 .pxl-error-button:hover {
  background-color: var(--secondary-color);
}
.error404 .wrap-content-404 .error-404-desc {
  text-align: center;
  margin-top: 6px;
  font-size: 17px;
  line-height: 30px;
  color: #666;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .error404 .wrap-content-404 .error-404-desc {
    margin-bottom: 20px;
  }
}
.pxl-pricing-carousel1 .pxl-swiper-dots {
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -41px;
  margin-top: 0;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 5px 0;
  background-color: #f2f2f2;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.pxl-pricing-carousel1 .swiper-container-vertical {
  height: 440px;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper {
  flex-direction: column;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pxl-pricing-carousel1 .pxl-swiper-slide {
  padding-bottom: 30px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content {
  background-color: #f2f2f2;
  text-align: center;
  padding: 39px 0 36px 0;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  color: #050505;
  margin-bottom: -5px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price {
  margin-bottom: -2px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit {
  font-size: 24px;
  font-weight: 700;
  color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing {
  font-size: 48px;
  font-weight: 700;
  color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
  font-size: 16px;
  font-weight: 700;
  color: #878787;
}
.wp-block-column .wp-block-quote {
  padding: 32px 20px 28px 20px;
  font-size: 18px;
  line-height: 27px;
  margin-top: 0;
}
.wp-block-column .wp-block-quote p {
  font-size: 20px !important;
}
.wp-block-column .wp-block-quote cite {
  font-size: 16px !important;
  line-height: 24px;
  padding-left: 40px;
}
.wp-block-column .wp-block-quote cite:before {
  width: 20px;
}
.entry-content .wp-block-pullquote .has-light-gray-color {
  margin: 0 0;
}
.entry-content .wp-block-pullquote.is-style-solid-color {
  margin-bottom: 30px;
}
.entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
    width: 70% !important;
  }
}
@media screen and (max-width: 575px) {
  .entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color {
    width: 85% !important;
  }
}
.single-post .entry-body .entry-title {
  margin-bottom: -20px;
}
.wp-block-categories {
  margin-bottom: 20px;
}
.wp-block-rss .wp-block-rss__item {
  list-style: none;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.wp-block-rss .wp-block-rss__item:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #828893;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.wp-block-calendar .wp-calendar-table {
  margin-bottom: 0;
}
.wp-block-calendar .wp-calendar-nav {
  margin-bottom: 20px;
}
.wp-block-calendar tr td {
  text-align: center;
}
.wp-block-search__inside-wrapper {
  margin: 20px 0;
}
.wp-block-search__inside-wrapper input {
  border-color: #ccc;
  width: 100%;
}
.wp-block-search__inside-wrapper button {
  line-height: 36px;
  font-size: 16px;
  padding: 0 20px 0 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--secondary-color);
  border-radius: 10px;
}
.post-1779 .wp-block-pullquote blockquote {
  margin: 0 0;
}
#post-1152 .item-category {
  display: none;
}
.post-1000 .entry-content > ol > li > ul > li > ul > li {
  padding-left: 20px;
}
.post-1000 .entry-content > ul > li > ul > li {
  padding-left: 20px;
}
.post-1000 .entry-content > ul > li > ol > li > ul > li {
  padding-left: 20px;
}
.entry-blog {
  margin-bottom: 39px !important;
}
.wp-block-group.has-background .wp-block-group__inner-container {
  margin: 30px 0;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .wp-block-group.has-background .wp-block-group__inner-container {
    padding: 20px;
  }
}
.wp-block-media-text.has-background {
  margin-bottom: 30px;
}
.wp-block-media-text.has-background .wp-block-media-text__content > p:first-child {
  font-size: 23px;
  line-height: 35px;
  margin-bottom: 10px;
}
.tag-title .entry-title a {
  word-break: break-word;
}
@media screen and (min-width: 1200px) {
  .woocommerce-NoticeGroup-checkout {
    margin: 0 40px 0 15px;
  }
}
.woocommerce-product-content > .woocommerce-product--excerpt {
  display: none;
}
.select2-dropdown--below > .select2-search--dropdown, .select2-dropdown--above > .select2-search--dropdown {
  padding: 15px 17px 20px 17px;
}
.select2-dropdown--below > .select2-results > .select2-results__options li, .select2-dropdown--above > .select2-results > .select2-results__options li {
  padding: 6px 17px;
}
.entry-content > .gallery > .gallery-item {
  text-align: center;
}
.entry-content > .gallery > .gallery-item .gallery-icon {
  margin-bottom: 13px;
}
.page-id-156 .page-title-inner, .page-id-155 .page-title-inner, .page-id-1134 .page-title-inner, .page-id-1811 .page-title-inner, .page-id-1813 .page-title-inner, .page-id-1133 .page-title-inner {
  display: block !important;
}
.page .comment-list-wrap {
  padding: 0 0px 20px !important;
}
.page .comment-form-cookies-consent {
  margin-top: 15px;
}
.page #commentform .row-one {
  width: 110%;
}
.page #commentform .form-submit {
  margin-top: 28px;
  width: 100%;
}
.widget_block h2, .widget_block label {
  color: var(--secondary-color);
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 3px;
  position: relative;
  display: inline;
  display: block;
}
.widget_nav_menu .sub-menu, .widget_pages .sub-menu, .widget_categories .sub-menu, .widget_nav_menu .children, .widget_pages .children, .widget_categories .children {
  padding-left: 20px;
  margin-left: 0;
}
.widget_nav_menu .sub-menu > li, .widget_pages .sub-menu > li, .widget_categories .sub-menu > li, .widget_nav_menu .children > li, .widget_pages .children > li, .widget_categories .children > li {
  padding-right: 0;
}
.widget_nav_menu .sub-menu, .widget_pages .sub-menu {
  padding-left: 10px !important;
}
.widget_nav_menu .sub-menu li:last-child, .widget_pages .sub-menu li:last-child {
  border: none !important;
}
.widget_nav_menu li, .widget_pages li {
  padding: 0 !important;
  border: none !important;
}
.widget_nav_menu li a, .widget_pages li a {
  border-bottom: 1px solid #eaeaea;
}
.widget_block h2, .widget_block label {
  font-size: 22px;
  font-weight: 700;
}
.widget_block.widget_search .wp-block-search__inside-wrapper {
  position: relative;
}
.widget_block.widget_search .wp-block-search__inside-wrapper input {
  width: 100%;
}
.widget_block.widget_search .wp-block-search__inside-wrapper button {
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
  line-height: 55px;
  background-color: transparent;
  color: var(--secondary-color);
}
.pxl-content-area .wp-block-search__inside-wrapper {
  position: relative;
}
.pxl-content-area .wp-block-search__inside-wrapper input {
  width: 100%;
}
.pxl-content-area .wp-block-search__inside-wrapper button {
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
  line-height: 55px;
  background-color: transparent;
  color: var(--secondary-color);
}
.pxl-content-area .wp-block-search__inside-wrapper button:hover {
  color: var(--primary-color);
}
.widget_archive select {
  padding: 5px;
}
.widget_block ol {
  padding-left: 0;
}
.widget_block ol li {
  margin-bottom: 0px;
}
.widget_block ol li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0;
  border-bottom: none;
}
.widget_block a {
  font-weight: 400;
}
.widget_calendar th, .widget_calendar td {
  text-align: center;
  line-height: normal;
  padding: 8px;
}
.widget_calendar th a, .widget_calendar td a {
  font-weight: 700;
}
.widget_calendar table {
  margin: 0;
  border-right: 1px solid #ededed;
}
.widget_calendar table > caption {
  background-color: #f9f9f9;
  border: 1px solid #ededed !important;
  border-top: none;
  padding: 12px 10px;
  line-height: normal;
  font-weight: 500;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.widget_calendar .wp-calendar-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 10px;
}
.widget_calendar .wp-calendar-nav a {
  font-size: 14px;
  color: #666;
  font-weight: 700;
  background-color: #f9f9f9;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #ededed;
}
.widget_calendar .wp-calendar-nav a:hover {
  color: #fff;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
  margin-right: 20px;
  flex-grow: 1;
}
.widget_block.widget_search {
  position: relative;
}
.widget_block.widget_search .wp-block-search__button {
  padding: 0;
  border: none;
  line-height: 51px;
  height: 51px;
  width: 51px;
  border-left: 1px solid #ececf0;
  position: absolute;
  top: 0;
  right: 0;
  color: #1b2336;
  font-size: 15px;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 0 !important;
  font-size: 0px;
}
.widget_block.widget_search .wp-block-search__button:before {
  content: "\f12c";
  font-family: 'Caseicon';
  font-size: 15px;
  font-weight: 400;
}
.widget_block.widget_search .wp-block-search__button:after {
  display: none;
}
.widget_block.widget_search .wp-block-search__button:hover {
  color: var(--primary-color);
}
.widget_block.widget_search .wp-block-search__input {
  font-size: 15px;
  color: #1b2336;
  border-color: #ececf0;
  background-color: #fff;
  height: 51px;
  padding-left: 20px;
  padding-right: 51px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.widget_block.widget_search .wp-block-search__input:focus {
  border-color: var(--secondary-color);
}
.widget_block.widget_search .wp-block-search__input:focus + .wp-block-search__button {
  border-color: var(--secondary-color);
}
.widget_block.widget_search .wp-block-search__inside-wrapper {
  display: block;
  position: relative;
}
.widget_block .wp-block-latest-posts__list {
  padding-top: 15px;
}
.widget_block .wp-block-latest-posts__list li {
  font-size: 0px;
}
.widget_block .wp-block-latest-posts__list li a {
  color: #1b1b1b;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}
.widget_block .wp-block-latest-posts__list li a:hover {
  padding-left: 10px !important;
}
.widget_block .wp-block-latest-posts__list li:last-child > a {
  border-bottom: none;
}
.widget_block .wp-block-latest-posts__list li a:hover {
  color: var(--primary-color);
  padding-left: 30px;
}
.widget_block .wp-block-latest-posts__list li a:hover:before {
  left: 15px;
  opacity: 1;
}
.widget_block .wp-block-latest-comments li {
  color: #415674;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  padding: 12px 0;
  position: relative;
  border-bottom: 1px solid #ececf0;
  position: relative;
}
.widget_block .wp-block-latest-comments li a {
  color: var(--secondary-color);
}
.widget_block .wp-block-latest-comments li a:hover {
  color: var(--primary-color);
}
.widget_block .wp-block-latest-comments li:last-child > a {
  border-bottom: none;
}
strong {
  color: var(--secondary-color);
}
table tr td, table th {
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: 10px;
}
.widget_text form, .widget_categories form {
  position: relative;
}
.widget_text form select::-ms-expand, .widget_categories form select::-ms-expand {
  display: none;
}
.widget_text form select, .widget_categories form select {
  -webkit-appearance: none;
  appearance: none;
}
@-moz-document url-prefix() {
  .widget_text form .ui-select, .widget_categories form .ui-select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }
  .widget_text form .ui-select select, .widget_categories form .ui-select select {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}
.widget_text form:before, .widget_categories form:before {
  content: "\f13c";
  font-family: 'Caseicon';
  font-size: 10px;
  color: var(--primary-color);
  font-weight: 700;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
pre {
  overflow: hidden;
}
h2 + ul, h2 + ol {
  margin-bottom: 22px;
}
.alignleft, .alignright, .aligncenter {
  margin-top: 15px;
  margin-bottom: 35px;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 35px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 35px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-button {
  margin-bottom: 32px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}
.wp-block-button a {
  color: #fff !important;
}
.wp-block-button.is-style-outline a {
  color: var(--secondary-color) !important;
}
.wp-block-quote.is-style-large {
  padding: 30px 60px;
}
.blocks-gallery-caption {
  margin-bottom: 32px;
}
.wp-block-cover, .wp-block-cover-image {
  margin-bottom: 52px;
}
.block-editor-rich-text__editable a {
  color: #fff;
}
.wp-block-group.has-background {
  padding: 20px 30px;
  margin: 30px 0;
}
.wp-block-media-text.has-background {
  margin-bottom: 25px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.6842em;
}
@media screen and (min-width: 576px) {
  li > ul, blockquote > ul {
    margin-left: 1.65em;
    padding-left: 0;
  }
  li > ol, blockquote > ol {
    margin-left: 1.15em;
    padding-left: 0;
  }
}
blockquote cite a {
  color: #fff;
}
blockquote cite a:hover {
  color: #fff;
}
.wp-block-cover p {
  color: #fff;
}
.wp-block-cover-image.has-background-dim p, .wp-block-cover.has-background-dim p {
  line-height: 48px;
  color: #fff;
}
.gallery-item {
  display: inline-block;
  padding: 1.79104%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery .gallery-caption {
  color: #707070;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 7px 0;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
  display: none;
}
@media (max-width: 480px) } {
  margin-left: 0;
  text-align: left;
  clear: none;
  float: none;
  margin-bottom: 30px;
  display: block;
}
@media (max-width: 480px) } {
  min-width: 280px;
}
.category-block .pxl-related-post {
  display: block;
}
.blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright {
  max-width: max-content;
  width: 100%;
}
.post-password-form {
  position: relative;
}
.post-password-form input[type="submit"] {
  position: absolute;
  bottom: 5px;
  border-radius: 10px;
  right: 5px;
  background-color: var(--secondary-color);
}
.pxl-item--post.sticky .pxl-item--title {
  position: relative;
  display: flex;
  align-items: center;
}
.pxl-item--post.sticky .pxl-item--title i {
  margin-right: 10px;
  display: block !important;
}
.single .pxl-item--post .pxl-item--meta {
  justify-content: flex-start;
}
.single .pxl-item--excerpt {
  margin-top: 20px;
}
.pxl-item--excerpt .page-links {
  margin-top: 20px;
}
.page-links .post-page-numbers {
  width: 35px;
  height: 35px;
  background-color: #e6e6e6;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-right: 11px;
  color: #000;
  position: relative;
  z-index: 1;
  padding: 0;
  border: none;
}
.page-links .post-page-numbers.current, .page-links .post-page-numbers:hover {
  color: #fff;
  background-color: var(--primary-color);
}
#pxl-post-501 p {
  display: inline-block;
}
button:not(.rm-style-default), .button, input[type="submit"] {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 0 30px;
  line-height: 45px;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  -webkit-border-radius: 45px;
  -khtml-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  border-radius: 45px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: none;
  background-size: 300%, 1px;
  background-position: 0%;
  height: auto;
}
button:not(.rm-style-default):hover, .button:hover, input[type="submit"]:hover, button:not(.rm-style-default):focus, .button:focus, input[type="submit"]:focus, button:not(.rm-style-default):active, .button:active, input[type="submit"]:active, button:not(.rm-style-default):not([disabled]):not(.disabled).active, .button:not([disabled]):not(.disabled).active, input[type="submit"]:not([disabled]):not(.disabled).active, button:not(.rm-style-default):not([disabled]):not(.disabled):active, .button:not([disabled]):not(.disabled):active, input[type="submit"]:not([disabled]):not(.disabled):active {
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-position: 100%;
}
@keyframes pulse1 {
  0% {
    box-shadow: var(--primary-color) 0px 0px 0px 0px;
  }
  100% {
    box-shadow: var(--primary-color) 0px 0px 0px 24px;
    opacity: 0;
    transition-delay: 200ms;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 0 30px;
  line-height: 45px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  cursor: pointer;
  border: none;
  background-color: var(--primary-color);
  height: auto;
}
.btn i {
  line-height: normal;
}
.btn i.flaticon {
  line-height: 1;
}
.btn.pxl-icon--right {
  flex-direction: row-reverse;
}
.btn:hover, .btn:focus, .btn:active {
  outline: medium none;
  text-decoration: none;
  color: #fff;
}
.btn.skew {
  transform: skewX(-5deg);
}
.btn.skew span {
  transform: skewX(5deg);
}
.btn.outlines {
  position: relative;
}
.btn.outlines:before {
  position: absolute;
  content: '';
  border: 1px solid var(--primary-color);
  top: -13px;
  left: -13px;
  right: -13px;
  bottom: -13px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.btn.outlines span {
  z-index: 2;
  position: relative;
}
.btn.outlines:after {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 0;
}
.btn.outlines:hover:before {
  animation: pulse1 1s infinite;
}
.btn.outlines:hover:after {
  top: -13px;
  left: -13px;
  right: -13px;
  bottom: -13px;
}
.btn.btn-text-underline {
  background: none;
  padding: 0;
  line-height: normal;
  overflow: visible;
  white-space: nowrap;
  /* Shortcode Button */
  /* Effect Style */
}
.btn.btn-text-underline span {
  text-decoration: underline;
}
.btn.btn-text-underline i {
  color: var(--primary-color);
  font-size: 20px;
  line-height: 1;
}
.btn.btn-text-underline:hover i {
  -o-animation: pxl_right_from_left 0.6s forwards;
  -ms-animation: pxl_right_from_left 0.6s forwards;
  -webkit-animation: pxl_right_from_left 0.6s forwards;
  animation: pxl_right_from_left 0.6s forwards;
}
.btn.hover-style1, .btn.hover-style3 {
  overflow: hidden;
  background: var(--primary-color);
  text-align: center;
  position: relative;
}
.btn.hover-style1:after, .btn.hover-style3:after {
  content: "";
  background: #000;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 400px;
  height: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 0;
  transition: all 500ms cubic-bezier(0.4, 0.5, 0.6, 0.7) 0s;
}
.btn.hover-style1:hover:after, .btn.hover-style3:hover:after {
  z-index: -1;
  height: 300px;
}
.btn.hover-style1 span, .btn.hover-style3 span, .btn.hover-style1 i, .btn.hover-style3 i {
  position: relative !important;
  z-index: 1 !important;
}
.btn.hover-style1:hover, .btn.hover-style3:hover {
  -webkit-transform: translateY(0px);
  -khtml-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.btn.hover-style1:hover .pxl--btn-text:before, .btn.hover-style3:hover .pxl--btn-text:before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.btn.hover-style1:hover .pxl--btn-text span, .btn.hover-style3:hover .pxl--btn-text span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.btn.hover-style1:not(:hover) .pxl--btn-text > span, .btn.hover-style3:not(:hover) .pxl--btn-text > span {
  transition-delay: 0s !important;
}
.btn.hover-style3 i {
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.btn.hover-style3:hover i {
  transform: rotate(45deg);
}
.btn.hover-style4 {
  overflow: hidden;
}
.btn.hover-style4:before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-25deg);
  -khtml-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background-image: linear-gradient(to right, rgba(255, 255, 255, .0), rgba(255, 255, 255, .6));
  transition: all 500ms linear 0ms;
}
.btn.hover-style4:hover:before {
  animation: shine 1s;
}
.pxl-wapper .icon-space-left {
  margin-left: 12px;
}
.pxl-wapper .icon-space-right {
  margin-right: 12px;
}
.pxl-wapper .btn-plus-text {
  font-size: 14px;
  min-width: 40px;
  height: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  background-color: #343b2e;
  color: #fff;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pxl-wapper .btn-plus-text span {
  display: none;
  height: auto !important;
  opacity: 1 !important;
  white-space: nowrap;
}
.pxl-wapper .btn-plus-text i {
  font-style: normal;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 16px;
}
.pxl-wapper .btn-plus-text:hover {
  padding: 0 20px;
  background-color: var(--primary-color);
  color: #122a00;
  min-width: 90px;
}
.pxl-wapper .btn-plus-text:hover i {
  margin-left: 8px;
}
.pxl-wapper .pxl-btn-effect1 {
  background: var(--primary-color);
  overflow: hidden;
  z-index: 1;
}
.pxl-wapper .pxl-btn-effect1 i {
  transition: 0.5s;
}
.pxl-wapper .pxl-btn-effect1:hover i {
  margin-left: 16px;
  margin-right: 10px;
}
.pxl-wapper .pxl-btn-effect1:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition-timing-function: ease, ease;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.pxl-wapper .pxl-btn-effect1:hover:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}
.pxl-wapper .pxl-btn-effect1:hover, .pxl-wapper .pxl-btn-effect1:focus {
  background: var(--primary-color);
}
.pxl-wapper .pxl-btn-effect2 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pxl-wapper .pxl-btn-effect2:before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -webkit-transition: all 0.5s ease 0s;
  -khtml-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 0;
  z-index: -1;
}
.pxl-wapper .pxl-btn-effect2:hover:before {
  left: 5%;
  width: 90%;
}
.pxl-wapper .pxl-btn-effect3 {
  position: relative;
  z-index: 1;
  overflow: visible;
}
.pxl-wapper .pxl-btn-effect3:before, .pxl-wapper .pxl-btn-effect3:after {
  width: 4.4em;
  height: 2.95em;
  position: absolute;
  content: "";
  display: inline-block;
  background: var(--primary-color);
  border-radius: 50%;
  transition: transform 0.6s ease;
  transform: scale(0);
  z-index: -1;
}
.pxl-wapper .pxl-btn-effect3:before {
  top: -25%;
  left: 20%;
}
.pxl-wapper .pxl-btn-effect3:after {
  bottom: -25%;
  right: 20%;
}
.pxl-wapper .pxl-btn-effect3:hover:before, .pxl-wapper .pxl-btn-effect3:hover:after {
  transform: none;
}
.pxl-wapper .pxl-btn-effect4, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"], .pxl-mailchimp.style-primary .pxl-wapper [type="submit"] {
  background: transparent;
  z-index: 1;
  position: relative;
  overflow: hidden;
  transition: 0ms !important;
}
.pxl-wapper .pxl-btn-effect4:before, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:before, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--secondary-color);
  -webkit-mask: url("../img/btn-mask1.png");
  mask: url("../img/btn-mask1.png");
  -webkit-mask-size: 7100% 100%;
  mask-size: 7100% 100%;
  -webkit-animation: pxl_ani1 0.7s steps(70) forwards;
  animation: pxl_ani1 0.7s steps(70) forwards;
}
.pxl-wapper .pxl-btn-effect4:after, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:after, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:after {
  content: '';
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border: 2px solid var(--primary-color);
}
.pxl-wapper .pxl-btn-effect4:hover, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover {
  color: var(--primary-color);
}
.pxl-wapper .pxl-btn-effect4:hover i, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover i, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover i {
  -o-animation: pxl_right_from_left 0.6s forwards;
  -ms-animation: pxl_right_from_left 0.6s forwards;
  -webkit-animation: pxl_right_from_left 0.6s forwards;
  animation: pxl_right_from_left 0.6s forwards;
}
.pxl-wapper .pxl-btn-effect4:hover:before, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover:before, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover:before {
  -webkit-animation: pxl_ani2 0.7s steps(70) forwards;
  animation: pxl_ani2 0.7s steps(70) forwards;
}
.pxl-wapper .pxl-btn-effect5, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"], .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"], .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"], .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"], .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"], .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"], .pxl-wapper .btn-primary {
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  background-size: inherit;
  background-position: center;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.pxl-wapper .pxl-btn-effect5:after, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"]:after, .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"]:after, .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"]:after, .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"]:after, .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"]:after, .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"]:after, .pxl-wapper .btn-primary:after {
  content: "";
  background: #fff;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -45%;
  top: -10%;
  -webkit-transition: all 0.8s;
  -khtml-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-transform: rotate(15deg);
  -khtml-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pxl-wapper .pxl-btn-effect5:hover:after, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"]:hover:after, .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"]:hover:after, .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"]:hover:after, .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .btn-primary:hover:after {
  left: 130%;
}
.pxl-wapper .pxl-btn-effect6 {
  background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
  background-size: inherit;
  background-position: center;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}
.pxl-wapper .pxl-btn-effect6:after {
  content: "";
  background: #fff;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -45%;
  top: -10%;
  -webkit-transition: all 0.8s;
  -khtml-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-transform: rotate(15deg);
  -khtml-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pxl-wapper .pxl-btn-effect6:hover {
  -webkit-transform: translateY(-4px);
  -khtml-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}
.pxl-wapper .pxl-btn-effect6:hover:after {
  left: 130%;
}
.pxl-wapper .pxl-btn-effect7 {
  z-index: 1;
}
.pxl-wapper .pxl-btn-effect7:after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  -webkit-transition: all 0.5s ease 0s;
  -khtml-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 0;
  z-index: -1;
}
.pxl-wapper .pxl-btn-effect7:hover:after {
  left: 5%;
  width: 90%;
}
.pxl-wapper .pxl-btn-effect7:hover i {
  -o-animation: pxl_right_from_left 0.6s forwards;
  -ms-animation: pxl_right_from_left 0.6s forwards;
  -webkit-animation: pxl_right_from_left 0.6s forwards;
  animation: pxl_right_from_left 0.6s forwards;
}
.pxl-wapper .pxl-btn-effect8 {
  font-size: 16px;
  padding-left: 38px;
  padding-right: 38px;
  -webkit-border-radius: 0 0 8px 0;
  -khtml-border-radius: 0 0 8px 0;
  -moz-border-radius: 0 0 8px 0;
  -ms-border-radius: 0 0 8px 0;
  -o-border-radius: 0 0 8px 0;
  border-radius: 0 0 8px 0;
  border: 2px solid #bf3916;
  line-height: 71px;
}
@media screen and (max-width: 767px) {
  .pxl-wapper .pxl-btn-effect8 {
    line-height: 61px;
    padding: 0 28px;
  }
}
.pxl-wapper .pxl-btn-effect8:hover {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #bf3916;
}
.pxl-wapper .btn-text-slide {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.pxl-wapper .btn-text-slide i {
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-wapper .btn-text-slide .icon-hover {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.pxl-wapper .btn-text-slide:hover {
  padding-left: 28px;
}
.pxl-wapper .btn-text-slide:hover .icon-hover {
  left: 0;
  visibility: visible;
  opacity: 1;
}
.pxl-wapper .btn-text-slide:hover .icon-fixed {
  -webkit-transform: translateX(20px);
  -khtml-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  position: relative;
  opacity: 0;
  visibility: hidden;
}
.pxl-wapper .btn-primary {
  background: var(--primary-color);
}
.btn-slide3-1 {
  transition: 300ms !important;
}
.btn-slide3-1:before {
  background: #fff !important;
}
.btn-slide3-1:after {
  background: var(--primary-color) !important;
}
.btn-slide3-1:hover {
  color: #fff !important;
}
.btn-slide3-2 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.btn-slide3-2 i {
  font-size: 20px;
  padding-right: 10px;
}
.btn-slide3-2:before {
  background: var(--primary-color) !important;
}
.btn-slide3-2:after {
  background: #fff !important;
}
.btn-slide3-2:hover {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #000 !important;
}
.mw-400 {
  min-width: 400px !important;
}
@media (max-width: 1700px) {
  .none-1700 {
    display: none !important;
  }
}
@media (max-width: 1500px) {
  .none-1500 {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .none-1400 {
    display: none !important;
  }
}
@media (max-width: 1300px) {
  .none-1300 {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .none-1200 {
    display: none !important;
  }
}
.pxl-section-bg-parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.revslider-initialised .roofex-bullets1 .tp-bullet {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 14px;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.revslider-initialised .roofex-arrows-1.tparrows {
  width: 63px;
  height: 63px;
  border: 2px solid #b5c2c1;
  background-color: transparent;
  border-radius: 63px;
  color: #b5c2c1;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 17px;
}
@media screen and (max-width: 1400px) {
  .revslider-initialised .roofex-arrows-1.tparrows {
    width: 50px;
    height: 50px;
    font-size: 15px;
  }
}
.revslider-initialised .roofex-arrows-1.tparrows:hover {
  border-color: rgba(255, 255, 255, 0.45);
  color: rgba(255, 255, 255, 0.45);
}
.revslider-initialised .roofex-arrows-1.tparrows:before {
  line-height: normal;
  color: inherit;
  font-family: "caseicon";
  font-size: inherit;
}
.revslider-initialised .roofex-arrows-1.tparrows.tp-leftarrow:before {
  content: "\f136";
}
.revslider-initialised .roofex-arrows-1.tparrows.tp-rightarrow:before {
  content: "\f14d";
}
@media screen and (max-width: 991px) {
  .rs-parallax-wrap.pxl-group-center {
    min-width: 600px;
    top: 50% !important;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.pxl-logo a {
  display: inline-block;
}
.pxl-logo img {
  width: auto;
  vertical-align: middle;
}
.pxl-logo.style2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pxl-logo.style2:before, .pxl-logo.style2:after, .pxl-logo.style2 .shape {
  content: "";
  height: 100%;
  width: 2222px;
  background-color: var(--primary-color);
  position: absolute;
  top: 0;
  right: 19px;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0% 100%);
}
.pxl-logo.style2:after {
  background-color: #c51726;
  -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
  z-index: -2;
}
.pxl-logo.style2 .shape {
  right: 0px;
  background-color: rgba(197, 23, 38, 0.1);
  -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
}
.pxl-header-search-form {
  position: relative;
}
.pxl-header-search-form input {
  font-size: 14px;
  color: #6c6c6c;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 1px;
  height: 56px;
}
.pxl-header-search-form button {
  padding: 0;
  font-size: 16px;
  color: #000;
  height: 56px;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 19px;
}
.pxl-header-search-form button:hover {
  color: #000;
}
.pxl-heading.gr .pxl-item--title {
  background: -webkit-linear-gradient(-90deg, #bababa, #fff 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pxl-heading .pxl-item--title b {
  font-weight: 700;
}
.pxl-heading .pxl-heading--inner {
  display: inline-block;
}
.pxl-heading .pxl-item--subtitle.sub-style-gradient {
  margin-bottom: 28px;
}
.pxl-heading .pxl-item--subtitle.sub-style-gradient span {
  font-size: 17px;
  color: #fff;
  display: inline-block;
  line-height: 34px;
  padding: 0 20px;
  border-radius: 34px;
  font-weight: 700;
}
.pxl-heading .pxl-item--subtitle.sub-text-gradient {
  font-size: 15px;
  text-transform: uppercase;
}
.pxl-heading .pxl-text--slide {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}
.pxl-heading .pxl-text--slide span {
  display: inline-block;
  padding-bottom: 4px;
}
.pxl-heading .wow.letter {
  -webkit-transform: translatey(100%);
  -khtml-transform: translatey(100%);
  -moz-transform: translatey(100%);
  -ms-transform: translatey(100%);
  -o-transform: translatey(100%);
  transform: translatey(100%);
  -webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-heading .wow.letter.animated {
  -webkit-transform: translatey(0px);
  -khtml-transform: translatey(0px);
  -moz-transform: translatey(0px);
  -ms-transform: translatey(0px);
  -o-transform: translatey(0px);
  transform: translatey(0px);
}
.pxl-text-editor p {
  margin: 0;
}
.pxl-text-editor .btn {
  margin: 0 12px;
}
.pxl-text-editor .sc-button-wrap {
  display: inline-flex;
}
.pxl-text-editor .pxl-item--inner {
  display: inline-block;
}
.pxl-link {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pxl-link li {
  margin-bottom: 14px;
}
.pxl-link li a {
  display: inline-flex;
}
.pxl-link li i {
  min-width: 18px;
  margin-right: 8px;
  margin-top: 5px;
  font-size: 15px;
}
.pxl-link li:last-child {
  margin-bottom: 0px;
}
.pxl-link.style3 a {
  align-items: center;
}
.pxl-link.style3 i {
  margin-top: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 200px;
  border: 1px solid #141414;
  text-align: center;
  line-height: 30px;
}
.pxl-link.style4 a {
  align-items: center;
}
.pxl-link.style4 a i {
  margin: 0 0 0 8px;
  order: 2;
  background: -webkit-linear-gradient(1deg, #12ad1a, #acef06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-link.style4 a:hover i {
  margin: 0 0 0 12px;
}
.pxl-link.style5 li {
  border-bottom: 1px solid #c7c7c7;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding-bottom: 9px;
}
@media (max-width: 575px) {
  .pxl-link.style5 li {
    padding: 0;
    margin: 0;
  }
}
.pxl-link.style5 li:hover {
  border-color: transparent;
}
.pxl-link.style5 a {
  font-size: 32px;
  font-weight: 700;
  width: 100%;
  color: #1e1e2a;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-link.style5 a {
    font-size: 16px;
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  .pxl-link.style5 a {
    font-size: 25px;
  }
}
.pxl-link.style5 a:before {
  width: 0px;
  height: 2px;
  background-color: var(--primary-color);
  top: 50%;
  left: 0;
  content: '';
  position: absolute;
  transform: rotate(45deg) translatey(-50%);
}
.pxl-link.style5 a:after {
  width: 0px;
  height: 2px;
  background-color: var(--primary-color);
  top: 50%;
  left: 0;
  content: '';
  position: absolute;
  transform: rotate(-45deg) translatey(-50%);
}
.pxl-link.style5 a span {
  border-bottom: 2px solid transparent;
  line-height: 38px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-link.style5 a i {
  margin: 0 0 0 8px;
  order: 2;
  font-size: 22px;
  color: #fff;
  height: 55px;
  line-height: 55px;
  background-color: var(--primary-color);
  text-align: center;
  width: 55px;
  border-radius: 1000px;
  transform: scalex(0);
  transform-origin: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-link.style5 a i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 18px;
  }
}
.pxl-link.style5 a:hover {
  color: var(--primary-color);
  padding-left: 70px;
}
@media (max-width: 575px) {
  .pxl-link.style5 a:hover {
    padding-left: 45px;
  }
}
.pxl-link.style5 a:hover span {
  border-bottom: 2px solid var(--primary-color);
}
.pxl-link.style5 a:hover i {
  transform: scalex(1);
}
.pxl-link.style5 a:hover:before, .pxl-link.style5 a:hover:after {
  width: 46px;
}
@media (max-width: 575px) {
  .pxl-link.style5 a:hover:before, .pxl-link.style5 a:hover:after {
    width: 30px;
  }
}
.pxl-link.style5 a:hover:before {
  -webkit-transition: 250ms all linear 300ms;
  -khtml-transition: 250ms all linear 300ms;
  -moz-transition: 250ms all linear 300ms;
  -ms-transition: 250ms all linear 300ms;
  -o-transition: 250ms all linear 300ms;
  transition: 250ms all linear 300ms;
}
.pxl-link.style5 a:hover:after {
  -webkit-transition: 250ms all linear 500ms;
  -khtml-transition: 250ms all linear 500ms;
  -moz-transition: 250ms all linear 500ms;
  -ms-transition: 250ms all linear 500ms;
  -o-transition: 250ms all linear 500ms;
  transition: 250ms all linear 500ms;
}
.pxl-link.hv-style2 a {
  position: relative;
  display: inline-flex;
}
.pxl-link.hv-style2 a:before {
  content: '';
  background-color: var(--primary-color);
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 2px;
  left: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 1200px) {
  .pxl-link.hv-style2 a:hover {
    margin-left: 8px;
  }
}
.pxl-link.hv-style2 a:hover:before {
  width: 100%;
}
.pxl-link.hv-style3 a {
  position: relative;
  display: inline-flex;
}
.pxl-link.hv-style3 a:before {
  content: '';
  background-color: var(--primary-color);
  width: 11px;
  height: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: -11px;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.pxl-link.hv-style3 a:hover {
  padding-left: 18px;
}
.pxl-link.hv-style3 a:hover:before {
  left: 0;
  opacity: 1;
}
.pxl-link.hv-style4 li {
  background-color: #fff;
  padding: 24px 26px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-weight: 500;
  color: #414141;
}
.pxl-link.hv-style4 li i {
  margin-right: 18px;
  color: #6a5dde;
}
.pxl-link.hv-style4 li a {
  color: inherit;
}
.pxl-link.hv-style4 li a:hover {
  color: inherit;
}
.pxl-link.hv-style5 li {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 18px;
  color: #666;
}
.pxl-link.hv-style5 li i {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0;
  font-size: inherit;
  text-align: right;
}
.pxl-link.hv-style5 li a {
  color: inherit;
  display: block;
  position: relative;
  padding: 14px 42px 14px 22px;
}
.pxl-link.hv-style5 li a:hover {
  color: var(--primary-color);
}
.pxl-link.hv-style6 li {
  background-color: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
  color: #211d1c;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-link.hv-style6 li i {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0;
  font-size: inherit;
  text-align: right;
  width: 37px;
  height: 35px;
  background-color: #f6f6f6;
  border-radius: 2px;
  line-height: 35px;
  text-align: center;
  font-size: 24px;
  color: var(--primary-color);
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-link.hv-style6 li a {
  color: inherit;
  display: block;
  position: relative;
  padding: 14px 42px 14px 22px;
}
.pxl-link.hv-style6 li:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-link.hv-style6 li:hover i {
  background-color: #fff;
  color: #171717;
}
.pxl-link.hv-style7 i {
  margin-right: 16px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin-top: -1px;
}
.pxl-link.hv-style7 span {
  font-size: 18px;
  color: #505050;
}
.pxl-link.hv-style8 li {
  display: inline-block;
  margin-bottom: 0;
  border-style: solid;
  border-color: #e0e4e9;
  border-width: 0 1px 0 0;
}
.pxl-link.hv-style8 li a {
  line-height: 42px;
  display: block;
  padding: 0 20px;
}
.pxl-link.hv-style8 li:last-child {
  border: none;
}
.pxl-link.hv-style8 li + li {
  margin-left: -4px;
}
.btn-video {
  background-color: #fff;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  color: #000;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
}
.btn-video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.63);
  border-radius: 50%;
  animation: pxl_scale1 1500ms ease-out infinite;
  -webkit-animation: pxl_scale1 1500ms ease-out infinite;
  z-index: -2;
}
.btn-video:hover, .btn-video:focus {
  color: #000;
}
.btn-video:hover:before {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.pxl-button-video1.style1 {
  width: 62px;
  height: 62px;
  line-height: 62px;
}
.pxl-button-video1.style2 {
  width: 120px;
  height: 120px;
  line-height: 120px;
  position: relative;
  z-index: 1;
  font-size: 34px;
  background: none;
  color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-backdrop-filter: blur(4px);
  -ms-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
  text-align: center;
}
.pxl-button-video1.style2 i {
  width: 100%;
  height: 100%;
  text-align: center !important;
  line-height: 120px;
}
.pxl-button-video1.style2:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border 3s linear infinite;
  border: 0.3px solid #fff;
  background-color: transparent !important;
  border-radius: 500px;
  opacity: 0;
}
.pxl-button-video1.style2:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border 3s 1.5s linear infinite;
  background-color: transparent !important;
  border: 0.3px solid #fff;
  border-radius: 500px;
  opacity: 0;
}
.pxl-button-video1.style2:hover {
  transform: scale(0.9);
}
.pxl-pagination1 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.pxl-pagination1 > div {
  padding: 0 15px;
  width: 50%;
}
.pxl-pagination1 a {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #6a6777;
}
.pxl-pagination1 .item--prev i {
  margin-right: 18px;
}
.pxl-pagination1 .item--prev i:before {
  -webkit-transform: scalex(-1);
  -khtml-transform: scalex(-1);
  -moz-transform: scalex(-1);
  -ms-transform: scalex(-1);
  -o-transform: scalex(-1);
  transform: scalex(-1);
  display: inline-block;
}
.pxl-pagination1 .item--prev a:hover i {
  -o-animation: pxl_left_from_right 0.6s forwards;
  -ms-animation: pxl_left_from_right 0.6s forwards;
  -webkit-animation: pxl_left_from_right 0.6s forwards;
  animation: pxl_left_from_right 0.6s forwards;
}
.pxl-pagination1 .item--next {
  text-align: right;
}
.pxl-pagination1 .item--next i {
  margin-left: 18px;
}
.pxl-pagination1 .item--next a:hover i {
  -o-animation: pxl_right_from_left 0.6s forwards;
  -ms-animation: pxl_right_from_left 0.6s forwards;
  -webkit-animation: pxl_right_from_left 0.6s forwards;
  animation: pxl_right_from_left 0.6s forwards;
}
.pxl-search-popup-button, .pxl-cart-sidebar-button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #09013f;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  font-size: 21px;
  position: relative;
}
.pxl-search-popup-button.style-box {
  width: 47px;
  height: 47px;
  background-color: #009688;
  line-height: 47px;
  color: #fff;
  font-size: 20px;
}
.pxl-cart-sidebar-button .pxl_cart_counter {
  background-color: #6bd800;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 0;
  right: -8px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'mulish', sans-serif;
}
.pxl-cart-popup-button {
  cursor: pointer;
}
.pxl-feature1 .pxl--item-title {
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  padding-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .pxl-feature1 .pxl--item-title {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.pxl-feature1 .pxl--item-title:before {
  content: '';
  width: 68px;
  height: 2px;
  background-color: #000439;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.pxl-feature1 .pxl--item-title span {
  color: var(--primary-color);
}
.pxl-feature1 .pxl--item-description {
  color: #585e6c;
  margin-bottom: 14px;
}
.pxl-feature1 .pxl--item-meta {
  padding: 0 15px;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .pxl-feature1 .pxl--item-meta {
    width: 100%;
  }
}
.pxl-feature1 .pxl--item-holder {
  width: 55%;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .pxl-feature1 .pxl--item-holder {
    width: 100%;
  }
}
.pxl-feature1 .pxl--item {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.pxl-feature1 .pxl--item + .pxl--item {
  margin-top: 54px;
}
.pxl-feature1 .pxl--item:hover .pxl--item-title:before {
  width: 100%;
}
.pxl-section-shadow1 {
  z-index: 1;
}
.pxl-section-shadow1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: -2;
  -webkit-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
  -khtml-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
  -moz-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
  -ms-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
  -o-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
  box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
}
.pxl-section-shadow1:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  z-index: -1;
}
.pxl-contact-form.btn-w-full button, .pxl-contact-form.btn-w-full .wpcf7-submit {
  width: 100%;
}
.pxl-contact-form .wpcf7-form-control-wrap {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -22px;
  left: 0px;
  font-size: 12px;
  background-color: #dc3232;
  color: rgba(255, 255, 255, 0.87);
  padding: 0 6px;
  white-space: nowrap;
  line-height: 22px;
  z-index: 99;
}
.pxl-contact-form form {
  position: relative;
}
.pxl-contact-form form .wpcf7-response-output {
  margin: 30px 0 10px;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  font-size: 15px;
  padding: 12px 20px;
  -webkit-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -khtml-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -moz-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -ms-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -o-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
}
.pxl-contact-form form .wpcf7-spinner {
  display: none;
}
.pxl-contact-form form:before {
  content: '';
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border-color: transparent var(--primary-color) transparent var(--primary-color);
  border-width: 2px;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: pxl_spin 0.6s infinite linear;
  -webkit-animation: pxl_spin 0.6s infinite linear;
  box-sizing: border-box;
  z-index: 2;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: hidden;
}
.pxl-contact-form form.submitting * {
  opacity: 0.66;
}
.pxl-contact-form form.submitting:before {
  opacity: 1;
  visibility: visible;
}
.pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit), .pxl-contact-form1 .pxl-select-higthlight {
  border: none;
  font-size: 14px;
  color: #696878;
  -webkit-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -khtml-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -moz-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -ms-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  -o-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
  padding-left: 18px;
}
.pxl-icon1.style-round-box a {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 43px;
  -khtml-border-radius: 43px;
  -moz-border-radius: 43px;
  -ms-border-radius: 43px;
  -o-border-radius: 43px;
  border-radius: 43px;
  background-color: #5a5866;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.pxl-icon1.style-round-box a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
  z-index: -2;
}
.pxl-icon1.style-round-box a i {
  display: inline-flex;
  transform: translate(-50%, -50%) !important;
}
.pxl-icon1.style-round-box a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-icon1.style-round-box-1 {
  /* hover style */
}
.pxl-icon1.style-round-box-1 a {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 43px;
  -khtml-border-radius: 43px;
  -moz-border-radius: 43px;
  -ms-border-radius: 43px;
  -o-border-radius: 43px;
  border-radius: 43px;
  background-color: #5a5866;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  position: relative;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.pxl-icon1.style-round-box-1 a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
  z-index: -2;
}
.pxl-icon1.style-round-box-1 a i {
  display: inline-flex;
  transform: translate(-50%, -50%) !important;
}
.pxl-icon1.style-round-box-1 a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-icon1.hv-style-default a:hover {
  -webkit-transform: translatey(-3px);
  -khtml-transform: translatey(-3px);
  -moz-transform: translatey(-3px);
  -ms-transform: translatey(-3px);
  -o-transform: translatey(-3px);
  transform: translatey(-3px);
}
.pxl-icon1.hv-style-gradient a:after {
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
.pxl-icon1.hv-style-gradient a:hover {
  color: #fff;
}
.pxl-icon1.hv-style-gradient a:hover:after {
  opacity: 1;
}
.pxl-icon1.style-divider a {
  display: inline-block;
  width: 37px;
  height: 42px;
  border-right: 1px solid #dae3ed;
  text-align: center;
  line-height: 42px;
}
.pxl-icon1.style-divider a:last-child {
  border-right: none;
}
.pxl-icon1.style-divider a + a {
  margin-left: -4px;
}
.pxl-title-effect .pxl-item--title {
  margin-bottom: 0;
}
.pxl-title-effect.pxl-type-gradient .pxl-item--title {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
}
.pxl-process1 {
  border: 2px solid #f1f2f0;
  -webkit-border-radius: 150px;
  -khtml-border-radius: 150px;
  -moz-border-radius: 150px;
  -ms-border-radius: 150px;
  -o-border-radius: 150px;
  border-radius: 150px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0 10px;
}
@media screen and (max-width: 1199px) {
  .pxl-process1 {
    padding: 32px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-process1 {
    -webkit-border-radius: 80px;
    -khtml-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
  }
}
.pxl-process1 .pxl-item--image {
  position: absolute;
  top: -100px;
  right: 0;
  height: 144px;
  width: 144px;
  line-height: 144px;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
  -khtml-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
  -moz-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
  -ms-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
  -o-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
  box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
}
.pxl-process1 .pxl-item--image img {
  max-height: 100px;
  width: auto;
  animation: pxl_bounce 1000ms ease-out infinite;
  -webkit-animation: pxl_bounce 1000ms ease-out infinite;
}
.pxl-process1 .pxl-item--number {
  width: 53px;
  height: 53px;
  line-height: 53px;
  background-color: #f8f8f8;
  border-radius: 53px;
  font-weight: 600;
  color: #122a00;
  margin: 0 auto 30px auto;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-process1 .pxl-item--title {
  margin: 0;
  font-size: 22px;
  color: #122a00;
}
.pxl-process1 .pxl-item--divider {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
}
@media screen and (max-width: 1199px) {
  .pxl-process1 .pxl-item--divider {
    display: none;
  }
}
.pxl-process1 .pxl--item {
  width: 33.33%;
  padding: 0 20px;
  text-align: center;
  margin: 30px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pxl-process1 .pxl--item {
    width: 100%;
  }
}
.pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
  width: 203px;
  height: 52px;
  background-image: url(../img/process-divider1.png);
  visibility: visible;
  right: -101px;
}
.pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider {
  width: 207px;
  height: 48px;
  background-image: url(../img/process-divider2.png);
  visibility: visible;
  right: -103px;
  margin-top: -10px;
}
.pxl-process1 .pxl--item:hover .pxl-item--number {
  color: #fff;
  background-color: var(--primary-color);
}
.elementor-widget__width-initial.elementor-widget-pxl_image > .elementor-widget-container {
  width: 100%;
}
.el-bounce.bounce-active, .pxl-image-effect1.bounce-active {
  animation: pxl_zigzag 600ms ease-out infinite;
  -webkit-animation: pxl_zigzag 600ms ease-out infinite;
}
.pxl-image-effect2 {
  animation: pxl_bottom_top_small 3s ease-out infinite;
  -webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}
.pxl-recent-news1 {
  position: relative;
  z-index: 1;
}
.pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
  width: 25%;
  padding: 0 18px;
}
@media screen and (max-width: 1024px) {
  .pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
    width: 33.33%;
  }
  .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md {
    display: block;
  }
  .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-lg, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-lg {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .pxl-recent-news1 .pxl-grid-item.pxl--item-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg {
    width: 50%;
  }
  .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md {
    display: none;
  }
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-first, .pxl-recent-news1 .grid-sizer.pxl--item-first {
  min-height: 265px;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pxl-recent-news1 .pxl-grid-item.pxl--item-first, .pxl-recent-news1 .grid-sizer.pxl--item-first {
    display: none;
  }
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-first .pxl-shape, .pxl-recent-news1 .grid-sizer.pxl--item-first .pxl-shape {
  position: absolute;
  top: 60px;
  left: 65px;
  z-index: -1;
  animation: pxl_right_left 12s infinite linear alternate;
}
.pxl-recent-news1 .pxl-item--sticky {
  position: absolute;
  top: -32px;
  right: 60px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  -khtml-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  -ms-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  -o-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
  font-size: 20px;
  text-align: center;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  z-index: 99;
}
.pxl-recent-news1 .pxl-item--image {
  margin-bottom: 17px;
  position: relative;
  overflow: hidden;
}
.pxl-recent-news1 .pxl-item--image img {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-recent-news1 .pxl-item--title {
  font-size: 18px;
  color: #122a00;
  margin-bottom: 9px;
}
.pxl-recent-news1 .pxl-item--title a {
  color: inherit;
}
.pxl-recent-news1 .pxl-item--title a:hover {
  color: inherit;
}
.pxl-recent-news1 .pxl-item--content {
  font-size: 15px;
  line-height: 1.6;
  color: #4b5345;
  margin-bottom: 19px;
}
.pxl-recent-news1 .pxl-item--button .btn-plus-text {
  background-color: #eaebea;
  color: #122a00;
}
.pxl-recent-news1 .pxl-item--button .btn-plus-text:hover {
  color: #fff;
  background-color: #122a00;
}
.pxl-recent-news1 .pxl-grid-item {
  margin-bottom: 50px;
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape1 {
  margin-top: -80px;
  text-align: center;
  animation: pxl_bottom_top 12s infinite linear alternate;
}
@media screen and (max-width: 1024px) {
  .pxl-recent-news1 .pxl-grid-item.pxl--item-shape1 {
    display: none;
  }
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
  text-align: center;
  animation: pxl_right_left 12s infinite linear alternate;
}
@media screen and (max-width: 1024px) {
  .pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
    display: none;
  }
}
.pxl-recent-news1 .pxl-grid-item:hover .pxl-item--image img {
  -webkit-transform: scale(1.12);
  -khtml-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
}
@media screen and (min-width: 1025px) {
  .pxl-recent-news1 .pxl--item-lg .pxl-item--image {
    margin-bottom: 22px;
  }
  .pxl-recent-news1 .pxl--item-lg .pxl-item--title {
    font-size: 30px;
    line-height: 1.2;
  }
  .pxl-recent-news1 .pxl--item-lg .pxl-item--content {
    font-size: 16px;
    line-height: 1.6875;
    margin-bottom: 26px;
  }
}
.pxl-recent-news1 .pxl-grid-inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
  position: relative;
}
body:not(.elementor-editor-active) .elementor-widget-pxl_particle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pxl-particle .pxl-item--particle {
  position: absolute;
}
.pxl-particle + .elementor-container {
  z-index: 99;
}
.shadow1 img, .gallery-image img {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.gallery-image .wrap-title {
  padding: 6px 40px 0 40px;
  background-color: var(--regular-color);
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 27px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .gallery-image .wrap-title {
    padding: 6px 20px 0 20px;
    font-size: 20px;
  }
}
.gallery-image .wrap-title i {
  padding-right: 15px;
  color: #fff;
  font-size: 42px;
}
.gallery-image .pxl-gallery {
  display: flex;
  flex-wrap: wrap;
  padding: 43px 48px 25px 48px;
}
@media (max-width: 480px) {
  .gallery-image .pxl-gallery {
    padding: 43px 28px 25px 28px;
  }
}
.gallery-image .pxl-gallery a {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.gallery-image .pxl-gallery a:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 1px;
  z-index: 5;
  background-color: #fff;
  opacity: 0;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
}
.gallery-image .pxl-gallery a:after {
  position: absolute;
  content: '';
  height: 25px;
  width: 1px;
  z-index: 5;
  background-color: #fff;
  top: 0%;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gallery-image .pxl-gallery .wrap-light-box {
  position: relative;
}
.gallery-image .pxl-gallery .wrap-light-box:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: var(--secondary-color);
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.gallery-image .pxl-gallery .wrap-light-box:hover:before {
  opacity: 0.7;
}
.gallery-image .pxl-gallery .wrap-light-box:hover a:after {
  top: 50%;
  opacity: 1;
  -webkit-transition: 200ms all linear 200ms;
  -khtml-transition: 200ms all linear 200ms;
  -moz-transition: 200ms all linear 200ms;
  -ms-transition: 200ms all linear 200ms;
  -o-transition: 200ms all linear 200ms;
  transition: 200ms all linear 200ms;
}
.gallery-image .pxl-gallery .wrap-light-box:hover a:before {
  -webkit-transition: 200ms all linear 200ms;
  -khtml-transition: 200ms all linear 200ms;
  -moz-transition: 200ms all linear 200ms;
  -ms-transition: 200ms all linear 200ms;
  -o-transition: 200ms all linear 200ms;
  transition: 200ms all linear 200ms;
  opacity: 1;
  left: 50%;
}
.gallery-image .pxl-gallery .pxl--item {
  padding: 0 7px 15px 8px;
  position: relative;
}
.gallery-image .pxl-gallery .pxl--item img {
  width: 100%;
  position: relative;
}
.gallery-image .pxl-gallery .pxl--item img:before {
  position: absolute;
  content: '';
  background-color: red;
  width: 100px;
  height: 100px;
}
.elementor-widget-overlay {
  width: 100% !important;
  height: 100%;
}
.elementor-widget-overlay .elementor-widget-container {
  width: 100%;
  height: 100%;
}
.pxl-overlay {
  width: 100px;
  height: 100px;
}
.pxl-image-single {
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
.pxl-image-single *, .pxl-image-single img {
  -webkit-border-radius: inherit;
  -khtml-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
.pxl-spacer1 > div {
  display: none;
}
@media screen and (min-width: 1200px) {
  .pxl-spacer1 .pxl-space--xl {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pxl-spacer1 .pxl-space--lg {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pxl-spacer1 .pxl-space--md {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .pxl-spacer1 .pxl-space--sm {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .pxl-spacer1 .pxl-space--xs {
    display: block;
  }
}
.pxl-link {
  padding-left: 0 !important;
  list-style: none !important;
}
.pxl-link.style2 i {
  mask-image: url(../img/mask-list.png);
  -webkit-mask-image: url(../img/mask-list.png);
  -ms-mask-image: url(../img/mask-list.png);
  -o-mask-image: url(../img/mask-list);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  width: 25px;
  min-width: 25px;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  text-align: center;
  line-height: 25px;
}
.pxl-heading .wrap-subtitle {
  display: flex;
}
.pxl-heading .wrap-subtitle .icon-before {
  width: 76px;
  padding-left: 17px;
}
@media (max-width: 450px) {
  .pxl-heading .wrap-subtitle .icon-before {
    width: 50px;
    padding-left: 10px;
  }
}
.pxl-heading .wrap-subtitle .icon-after {
  padding-left: 17px;
  width: 76px;
}
@media (max-width: 450px) {
  .pxl-heading .wrap-subtitle .icon-after {
    width: 50px;
    padding-left: 10px;
  }
}
.pxl-heading .wrap-subtitle.style1 .icon-before, .pxl-heading .wrap-subtitle.style1 .icon-after {
  display: none;
}
.pxl-heading .wrap-subtitle.style2 .icon-after {
  display: none;
}
.pxl-heading .wrap-subtitle.style3 .icon-before {
  display: none;
}
.pxl-client-carousel1 .pxl-swiper-wrapper {
  align-items: center !important;
}
.pxl-client-carousel1 .pxl-item-client a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pxl-client-carousel1 .pxl-item-client a img {
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  max-height: 65px;
}
.pxl-client-carousel1 .pxl-item-client a img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -250%);
  -khtml-transform: translate(-50%, -250%);
  -moz-transform: translate(-50%, -250%);
  -ms-transform: translate(-50%, -250%);
  -o-transform: translate(-50%, -250%);
  transform: translate(-50%, -250%);
  opacity: 1;
}
.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(1) {
  -webkit-transform: translatey(150%);
  -khtml-transform: translatey(150%);
  -moz-transform: translatey(150%);
  -ms-transform: translatey(150%);
  -o-transform: translatey(150%);
  transform: translatey(150%);
}
.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(2) {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.pxl-client-carousel2 .pxl-swiper-wrapper {
  align-items: center !important;
}
.pxl-client-carousel2 .pxl-item-client a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pxl-client-carousel2 .pxl-item-client a img {
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  max-height: 65px;
}
.pxl-client-carousel2 .pxl-item-client a img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -250%);
  -khtml-transform: translate(-50%, -250%);
  -moz-transform: translate(-50%, -250%);
  -ms-transform: translate(-50%, -250%);
  -o-transform: translate(-50%, -250%);
  transform: translate(-50%, -250%);
  opacity: 1;
}
.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(1) {
  -webkit-transform: translatey(150%);
  -khtml-transform: translatey(150%);
  -moz-transform: translatey(150%);
  -ms-transform: translatey(150%);
  -o-transform: translatey(150%);
  transform: translatey(150%);
}
.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(2) {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.pxl-image-grid1 .pxl-grid-item {
  padding: 15px !important;
}
.pxl-image-grid1 .pxl-grid-item img {
  width: 100%;
}
.pxl-image-carousel1 .pxl-swiper-wrapper {
  align-items: center !important;
  padding: 50px 0;
}
.pxl-image-carousel1 img {
  width: 100%;
}
.pxl-image-carousel1 .pxl-item--inner {
  box-shadow: rgba(0, 14, 32, 0.05) 0px 0px 21px;
}
.pxl-image-carousel1 .pxl-swiper-arrow-next {
  right: 26%;
  transform: translatex(-50%);
}
.pxl-image-carousel1 .pxl-swiper-arrow-prev {
  left: 29.5%;
  transform: translatex(-50%);
}
.pxl-image-carousel1 .pxl-swiper-arrow {
  top: 42%;
  box-shadow: rgba(0, 40, 91, 0.1) 0px 19px 16px;
  width: 91px;
  height: 91px;
}
.pxl-image-carousel1 .pxl-swiper-arrow i {
  font-size: 30px;
  line-height: 91px;
}
.pxl-image-carousel4 .pxl-swiper-slide {
  padding: 0;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner {
  position: relative;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  background-color: var(--primary-color);
  top: 0;
  left: 0;
  -webkit-transition: 150ms all linear 0ms;
  -khtml-transition: 150ms all linear 0ms;
  -moz-transition: 150ms all linear 0ms;
  -ms-transition: 150ms all linear 0ms;
  -o-transition: 150ms all linear 0ms;
  transition: 150ms all linear 0ms;
  z-index: 3;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  background-color: var(--primary-color);
  bottom: 0;
  left: 0;
  -webkit-transition: 150ms all linear 0ms;
  -khtml-transition: 150ms all linear 0ms;
  -moz-transition: 150ms all linear 0ms;
  -ms-transition: 150ms all linear 0ms;
  -o-transition: 150ms all linear 0ms;
  transition: 150ms all linear 0ms;
  z-index: 3;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content {
  position: relative;
  z-index: 2;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content:before {
  position: absolute;
  content: '';
  background: linear-gradient(to top, #000 0%, #000 5%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .001) 100%);
  width: 101%;
  height: 60%;
  bottom: -1px;
  left: -1px;
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content {
  padding: 43px 53px;
  position: relative;
  transform: scaley(0.5);
  transform-origin: bottom;
  opacity: 0;
  -webkit-transition: 100ms all linear 0ms;
  -khtml-transition: 100ms all linear 0ms;
  -moz-transition: 100ms all linear 0ms;
  -ms-transition: 100ms all linear 0ms;
  -o-transition: 100ms all linear 0ms;
  transition: 100ms all linear 0ms;
}
@media (max-width: 1400px) {
  .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content {
    padding: 30px;
  }
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-color);
  text-transform: uppercase;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc {
  margin: 0px 0 17px 0;
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button {
  display: flex;
  align-items: center;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a {
  position: relative;
  width: 55px;
  height: 55px;
  font-size: 18px;
  text-align: center;
  border-radius: 100px;
  background: #fff;
  color: var(--secondary-color);
  display: block;
  line-height: 55px;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a:hover, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a:hover {
  color: var(--primary-color);
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player {
  margin-right: 7px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:before {
  transition-delay: 200ms !important;
  height: 36px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:after {
  transition-delay: 200ms !important;
  height: 9px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .wrap-content {
  transform: scaley(1) !important;
  opacity: 1 !important;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content {
  padding-top: 36px !important;
  padding-bottom: 10px !important;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content:before {
  height: 101% !important;
  opacity: 1 !important;
}
.pxl-image-carousel3 .pxl-swiper-arrow {
  width: 61px;
  height: 61px;
  transform: inherit;
  background-color: #fff;
  box-shadow: none;
}
@media (max-width: 1500px) {
  .pxl-image-carousel3 .pxl-swiper-arrow {
    display: none !important;
  }
}
.pxl-image-carousel3 .pxl-swiper-arrow:hover {
  background-color: var(--primary-color);
  color: #000;
}
.pxl-image-carousel3 .pxl-swiper-arrow i {
  font-size: 38px;
  line-height: 61px;
  margin-left: -46px;
}
.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  transform: rotatey(180deg) !important;
  left: -110px;
}
.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -110px;
}
.pxl-image-carousel3 .pxl-swiper-slide {
  padding: 50px 0 0 0;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before, .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before {
  position: absolute;
  content: '';
  width: 82px;
  height: 37px;
  background-image: url(../img/arr-roof.png);
  right: -41px;
  top: 43%;
  transform: translatey(-50%) rotatex(0deg);
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
  opacity: 0;
}
@media (max-width: 991px) {
  .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before, .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before {
    display: none !important;
  }
}
.pxl-image-carousel3 .pxl-swiper-slide:nth-child(odd):before {
  transform: translatey(-50%) rotatex(180deg);
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  position: relative;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:before {
  position: absolute;
  content: '';
  width: 165px;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  border-radius: 500px;
  background-color: #fff;
  transition: 300ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:after {
  position: absolute;
  content: '';
  width: 163px;
  height: calc(100% - 2px);
  z-index: -2;
  top: 1px;
  left: 50%;
  transform: translatex(-50%);
  border-radius: 500px;
  background-color: var(--primary-color);
  transition: 300ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .wrap-item {
  text-align: center;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title {
  margin-top: 7px;
  color: #1e1e2a;
  font-weight: 700;
  font-size: 27px;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-desc {
  color: #6b6b6e;
  font-size: 17px;
  line-height: 26px;
  max-width: 245px;
  margin: 2px auto 13px auto;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read {
  transform: scale(0);
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read a {
  width: 53px;
  height: 53px;
  border-radius: 500px;
  line-height: 53px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  background-color: var(--primary-color);
  display: block;
  font-size: 20px;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .btn-read {
  transform: scale(1);
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .thumb-roof:after {
  top: -10px;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-visible:before {
  opacity: 1;
}
.pxl-image-carousel3 .pxl-swiper-slide:hover .btn-read {
  transform: scale(1);
}
.pxl-image-carousel3 .pxl-swiper-slide:hover .thumb-roof:after {
  top: -10px;
}
.shadow-img img {
  box-shadow: rgba(0, 14, 32, 0.05) 0px 0px 21px;
}
.tt_timetable th {
  background-color: #e7e6e6 !important;
  color: var(--secondary-color) !important;
  padding: 12px 15px 14px;
  font-size: 20px;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {
  background-color: #e7e6e6;
  border: 1px solid var(--secondary-color);
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
}
.tt_responsive .tt_timetable.small .box_header {
  font-size: 20px !important;
  font-weight: bold;
  color: var(--secondary-color);
}
.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before {
  -webkit-animation: in-top 0.3s ease 0ms 1 forwards;
  animation: in-top 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .out-top .item--featured:before {
  -webkit-animation: out-top 0.3s ease 0ms 1 forwards;
  animation: out-top 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-top .item--featured:before {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before {
  -webkit-animation: out-bottom 0.3s ease 0ms 1 forwards;
  animation: out-bottom 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before {
  -webkit-animation: in-bottom 0.3s ease 0ms 1 forwards;
  animation: in-bottom 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.pxl-grid-item .pxl-grid-direction .out-left .item--featured:before {
  -webkit-animation: out-left 0.3s ease 0ms 1 forwards;
  animation: out-left 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before {
  -webkit-animation: in-left 0.3s ease 0ms 1 forwards;
  animation: in-left 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-left .item--featured:before {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.pxl-grid-item .pxl-grid-direction .out-right .item--featured:before {
  -webkit-animation: out-right 0.3s ease 0ms 1 forwards;
  animation: out-right 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before {
  -webkit-animation: in-right 0.3s ease 0ms 1 forwards;
  animation: in-right 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-right .item--featured:before {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.elementor-drop-cap-letter {
  box-shadow: 1px 10px 60px #fab319;
}
.site-header-lang {
  max-width: 60px;
}
.site-header-lang .wpml-ls-current-language > a {
  background-color: transparent !important;
}
.site-header-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  content: "\f078" !important;
  font-family: 'font awesome 5 pro';
  vertical-align: middle;
  display: inline-block;
  border: none !important;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translatey(-50%);
  font-size: 11px;
  font-weight: 700;
}
.site-header-lang .wpml-ls-link {
  background-color: #f8f8f8;
}
.site-header-lang .wpml-ls-statics-shortcode_actions .js-wpml-ls-item-toggle {
  padding: 0 !important;
}
.site-header-lang .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu {
  border: none;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
  transform: translatey(20px);
  overflow: hidden;
  border-radius: 5px;
  min-width: 90px;
  text-align: center;
  background-color: #eaeaea !important;
}
.site-header-lang .wpml-ls-statics-shortcode_actions:hover .wpml-ls-sub-menu {
  opacity: 1;
  transform: translatey(0px);
}
.site-header-lang .wpml-ls-statics-shortcode_actions a {
  display: inline-flex;
  align-items: center;
  border: none !important;
  width: 100%;
  height: 100%;
  line-height: 2;
}
.site-header-lang .wpml-ls-statics-shortcode_actions a img {
  width: 20px;
  min-width: 20px;
  margin-right: 8px;
  border-radius: 100px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.site-header-lang .wpml-ls-statics-shortcode_actions a span {
  font-size: 14px;
  font-weight: 700;
  color: #252525;
}
.site-header-lang.style2 .js-wpml-ls-item-toggle {
  background-color: transparent !important;
}
#parallax {
  background-attachment: fixed;
  background-position-y: -0.2;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-progressbar {
  font-size: 16px;
  font-weight: 500;
  color: #080808;
}
.pxl-progressbar .progress-percentage {
  position: absolute;
  font-size: 15px;
  font-weight: 700;
  top: 0;
  right: 0;
}
.pxl-progressbar .progress-item {
  position: relative;
}
.pxl-progressbar .progress-item + .progress-item {
  margin-top: 24px;
}
.pxl-progressbar .progress-title-wrap {
  margin-bottom: 5px;
}
.pxl-progressbar .progress-bar-wrap {
  position: relative;
}
.pxl-progressbar .progress-bar-wrap .progress-bound {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #f2f2f2;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.pxl-progressbar .pxl-progress-bar {
  height: 10px;
  position: relative;
  width: 0;
  background-color: var(--primary-color);
  -webkit-transition: width 1.4s ease;
  -khtml-transition: width 1.4s ease;
  -moz-transition: width 1.4s ease;
  -ms-transition: width 1.4s ease;
  -o-transition: width 1.4s ease;
  transition: width 1.4s ease;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.pxl-progressbar.style1 .progress-title-wrap {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  padding: 0 27px;
}
.pxl-history {
  position: relative;
  max-width: 850px;
}
.pxl-history:before {
  position: absolute;
  content: 0;
  height: 100%;
  border-left: 1px dashed #fff;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  content: '';
  z-index: 0;
}
@media (max-width: 900px) {
  .pxl-history:before {
    left: 51px;
    transform: translatex(0%);
  }
}
.pxl-history .tetx-start {
  z-index: 2;
  display: block;
  width: 104px;
  height: 104px;
  border-radius: 200px;
  background-color: var(--primary-color);
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 102px;
  text-align: center;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}
@media (max-width: 900px) {
  .pxl-history .tetx-start {
    left: 0%;
    transform: translatex(0%);
  }
}
.pxl-history .pxl-history-l1 {
  padding: 0;
}
.pxl-history .pxl-history-l1 li {
  display: flex;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li {
    margin: 20px 0 0 0 !important;
    padding-left: 130px;
  }
}
.pxl-history .pxl-history-l1 li:nth-child(1) {
  padding-top: 27px;
}
.pxl-history .pxl-history-l1 li .wrap-content {
  width: 300px;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li .wrap-content {
    width: 100%;
  }
}
.pxl-history .pxl-history-l1 li:nth-child(even) {
  text-align: right;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li:nth-child(even) {
    text-align: left;
  }
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title {
  padding-right: 25px;
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title:before {
  right: -135px;
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title:after {
  right: -112px;
}
.pxl-history .pxl-history-l1 li:nth-child(odd) {
  text-align: left;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li:nth-child(odd) {
    justify-content: flex-start;
  }
}
.pxl-history .pxl-history-l1 li:nth-child(odd) .title:before {
  left: -135px;
}
.pxl-history .pxl-history-l1 li:nth-child(odd) .title:after {
  left: -112px;
}
.pxl-history .pxl-history-l1 li .title {
  font-size: 24px;
  color: #f6f6f6;
  font-weight: 700;
  position: relative;
}
.pxl-history .pxl-history-l1 li .title:before {
  position: absolute;
  content: '';
  width: 21px;
  height: 21px;
  border-radius: 100px;
  background-color: var(--primary-color);
  top: 13px;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li .title:before {
    left: -90px !important;
  }
}
.pxl-history .pxl-history-l1 li .title:after {
  position: absolute;
  content: '';
  width: 100px;
  height: 1px;
  top: 23px;
  border-top: 1px dashed #818181;
}
@media (max-width: 900px) {
  .pxl-history .pxl-history-l1 li .title:after {
    width: 50px !important;
    left: -62px !important;
    right: auto !important;
  }
}
.pxl-history .pxl-history-l1 li .desc {
  padding-top: 9px;
  font-size: 18px;
  color: #acacac;
  line-height: 26px;
}
.pxl-history .img-h {
  width: 142px;
  max-width: 142px;
  height: 142px;
  border-radius: 200px;
  border: 3px solid #474747;
  overflow: hidden;
  margin: auto;
  position: relative;
  margin-top: -3px;
}
@media (max-width: 900px) {
  .pxl-history .img-h {
    margin-left: 0;
    width: 104px;
    max-width: 104px;
    height: 104px;
  }
}
.pxl-client-grid1 .pxl-grid-item {
  padding: 0;
  margin-top: -1px;
}
.pxl-client-grid1 .pxl-grid-item:nth-child(1):before, .pxl-client-grid1 .pxl-grid-item:nth-child(2):before, .pxl-client-grid1 .pxl-grid-item:nth-child(4):before, .pxl-client-grid1 .pxl-grid-item:nth-child(5):before, .pxl-client-grid1 .pxl-grid-item:nth-child(7):before, .pxl-client-grid1 .pxl-grid-item:nth-child(8):before, .pxl-client-grid1 .pxl-grid-item:nth-child(10):before, .pxl-client-grid1 .pxl-grid-item:nth-child(11):before, .pxl-client-grid1 .pxl-grid-item:nth-child(13):before, .pxl-client-grid1 .pxl-grid-item:nth-child(14):before {
  content: '';
  top: -7px;
  height: 134px;
  right: 0;
  width: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 100%;
}
@media (max-width: 450px) {
  .pxl-client-grid1 .pxl-grid-item:nth-child(1):before, .pxl-client-grid1 .pxl-grid-item:nth-child(2):before, .pxl-client-grid1 .pxl-grid-item:nth-child(4):before, .pxl-client-grid1 .pxl-grid-item:nth-child(5):before, .pxl-client-grid1 .pxl-grid-item:nth-child(7):before, .pxl-client-grid1 .pxl-grid-item:nth-child(8):before, .pxl-client-grid1 .pxl-grid-item:nth-child(10):before, .pxl-client-grid1 .pxl-grid-item:nth-child(11):before, .pxl-client-grid1 .pxl-grid-item:nth-child(13):before, .pxl-client-grid1 .pxl-grid-item:nth-child(14):before {
    height: 100px !important;
  }
}
.pxl-client-grid1 .pxl-grid-item:nth-child(1), .pxl-client-grid1 .pxl-grid-item:nth-child(2), .pxl-client-grid1 .pxl-grid-item:nth-child(3), .pxl-client-grid1 .pxl-grid-item:nth-child(7), .pxl-client-grid1 .pxl-grid-item:nth-child(9), .pxl-client-grid1 .pxl-grid-item:nth-child(8), .pxl-client-grid1 .pxl-grid-item:nth-child(15), .pxl-client-grid1 .pxl-grid-item:nth-child(13), .pxl-client-grid1 .pxl-grid-item:nth-child(14) {
  border-bottom: 1px solid #f2f2f2;
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner {
  text-align: center;
  padding: 0 15px;
  position: relative;
  overflow: hidden;
  min-height: 125px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 450px) {
  .pxl-client-grid1 .pxl-grid-item .pxl-item--inner {
    min-height: 100px !important;
  }
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner img {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
  position: relative;
  width: auto;
  max-height: 80px;
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner:hover img {
  transform: scale(0.9);
}
.pxl-text-carousel1 .pxl-swiper-slide {
  text-align: center;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) {
  border-top: 1px solid #f0e5df;
  border-bottom: 1px solid #f0e5df;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title {
  font-size: 72px;
  color: #000;
  font-weight: 700;
  line-height: 97px;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title {
  font-size: 72px;
  color: #fff;
  font-weight: 700;
  -webkit-text-stroke: 1px #ccc;
  text-stroke: 1px #ccc;
  line-height: 97px;
}
@media (max-width: 1700px) {
  .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
    font-size: 62px !important;
    line-height: 72px !important;
  }
}
@media (max-width: 1500px) {
  .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
    font-size: 42px !important;
    line-height: 52px !important;
  }
}
@media (max-width: 767px) {
  .pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
    font-size: 35px !important;
    line-height: 45px !important;
  }
}
.pxl-image-carousel2 .pxl-swiper-container {
  margin: 0 !important;
}
.pxl-image-carousel2 .pxl-swiper-slide {
  padding: 0 3px !important;
}
.pxl-image-carousel2 .pxl-swiper-slide img {
  width: 100%;
  border-radius: 10px;
}
.pxl-image-carousel2 .pxl-swiper-dots {
  margin-top: 45px !important;
  min-height: 12px;
  align-items: center;
}
.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 0 21px !important;
  background-color: #c6c6c6 !important;
}
.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--primary-color) !important;
}
.pxl-image-carousel5 .pxl-swiper-arrow {
  width: 61px;
  height: 61px;
}
@media (max-width: 1500px) {
  .pxl-image-carousel5 .pxl-swiper-arrow {
    display: none !important;
  }
}
.pxl-image-carousel5 .pxl-swiper-arrow i {
  font-size: 38px;
  line-height: 61px;
  margin-left: -46px;
}
.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  transform: rotatey(180deg);
  left: -124px;
}
.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -124px;
}
.pxl-image-carousel5 .pxl-swiper-container {
  mask-image: url(../img/mask-video.png);
  -webkit-mask-image: url(../img/mask-video.png);
  -ms-mask-image: url(../img/mask-video.png);
  -o-mask-image: url(../img/mask-video);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
}
.pxl-image-carousel5 .pxl-swiper-slide {
  max-width: 260px;
  min-width: 260px;
  padding: 0;
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
}
@media (max-width: 1500px) {
  .pxl-image-carousel5 .pxl-swiper-slide {
    max-width: 1000px;
    min-width: auto;
  }
}
.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
  min-width: 690px;
}
@media (max-width: 1500px) {
  .pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
    min-width: auto;
  }
}
.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active .pxl-title {
  transform: translatey(0px) !important;
  opacity: 1 !important;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content {
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: #000;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .wrap-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  margin-top: 40px;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title {
  font-weight: 700;
  height: 48.6px;
  overflow: hidden;
  font-size: 29.94px;
  color: #fff;
  margin-top: 33px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
}
@media (max-width: 991px) {
  .pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title {
    font-size: 24px;
  }
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a {
  position: relative;
  font-size: 16px;
  width: 83px;
  height: 83px;
  line-height: 83px;
  color: #fff;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  background-color: var(--primary-color);
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border2 3s linear infinite;
  border: 0.3px solid var(--primary-color);
  background-color: transparent !important;
  border-radius: 500px;
  opacity: 0;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border2 3s 1.5s linear infinite;
  background-color: transparent !important;
  border: 0.3px solid var(--primary-color);
  border-radius: 500px;
  opacity: 0;
}
.pxl-image-carousel6 .pxl-swiper-thumbs {
  overflow: hidden;
  position: absolute;
  z-index: 20;
  transform: translatey(0%);
  bottom: 0;
  right: 0;
}
@media (min-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs {
    top: 50%;
    max-width: 200px;
    left: 0;
    transform: translatey(-50%);
  }
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
    flex-direction: row !important;
  }
}
@media (min-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
    display: grid !important;
  }
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
  height: 130px !important;
  max-width: 153px !important;
  display: inline-flex;
  padding: 8px 60px 8px 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: relative;
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img {
  border-radius: 0 1000px 1000px 0;
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img {
    border-radius: 0;
  }
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
    height: 90px !important;
    max-width: 90px !important;
    display: inline-flex;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
    height: 50px !important;
    max-width: 50px !important;
  }
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
  position: absolute;
  content: '';
  background-color: #eb3c47;
  width: 160px;
  height: 131px;
  border-radius: 0 1000px 1000px 0;
  right: 0;
  top: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: -1;
  opacity: 0;
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:after {
  position: absolute;
  content: "\f125";
  font-family: flaticon;
  border-radius: 0 1000px 1000px 0;
  right: 20px;
  top: 50%;
  transform: translatey(-50%);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
  color: #fff;
  font-size: 22px;
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  padding: 8px 54px 8px 0;
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    padding: 0;
  }
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 1;
}
@media (max-width: 1500px) {
  .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
    opacity: 0;
  }
}
.pxl-image-carousel6 .pxl-swiper-slide {
  padding: 0;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content {
  background-size: cover;
  background-position: center;
  background-color: #000;
  position: relative;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #000 0%, #000 5%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .001) 100%);
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
  padding: 181px 15px 217px 15px;
  max-width: 670px;
}
@media (max-width: 1199px) {
  .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
    padding: 150px 30px 180px 30px;
    max-width: 750px;
  }
}
@media (max-width: 575px) {
  .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
    padding: 100px 30px 150px 30px;
  }
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .sub-pxl-title {
  position: relative;
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: -webkit-linear-gradient(1deg, #f05045, #df3b48);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title {
  position: relative;
  margin: 8px 0 21px 0;
  padding-left: 25px;
  font-size: 63px;
  line-height: 63px;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title {
    padding-left: 0px;
    font-size: 40px;
    line-height: 40px;
  }
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
  position: absolute;
  content: '';
  background-color: #f05045;
  width: 3px;
  top: 12px;
  left: 0;
  border-radius: 100px;
  bottom: 6px;
}
@media (max-width: 575px) {
  .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
    opacity: 0;
  }
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title span {
  background: -webkit-linear-gradient(1deg, #f05045, #df3b48);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-desc {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 42px;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button {
  position: relative;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a {
  display: inline-flex;
  align-items: center;
  padding: 0 32px;
  line-height: 62px;
  font-size: 15px;
  color: #fff;
  border-radius: 1000px;
  font-weight: 700;
  background: linear-gradient(90deg, #df3b48 0%, #f05045 50%, #df3b48 100%);
  background-size: 200%;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a i {
  padding-left: 15px;
  font-size: 24px;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a:hover {
  background-position: right;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--primary-color);
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--primary-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.bf-col-left-hd > .elementor-widget-container {
  position: relative;
}
.bf-col-left-hd > .elementor-widget-container:before {
  position: absolute;
  content: '';
  width: 10000px;
  right: 0;
  top: 0;
  background-color: #050505;
  height: 66px;
  transform: skewx(0deg);
  z-index: -1;
}
.bf-col-right-hd > .elementor-widget-container {
  position: relative;
}
.bf-col-right-hd > .elementor-widget-container:before {
  position: absolute;
  content: '';
  width: 280px;
  left: 0;
  top: -1px;
  background-color: var(--primary-color);
  height: 66px;
  z-index: -1;
}
.pxl-piechart-layout1 {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-piechart-layout1 .pxl-piechart {
  text-align: center;
  position: relative;
}
.pxl-piechart-layout1 .pxl-piechart .item--value {
  position: relative;
  display: inline-flex;
}
.pxl-piechart-layout1 .pxl-piechart .item--value span {
  font-size: 40px;
  font-weight: 400;
  color: var(--secondary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: ;
}
.pxl-piechart-layout1 .pxl-piechart .item--value span i {
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
}
.pxl-piechart-layout1 .pxl-piechart .wrap-content {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 0;
  width: 100%;
}
.pxl-piechart-layout1 .pxl-piechart .number {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #fff;
}
.pxl-piechart-layout1 .pxl-piechart .item--title {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.text-hsl1 {
  display: flex;
  align-items: center;
}
.text-hsl1 i {
  color: #d2431c;
  font-size: 20px;
  padding-right: 10px;
  display: inline-block !important;
  transform: translatey(3px);
}
.button-slider-8 {
  background-color: var(--primary-color) !important;
  text-transform: uppercase;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.button-slider-8 i {
  font-size: 13px;
  margin-left: 12px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  display: inline-block !important;
}
.button-slider-8:hover i {
  transform: rotate(45deg) !important;
}
.btn-slide9-1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.btn-slide9-1 i {
  font-size: 24px !important;
  padding-left: 11px;
  transform: translatey(2px);
}
.btn-slide9-1:hover {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  color: #000 !important;
  background-color: #fff !important;
}
.btn-slide9-2:hover {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  color: #fff !important;
  background-color: var(--primary-color) !important;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow {
  transform: none;
  top: auto;
  width: 45px;
  height: 45px;
  border-radius: 5px;
  left: auto;
  line-height: 45px;
  color: var(--primary-color);
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow:hover {
  color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow-next {
  bottom: 0px;
  right: -70px;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow-prev {
  bottom: 50px;
  right: -70px;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  padding: 20px 30px 48px 30px;
  overflow: hidden;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after {
  position: absolute;
  content: '';
  width: 70px;
  height: 5px;
  bottom: 0;
  left: 30px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after {
  background-color: var(--primary-color);
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before {
  z-index: 2;
  opacity: 0;
  background-color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner i {
  position: relative;
  font-size: 50px;
  color: var(--primary-color);
  z-index: 2;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after {
  left: 0;
  width: 100%;
  height: 100%;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before {
  opacity: 1;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--title, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--desc, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover i {
  color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title {
  position: relative;
  z-index: 2;
  padding: 4px 0 13px 0;
  font-size: 20px;
  font-weight: 700;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  color: #000;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--desc {
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  color: #444;
  line-height: 28px;
  font-size: 17px;
  position: relative;
  z-index: 2;
}
.pxl-bn-box1 {
  padding: 50px 0 0 100px;
}
.pxl-bn-box1 .wrap-icon-box {
  padding: 33px;
  display: block;
  background-color: #fff;
  width: 202px;
  height: 195px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  bottom: -97px;
  right: -40px;
  position: absolute;
  z-index: 4;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 3px 3px 2px 2px;
}
@media (max-width: 575px) {
  .pxl-bn-box1 .wrap-icon-box {
    bottom: 0px;
    right: 0px;
  }
}
.pxl-bn-box1 .wrap-icon-box i {
  font-size: 65px;
  color: var(--primary-color);
  line-height: 65px;
}
.pxl-bn-box1 .wrap-icon-box:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.pxl-bn-box1 .pxl-item-image-1 {
  z-index: 2;
  position: absolute;
  top: 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  left: 0;
}
.pxl-bn-box1 .pxl-item-image-2 {
  position: relative;
  display: inline-block;
}
.pxl-bn-box1 .pxl-item-image-2:before, .pxl-bn-box1 .pxl-item-image-2:after {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  content: '';
}
.pxl-bn-box1 .pxl-item-image-2:before {
  z-index: 1;
  top: -20px;
  right: -20px;
  background-color: var(--primary-color);
}
.pxl-bn-box1 .pxl-item-image-2:after {
  z-index: 1;
  bottom: -20px;
  left: -20px;
  background-color: #000;
}
.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler {
  position: absolute;
  top: 0;
  right: -32px;
  z-index: -1;
  overflow: hidden;
  height: 100%;
}
.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler .ruler {
  top: 0;
  left: 0;
  animation: ruler 60000ms linear infinite;
}
.pxl-bn-box1 .pxl-item-feature {
  font-size: 18px;
  line-height: 25px;
  color: #010000;
  font-weight: 700;
  padding-top: 12px;
}
.text-phone-slide a {
  margin-left: 15px;
  font-size: 24px !important;
  color: var(--primary-color) !important;
}
.text-phone-slide a:hover {
  color: #ef4619 !important;
}
.title-slide-shadow1 {
  text-shadow: 2px 3px #fff;
}
.persephone.tp-rightarrow {
  border-radius: 5px !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
  transition: 300ms all linear 0ms;
}
.persephone.tp-rightarrow:hover {
  background-color: #000 !important;
  color: var(--primary-color) !important;
}
.persephone:hover:before, .persephone:hover:after {
  color: var(--primary-color) !important;
}
.persephone.tp-leftarrow {
  border-radius: 5px !important;
  background-color: #000 !important;
  color: var(--primary-color) !important;
  transition: 300ms all linear 0ms;
}
.persephone.tp-leftarrow:hover {
  background-color: var(--primary-color) !important;
}
.persephone.tp-leftarrow:hover:before {
  color: #fff !important;
}
.persephone.tparrows.tp-leftarrow:before {
  content: '\f123' !important;
  font-family: 'flaticon' !important;
  font-size: 20px !important;
  transition: 300ms all linear 0ms;
}
.persephone.tparrows.tp-rightarrow:before {
  content: '\f124' !important;
  font-family: 'flaticon' !important;
  font-size: 20px !important;
  transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-leftarrow {
  transform: translate(-146px, 86px) rotate(90deg) !important;
  background-color: #000 !important;
  overflow: revert !important;
}
.zeus.tparrows.tp-leftarrow:before {
  color: #fff;
  content: '\f125' !important;
  transform: translatex(-26px);
  font-family: 'flaticon' !important;
  font-size: 41px !important;
  transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-leftarrow:hover:before {
  transform: translatex(-21px);
}
.zeus .tp-bullet span {
  display: none !important;
}
.zeus.tparrows.tp-rightarrow {
  transform: translate(-146px, -148px) rotate(-90deg) !important;
  background-color: var(--primary-color) !important;
  overflow: revert !important;
}
.zeus.tparrows.tp-rightarrow:before {
  color: #fff;
  content: '\f125' !important;
  transform: translatex(-26px);
  font-family: 'flaticon' !important;
  font-size: 41px !important;
  transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-rightarrow:hover:before {
  transform: translatex(-21px);
}
.ct-folding-cube {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  -webkit-transform: rotatez(45deg);
  transform: rotatez(45deg);
}
.ct-folding-cube .ct-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ct-folding-cube .ct-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  -webkit-animation: ct-foldcubeangle 2.4s infinite linear both;
  -ms-animation: ct-foldcubeangle 2.4s infinite linear both;
  -o-animation: ct-foldcubeangle 2.4s infinite linear both;
  animation: ct-foldcubeangle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.ct-folding-cube .ct-cube2 {
  -webkit-transform: scale(1.1) rotatez(90deg);
  -ms-transform: scale(1.1) rotatez(90deg);
  -o-transform: scale(1.1) rotatez(90deg);
  transform: scale(1.1) rotatez(90deg);
}
.ct-folding-cube .ct-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.ct-folding-cube .ct-cube3 {
  -webkit-transform: scale(1.1) rotatez(180deg);
  -ms-transform: scale(1.1) rotatez(180deg);
  -o-transform: scale(1.1) rotatez(180deg);
  transform: scale(1.1) rotatez(180deg);
}
.ct-folding-cube .ct-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.ct-folding-cube .ct-cube4 {
  -webkit-transform: scale(1.1) rotatez(270deg);
  -ms-transform: scale(1.1) rotatez(270deg);
  -o-transform: scale(1.1) rotatez(270deg);
  transform: scale(1.1) rotatez(270deg);
}
.ct-folding-cube .ct-cube4:before {
  -webkit-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.pxl-loader {
  pointer-events: none;
}
.pxl-load {
  position: fixed;
}
.pxl-load:before {
  position: fixed;
  content: '';
  height: 100%;
  top: 0;
  left: 0;
  width: 50%;
  background-color: #fff;
  z-index: 5000075756;
  transition: all 0.75s linear;
}
.pxl-load:after {
  position: fixed;
  content: '';
  height: 100%;
  top: 0;
  right: 0;
  width: 50%;
  background-color: #fff;
  z-index: 500008567;
  transition: all 0.75s linear;
}
.loaderr {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  margin: -80px 0 0 -80px;
  background-color: initial;
  border-radius: 50%;
  border: 2px solid rgba(205, 0, 1, .1);
}
.loaderr:before {
  content: '';
  width: 164px;
  height: 164px;
  display: block;
  position: absolute;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  clip: rect(0px, 35px, 35px, 0px);
  z-index: 10;
  animation: rotate infinite;
  animation-duration: 3s;
  animation-timing-function: linear;
}
.loaderr:after {
  content: '';
  width: 164px;
  height: 164px;
  display: block;
  position: absolute;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  clip: rect(0px, 164px, 150px, 0px);
  z-index: 9;
  animation: rotate2 3s linear infinite;
}
.hexagon-container {
  position: relative;
  top: 16px;
  left: 41px;
  border-radius: 50%;
}
.hexagon {
  list-style-type: none;
  position: absolute;
  width: 40px;
  height: 23px;
  background-color: var(--primary-color);
}
.hexagon:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 11.5px solid var(--primary-color);
}
.hexagon:after {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 11.5px solid var(--primary-color);
}
.hexagon.hex_1 {
  top: 0;
  left: 0;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 0.21429s;
}
.hexagon.hex_2 {
  top: 0;
  left: 42px;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 0.42857s;
}
.hexagon.hex_3 {
  top: 36px;
  left: 63px;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 0.64286s;
}
.hexagon.hex_4 {
  top: 72px;
  left: 42px;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 0.85714s;
}
.hexagon.hex_5 {
  top: 72px;
  left: 0;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 1.07143s;
}
.hexagon.hex_6 {
  top: 36px;
  left: -21px;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 1.28571s;
}
.hexagon.hex_7 {
  top: 36px;
  left: 21px;
  animation: animasearch 3s ease-in-out infinite;
  animation-delay: 1.5s;
}
.pxl-contact-form {
  position: relative;
}
.pxl-contact-form .image-box {
  position: absolute;
  z-index: 0;
}
.pxl-contact-form .input-filled {
  z-index: 2;
  position: relative;
}
.pxl-contact-form.hide-bf .ctf10:before {
  display: none;
}
.item--icon.icon-psb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item--icon.icon-psb img {
  max-width: 50px;
  z-index: 2;
}
.pxl-contact-form1.off .ctf10:before {
  display: none !important;
}
.pxl-contact-form1.off .image-box {
  display: none !important;
}
.pxl-search-popup-button {
  cursor: pointer;
}
.pxl-mailchimp .mc4wp-form {
  position: relative;
}
.pxl-mailchimp .mc4wp-response {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}
.pxl-mailchimp .mc4wp-alert {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 14px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
  margin-top: 25px;
  position: relative;
  max-width: 350px;
}
.pxl-mailchimp .mc4wp-alert:before {
  content: '';
  position: absolute;
  top: -18px;
  left: 20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.pxl-mailchimp .mc4wp-alert p {
  margin: 0;
}
.pxl-mailchimp [type="submit"] {
  white-space: nowrap;
}
.pxl-mailchimp.style-default .mc4wp-form-fields {
  position: relative;
}
.pxl-mailchimp.style-default [type="email"] {
  height: 54px;
  border: 1px solid var(--primary-color);
  -webkit-border-radius: 54px;
  -khtml-border-radius: 54px;
  -moz-border-radius: 54px;
  -ms-border-radius: 54px;
  -o-border-radius: 54px;
  border-radius: 54px;
  background-color: transparent;
  font-size: 12px;
  color: #b8b8b8;
  padding: 0 22px;
  min-width: 280px;
}
.pxl-mailchimp.style-default [type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 32px;
  line-height: 54px;
  font-size: 14px;
  text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-default [type="submit"] {
    padding: 0 22px;
  }
}
.pxl-mailchimp.style-box-round .mc4wp-form-fields {
  position: relative;
}
.pxl-mailchimp.style-box-round [type="email"] {
  height: 65px;
  -webkit-border-radius: 65px;
  -khtml-border-radius: 65px;
  -moz-border-radius: 65px;
  -ms-border-radius: 65px;
  -o-border-radius: 65px;
  border-radius: 65px;
  background-color: rgba(255, 255, 255, 0.24);
  font-size: 15px;
  color: #e4e4e4;
  padding: 0 22px;
  min-width: 280px;
  border: none;
  padding-left: 48px;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-box-round [type="email"] {
    padding-left: 30px;
  }
}
.pxl-mailchimp.style-box-round [type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 50px;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0px;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-box-round [type="submit"] {
    padding: 0 22px;
  }
}
@media screen and (max-width: 575px) {
  .pxl-mailchimp.style-box-round [type="submit"] {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
}
.pxl-mailchimp.style-outline .mc4wp-form-fields {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .pxl-mailchimp.style-outline .mc4wp-form-fields {
    display: block;
  }
}
.pxl-mailchimp.style-outline [type="email"] {
  height: 50px;
  border: none;
  border-bottom: 1px solid #fff;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  font-size: 16px;
  color: #bfbfbf;
  padding: 0;
  width: auto;
  min-width: 320px;
  margin-right: 30px;
}
.pxl-mailchimp.style-outline [type="email"]:focus {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.67);
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-outline [type="email"] {
    margin-right: 20px;
    min-width: 220px;
  }
}
.pxl-mailchimp.style-outline [type="submit"] {
  padding: 0 40px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-outline [type="submit"] {
    padding: 0 22px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-mailchimp.style-outline [type="submit"] {
    margin-top: 20px;
  }
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: ease, ease;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover, .pxl-mailchimp.style-outline.style-btn-default [type="submit"]:focus {
  background: var(--primary-color);
}
.pxl-mailchimp.style-primary .mc4wp-form-fields {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .pxl-mailchimp.style-primary .mc4wp-form-fields {
    display: block;
  }
}
.pxl-mailchimp.style-primary [type="email"] {
  height: 54px;
  border: none;
  border: none;
  -webkit-border-radius: 54px;
  -khtml-border-radius: 54px;
  -moz-border-radius: 54px;
  -ms-border-radius: 54px;
  -o-border-radius: 54px;
  border-radius: 54px;
  background-color: #3b3f38;
  font-size: 16px;
  color: #fff;
  padding-left: 26px;
  width: auto;
  min-width: 320px;
  margin-right: 16px;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-primary [type="email"] {
    min-width: 220px;
  }
}
@media screen and (max-width: 991px) {
  .pxl-mailchimp.style-primary [type="email"] {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.pxl-mailchimp.style-primary [type="submit"] {
  padding: 0 34px;
  line-height: 54px;
  font-size: 16px;
  font-weight: 600;
  color: #122a00;
  z-index: 1;
  text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
  .pxl-mailchimp.style-primary [type="submit"] {
    padding: 0 22px;
  }
}
@media screen and (max-width: 991px) {
  .pxl-mailchimp.style-primary [type="submit"] {
    margin-top: 20px;
  }
}
.pxl-mailchimp.style-box-white {
  -webkit-border-radius: 42px;
  -khtml-border-radius: 42px;
  -moz-border-radius: 42px;
  -ms-border-radius: 42px;
  -o-border-radius: 42px;
  border-radius: 42px;
  background-color: #fff;
  padding: 13px 18px 13px 40px;
}
.pxl-mailchimp.style-box-white [type="email"] {
  font-size: 15px;
  color: #79949f;
  padding: 0 0 0 60px;
  background-image: url(../img/mail.png);
  background-position: left -10px center;
  background-repeat: no-repeat;
  border: none;
  margin-right: 10px;
}
.pxl-mailchimp.style-box-white [type="submit"] {
  line-height: 58px;
  padding: 0 26px;
}
.pxl-mailchimp.style-box-white .mc4wp-form-fields {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pxl-mailchimp.style-box-white .mc4wp-form-fields {
    display: block;
  }
}
.pxl-mailchimp.style-box-white2 {
  -webkit-border-radius: 42px;
  -khtml-border-radius: 42px;
  -moz-border-radius: 42px;
  -ms-border-radius: 42px;
  -o-border-radius: 42px;
  border-radius: 42px;
  background-color: #fff;
  padding: 5px;
  -webkit-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
  -khtml-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
}
.pxl-mailchimp.style-box-white2 [type="email"] {
  font-size: 15px;
  color: #747e8c;
  padding: 0 0 0 30px;
  border: none;
  height: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .pxl-mailchimp.style-box-white2 [type="email"] {
    padding-left: 20px;
  }
}
.pxl-mailchimp.style-box-white2 [type="submit"] {
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .pxl-mailchimp.style-box-white2 [type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0px;
  }
  .pxl-mailchimp.style-box-white2 [type="submit"]:before {
    content: "\f13b";
    font-family: "Caseicon";
    font-size: 16px;
    font-weight: 400;
  }
}
.pxl-mailchimp.style-box-white2 .mc4wp-form-fields {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
body.rtl .pxl-mailchimp.style-box-round [type="email"] {
  padding-left: 20px;
  padding-right: 48px;
}
body.rtl .pxl-mailchimp.style-box-round [type="submit"] {
  right: auto;
  left: 0;
}
.pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .fa-chevron-down {
  display: inline-flex;
  font-size: 10px;
  line-height: 1;
  margin-left: 8px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-nav-menu .pxl-menu-primary > li:hover > a .fa-chevron-down {
  -webkit-transform: rotateX(-180deg);
  -khtml-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.pxl-nav-menu .sub-menu li.menu-item-has-children > a:after {
  content: "\f14d";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 10px;
  font-family: "Caseicon";
  font-weight: 400;
}
.pxl-nav-menu .pxl-hide {
  display: none;
}
.pxl-nav-menu .sub-menu .pxl-hide {
  display: none !important;
}
.pxl-nav-menu .menu-item-has-children .pxl-hide {
  display: block;
}
.pxl-nav-menu.style2 ul li {
  width: 100%;
  margin: 0 0 4px 0;
}
.pxl-nav-menu.style2 ul li a {
  line-height: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  background-color: #f5f5f5;
  font-size: 18px;
  font-weight: 600;
  padding: 0 25px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-nav-menu.style2 ul li a:hover {
  background-color: var(--primary-color);
  color: #fff !important;
}
.pxl-nav-menu.style2 ul li.current-menu-item a {
  background-color: var(--primary-color);
  color: #fff !important;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li.current-menu-ancestor > a {
  color: var(--primary-color);
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li.current-menu-ancestor > a a:after {
  width: 100%;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li > a:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  width: 0;
  background-color: var(--primary-color) !important;
  border-radius: 5px;
  transform: translatex(-50%);
  height: 3px;
  background-image: none;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li > a:before {
  position: absolute;
  content: '';
  left: 50%;
  background-color: var(--primary-color) !important;
  border-radius: 5px;
  transform: translatex(-50%);
  height: 3px;
  background-image: none;
  top: 0 !important;
  margin: 0;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li:hover > a {
  color: var(--primary-color);
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li:hover > a:after {
  width: 100%;
}
.pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a:before {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: 11px auto 0 auto;
}
.pxl-nav-menu.hv-style1 .pxl-menu-primary > li:hover > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_item > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-ancestor > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li:hover > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_item > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-item > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_ancestor > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-ancestor > a:after {
  width: 100%;
}
.pxl-nav-menu.hv-style2 .pxl-menu-primary > li > a:before {
  content: '';
  width: 0;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: 12px auto 0 auto;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pxl-nav-menu.hv-style2 .pxl-menu-primary > li:hover > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_item > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-ancestor > a:before {
  width: 100%;
}
.pxl-nav-menu.sub-hv-style-none .pxl-menu-primary .sub-menu li a span::before {
  display: none;
}
.pxl-nav-menu.divider-top .pxl-menu-primary > li > a::before {
  margin-top: 0;
  top: 0px;
}
.pxl-nav-menu.divider-bottom .pxl-menu-primary > li > a::before {
  margin-top: 0;
  top: auto;
  bottom: 0;
}
.pxl-logo-nav1 {
  display: inline-flex;
  background-color: #040900;
  align-items: center;
}
.pxl-logo-nav1 .pxl-logo-wrap {
  padding: 0 95px;
}
.pxl-logo-nav1 .pxl-logo-wrap img {
  max-height: 47px;
  width: auto;
}
.pxl-logo-nav1 .pxl-nav-wrap {
  display: none;
  height: 118px !important;
  opacity: 1 !important;
}
.pxl-logo-nav1 .pxl-menu-primary {
  margin-right: 70px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a {
  color: #fff;
  font-size: 16px;
  line-height: 118px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a:before {
  content: '';
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  position: absolute;
  top: 50%;
  left: 0;
  margin: 11px auto 0 auto;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a .fa-chevron-down {
  display: inline-flex;
  font-size: 10px;
  line-height: 1;
  margin-left: 6px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a .fa-chevron-down {
  -webkit-transform: rotateX(-180deg);
  -khtml-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-ancestor > a:before {
  width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button {
  width: 118px;
  height: 118px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i {
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  height: 2px;
  background-color: #000;
  left: 0;
  position: absolute;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(1) {
  top: 7px;
  width: 40px;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(2) {
  top: 19px;
  width: 22px;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(3) {
  top: 31px;
  width: 22px;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(4) {
  width: 40px;
  transform: rotate(45deg) translateX(100%);
  top: 30px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i {
  width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1), .pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(2) {
  transform: rotate(-45deg);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(4) {
  transform: rotate(45deg) translateX(0%);
  top: 19px;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.pxl-header-nav .pxl-menu-primary li > a:before {
  display: none;
}
.pxl-header-nav .children li > a:before {
  display: block !important;
}
.hover-imge-effect1 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect1 a {
  display: block;
}
.hover-imge-effect1 a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.hover-imge-effect2 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect2 img {
  -webkit-transition: all 1.4s;
  -khtml-transition: all 1.4s;
  -moz-transition: all 1.4s;
  -ms-transition: all 1.4s;
  -o-transition: all 1.4s;
  transition: all 1.4s;
}
.hover-imge-effect3 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect3 img {
  -webkit-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -khtml-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.hover-imge-effect4 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect4 .hover-item {
  width: 50%;
  height: 50%;
  background-color: rgba(0, 0, 0, .6);
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  opacity: 0;
}
.hover-imge-effect4 .hover-item.hover-item1 {
  top: 0;
  left: 0;
}
.hover-imge-effect4 .hover-item.hover-item2 {
  top: 0;
  left: 50%;
}
.hover-imge-effect4 .hover-item.hover-item3 {
  left: 50%;
  top: 50%;
}
.hover-imge-effect4 .hover-item.hover-item4 {
  left: 0;
  top: 50%;
}
.pxl-item--inner:hover .hover-imge-effect1 a::before {
  -webkit-animation: img_circle 0.65s;
  animation: img_circle 0.65s;
}
.pxl-item--inner:hover .hover-imge-effect2 img {
  -webkit-transform: scale(1.18);
  -khtml-transform: scale(1.18);
  -moz-transform: scale(1.18);
  -ms-transform: scale(1.18);
  -o-transform: scale(1.18);
  transform: scale(1.18);
}
.pxl-item--inner:hover .hover-imge-effect3 img {
  -webkit-transform: scale(1.06);
  -khtml-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item1 {
  left: 50%;
  top: 0;
  opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item2 {
  left: 50%;
  top: 50%;
  opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item3 {
  left: 0%;
  top: 50%;
  opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item4 {
  left: 0%;
  top: 0%;
  opacity: 1;
}
.pxl-grid .pxl-item--image img {
  width: 100%;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background-color: #f5f1f1;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  font-size: 18px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers i {
  font-size: 13px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:before, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:after {
  display: none;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers.current, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:hover {
  background-color: #242f51;
}
.pxl-grid-filter2 {
  margin-bottom: 38px;
  font-size: 17px;
  color: #444;
}
.pxl-grid-filter2 .filter-item {
  cursor: pointer;
}
.pxl-grid-filter2 .filter-item:after {
  content: '-';
  margin: 0 18px;
}
.pxl-grid-filter2 .filter-item:last-child:after {
  display: none;
}
.pxl-grid-filter3 {
  margin-bottom: 53px;
}
.pxl-blog-grid-layout1 .pxl-load-more {
  padding-top: 10px !important;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1 {
  border-radius: 0 !important;
  padding-left: 42px !important;
  padding-right: 30px !important;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1 i {
  transition: 0.5s;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1:hover i {
  margin-left: 16px;
  margin-right: 10px;
}
.pxl-blog-grid-layout1 .pxl-grid-item {
  margin-bottom: 30px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--image {
  overflow: hidden;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  padding: 18px 35px 20px 35px;
}
@media (max-width: 480px) {
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 18px 20px 20px 20px;
  }
}
@media (max-width: 1100px) and (min-width: 992px) {
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 18px 20px 20px 20px;
  }
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) and (min-width: 575px) {
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 18px 20px 20px 20px;
  }
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore {
    font-size: 14px !important;
  }
  .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore a {
    font-size: 14px !important;
  }
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner:hover {
  box-shadow: rgba(149, 157, 165, 0.25) 0px 25px 22px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder {
  background-color: #fff;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta {
  display: flex;
  align-items: center;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category {
  font-size: 16px;
  color: #666;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date i, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category i {
  color: var(--primary-color);
  padding-right: 5px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date.item--category, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category.item--category {
  padding-left: 20px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .pxl-item--title {
  padding-top: 10px;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 5px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .item--content {
  font-size: 16px;
  line-height: 24px;
  color: #0e0d0f;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
  padding-top: 15px;
  margin-top: 15px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a {
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a i {
  width: 38px;
  height: 38px;
  border-radius: 100px;
  background-color: var(--primary-color);
  font-size: 23px;
  color: #fff;
  text-align: center;
  margin-right: 7px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore {
  align-items: center;
  display: flex;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a {
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a:hover {
  text-decoration: underline;
  color: var(--primary-color);
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore i {
  transform: translatey(3px);
  color: var(--primary-color);
  font-size: 20px;
  padding-left: 5px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore:hover i {
  transform: translatey(3px) translatex(3px);
}
.pxl-blog-grid-layout4 .pxl-load-more .btn {
  line-height: 53px;
  padding: 0 33px;
  font-size: 16px;
  border-radius: 0 !important;
}
.pxl-blog-grid-layout4 .pxl-grid-item {
  margin-bottom: 20px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner {
  position: relative;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image {
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before {
  position: absolute;
  content: '';
  background-color: #000;
  opacity: 0.62;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 25px;
  right: 25px;
  transform: translatey(-50%);
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a {
  font-size: 22px;
  color: #fff;
  line-height: 30px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title:hover, .pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .item--content {
  font-size: 16px;
  color: #7d7f8e;
  line-height: 24px;
  display: none;
  margin-top: -5px;
  margin-bottom: 5px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore {
  margin-top: 12px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  font-weight: 700;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a i {
  display: block;
  margin-left: 10px;
  transform: rotate(45deg);
  transition: 200ms !important;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a:hover {
  color: var(--primary-color);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--image:before {
  display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--holder {
  margin-top: 20px;
  position: relative;
  transform: translatey(0%);
  right: 0;
  left: 0;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title a {
  font-size: 24px;
  color: #000 !important;
  line-height: 34px;
  font-weight: 700;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--readmore, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .item--content {
  display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--image:before {
  display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--holder {
  margin-top: 20px;
  position: relative;
  transform: translatey(0%);
  right: 0;
  left: 0;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .item--content {
  display: block;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title a {
  font-size: 22px;
  color: #000 !important;
  line-height: 30px;
  font-weight: 700;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore {
  margin-top: 12px;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a {
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  display: flex;
  align-items: center;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a i {
  color: var(--primary-color);
  display: block;
  margin-left: 10px;
  transform: rotate(0deg);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover {
  color: var(--primary-color);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover i {
  transform: rotate(45deg);
}
.pxl-portfolio-grid-layout1 .btn {
  font-size: 15px;
  font-weight: 700;
  padding: 0 30px !important;
  line-height: 43px !important;
  border-radius: 0 !important;
}
.pxl-portfolio-grid-layout1 .btn:before {
  background-color: #000 !important;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner {
  box-shadow: none;
  margin-bottom: 20px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item {
  background-color: #f2f2f2;
  color: var(--secondary-color);
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 7px 25px;
  margin: 0 18px;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item:before {
  position: absolute;
  content: '';
  width: 40px;
  height: 100%;
  background-color: #f2f2f2;
  z-index: -1;
  right: 0px;
  top: 0;
  clip-path: polygon(37% 0, 100% 50%, 37% 100%, 0 100%, 0 0);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
  background-color: var(--primary-color);
  color: #fff;
  margin-right: 35px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active .filter-item-count {
  background-color: #080808;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before {
  background-color: var(--primary-color);
  right: -25px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
  position: absolute;
  width: 17px;
  height: 16px;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  left: 0;
  top: -15px;
}
.pxl-portfolio-grid-layout1 .wrap-content-service {
  position: relative;
}
.pxl-portfolio-grid-layout1 .wrap-content-service:before {
  position: absolute;
  content: '';
  z-index: 2;
  width: 1px;
  height: 0;
  background-color: var(--primary-color);
  bottom: 43px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 56px;
}
@media (max-width: 1100px) and (min-width: 992px) {
  .pxl-portfolio-grid-layout1 .wrap-content-service:before {
    bottom: 20px;
    left: 36px;
  }
}
@media (max-width: 767px) {
  .pxl-portfolio-grid-layout1 .wrap-content-service:before {
    display: none;
  }
}
.pxl-portfolio-grid-layout1 .wrap-content-service:after {
  position: absolute;
  content: '';
  z-index: 2;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  height: 1px;
  width: 0;
  background-color: var(--primary-color);
  bottom: 57px;
  left: 39px;
}
@media (max-width: 1100px) and (min-width: 992px) {
  .pxl-portfolio-grid-layout1 .wrap-content-service:after {
    bottom: 37px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .pxl-portfolio-grid-layout1 .wrap-content-service:after {
    display: none;
  }
}
.pxl-portfolio-grid-layout1 .wrap-content-service:hover:before {
  height: 242px;
  transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .wrap-content-service:hover:after {
  width: 242px;
  transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .item--featured {
  position: relative;
}
.pxl-portfolio-grid-layout1 .item--featured img {
  width: 100%;
}
.pxl-portfolio-grid-layout1 .item--featured:before {
  position: absolute;
  content: '';
  top: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
  background-color: #000;
  pointer-events: none;
  transform: rotate3d(1, 0, 0, 90deg);
  opacity: 0.87;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body {
  position: absolute;
  bottom: 77px;
  left: 83px;
}
@media (max-width: 1100px) and (min-width: 992px) {
  .pxl-portfolio-grid-layout1 .wrap-entry-body {
    bottom: 55px;
    left: 58px;
  }
}
@media (max-width: 767px) {
  .pxl-portfolio-grid-layout1 .wrap-entry-body {
    bottom: 42px;
    left: 43px;
  }
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title {
  margin-bottom: 6px;
  transform: translatey(10px);
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a {
  color: #fff;
  font-size: 22px;
  line-height: normal;
  font-weight: 700;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category {
  transform: translatey(10px);
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  margin-bottom: 13px;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category a {
  color: #fff;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore {
  transform: translatey(10px);
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: var(--primary-color);
  color: #fff;
  font-size: 14px;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a i {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover {
  color: var(--primary-color);
  background-color: #fff;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover i {
  transform: rotate(90deg);
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--icon {
  transform: translatey(10px);
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  margin-bottom: -7px;
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 700 !important;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item {
  margin-bottom: 30px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--category {
  transform: translatey(0);
  opacity: 1;
  transition-delay: 400ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .pxl-item--readmore {
  transform: translatey(0);
  opacity: 1;
  transition-delay: 500ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--icon {
  transform: translatey(0);
  opacity: 1;
  transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--title {
  transform: translatey(0);
  opacity: 1;
  transition-delay: 300ms;
}
.pxl-portfolio-grid-layout2 .pxl-grid-inner {
  position: relative;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item {
  padding: 0 !important;
}
@media (min-width: 1200px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(5) .wrap-content-portfolio {
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (min-width: 1200px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(4) .wrap-content-portfolio {
    clip-path: polygon(0 6%, 100% 3%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 1200px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(3) .wrap-content-portfolio {
    clip-path: polygon(0 9%, 100% 6%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 1200px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(2) .wrap-content-portfolio {
    clip-path: polygon(0 12%, 100% 9%, 100% 100%, 0% 100%);
  }
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio {
  position: relative;
  overflow: hidden;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio:before {
  position: absolute;
  content: '';
  background-color: #000;
  opacity: 0.75;
  width: 100%;
  z-index: 0;
  height: 200%;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner {
  z-index: 2;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner img {
  width: 100%;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body {
  position: absolute;
  left: 38px;
  right: 50px;
  bottom: 80px;
}
@media (max-width: 675px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body {
    left: 30px;
    right: 30px;
    bottom: 40px;
  }
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--category a {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
  letter-spacing: 4px;
  text-transform: uppercase;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title {
  margin-top: 11px;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title a {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .content-excerpt {
  padding: 14px 0 55px 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a {
  padding: 11px 60px;
  background-color: #fff;
  display: inline-block;
  color: #000 !important;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 26px;
  -webkit-transition: 400ms all linear 0ms;
  -khtml-transition: 400ms all linear 0ms;
  -moz-transition: 400ms all linear 0ms;
  -ms-transition: 400ms all linear 0ms;
  -o-transition: 400ms all linear 0ms;
  transition: 400ms all linear 0ms;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:after {
  background-color: #000;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:hover {
  color: #fff !important;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: absolute;
  top: -20px;
  left: -30px;
  bottom: -30px;
  right: -30px;
  z-index: 10;
}
@media (min-width: 1200px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
    transform: scaley(1.1);
  }
}
@media (max-width: 1199px) {
  .pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
  }
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover:before {
  opacity: 0.5;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .pxl-item--inner:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #df2828 0%, #df2828 60%, transparent 100%);
  opacity: 0.74;
  z-index: 0;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .wrap-entry-body {
  z-index: 2;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item:hover .hover {
  pointer-events: auto;
  opacity: 1;
  transform: scaley(1);
}
.pxl-portfolio-grid-layout3 .pxl-load-more, .pxl-blog-grid-layout3 .pxl-load-more {
  padding-top: 0px !important;
  margin-top: 25px !important;
}
.pxl-portfolio-grid-layout3 .pxl-btn-effect1, .pxl-blog-grid-layout3 .pxl-btn-effect1 {
  border-radius: 0 !important;
  padding-left: 33px !important;
  padding-right: 33px !important;
  line-height: 53px !important;
}
.pxl-portfolio-grid-layout3 .pxl-load-icon, .pxl-blog-grid-layout3 .pxl-load-icon {
  display: none;
}
.pxl-portfolio-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item, .pxl-blog-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item {
  margin-bottom: 45px;
}
.pxl-portfolio-grid-layout3 .pxl-grid-item, .pxl-blog-grid-layout3 .pxl-grid-item {
  margin-bottom: 30px;
}
.pxl-portfolio-grid-layout3 .pxl-load-more, .pxl-blog-grid-layout3 .pxl-load-more {
  margin-top: 48px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio, .pxl-blog-grid-layout3 .wrap-content-portfolio {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .item--featured img, .pxl-blog-grid-layout3 .wrap-content-portfolio .item--featured img {
  width: 100%;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body {
  position: relative;
  padding: 34px 30px 16px 30px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date {
  position: absolute;
  top: -23px;
  left: 30px;
  color: #fff;
  background-color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
  padding: 12px 20px;
  width: max-content;
  border-radius: 5px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title {
  font-size: 22px;
  line-height: 32px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a {
  font-size: 22px;
  line-height: 32px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author {
  margin-top: 6px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img {
  width: 44px;
  height: 44px;
  border-radius: 200px;
  margin-right: 10px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span {
  margin-left: 2px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a {
  font-size: 15px;
  color: var(--primary-color) !important;
  font-weight: 700;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter {
  margin-bottom: 75px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner {
  padding: 11px 60px;
  display: inline-block;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 100px;
  margin: auto;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item {
  font-size: 16px;
  padding: 10px 16px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
  color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
  display: none;
}
.pxl-post-layout-portfolio-4 .pxl-load-more {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .pxl-post-layout-portfolio-4 .pxl-load-more {
    margin-top: 10px;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner:before {
  position: absolute;
  content: '';
  background-color: #000;
  opacity: 0.4;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
  position: absolute;
  bottom: 40px;
  left: 45px;
  right: 45px;
}
@media (max-width: 991px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore {
  display: none;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title {
  margin-bottom: 10px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a {
  font-size: 36px;
  line-height: 40px;
  color: #fff;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover {
  color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt {
  font-size: 18px;
  line-height: 21px;
  color: #e3e3e3;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore {
  display: block;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .content-excerpt {
  display: none;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner {
    display: block !important;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
  width: 48%;
  min-width: 48%;
  max-height: 272px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
    width: 100%;
    min-width: 100%;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured:before {
  position: absolute;
  content: '';
  background-color: #000;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
  width: 52%;
  padding: 20px 30px 20px 80px;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
    padding: 20px 30px 20px 30px;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
  position: absolute;
  content: '';
  height: 3px;
  width: 144px;
  top: 37px;
  left: -77px;
  background-color: var(--primary-color);
}
@media (max-width: 991px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
    display: none;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
  max-width: 192px;
  margin-bottom: 4px;
}
@media (max-width: 575px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
    width: 100%;
    min-width: 100%;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a {
  font-size: 30px;
  line-height: 34px;
  text-decoration: underline;
  position: relative;
  max-width: 192px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a:hover {
  color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category {
    margin-bottom: 0px;
  }
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a {
  font-size: 18px;
  line-height: 34px;
  color: #666;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a:hover {
  color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a {
  font-size: 16px;
  line-height: 34px;
  font-weight: 700;
  color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a:hover {
  text-decoration: underline;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured {
  order: 2;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
  order: 1;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body {
  padding: 20px 30px 20px 30px !important;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body:before {
  right: -77px !important;
  left: auto !important;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item {
  margin-bottom: 30px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item .wrap-entry-body {
  z-index: 3;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item .item--featured img {
  -webkit-transition: 400ms all ease 0ms;
  -khtml-transition: 400ms all ease 0ms;
  -moz-transition: 400ms all ease 0ms;
  -ms-transition: 400ms all ease 0ms;
  -o-transition: 400ms all ease 0ms;
  transition: 400ms all ease 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured img {
  transform: scale(1.1) rotate(5deg);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured:before {
  opacity: 0.4 !important;
}
.pxl-service-grid-layout1 .pxl-grid-item {
  padding: 0 22px !important;
  z-index: 0;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service {
  position: relative;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background-color: var(--primary-color);
  top: -1px;
  left: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 7px 10px 0px 13px;
  border-bottom: 1px solid #968687;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title {
  max-height: 40px;
  overflow: hidden;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon {
  margin-right: 20px;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon i {
  color: var(--primary-color);
  font-size: 48px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .wrap-content-service:before {
  width: 100%;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder {
  border-color: var(--primary-color);
  padding-left: 20px;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder .item--icon i {
  color: #fff;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter {
  margin-bottom: 75px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner {
  padding: 11px 60px;
  display: inline-block;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 100px;
  margin: auto;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item {
  font-size: 16px;
  padding: 10px 16px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
  color: var(--primary-color);
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
  display: none;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item {
  margin-bottom: 50px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner {
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  transform: scale(1.05) translatex(-5px);
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  padding: 20px;
  position: absolute;
  bottom: 27px;
  left: -100%;
  width: calc(100% - 54px);
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  margin-bottom: 0;
  font-size: 22px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-size: 13px;
  margin-bottom: 0;
  color: #808080;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item:hover .pxl-item--holder {
  left: 27px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item:hover img {
  transform: scale(1.05) translatex(0px);
}
.pxl-portfolio-grid-layout7 .pxl-grid-item {
  padding: 0 !important;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner {
  position: relative;
  overflow: hidden;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner:before {
  position: absolute;
  content: '';
  background-color: #000;
  top: 40px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  z-index: 1;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  padding: 0 20px;
  z-index: 2;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  color: #fff;
  margin-bottom: 3px;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    font-size: 25px;
  }
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--primary-color);
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover {
  text-decoration: underline;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: 200ms all linear 100ms;
  -khtml-transition: 200ms all linear 100ms;
  -moz-transition: 200ms all linear 100ms;
  -ms-transition: 200ms all linear 100ms;
  -o-transition: 200ms all linear 100ms;
  transition: 200ms all linear 100ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: 200ms all linear 300ms;
  -khtml-transition: 200ms all linear 300ms;
  -moz-transition: 200ms all linear 300ms;
  -ms-transition: 200ms all linear 300ms;
  -o-transition: 200ms all linear 300ms;
  transition: 200ms all linear 300ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--inner:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.89;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category, .pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title {
  margin-top: 0;
  opacity: 1;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter {
  margin-bottom: 75px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner {
  padding: 0px 60px;
  background-color: #fff;
  margin: 0 9px;
  display: inline-block;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item {
  min-width: 100px;
  font-size: 16px;
  padding: 18px 16px;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: relative;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  width: 0;
  background-color: var(--primary-color);
  transform: translatex(-50%) skewx(-45deg);
  height: 4px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active {
  color: var(--primary-color);
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover:before, .pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before {
  width: 100%;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count {
  display: none;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item {
  padding: 0 3px 3px 0 !important;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner {
  position: relative;
  overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner:before {
  position: absolute;
  content: '';
  background-color: #000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 45px;
  height: 45px;
  border-radius: 3px;
  color: #fff;
  background-color: var(--primary-color);
  line-height: 42px;
  font-size: 24px;
  text-align: center;
  z-index: 3;
  transition: 400ms all ease 0s;
  transform: rotate(-60deg) scale(0.5);
  opacity: 0;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more:hover {
  background-color: #fff;
  color: var(--primary-color);
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  position: absolute;
  bottom: 14px;
  left: 23px;
  width: 100%;
  z-index: 2;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  color: #fff;
  margin-bottom: 3px;
  font-size: 24px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover {
  text-decoration: underline;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  height: 0;
  overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category {
  height: 0;
  overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .more {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--inner:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title {
  height: 39px;
  -webkit-transition: 300ms all linear 200ms;
  -khtml-transition: 300ms all linear 200ms;
  -moz-transition: 300ms all linear 200ms;
  -ms-transition: 300ms all linear 200ms;
  -o-transition: 300ms all linear 200ms;
  transition: 300ms all linear 200ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category {
  height: 26px;
  -webkit-transition: 300ms all linear 350ms;
  -khtml-transition: 300ms all linear 350ms;
  -moz-transition: 300ms all linear 350ms;
  -ms-transition: 300ms all linear 350ms;
  -o-transition: 300ms all linear 350ms;
  transition: 300ms all linear 350ms;
}
.pxl-service-grid-layout5 .pxl-grid-item {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .pxl-service-grid-layout5 .pxl-grid-item {
    margin-bottom: 60px;
    padding: 0 25px !important;
  }
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  padding: 42px 35px 25px 25px;
  position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon {
  position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .bf-mask-tab {
  content: '';
  min-width: 95px;
  width: 95px;
  height: 37px;
  background-image: url(../img/bg-mask-tab.png);
  position: absolute;
  top: -6px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 0;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon {
  min-width: 95px;
  width: 95px;
  height: 93px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  mask-image: url(../img/mask-tab.png);
  -webkit-mask-image: url(../img/mask-tab.png);
  -ms-mask-image: url(../img/mask-tab.png);
  -o-mask-image: url(../img/mask-tab.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: -100%;
  background-color: var(--primary-color);
  z-index: -1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon i {
  margin-top: 12px;
  display: block;
  font-size: 49px;
  color: #000;
  width: 100%;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content {
  padding-left: 20px;
}
@media (max-width: 700px) {
  .pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content {
    padding-left: 0px;
    padding-top: 20px;
  }
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title {
  margin-bottom: 7px;
  margin-top: -8px;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title a {
  font-size: 17px;
  display: block;
  height: 22px;
  overflow: hidden;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .content-excerpt {
  font-size: 16px;
  color: #444;
  line-height: 24px;
  height: 73px;
  overflow: hidden;
  display: block;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  z-index: 2;
  height: 40px;
  text-align: center;
  background: var(--primary-color);
  transform: scalex(0);
  transform-origin: right;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
  width: 100%;
  height: 100%;
  display: block;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore:hover {
  background-color: #000;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore i {
  line-height: 40px;
  font-size: 13px;
  color: #fff;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  display: flex;
  align-items: center;
}
@media (max-width: 700px) {
  .pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    display: block;
  }
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover {
  box-shadow: rgba(149, 157, 165, 0.3) 0px 27px 34px;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-readmore {
  transform: scalex(1);
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon i {
  -o-animation: scale 0.5s forwards;
  -ms-animation: scale 0.5s forwards;
  -webkit-animation: scale 0.5s forwards;
  animation: scale 0.5s forwards;
}
.pxl-icon-box .pxl-item--icon {
  line-height: 1;
}
.pxl-icon-box .pxl-item--icon img {
  width: auto;
}
.pxl-icon-box1 {
  z-index: 0;
}
.pxl-icon-box1 .wrap-icon {
  position: relative;
  display: inline-block;
}
.pxl-icon-box1 .wrap-icon .step {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 100px;
  background-color: #fff;
  top: -13px;
  left: -5px;
  z-index: 2;
  line-height: 60px;
  font-weight: 700;
  font-size: 26px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box1 .wrap-icon .step:before {
  position: absolute;
  content: '';
  border-radius: 100px;
  top: 27px;
  left: 27px;
  right: 27px;
  bottom: 27px;
  background-color: var(--secondary-color);
  opacity: 0;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  z-index: -1;
}
.pxl-icon-box1 .pxl-item--inner {
  padding: 0px 10px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  text-align: center;
}
@media (max-width: 1200px) and (min-width: 1025px) {
  .pxl-icon-box1 .pxl-item--inner {
    padding: 40px 20px 30px 20px;
  }
}
.pxl-icon-box1 .pxl-item--inner:hover .step {
  color: #fff;
}
.pxl-icon-box1 .pxl-item--inner:hover .step:before {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  opacity: 1;
}
.pxl-icon-box1 .pxl-item--inner:hover i {
  transform: scale(0.9);
}
.pxl-icon-box1 .pxl-item--icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 152px;
  height: 140px;
  mask-image: url(../img/mask-icbox.png);
  -webkit-mask-image: url(../img/mask-icbox.png);
  -ms-mask-image: url(../img/mask-icbox.png);
  -o-mask-image: url(../img/mask-icbox.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: top;
  -ms-mask-position: top;
  -o-mask-position: top;
  position: relative;
}
.pxl-icon-box1 .pxl-item--icon:before {
  position: absolute;
  top: 0;
  content: '';
  left: 0;
  background: linear-gradient(to bottom, var(--primary-color) 0%, #5f5f5f 100%);
  width: 100%;
  height: 100%;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 1;
}
.pxl-icon-box1 .pxl-item--icon:after {
  position: absolute;
  top: 100%;
  content: '';
  left: 0;
  background: linear-gradient(to top, var(--primary-color) 0%, #5f5f5f 100%);
  width: 100%;
  height: 100%;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 1;
}
.pxl-icon-box1 .pxl-item--icon i {
  z-index: 2;
  position: absolute;
  bottom: 11px;
  color: #fff;
  font-size: 70px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box1 .pxl-item--title {
  padding-top: 32px;
  margin-bottom: 22px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media screen and (max-width: 1199px) {
  .pxl-icon-box1 .pxl-item--title {
    font-size: 20px;
  }
}
.pxl-icon-box1 .pxl-item--description {
  font-size: 16px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  line-height: 28px;
  color: #afafaf;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .pxl-icon-box1 .pxl-item--description {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .pxl-icon-box1 .pxl-item--description {
    font-size: 15px;
  }
}
.pxl-icon-box1:hover .pxl-item--icon:before {
  top: -100%;
}
.pxl-icon-box1:hover .pxl-item--icon:after {
  top: 0%;
}
.pxl-icon-box2 .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--holder {
  padding-left: 10px;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--icon {
  height: 35px;
  width: 35px;
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: var(--primary-color);
  justify-content: center;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--icon i {
  font-size: 19px;
  margin-top: 1px;
  color: #fff;
}
.pxl-icon-box3 .pxl-item--holder .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
}
.pxl-icon-box3 .pxl-item--icon {
  position: relative;
  display: inline-block;
  padding: 6px 6px 0px 5px;
}
.pxl-icon-box3 .pxl-item--icon i {
  font-size: 52px;
}
.pxl-icon-box3 .pxl-item--icon:before, .pxl-icon-box3 .pxl-item--icon:after {
  position: absolute;
  content: '';
  width: 28px;
  height: 28px;
  background-color: #f6a9ac;
  background-blend-mode: multiply;
  z-index: -1;
}
.pxl-icon-box3 .pxl-item--icon:before {
  top: 0;
  right: 0;
}
.pxl-icon-box3 .pxl-item--icon:after {
  width: 21px;
  height: 21px;
  bottom: 0;
  left: 0;
}
@keyframes gradient {
  100% {
    -webkit-mask-position: bottom;
    -ms-mask-position: bottom;
    -o-mask-position: bottom;
  }
}
.pxl-icon-box4 .pxl-item--inner {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .pxl-icon-box4 .pxl-item--inner {
    display: block;
  }
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--icon {
  display: flex;
  width: 83px;
  min-width: 83px;
  height: 83px;
  border-radius: 200px;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--icon i {
  font-size: 35px;
  margin-top: 4px;
  color: #fff;
  animation: tada 2s linear infinite;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder {
  margin-left: 25px;
}
@media (max-width: 575px) {
  .pxl-icon-box4 .pxl-item--inner .pxl-item--holder {
    margin-left: 0;
    margin-top: 10px;
  }
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  margin-bottom: 12px;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.pxl-icon-box5 .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-icon-box5 .pxl-item--title {
  margin-left: 15px;
}
.pxl-icon-box6 {
  position: relative;
  text-align: center;
  padding: 46px 20px 58px 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-icon-box6:before {
  position: absolute;
  content: '';
  top: 30px;
  left: 30px;
  right: 30px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  bottom: 30px;
  background-color: var(--primary-color);
  opacity: 0;
}
.pxl-icon-box6 .bg-image, .pxl-icon-box6 #pxl-page-title-default {
  position: absolute;
  bottom: 0px;
  right: 0px;
  -webkit-transition: 200ms all linear 150ms;
  -khtml-transition: 200ms all linear 150ms;
  -moz-transition: 200ms all linear 150ms;
  -ms-transition: 200ms all linear 150ms;
  -o-transition: 200ms all linear 150ms;
  transition: 200ms all linear 150ms;
}
.pxl-icon-box6 .pxl-item--icon {
  position: relative;
}
.pxl-icon-box6 .pxl-item--icon i {
  font-size: 57px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  color: var(--primary-color);
}
.pxl-icon-box6 .pxl-item--meta .pxl-item--title {
  padding-top: 15px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  font-size: 22px;
  font-weight: 700;
  position: relative;
}
.pxl-icon-box6 .pxl-item--meta .pxl-item--description {
  padding-top: 2px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 24px;
}
.pxl-icon-box6 .pxl-item--link {
  z-index: 2;
  position: absolute;
  width: 44px;
  bottom: 0;
  right: 0;
  height: 44px;
  text-align: center;
  background-color: var(--primary-color);
}
.pxl-icon-box6 .pxl-item--link:before {
  position: absolute;
  content: '';
  background-color: #fff;
  top: 0;
  left: 0;
  width: 0;
  -webkit-transition: 200ms all linear 100ms;
  -khtml-transition: 200ms all linear 100ms;
  -moz-transition: 200ms all linear 100ms;
  -ms-transition: 200ms all linear 100ms;
  -o-transition: 200ms all linear 100ms;
  transition: 200ms all linear 100ms;
  height: 0;
}
.pxl-icon-box6 .pxl-item--link i {
  position: relative;
  color: #fff;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 44px;
}
.pxl-icon-box6:hover .pxl-item--link:before {
  width: 100%;
  height: 100%;
}
.pxl-icon-box6:hover .pxl-item--link i {
  color: var(--primary-color);
}
.pxl-icon-box6:hover .pxl-item--title {
  color: #fff;
}
.pxl-icon-box6:hover .pxl-item--description {
  color: #fff;
}
.pxl-icon-box6:hover .pxl-item--icon i {
  color: #fff;
}
.pxl-icon-box6:hover:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.pxl-icon-box7 .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--icon {
  width: 55px;
  min-width: 55px;
  background-color: #000;
  height: 55px;
  border-radius: 200px;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--holder {
  margin-left: 20px;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--title {
  margin-bottom: 0;
}
.pxl-icon-box8 {
  text-align: center;
}
.pxl-icon-box8 i {
  color: var(--primary-color);
  font-size: 76px;
}
@media (max-width: 575px) {
  .pxl-icon-box8 i {
    font-size: 50px;
  }
}
.pxl-icon-box8 .pxl-item--title {
  font-size: 22px;
  margin-top: 8px;
}
.pxl-icon-box9 {
  text-align: center;
}
.pxl-icon-box9 .pxl-item--icon {
  width: 105px;
  min-width: 105px;
  height: 105px;
  border-radius: 100px;
  margin: 0 auto;
}
.pxl-icon-box9 .pxl-item--icon i {
  color: var(--primary-color);
  line-height: 105px;
  font-size: 60px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-icon-box9 .pxl-item--title {
  font-size: 24px;
  margin-top: 22px;
  margin-bottom: 20px;
}
.pxl-icon-box9 .pxl-item--description {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}
.pxl-icon-box9:hover .pxl-item--icon {
  animation: tada 1.3s linear;
}
body.rtl .pxl-icon-box2.style5 .pxl-item--icon {
  margin-right: 0;
  margin-left: 20px;
}
.pxl-icon-box10 {
  text-align: center;
  padding: 50px 20px 52px 20px;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-icon-box10 .pxl-item--icon {
  width: 114px;
  min-width: 114px;
  height: 114px;
  border-radius: 200px;
  margin: 0 auto;
  background-color: #fbfbfb;
}
.pxl-icon-box10 .pxl-item--icon i {
  color: var(--primary-color);
  line-height: 114px;
  font-size: 25px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-icon-box10 .pxl-item--title {
  font-size: 22px;
  font-weight: 700;
  color: #666;
  margin-top: 40px;
  margin-bottom: 12px;
}
.pxl-icon-box10 .pxl-item--description {
  font-size: 16px;
  line-height: 28px;
  max-width: 200px;
  margin: auto;
}
.pxl-icon-box10:hover .pxl-item--icon {
  animation: tada 1.3s linear;
}
.pxl-icon-box11 {
  text-align: center;
}
.pxl-icon-box11 .wrap-icon {
  display: inline-block;
  position: relative;
}
.pxl-icon-box11 .wrap-icon .bf-mask-tab {
  content: '';
  min-width: 95px;
  width: 95px;
  height: 37px;
  background-image: url(../img/bg-mask-tab.png);
  position: absolute;
  top: 1px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 0;
}
.pxl-icon-box11 .icon-tab {
  min-width: 95px;
  width: 95px;
  height: 93px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  mask-image: url(../img/mask-tab.png);
  -webkit-mask-image: url(../img/mask-tab.png);
  -ms-mask-image: url(../img/mask-tab.png);
  -o-mask-image: url(../img/mask-tab.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  position: relative;
}
.pxl-icon-box11 .icon-tab:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: -100%;
  background-color: var(--primary-color);
  z-index: -1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box11 .icon-tab i {
  margin-top: 12px;
  font-size: 49px;
  color: #000;
  width: 100%;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-icon-box11 .pxl-item--title {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  padding-top: 11px;
}
.pxl-icon-box11:hover .bf-mask-tab {
  top: -6px;
}
.pxl-icon-box11:hover .icon-tab i {
  margin-top: 6px;
}
.pxl-icon-box12 .pxl-item--inner {
  display: flex;
}
@media (max-width: 767px) {
  .pxl-icon-box12 .pxl-item--inner {
    display: block;
  }
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
  display: block;
  height: 77px;
  width: 105px;
  min-width: 105px;
  text-align: center;
  background-color: var(--primary-color);
  transform: skewx(-15deg);
}
@media (max-width: 767px) {
  .pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
    transform: skewx(0deg);
  }
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
  font-size: 51px;
  line-height: 77px;
  color: #fff;
  transform: skewx(15deg);
  display: block;
}
@media (max-width: 767px) {
  .pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
    transform: skewx(0deg);
  }
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
    padding: 20px 0 0 0;
  }
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 20px;
  letter-spacing: 0px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  display: inline-block;
  position: relative;
  margin-bottom: 9px;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:before {
  position: absolute;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  width: 9px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  height: 12px;
  background-color: var(--primary-color);
  top: 7px;
  right: -60px;
  content: '';
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover {
  text-decoration: underline;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover:before {
  right: -50px;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--description {
  font-size: 16px;
  line-height: 24px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder {
  display: flex;
  align-items: center;
  margin-left: 28px;
  margin-right: 40px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon {
  width: 68px;
  min-width: 68px;
  height: 66px;
  background-color: #f1f1f1;
  text-align: center;
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background-color: var(--primary-color);
  top: 0;
  left: 0;
  transform: scalex(0);
  transform-origin: center;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon i {
  font-size: 42px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  line-height: 66px;
  z-index: 2;
  position: relative;
  color: #000;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step {
  width: 37px;
  height: 37px;
  position: absolute;
  border-radius: 100px;
  background-color: #000;
  top: -25px;
  left: -10px;
  z-index: 2;
  line-height: 37px;
  font-size: 15px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  color: #fff;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step:before {
  position: absolute;
  content: '';
  border-radius: 100px;
  top: 27px;
  left: 27px;
  right: 27px;
  bottom: 27px;
  background-color: var(--secondary-color);
  opacity: 0;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  z-index: -1;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  font-size: 20px;
  line-height: 30px;
  padding-left: 20px;
  margin-bottom: 0;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover {
  text-decoration: underline;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom {
  margin-top: 16px;
  background-color: #f8f8f8;
  padding: 22px 50px 22px 22px;
  min-height: 135px;
  position: relative;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .pxl-item--description {
  font-size: 15px;
  line-height: 24px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more {
  position: absolute;
  bottom: 16px;
  right: 40px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more a {
  font-size: 15px;
  font-weight: 700;
  color: #f8f8f8;
  text-decoration: underline;
  padding-right: 10px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:before {
  position: absolute;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  width: 9px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  height: 12px;
  background-color: var(--primary-color);
  top: 9px;
  right: -19px;
  content: '';
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover a {
  color: var(--secondary-color);
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover:before {
  background-color: var(--secondary-color);
}
.pxl-icon-box13 .pxl-item--inner:hover .more a {
  padding-right: 0;
  color: var(--primary-color);
}
.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon:before {
  transform: scaley(1);
}
.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon i {
  color: #fff;
}
.pxl-icon-box14 .pxl-item--inner {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  justify-content: space-between;
  padding: 8px 13px 8px 8px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--icon {
  display: block;
  width: 33px;
  min-width: 33px;
  height: 41px;
  text-align: center;
  background: var(--primary-color);
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--icon i {
  font-size: 19px;
  color: #fff;
  line-height: 41px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item-meta {
  padding-left: 15px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder {
  display: flex;
  align-items: center;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 18px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--description {
  font-size: 14px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link {
  display: block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  text-align: center;
  background: var(--primary-color);
  position: relative;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link:before {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  background-color: #000;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scalex(0);
  transform-origin: center;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link:hover:before {
  transform: scalex(1);
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link i {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  line-height: 35px;
}
.pxl-icon-box15 .pxl-item--inner {
  display: flex;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--icon {
  font-size: 41px;
  color: var(--primary-color);
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder {
  margin-left: 22px;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 22px;
  line-height: 24px;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--description {
  font-size: 16px;
  color: #444;
  line-height: 24px;
}
.pxl-icon-box16 {
  text-align: center;
}
.pxl-icon-box16 .pxl-item--inner .pxl-item--icon {
  display: inline-flex;
  justify-content: center;
  border-radius: 20px;
  align-items: center;
  box-shadow: rgba(85, 85, 85, 0.11) 0px 9px 21px;
  margin-bottom: 35px;
}
.pxl-icon-box16 .pxl-item--inner .pxl-item--title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #131115;
}
.pxl-icon-box16.style2 .pxl-item--inner {
  text-align: left;
  display: flex;
  align-item: center;
}
.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--title {
  font-size: 20px;
  margin-left: 20px;
  display: inline-flex;
  align-items: center;
}
.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--icon {
  background-color: #fff;
  border-radius: 200px;
  margin-bottom: 0;
}
.pxl-icon-box17 {
  z-index: 0;
  position: relative;
}
.pxl-icon-box17 .pxl-item--inner {
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .pxl-icon-box17 .pxl-item--inner {
    display: block;
  }
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon {
  display: block;
  width: 123px;
  min-width: 123px;
  height: 123px;
  border-radius: 1000px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-align: center;
  background-color: #fff;
  position: relative;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon:before {
  position: absolute;
  content: '';
  top: 50px;
  left: 50px;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  border-radius: 1000px;
  -webkit-transition: 200ms all ease 0ms;
  -khtml-transition: 200ms all ease 0ms;
  -moz-transition: 200ms all ease 0ms;
  -ms-transition: 200ms all ease 0ms;
  -o-transition: 200ms all ease 0ms;
  transition: 200ms all ease 0ms;
  background: linear-gradient(to right, #0f5eff 0%, #02e4e2 100%);
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon i {
  background: -webkit-linear-gradient(1deg, #1361ff 0%, #00e7f1 100%);
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 123px;
  font-size: 53px;
  position: relative;
  z-index: 2;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder {
  margin-left: 58px;
  padding: 15px 24px 13px 24px;
  position: relative;
  -webkit-transition: 200ms all ease 0ms;
  -khtml-transition: 200ms all ease 0ms;
  -moz-transition: 200ms all ease 0ms;
  -ms-transition: 200ms all ease 0ms;
  -o-transition: 200ms all ease 0ms;
  transition: 200ms all ease 0ms;
}
@media (max-width: 480px) {
  .pxl-icon-box17 .pxl-item--inner .pxl-item--holder {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  -webkit-transition: 200ms all ease 0ms;
  -khtml-transition: 200ms all ease 0ms;
  -moz-transition: 200ms all ease 0ms;
  -ms-transition: 200ms all ease 0ms;
  -o-transition: 200ms all ease 0ms;
  transition: 200ms all ease 0ms;
  font-size: 18px;
  margin-bottom: 5px;
  border-bottom: 1px solid transparent;
  display: inline-block;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--description {
  -webkit-transition: 200ms all ease 0ms;
  -khtml-transition: 200ms all ease 0ms;
  -moz-transition: 200ms all ease 0ms;
  -ms-transition: 200ms all ease 0ms;
  -o-transition: 200ms all ease 0ms;
  transition: 200ms all ease 0ms;
  line-height: 24px;
  color: #858585;
  font-size: 15px;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before {
  position: absolute;
  content: '';
  width: 0px;
  height: 2px;
  background: linear-gradient(to right, #18b019 0%, #a7e706 100%);
  left: -58px;
  top: 50%;
  transform: translatey(-50%);
  -webkit-transition: 200ms all ease 0ms;
  -khtml-transition: 200ms all ease 0ms;
  -moz-transition: 200ms all ease 0ms;
  -ms-transition: 200ms all ease 0ms;
  -o-transition: 200ms all ease 0ms;
  transition: 200ms all ease 0ms;
}
@media (max-width: 480px) {
  .pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before {
    width: 2px;
    height: 0px;
    left: 60px;
    top: -20px;
    transform: translatey(0%);
  }
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 100%;
  background: linear-gradient(to right, #18b019 0%, #a7e706 100%);
  -webkit-transition: 150ms all ease 200ms;
  -khtml-transition: 150ms all ease 200ms;
  -moz-transition: 150ms all ease 200ms;
  -ms-transition: 150ms all ease 200ms;
  -o-transition: 150ms all ease 200ms;
  transition: 150ms all ease 200ms;
  left: 0px;
  top: 0;
}
.pxl-icon-box17:hover, .pxl-icon-box17.pxl--item-active {
  z-index: 2;
}
.pxl-icon-box17:hover .pxl-item--title, .pxl-icon-box17.pxl--item-active .pxl-item--title {
  border-bottom: 1px solid #b1b1b1 !important;
}
.pxl-icon-box17:hover .pxl-item--holder, .pxl-icon-box17.pxl--item-active .pxl-item--holder {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-icon-box17:hover .pxl-item--holder:before, .pxl-icon-box17.pxl--item-active .pxl-item--holder:before {
  width: 58px;
}
@media (max-width: 480px) {
  .pxl-icon-box17:hover .pxl-item--holder:before, .pxl-icon-box17.pxl--item-active .pxl-item--holder:before {
    width: 2px;
    height: 20px;
  }
}
.pxl-icon-box17:hover .pxl-item--holder:after, .pxl-icon-box17.pxl--item-active .pxl-item--holder:after {
  width: 6px;
}
.pxl-icon-box17:hover .pxl-item--icon i, .pxl-icon-box17.pxl--item-active .pxl-item--icon i {
  background: no-repeat;
  color: #fff;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: aliceblue;
}
.pxl-icon-box17:hover .pxl-item--icon:before, .pxl-icon-box17.pxl--item-active .pxl-item--icon:before {
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.rtl .pxl-icon-box2.style5 .pxl-item--icon {
  margin-right: 0;
  margin-left: 20px;
}
.pxl-banner1 {
  position: relative;
  overflow: hidden;
}
.pxl-banner1 .pxl-item--title {
  position: absolute;
  height: 135px;
  width: 270px;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  border-bottom: 30px solid #fff;
  padding: 31px 90px 0 90px;
  top: -20px;
  left: -88px;
  text-align: center;
  display: flex;
  align-items: center;
  color: #fff;
  transform: rotate(-45deg);
}
.pxl-banner2 {
  position: relative;
}
.pxl-banner2 .pxl-item--image img {
  width: 100%;
}
.pxl-banner2 .pxl-item--meta {
  top: 0;
  right: 0;
  position: absolute;
  width: 137px;
  height: 137px;
  border-radius: 100px 0 100px 100px;
  background-color: var(--primary-color);
  text-align: center;
}
.pxl-banner2 .pxl-item--meta .pxl-item--title {
  font-size: 16px;
  font-weight: 500;
  display: block;
  color: #fff;
  line-height: 22px;
}
.pxl-banner2 .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value {
  display: block;
  padding-top: 28px;
  padding-bottom: 11px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}
.pxl-banner4 .pxl-banner-inner {
  position: relative;
  padding-bottom: 13px;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--image2 {
  position: absolute;
  right: 26px;
  bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta {
  padding-right: 20px;
  left: 0;
  bottom: 0px;
  position: absolute;
  width: 211px;
  height: 187px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  background-image: url(../img/bg-title-banner.png);
  background-size: cover;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title {
  max-width: 160px;
  margin: 0 auto;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: 700;
  display: block;
  color: #fff;
  line-height: 20px;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number {
  position: relative;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value {
  display: block;
  line-height: 64px;
  padding-bottom: 15px;
  font-size: 90px;
  font-weight: 700;
  color: #fff;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-suffix {
  font-size: 37px;
  position: absolute;
  right: 10px;
  font-weight: 700;
  top: 0;
  line-height: 16px;
}
.pxl-bn-box2 .ct-banner-meta {
  animation: pxl_spin 8s linear infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: transparent;
  border: 40px solid #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pxl-bn-box2 .ct-banner-title {
  font-size: 19.5px;
  white-space: nowrap;
  color: #0e0e0e;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
  -khtml-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-weight: 700;
}
.pxl-bn-box2 .ct-banner-title svg {
  fill: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: visible;
  width: 120px;
  height: 120px;
}
.pxl-bn-box2 .ct-banner-title svg text {
  letter-spacing: inherit;
  fill: var(--secondary-color);
}
.pxl-bn-box2 .ct-banner-title svg textPath:after {
  content: "";
  fill: var(--primary-color);
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pxl-bn-box2 .ct-banner-inner {
  position: relative;
  padding-top: 35px;
  padding-left: 35px;
}
.pxl-counter1 .pxl--counter-number {
  line-height: 1;
  font-size: 42px;
  font-weight: 700;
  color: var(--secondary-color);
  display: inline-flex;
  margin-bottom: 7px;
}
.pxl-counter1 .pxl--item-title {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
}
.pxl-counter1 .pxl--item-inner {
  text-align: center;
}
@media (max-width: 767px) {
  .pxl-counter1 .pxl--item-inner {
    text-align: left;
  }
}
.pxl-counter1 i {
  font-size: 65px;
}
.pxl-counter1:hover .pxl-item--icon {
  animation: icon-bounce 800ms ease-out;
}
.pxl-counter2 .pxl--counter-number {
  line-height: 1;
  font-size: 42px;
  font-weight: 700;
  color: var(--secondary-color);
  display: inline-flex;
  margin-bottom: 7px;
}
.pxl-counter2 .pxl--item-title {
  padding-left: 30px;
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
}
.pxl-counter2 .pxl--item-inner {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pxl-counter2 .pxl--item-inner {
    text-align: left;
  }
}
.pxl-counter2 i {
  font-size: 65px;
}
.pxl-counter2:hover .pxl-item--icon {
  animation: icon-bounce 800ms ease-out;
}
.pxl-counter3 .pxl--counter-number {
  position: relative;
  display: inline-block;
}
.pxl-counter3 .pxl--counter-number .pxl--counter-value {
  font-size: 52px;
  color: var(--primary-color);
  font-weight: 700;
  line-height: 52px;
}
.pxl-counter3 .pxl--counter-number .pxl--counter-suffix {
  font-size: 30px;
  color: var(--primary-color);
  font-weight: 700;
  position: absolute;
  top: 0;
  line-height: 0;
  right: -20px;
}
.pxl-counter3 .pxl--item-title {
  padding-top: 6px;
  font-size: 20px;
  color: var(--secondary-color);
  font-weight: 700;
}
.pxl-counter3 .pxl--item-desc {
  margin-top: 7px;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 24px;
}
.pxl-counter4 .pxl--item-inner {
  display: flex;
  align-items: center;
}
.pxl-counter4 .pxl--item-inner .pxl-item--icon i {
  color: #fff;
  font-size: 60px;
}
.pxl-counter4 .pxl--item-inner .content-right {
  padding-left: 30px;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-number {
  line-height: 1;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  display: inline-flex;
  margin-bottom: 7px;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-value {
  font-variant-numeric: lining-nums;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--item-title {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.pxl-counter4:hover .pxl-item--icon {
  animation: icon-bounce 800ms ease-out;
}
.pxl-counter5 .pxl--counter-number {
  position: relative;
  display: inline-block;
}
.pxl-counter5 .pxl--counter-number .pxl--counter-value {
  font-size: 150px;
  line-height: 150px;
  font-weight: 700;
  color: #000;
}
.pxl-counter5 .pxl--counter-number .pxl--counter-suffix {
  line-height: 60px;
  position: absolute;
  top: 0;
  color: var(--primary-color);
  right: -27px;
  font-size: 60px;
  font-weight: 700;
}
.pxl-counter5 .pxl--item-title {
  color: #5d5d5d;
  font-size: 28px;
}
body.rtl .pxl-progressbar-2 .pxl-item--icon {
  margin-right: 0;
  margin-left: 10px;
}
.pxl-video-player .btn-video {
  z-index: 2;
}
.pxl-video-player .pxl-box--icon {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 54px;
  right: 95px;
  background-color: #ffde19;
  border-radius: 100px;
  text-align: center;
  font-size: 38px;
  color: #000010;
}
@media screen and (max-width: 1199px) {
  .pxl-video-player .pxl-box--icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
    bottom: 30px;
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-video-player .pxl-box--icon {
    bottom: 20px;
    right: 20px;
  }
}
.pxl-video-player1 .pxl-shadow-gradient {
  width: 240px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  filter: blur(40px);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: none;
}
@media screen and (max-width: 767px) {
  .pxl-video-player1 .pxl-shadow-gradient {
    width: 120px;
    height: 120px;
    filter: blur(22px);
  }
}
.pxl-video-player1 .pxl-video--holder img, .pxl-video-player1 .pxl-video--holder .pxl-video--imagebg {
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.pxl-video-player1 .pxl-video--holder + .btn-video-wrap {
  position: absolute;
  z-index: 99;
  text-align: center;
}
.pxl-video-player1 .pxl-video--holder + .btn-video-wrap.p-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pxl-video-player1 .pxl-video-text {
  font-size: 12px;
  text-transform: uppercase;
  color: #fefeff;
  letter-spacing: 0.05em;
  font-weight: 700;
  width: 100%;
  display: block;
  margin-top: 24px;
}
.pxl-video-player1 .btn-video {
  position: relative;
}
.pxl-video-player1 .btn-video i {
  display: inline-flex;
}
.pxl-video-player1 .btn-video.style1 {
  font-size: 17px;
  width: 137px;
  height: 137px;
}
@media screen and (max-width: 767px) {
  .pxl-video-player1 .btn-video.style1 {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
  }
}
.pxl-video-player1 .btn-video.style2 {
  font-size: 18px;
  width: 120px;
  height: 120px;
  color: var(--primary-color);
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.pxl-video-player1 .btn-video.style2:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border 3s linear infinite;
  border: 0.3px solid #fff;
  background-color: transparent !important;
  border-radius: 500px;
  opacity: 0;
}
.pxl-video-player1 .btn-video.style2:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border 3s 1.5s linear infinite;
  background-color: transparent !important;
  border: 0.3px solid #fff;
  border-radius: 500px;
  opacity: 0;
}
.pxl-video-player1 .btn-video.style2:hover {
  transform: scale(0.9);
}
.pxl-video-player1 .btn-video.style3, .pxl-video-player1 .btn-video.style5 {
  font-size: 16px;
  width: 69px;
  height: 69px;
  color: #fff;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  background-color: var(--primary-color);
}
.pxl-video-player1 .btn-video.style3:before, .pxl-video-player1 .btn-video.style5:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border2 3s linear infinite;
  border: 0.3px solid var(--primary-color);
  background-color: transparent !important;
  border-radius: 500px;
  opacity: 0;
}
.pxl-video-player1 .btn-video.style3:after, .pxl-video-player1 .btn-video.style5:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation: scale-border2 3s 1.5s linear infinite;
  background-color: transparent !important;
  border: 0.3px solid var(--primary-color);
  border-radius: 500px;
  opacity: 0;
}
.pxl-video-player1 .btn-video.style5 {
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  background-image: linear-gradient(90deg, #29b430 0%, #b0f006 100%);
}
.pxl-video-player1 .btn-video.style5:before {
  inset: 0;
  border-radius: 150px;
  background: linear-gradient(45deg, #29b430, #b0f006);
  padding: 0px;
  border-color: transparent;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.pxl-video-player1 .btn-video.style5:after {
  inset: 0;
  border-radius: 150px;
  background: linear-gradient(45deg, #29b430, #b0f006);
  padding: 0px;
  border-color: transparent;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.pxl-video-player1 .btn-video.style4 {
  font-size: 16px;
  width: 110px;
  height: 100px;
  color: #fff;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  background-color: #fff;
  border-radius: 3px;
}
.pxl-video-player1 .btn-video.style4:after {
  position: absolute;
  content: '';
  border: 2px solid var(--primary-color);
  border-radius: 100px;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
}
.pxl-video-player1 .btn-video.style4 i {
  line-height: 100px;
  color: var(--primary-color);
  font-size: 23px;
}
.pxl-video-player1 .pxl-video--inner {
  position: relative;
}
.pxl-video-player1.pxl-video-style1 .pxl-video--holder + .btn-video-wrap .pxl-shadow-gradient {
  display: block;
  z-index: -1;
}
.pxl-video-player1.pxl-video-style4 .btn-video-wrap {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
}
.pxl-item--4-star i:nth-child(5) {
  display: none;
}
.pxl-item--3-star i:nth-child(5), .pxl-item--3-star i:nth-child(4) {
  display: none;
}
.pxl-item--2-star i:nth-child(5), .pxl-item--2-star i:nth-child(4), .pxl-item--2-star i:nth-child(3) {
  display: none;
}
.pxl-item--1-star i:nth-child(5), .pxl-item--1-star i:nth-child(4), .pxl-item--1-star i:nth-child(3), .pxl-item--1-star i:nth-child(2) {
  display: none;
}
.pxl-item--star {
  color: #ffd203;
}
.pxl-testimonial-carousel1 .pxl-swiper-arrow, .pxl-testimonial-grid1 .pxl-swiper-arrow {
  opacity: 0;
  height: 100% !important;
  top: 0;
  transform: translateY(0px) !important;
}
.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-testimonial-carousel1 .pxl-grid-item, .pxl-testimonial-grid1 .pxl-grid-item {
  margin-bottom: 50px;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content {
  box-shadow: rgba(149, 157, 165, 0.07) 0px 12px 14px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover {
  background-color: #000;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title {
  color: #fff !important;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position {
  color: #b3b3b3 !important;
  border-color : #1e1e1e !important;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content {
  background-color: #fff;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .quote, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .quote, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .quote, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .quote {
  position: absolute;
  right: 30px;
  top: 42px;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner {
  padding: 25px 40px 14px 40px;
  display: flex;
  align-items: center;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image {
  margin-right: 15px;
  width: 63px;
  min-width: 63px;
  height: 63px;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star {
  font-size: 12px;
  color: var(--primary-color);
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--desc {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  border-top: 1px solid #e8e8e8;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 21px 40px 30px 40px;
}
.pxl-testimonial-carousel2 .pxl-swiper-container {
  overflow: inherit;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots {
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-top: 0;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 5px 0;
  background-color: #f2f2f2;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .pxl-swiper-dots {
    display: none;
  }
}
.pxl-testimonial-carousel2 .swiper-container-vertical {
  height: 193px;
}
.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-wrapper {
  flex-direction: column;
}
.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pxl-testimonial-carousel2 .wrap-content {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .wrap-content {
    display: block;
  }
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
  min-width: 240px;
  text-align: center;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
    margin-right: 10px;
    margin-left: 0px;
  }
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
  margin-top: 14px;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position {
  font-size: 13px;
  color: #8e8e8e;
  font-weight: 400;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder {
  background-color: #f2f2f2;
  padding: 60px 0 54px 0;
  position: relative;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder {
    text-align: center;
    padding: 30px 0 24px 0;
  }
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100000px;
  top: 0;
  right: 0;
  background-color: #f2f2f2;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after {
  position: absolute;
  content: '';
  height: 25px;
  width: 27px;
  top: 70px;
  right: -26px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color: #f2f2f2;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after {
    top: 100%;
    left: 50%;
    transform: translatex(-50%);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    height: 15px;
  }
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
  position: relative;
  z-index: 2;
  font-size: 30px;
  color: #050505;
  font-weight: 400;
  line-height: 40px;
}
@media (max-width: 480px) {
  .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap {
  position: absolute !important;
  bottom: 10px;
  right: 0;
  display: flex;
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  position: relative !important;
  transform: translate(0) !important;
  font-size: 15px;
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
  margin-left: 17px;
}
.pxl-testimonial-carousel3 .wrap-inner-content {
  position: relative;
  padding-top: 24px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .quote {
  position: absolute;
  left: 20px;
  top: 0px;
  z-index: 2;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc {
  background-color: #fff;
  padding: 40px;
  font-size: 17px;
  line-height: 37px;
  color: #666;
  position: relative;
}
@media (max-width: 480px) {
  .pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc {
    padding: 30px 20px;
  }
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc:before {
  position: absolute;
  content: '';
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background-color: #fff;
  width: 43px;
  height: 24px;
  bottom: -24px;
  left: 58px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner {
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-top: 50px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image {
  min-width: 70px;
  width: 70px;
  border: 4px solid #fff;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder {
  margin-left: 20px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
  font-size: 16px;
  color: var(--primary-color);
}
.pxl-testimonial-carousel3 .wrap-inner-content:hover .pxl-item--image img {
  transform: scale(1.1);
}
.pxl-testimonial-carousel4.style1 .wrap-inner-content, .pxl-testimonial-grid2.style1 .wrap-inner-content {
  background-color: #f7f7f7;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  justify-content: center;
  margin-top: 40px;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:before, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:before {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translatey(-50%);
  height: 1px !important;
  background-color: #ddd;
  content: '';
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:after, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:after {
  position: absolute;
  width: 183px;
  top: 48%;
  left: 50%;
  transform: translate(-50%);
  height: 2px !important;
  background-color: #fff;
  content: '';
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  opacity: 1 !important;
  visibility: visible !important;
  border: 2px solid #e7e7e7;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i {
  color: #808080;
  line-height: 0;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
  border-color: var(--primary-color);
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i {
  color: #fff;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap, .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap {
  position: absolute !important;
  top: -107px;
  right: 0;
  display: flex;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  position: relative !important;
  transform: translate(0) !important;
  box-shadow: none;
  font-size: 15px;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2), .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
  margin-left: 17px;
}
.pxl-testimonial-carousel4 .wrap-inner-content, .pxl-testimonial-grid2 .wrap-inner-content {
  position: relative;
  padding-top: 24px;
  background-color: #fff;
  padding: 35px 40px 35px 50px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel4 .wrap-inner-content, .pxl-testimonial-grid2 .wrap-inner-content {
    padding: 25px 20px 25px 25px;
  }
}
.pxl-testimonial-carousel4 .wrap-inner-content:before, .pxl-testimonial-grid2 .wrap-inner-content:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 8px;
  background-color: var(--primary-color);
  top: 0;
  left: 0;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc {
  margin-bottom: 13px;
  font-size: 17px;
  line-height: 37px;
  color: #666;
  position: relative;
}
@media (max-width: 480px) {
  .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc {
    font-size: 16px;
    line-height: 32px;
  }
}
.pxl-testimonial-carousel4 .wrap-inner-content .wrap-content-bottom, .pxl-testimonial-grid2 .wrap-inner-content .wrap-content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star {
  color: var(--primary-color);
}
@media (max-width: 480px) {
  .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star {
    display: none;
  }
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner {
  display: flex;
  align-items: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 200px;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner {
  min-width: 70px;
  width: 70px;
  height: 70px;
  border: 4px solid #fff;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder {
  margin-left: 20px;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
  font-size: 16px;
  color: var(--primary-color);
}
.pxl-testimonial-carousel4 .wrap-inner-content:hover .pxl-item--image img, .pxl-testimonial-grid2 .wrap-inner-content:hover .pxl-item--image img {
  transform: scale(1.1);
}
.pxl-testimonial-carousel4 .pxl-grid-item, .pxl-testimonial-grid2 .pxl-grid-item {
  margin-bottom: 90px;
}
.pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content {
  padding: 65px 40px 35px 50px;
  background-color: #f5f5f5;
}
@media (max-width: 480px) {
  .pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content {
    padding: 50px 20px 35px 30px;
  }
}
.pxl-testimonial-carousel4 .pxl-grid-item .quote, .pxl-testimonial-grid2 .pxl-grid-item .quote {
  position: absolute;
  top: -48px;
  left: 42px;
  width: 93px;
  height: 93px;
  min-width: 93px;
  border-radius: 100px;
  background-color: var(--primary-color);
  border: 8px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.pxl-testimonial-carousel5 .pxl-swiper-container {
  overflow: inherit;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots {
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-top: 0;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 5px 0;
  background-color: #f2f2f2;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.pxl-testimonial-carousel5 .swiper-container-vertical {
  height: 193px;
}
.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-wrapper {
  flex-direction: column;
}
.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
}
.pxl-testimonial-carousel5 .wrap-content {
  display: flex;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel5 .wrap-content {
    display: block;
  }
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
  min-width: 240px;
  text-align: center;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
    text-align: left;
  }
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
  display: block;
  width: 177px;
  height: 177px;
  border-radius: 177px;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 0;
  }
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image img {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder {
  position: relative;
  padding: 0 55px 0 75px;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder {
    padding: 0 20px 0 0px;
  }
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
  position: absolute;
  top: -3px;
  left: -11px;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
    top: -95px;
    left: 120px;
  }
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc {
  position: relative;
  z-index: 2;
  font-size: 22px;
  color: #e8e8e8;
  font-weight: 400;
  line-height: 37px;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #fff;
  margin-top: 18px;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position {
  font-size: 16px;
  color: #8e8e8e;
  font-weight: 400;
}
.pxl-testimonial-carousel5 .wrap-content:hover .pxl-item--image img {
  transform: scale(1.1);
}
.pxl-testimonial-grid3 .pxl-grid-item {
  margin-bottom: 44px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top {
  display: flex;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--image {
  width: 92px;
  height: 92px;
  min-width: 92px;
  border-radius: 100px;
  overflow: hidden;
  align-items: center;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder {
  display: block;
  margin-left: 18px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title {
  margin-top: 12px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--position {
  font-size: 15px;
  color: #666;
  font-weight: 400;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i {
  margin-top: 14px;
  margin-left: -21px;
  width: 39px;
  height: 39px;
  border-radius: 100px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #fff;
  line-height: 39px;
  text-align: center;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-instagram {
  color: #e1306c;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-linkedin-in {
  color: #0a66c2;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-facebook-f {
  color: #0055bf;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-twitter {
  color: #00d0e9;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.hide {
  display: none;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom {
  margin-top: 36px;
  background-color: #323232;
  padding: 32px 50px 35px 50px;
  position: relative;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 480px) {
  .pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom {
    padding: 32px 25px 35px 25px;
  }
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  background-color: #f4f4f4;
  left: 0;
  transform: scaley(0);
  transform-origin: center;
  z-index: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .quote {
  position: absolute;
  top: -18px;
  left: 44px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--desc {
  position: relative;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  position: relative;
  opacity: 0.76;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star {
  position: relative;
  margin-top: 8px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star i {
  color: #ecbd00;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .wrap-content-bottom:before {
  transform: scaley(1);
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc {
  color: #666;
  opacity: 1;
}
.pxl-testimonial-grid4 .pxl-grid-item {
  margin-bottom: 78px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
  padding: 35px 40px 30px 40px;
  box-shadow: rgba(0, 23, 97, .1) 0px 0px 46px;
  border-radius: 25px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 700px) and (min-width: 575px) {
  .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
    padding: 35px 20px 30px 20px;
  }
}
@media (max-width: 480px) {
  .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
    padding: 35px 20px 30px 20px;
  }
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
  margin-bottom: 22px;
  margin-left: -12px;
  filter: grayscale(100%);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0.4;
}
@media (max-width: 700px) and (min-width: 575px) {
  .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
    margin-left: -5px;
  }
}
@media (max-width: 480px) {
  .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
    margin-left: -5px;
  }
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--desc {
  position: relative;
  font-size: 16px;
  color: #7d7f8e;
  line-height: 30px;
  position: relative;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom {
  margin-top: 27px;
  display: flex;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--image {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 100px;
  overflow: hidden;
  align-items: center;
  border: 6px solid #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder {
  display: block;
  margin-left: 6px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title {
  margin-top: 6px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--position {
  font-size: 15px;
  color: #a5a9b6;
  font-weight: 400;
}
.pxl-testimonial-grid4 .pxl-grid-item:hover .pxl-item--inner {
  box-shadow: rgba(0, 23, 97, .2) 0px 44px 46px;
}
.pxl-testimonial-grid4 .pxl-grid-item:hover .quote {
  filter: grayscale(0%);
  opacity: 1;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap {
  position: absolute;
  width: 95px;
  height: 95px;
  background-color: var(--primary-color);
  border-radius: 50%;
  z-index: 3;
  top: 36%;
  left: 50%;
  transform: translate(-50%);
  overflow: hidden;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap {
    display: none;
  }
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:before {
  position: absolute;
  content: '';
  background-color: #fff;
  width: 1px;
  height: 42px;
  left: 50%;
  transform: translatex(-50%);
  top: 28px;
  z-index: 3;
  opacity: 0.7;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:hover:before {
  opacity: 0;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
  width: 50%;
  height: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--primary-color);
  text-align: left;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover {
  background-color: #fff;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover i {
  color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next i {
  padding-left: 10px;
  line-height: 95px;
  color: #fff;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
  width: 50%;
  height: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--primary-color);
  transform: rotate(180deg) translatey(50%);
  text-align: left;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover {
  background-color: #fff;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover i {
  color: var(--primary-color);
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev i {
  padding-left: 10px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  line-height: 95px;
  color: #fff;
}
.pxl-testimonial-carousel6 .pxl-item--inner {
  display: flex;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel6 .pxl-item--inner {
    display: block;
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewx(-3deg);
  z-index: 3;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner:before {
    transform: skew(0);
  }
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel6 .pxl-item--inner:before {
    display: none;
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: skewx(-3deg);
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
    transform: skew(0);
  }
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
    min-height: 200px;
    width: 100%;
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
  background-image: url(../img/bg-test.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 50%;
  position: relative;
  transform: skewx(-3deg);
  padding: 46px 90px 40px 90px;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
    transform: skew(0);
  }
}
@media (max-width: 991px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
    width: 100%;
    padding: 40px 20px;
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.9;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star {
  z-index: 2;
  position: relative;
  transform: skewx(3deg);
  display: inline-block;
  background-color: #fff;
  border-radius: 100px;
  padding: 1px 12px 4px 12px;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star {
    transform: skew(0);
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star i {
  font-size: 12px;
  color: var(--primary-color);
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
  z-index: 2;
  position: relative;
  transform: skewx(3deg);
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  padding: 21px 0 20px 0;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    transform: skew(0);
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
  z-index: 2;
  position: relative;
  transform: skewx(3deg);
  display: block;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
    transform: skew(0);
  }
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .pxl-item--author {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 100px;
  overflow: hidden;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right {
  margin-left: 15px;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--position {
  font-size: 15px;
  color: #afaeae;
}
.pxl-testimonial-carousel7 .pxl-swiper-arrow {
  opacity: 0;
  height: 100% !important;
  top: 0;
  transform: translateY(0px) !important;
}
.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: #dedede;
  margin: 0 7px;
  border: 2px solid #dedede;
}
.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet:hover {
  background-color: #fff;
  border: 2px solid var(--primary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-dots {
  margin-top: 50px;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content {
  padding: 40px 40px 35px 117px;
  background-color: #f6f6f6;
  position: relative;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content {
    padding: 117px 25px 35px 25px;
  }
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 147px;
  top: 50%;
  transform: translatey(-50%);
  left: 58px;
  background-color: #dedede;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
    display: none;
  }
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
  position: absolute;
  content: '';
  width: 2px;
  height: 0px;
  top: 50%;
  transform: translatey(-50%);
  left: 58px;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
    display: none;
  }
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
  position: absolute;
  left: 25px;
  z-index: 2;
  top: 50%;
  transform: translatey(-50%);
  background-color: var(--primary-color);
  height: 65px;
  width: 65px;
  border: 6px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
@media (max-width: 575px) {
  .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
    top: 20px;
    transform: translatey(0%);
  }
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image {
  margin-right: 15px;
  width: 63px;
  min-width: 63px;
  height: 63px;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 12px;
  font-weight: 400;
  color: #444;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 20px 0 22px 0;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--star {
  font-size: 12px;
  color: var(--primary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-slide:hover .wrap-inner-content:after {
  height: 147px;
}
.pxl-testimonial-carousel7.style1 .quote {
  background-image: linear-gradient(270deg, #00e8f1 0%, #1b66ff 100%) !important;
}
.pxl-testimonial-carousel7.style1 .wrap-inner-content:after {
  background-color: #578dfc !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--star {
  color: #ffc106 !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--star i {
  padding-right: 5px;
}
.pxl-testimonial-carousel7.style1 .pxl-item--image {
  width: 71px !important;
  min-width: 71px !important;
  height: 71px !important;
  padding: 4px;
  background-image: linear-gradient(180deg, #16ae1e 0%, #baf127 100%) !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--image .pxl-item--image-inner {
  max-height: 63px !important;
  border-radius: 100px;
  overflow: hidden;
}
.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet {
  border: none !important;
}
.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:before {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 100px;
  background-image: #dedede;
}
.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active, .pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover {
  background-image: linear-gradient(90deg, #0759ff 0%, #0ce3f3 100%) !important;
}
.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active:before, .pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover:before {
  background-color: #fff;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow {
  transform: none;
  top: auto;
  width: 45px;
  height: 45px;
  border-radius: 5px;
  left: auto;
  line-height: 45px;
  color: var(--primary-color);
}
@media (max-width: 1310px) {
  .pxl-testimonial-carousel8 .pxl-swiper-arrow {
    display: none;
  }
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow:hover {
  color: #fff;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow-next {
  bottom: 10px;
  right: -75px;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow-prev {
  bottom: 60px;
  right: -75px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content {
  padding: 45px 70px 41px 70px;
  border-radius: 5px;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content {
    padding: 40px 20px;
  }
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star {
  font-size: 12px;
  display: inline-block;
  background-color: #f9fafc;
  border-radius: 100px;
  padding: 5px 15px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star i {
  padding: 0 2px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .quote {
  position: absolute;
  right: 60px;
  bottom: 40px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image {
  margin-right: 15px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 15px;
  font-weight: 400;
  color: #444;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #000;
  transform: skew(-3deg);
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  margin: 21px 0 37px 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow {
  width: 61px;
  height: 61px;
  transform: inherit;
  background-color: #f1f1f1;
  box-shadow: none;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width: 450px) {
  .pxl-testimonial-carousel9 .pxl-swiper-arrow {
    display: none;
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow:hover {
  background-color: var(--primary-color);
  color: #000;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow i {
  font-size: 38px;
  line-height: 61px;
  margin-left: -46px;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  transform: rotatey(180deg);
  right: 110px;
  left: auto;
  bottom: 0;
  top: auto;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: 0px;
  bottom: 0;
  top: auto;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner {
    display: block;
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
  min-width: 140px;
  min-height: 290px;
  height: 100%;
  transform: skewx(3deg);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
    min-width: 100%;
    height: 250px;
    transform: skewx(0deg);
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
  background-size: cover;
  background-position: center;
  width: 100%;
  min-width: 170px;
  min-height: 290px;
  height: 100%;
  display: block;
  transform: skewx(-3deg);
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
    background-position: top center;
    min-width: 100%;
    transform: skewx(0deg);
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
  padding-left: 35px;
  z-index: 2;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    padding-left: 0px;
    padding-top: 20px;
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
  display: inline-flex;
  background-color: #f1f1f1;
  padding: 0px 11px;
  border-radius: 100px;
  margin-left: -55px;
}
@media (max-width: 767px) {
  .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
    margin-left: 0px;
  }
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i {
  line-height: 23px;
  font-size: 12px;
  color: var(--primary-color);
  padding-right: 4px;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i:last-child {
  padding-right: 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--desc {
  font-size: 23px;
  font-weight: 600;
  line-height: 36px;
  color: #030303;
  padding: 14px 0 24px 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 30px;
  font-weight: 700;
  color: #000;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position {
  font-size: 14px;
  margin-top: -5px;
  color: var(--primary-color);
}
.pxl-testimonial-single1 {
  text-align: center;
}
.pxl-testimonial-single1 .pxl-item--description {
  font-size: 22px;
  line-height: 36px;
  color: #4a4a4a;
}
.pxl-testimonial-single1 .pxl-item--holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image {
  width: 77px;
  height: 77px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 145, 249, 0.4);
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta {
  padding-top: 20px;
  text-align: left;
  padding-left: 20px;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title {
  margin-bottom: 2px;
  font-size: 22px;
  color: #050505;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title {
  font-size: 22px;
  color: #050505;
}
@media (max-width: 1250px) and (min-width: 1025px) {
  .pl-lg-30 > .elementor-element-populated {
    padding-left: 30px !important;
  }
}
.swiper-filter-active .non-swiper-slide {
  display: none;
}
.swiper-filter-wrap, .pxl-grid-filter3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 10px 24px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.swiper-filter-wrap .filter-item:before, .pxl-grid-filter3 .filter-item:before {
  content: '';
  width: 11px;
  height: 41px;
  -webkit-border-radius: 11px;
  -khtml-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #f4f4f4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scaley(0);
  -khtml-transform: translate(-50%, -50%) scaley(0);
  -moz-transform: translate(-50%, -50%) scaley(0);
  -ms-transform: translate(-50%, -50%) scaley(0);
  -o-transform: translate(-50%, -50%) scaley(0);
  transform: translate(-50%, -50%) scaley(0);
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.swiper-filter-wrap .filter-item span, .pxl-grid-filter3 .filter-item span {
  color: #010927;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-filter-wrap .filter-item.active, .pxl-grid-filter3 .filter-item.active {
  color: var(--primary-color);
}
.swiper-filter-wrap .filter-item.active:before, .pxl-grid-filter3 .filter-item.active:before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scaley(1);
  -khtml-transform: translate(-50%, -50%) scaley(1);
  -moz-transform: translate(-50%, -50%) scaley(1);
  -ms-transform: translate(-50%, -50%) scaley(1);
  -o-transform: translate(-50%, -50%) scaley(1);
  transform: translate(-50%, -50%) scaley(1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow {
  left: 50%;
  -webkit-transform: translatex(-50%);
  -khtml-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  right: auto;
  bottom: 0;
  top: auto;
  opacity: 1;
  visibility: visible;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 2px solid #4b5345;
  line-height: 36px;
  color: #4b5345;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before {
  content: "\f142";
  font-size: 16px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  margin-left: -80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
  -webkit-transform: scalex(-1);
  -khtml-transform: scalex(-1);
  -moz-transform: scalex(-1);
  -ms-transform: scalex(-1);
  -o-transform: scalex(-1);
  transform: scalex(-1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  margin-left: 80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots {
  position: absolute;
  bottom: 120px;
  left: 0;
  right: 0;
  margin: 0;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction {
  bottom: 10px;
  font-size: 0px;
  line-height: 20px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current {
  position: relative;
  margin-right: 50px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 32px;
  width: 27px;
  height: 1px;
  background-color: #fff;
}
.pxl-swiper-arrow-style1.pxl-arrows-active {
  padding-bottom: 90px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow {
  opacity: 1;
  visibility: visible;
  height: 55px;
  width: 55px;
  line-height: 55px;
  font-size: 20px;
  background: transparent;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: static;
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow i {
  display: inline-flex;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg {
  height: 55px;
  width: 55px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main {
  fill: #ececec;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover {
  opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  -webkit-transform: scalex(-1);
  -khtml-transform: scalex(-1);
  -moz-transform: scalex(-1);
  -ms-transform: scalex(-1);
  -o-transform: scalex(-1);
  transform: scalex(-1);
  margin-right: 16px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main {
  opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover {
  opacity: 1;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow {
  font-size: 36px;
  color: #c5d3d8;
  background-color: transparent;
  box-shadow: none;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i {
  -webkit-transform: scalex(-1);
  -khtml-transform: scalex(-1);
  -moz-transform: scalex(-1);
  -ms-transform: scalex(-1);
  -o-transform: scalex(-1);
  transform: scalex(-1);
  display: inline-block;
}
.pxl-swiper-arrow-style4 .pxl-swiper-arrow {
  width: 63px;
  height: 63px;
  background-color: transparent;
  border: 2px solid #1a2f31;
  box-shadow: none;
}
@media screen and (max-width: 1199px) {
  .pxl-swiper-arrow-style4 .pxl-swiper-arrow {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 1400px) {
  .pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: -110px;
  }
  .pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: -110px;
  }
}
.pxl-swiper-arrow-style4 .pxl-swiper-arrow:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets {
  margin-top: 35px;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span {
  margin: 0 4px;
  width: 11px;
  height: 11px;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:before {
  content: '';
  width: 13px;
  height: 13px;
  border: 1px solid var(--primary-color);
  top: -1px;
  left: -1px;
  position: absolute;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: scale(1.4);
  -khtml-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after {
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
  width: 5px;
  height: 5px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  opacity: 0;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active {
  background: transparent;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
  opacity: 1;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-swiper-sliders .pxl-item--image img {
  width: 100%;
}
.pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a {
  color: inherit;
}
.pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover {
  color: inherit;
}
.pxl-post-carousel3 .pxl-swiper-wrapper {
  padding: 50px 0;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body {
  padding: 23px 30px 30px 30px;
  position: relative;
  background-color: #fff;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body:before {
  position: absolute;
  content: '';
  background-color: #000;
  height: 13px;
  width: 97px;
  bottom: 0;
  right: 27px;
  transform: skewx(-45deg);
  transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta {
  display: flex;
  align-items: center;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div, .pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a {
  font-size: 16px;
  color: #7a7a7a;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i {
  color: var(--primary-color);
  padding-right: 8px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date {
  padding-right: 25px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title {
  font-size: 22px;
  line-height: 30px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a {
  font-size: 22px;
  line-height: 30px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content {
  padding-top: 14px;
  font-size: 17px;
  color: #444;
  line-height: 28px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore {
  border-top: 1px solid #e9f0f3;
  padding-top: 20px;
  margin-top: 24px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a {
  font-size: 16px;
  color: var(--secondary-color);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i {
  transition: 250ms all ease 0s !important;
  font-size: 13px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span {
  padding-right: 10px;
  transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span {
  padding-right: 15px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before {
  background-color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a {
  color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i {
  transform: rotate(45deg);
}
.pxl-post-carousel4 .pxl-swiper-wrapper {
  padding: 50px 0;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide {
  padding-top: 110px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body {
  padding: 0px 30px 19px 30px;
  position: relative;
  background-color: #fff;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--image img {
  border-radius: 3px;
  margin-top: -105px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta {
  display: flex;
  align-items: center;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div, .pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a {
  font-size: 16px;
  color: #7a7a7a;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i {
  color: var(--primary-color);
  padding-right: 8px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date {
  padding-right: 25px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title {
  padding-top: 23px;
  font-size: 22px;
  line-height: 30px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a {
  font-size: 22px;
  line-height: 30px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content {
  padding-top: 14px;
  font-size: 17px;
  color: #444;
  line-height: 28px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore {
  border-top: 1px solid #e9f0f3;
  padding-top: 16px;
  margin-top: 24px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a {
  font-size: 16px;
  color: var(--secondary-color);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: 250ms all ease 0s;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i {
  font-size: 13px;
  transition: 250ms all ease 0s !important;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span {
  padding-right: 10px;
  transition: 250ms all ease 0s;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span {
  padding-right: 15px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover img {
  transform: scale(1.1);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before {
  background-color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a {
  color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i {
  transform: rotate(45deg);
}
.pxl-post-carousel1 .pxl-grid-item, .pxl-blog-grid-layout2 .pxl-grid-item {
  margin-bottom: 60px;
}
.pxl-post-carousel1 .pxl-swiper-dots, .pxl-blog-grid-layout2 .pxl-swiper-dots {
  margin-top: -46px;
}
.pxl-post-carousel1 .pxl-swiper-pagination-bullet, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-post-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-post-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-swiper-wrapper, .pxl-blog-grid-layout2 .pxl-swiper-wrapper {
  padding: 40px 0 80px 0;
}
.pxl-post-carousel1 .pxl-item--inner, .pxl-blog-grid-layout2 .pxl-item--inner {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-post-carousel1 .pxl-item--inner:hover, .pxl-blog-grid-layout2 .pxl-item--inner:hover {
  box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 40px 0px;
}
.pxl-post-carousel1 .pxl-item--title, .pxl-blog-grid-layout2 .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  color: var(--secondary-color);
  line-height: 30px;
}
.pxl-post-carousel1 .pxl-item--title:hover, .pxl-blog-grid-layout2 .pxl-item--title:hover {
  color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-item--category, .pxl-blog-grid-layout2 .pxl-item--category {
  padding: 11px 25px 14px 25px;
  border-bottom: 1px solid #e8e8e8;
}
.pxl-post-carousel1 .pxl-item--category a, .pxl-blog-grid-layout2 .pxl-item--category a {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
  letter-spacing: 3px;
  text-transform: uppercase;
}
.pxl-post-carousel1 .wrap-feature, .pxl-blog-grid-layout2 .wrap-feature {
  overflow: hidden;
  position: relative;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 35px;
  width: 105px;
  height: 75px;
  mask-image: url(../img/mask-date.png);
  -webkit-mask-image: url(../img/mask-date.png);
  -ms-mask-image: url(../img/mask-date.png);
  -o-mask-image: url(../img/mask-date);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  background-color: #fff;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day {
  margin-top: 25px;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 700;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date .year, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year {
  margin-top: -3px;
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 400;
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore {
  margin-top: 5px;
  display: block;
  padding: 11px 21px 12px 21px;
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  background-color: var(--primary-color);
  position: relative;
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:before, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:before {
  position: absolute;
  content: '';
  left: 2px;
  right: 2px;
  bottom: 15px;
  top: 15px;
  border: 0px solid var(--primary-color);
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:hover:before, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:hover:before {
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: 2px;
  border: 4px solid #fff;
}
.pxl-post-carousel1 .pxl-item--author a, .pxl-blog-grid-layout2 .pxl-item--author a {
  display: block;
  color: #898989;
}
.pxl-post-carousel1 .pxl-item--author a i, .pxl-blog-grid-layout2 .pxl-item--author a i {
  color: var(--primary-color);
  padding-right: 10px;
}
.pxl-post-carousel1 .pxl-item--author a span, .pxl-blog-grid-layout2 .pxl-item--author a span {
  padding-left: 4px;
  color: var(--secondary-color);
  font-weight: 700;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-post-carousel1 .pxl-item--author a:hover span, .pxl-blog-grid-layout2 .pxl-item--author a:hover span {
  color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-swiper-arrow, .pxl-blog-grid-layout2 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translatey(0px);
}
.pxl-post-carousel1 .entry-body, .pxl-blog-grid-layout2 .entry-body {
  padding: 13px 25px 35px 25px;
}
.pxl-post-carousel1 .entry-body .pxl-item--holder, .pxl-blog-grid-layout2 .entry-body .pxl-item--holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-post-carousel1.btn-2 .btn-readmore, .pxl-blog-grid-layout2.btn-2 .btn-readmore {
  background-color: var(--primary-color);
  padding: 7px 0px 7px 21px;
}
.pxl-post-carousel1.btn-2 .btn-readmore:before, .pxl-blog-grid-layout2.btn-2 .btn-readmore:before {
  display: none;
}
.pxl-post-carousel1.btn-2 .btn-readmore:after, .pxl-blog-grid-layout2.btn-2 .btn-readmore:after {
  position: absolute;
  content: '';
  width: 24px !important;
  height: 100% !important;
  background-color: var(--primary-color);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  border: none;
  bottom: auto;
  left: auto;
  transition: 200ms all linear 0ms;
  z-index: 0;
  right: -22px !important;
  z-index: -1;
  top: 0 !important;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0% 50%);
}
.pxl-post-carousel1.btn-2 .btn-readmore:hover, .pxl-blog-grid-layout2.btn-2 .btn-readmore:hover {
  padding: 7px 21px 7px 15px;
}
.pxl-post-carousel1.btn-2 .btn-readmore:hover:after, .pxl-blog-grid-layout2.btn-2 .btn-readmore:hover:after {
  clip-path: polygon(0 0, 9% 0, 100% 50%, 9% 100%, 0 100%, 0% 50%);
  z-index: 0;
  opacity: 1;
  transform: scalex(1);
}
.pxl-post-carousel2 .pxl-swiper-arrow {
  top: 40%;
  width: 89px;
  height: 81px;
  border-radius: 0 !important;
  background-color: rgba(0, 0, 0, .7);
}
@media (max-width: 991px) {
  .pxl-post-carousel2 .pxl-swiper-arrow {
    display: none;
  }
}
.pxl-post-carousel2 .pxl-swiper-arrow i {
  font-size: 35px;
  line-height: 81px;
  color: #fff;
}
.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -100px;
  transform: rotatey(90deg);
  transform-origin: center;
  opacity: 0;
  -webkit-transition: 350ms all linear 0ms;
  -khtml-transition: 350ms all linear 0ms;
  -moz-transition: 350ms all linear 0ms;
  -ms-transition: 350ms all linear 0ms;
  -o-transition: 350ms all linear 0ms;
  transition: 350ms all linear 0ms;
}
.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -100px;
  transform: rotatey(-90deg);
  transform-origin: center;
  opacity: 0;
  -webkit-transition: 350ms all linear 0ms;
  -khtml-transition: 350ms all linear 0ms;
  -moz-transition: 350ms all linear 0ms;
  -ms-transition: 350ms all linear 0ms;
  -o-transition: 350ms all linear 0ms;
  transition: 350ms all linear 0ms;
}
.pxl-post-carousel2 .pxl-swiper-arrow:hover {
  background-color: rgba(213, 58, 22, .7);
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
  position: relative;
  overflow: hidden;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date {
  width: 81px;
  height: 83px;
  background-color: #fff;
  position: absolute;
  top: 19px;
  left: 17px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .day {
  padding-top: 18px;
  padding-bottom: 1px;
  color: var(--primary-color);
  font-size: 36px;
  font-weight: 800;
  line-height: 27px;
  text-align: center;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .month {
  color: #050505;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
  background-color: #fff;
  overflow: hidden;
  padding-top: 22px;
  margin-left: 23px;
  padding-left: 23px;
  margin-top: -50px;
  z-index: 2;
  position: relative;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-color);
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
  height: 60px;
  overflow: hidden;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 20px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  border-bottom: 1px solid transparent;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
  border-bottom: 1px solid #828282;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore {
  font-size: 15px;
  color: #050505;
  font-weight: 700;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore i {
  color: #050505;
  transform: translate(3px);
  width: 28px;
  background-color: #fff;
  margin-left: -15px;
  font-size: 12px;
  transition: 300ms all ease 0ms;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot {
  margin-left: 7px;
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  margin-bottom: 2px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 7px;
  top: 0;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 14px;
  top: 0;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore:hover i {
  margin-left: 11px;
  color: var(--primary-color);
}
.pxl-post-carousel2:hover .pxl-swiper-arrow {
  transform: rotatey(0);
  opacity: 1;
}
.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -40px !important;
}
.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -40px !important;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image {
  max-height: 310px;
  mask-image: url(../img/mask-post-carousel.png);
  -webkit-mask-image: url(../img/mask-post-carousel.png);
  -ms-mask-image: url(../img/mask-post-carousel.png);
  -o-mask-image: url(../img/mask-post-carousel.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: left top;
  -ms-mask-position: left top;
  -o-mask-position: left top;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image {
    border-radius: 8px 8px 0 0;
    mask-image: none;
    -webkit-mask-image: none;
    -ms-mask-image: none;
    -o-mask-image: none;
  }
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image img {
  transform: scale(1.1) translatex(-15px);
  -webkit-transition: 300ms all ease 0ms;
  -khtml-transition: 300ms all ease 0ms;
  -moz-transition: 300ms all ease 0ms;
  -ms-transition: 300ms all ease 0ms;
  -o-transition: 300ms all ease 0ms;
  transition: 300ms all ease 0ms;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content {
  max-width: 507px;
  padding: 0px 50px 30px 50px;
  transform: skewx(-5deg);
  border-radius: 0 0 5px 5px;
  background-color: #f8f8f8;
  margin-left: 17px;
}
@media (max-width: 767px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content {
    max-width: 100%;
    padding: 0px 20px 30px 20px;
    transform: skewx(0deg);
    border-radius: 0 0 5px 5px;
    margin-left: 0px;
  }
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
  transform: skewx(5deg) translate(-33px, -23px);
  padding: 0 22px;
  line-height: 46px;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 1000px;
  display: inline-block;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date i {
  padding-right: 5px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
    transform: skewx(0deg) translate(0px, -23px);
  }
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
  transform: skewx(5deg) translatex(-6px);
  font-size: 25px;
  color: #323232;
  line-height: 35px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
    font-size: 20px;
    line-height: 30px;
    transform: skewx(0deg) translatex(-6px);
  }
}
@media (max-width: 575px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
    font-size: 18px;
    line-height: 28px;
    transform: skewx(0deg) translatex(-6px);
  }
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a {
  font-size: 25px;
  color: #323232;
  line-height: 35px;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content {
  transform: skewx(5deg);
  font-size: 18px;
  line-height: 28px;
  color: #737879;
}
@media (max-width: 767px) {
  .pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content {
    transform: skewx(0deg);
  }
}
.pxl-post-carousel5 .pxl-swiper-slide:hover .pxl-item--image img {
  transform: scale(1.1) translatex(0px);
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top {
  margin-top: 27px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #0e0e0e;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category a:hover, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment a:hover {
  color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category img, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment img {
  margin-right: 5px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment {
  margin-left: 25px;
}
.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}
.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a:hover {
  color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .item--content {
  margin-top: 13px;
  font-size: 16px;
  line-height: 24px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom {
  border-top: 2px solid #eaeaea;
  padding-top: 18px;
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left {
  display: block;
  background-color: #0084ff;
  border-radius: 1000px;
  width: 58px;
  height: 58px;
  text-align: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left i {
  font-size: 32px;
  color: #fff;
  line-height: 58px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right {
  padding-left: 15px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author {
  font-size: 18px;
  font-weight: 700;
  color: #0e0e0e;
  text-transform: capitalize;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author .by {
  color: #757575;
  text-transform: lowercase;
  padding-right: 4px;
  font-weight: 400;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author a:hover {
  color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--date {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}
.pxl-service-carousel1 .pxl-swiper-pagination-bullet, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-service-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-arrow, .pxl-service-grid-layout2 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translatey(20px);
  z-index: 10;
}
.pxl-service-carousel1 .pxl-swiper-slide, .pxl-service-grid-layout2 .pxl-swiper-slide, .pxl-service-carousel1 .pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item {
  position: relative;
  padding: 25px !important;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
@media (max-width: 767px) {
  .pxl-service-carousel1 .pxl-swiper-slide, .pxl-service-grid-layout2 .pxl-swiper-slide, .pxl-service-carousel1 .pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item {
    padding: 0 !important;
  }
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item {
  padding: 0 !important;
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner {
  padding: 0 17px 45px 17px;
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a {
  color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-service-carousel1 .pxl-swiper-slide .roof, .pxl-service-grid-layout2 .pxl-swiper-slide .roof, .pxl-service-carousel1 .pxl-grid-item .roof, .pxl-service-grid-layout2 .pxl-grid-item .roof {
  max-height: 128px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.pxl-service-carousel1 .pxl-swiper-slide .roof:before, .pxl-service-grid-layout2 .pxl-swiper-slide .roof:before, .pxl-service-carousel1 .pxl-grid-item .roof:before, .pxl-service-grid-layout2 .pxl-grid-item .roof:before {
  position: absolute;
  content: '';
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.4;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 0px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner {
  position: relative;
  text-align: center;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 0 20px 50px 20px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  padding: 0 20px 30px 20px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 30px 27px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
  font-size: 40px;
  color: var(--secondary-color);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 22px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  color: var(--primary-color);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
  font-size: 0px;
  line-height: 0px;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  padding: 0px;
  min-width: 158px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before {
  position: absolute;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  content: '';
  width: 100%;
  height: 5px;
  bottom: -18px;
  background-color: var(--primary-color);
  left: 0;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover {
  background-color: var(--secondary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before {
  background-color: var(--secondary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon, .pxl-service-carousel1 .pxl-grid-item:hover .item--icon, .pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon {
  transform: scale(1.1);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon i, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon i, .pxl-service-carousel1 .pxl-grid-item:hover .item--icon i, .pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon i {
  color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a {
  line-height: 30px;
  font-size: 15px;
  padding: 10px 40px;
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a:before {
  bottom: -10px;
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .roof:before, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .roof:before, .pxl-service-carousel1 .pxl-grid-item:hover .roof:before, .pxl-service-grid-layout2 .pxl-grid-item:hover .roof:before {
  opacity: 0;
}
.pxl-service-carousel2 .pxl-swiper-dots, .pxl-service-grid-layout3 .pxl-swiper-dots {
  margin-top: -5px;
}
.pxl-service-carousel2 .pxl-swiper-pagination-bullet, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-service-carousel2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel2 .pxl-swiper-pagination-bullet:hover, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-arrow, .pxl-service-grid-layout3 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translatey(20px);
  z-index: 10;
}
.pxl-service-carousel2 .pxl-swiper-slide, .pxl-service-grid-layout3 .pxl-swiper-slide, .pxl-service-carousel2 .pxl-grid-item, .pxl-service-grid-layout3 .pxl-grid-item {
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 0px 16px 70px 16px !important;
  filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.1));
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-item--title, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-item--title, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-item--title, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-item--title {
  height: 63px;
  overflow: hidden;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:before, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:before, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:before, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:after, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after {
  background-color: var(--primary-color) !important;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after {
  background-color: #fff !important;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon {
  background: transparent !important;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover), .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover), .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:not(.inner-hover), .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:not(.inner-hover) {
  overflow: hidden;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner {
  position: relative;
  text-align: center;
  clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
  background-color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:before {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  padding: 0px 20px 30px 20px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
  font-size: 55px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #fff;
  position: relative;
  width: 105px;
  height: 105px;
  display: block;
  margin: 0 auto;
  background-color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
  line-height: 105px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: relative;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 22px;
  padding-top: 33px;
  position: relative;
  line-height: 30px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a {
  position: relative;
  margin-top: 34px;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  padding: 6px 27px;
  font-weight: 700;
  display: inline-block;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before {
  position: absolute;
  content: '';
  width: 24px;
  height: 100%;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 0;
  right: -15px;
  z-index: -1;
  transform: scalex(0);
  top: 0;
  clip-path: polygon(37% 0, 100% 50%, 37% 100%, 0 100%, 0 0);
  opacity: 0;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  transform: scaley(0);
  clip-path: none;
  background-color: transparent;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:before {
  background-color: var(--primary-color);
  clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:after, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:after, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:after, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:after {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 65px;
  height: 100px;
  top: 0;
  right: 43px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before {
  width: 100% !important;
  transform: translatex(0%);
  left: 0;
  height: 100% !important;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt {
  color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a {
  background-color: #fff;
  color: var(--secondary-color);
  padding: 6px 20px 6px 34px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before {
  transform-origin: left;
  z-index: 0;
  opacity: 1;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  transform: scalex(1);
  background-color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover {
  padding: 6px 27px 6px 28px;
  color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before {
  transform: scalex(0);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before {
  width: 100%;
  height: 100%;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon {
  transform: translatey(30px);
  background-color: transparent !important;
}
.pxl-service-carousel2 .pxl-swiper-slide:hover .inner-hover, .pxl-service-grid-layout3 .pxl-swiper-slide:hover .inner-hover, .pxl-service-carousel2 .pxl-grid-item:hover .inner-hover, .pxl-service-grid-layout3 .pxl-grid-item:hover .inner-hover {
  transform: scaley(1);
}
.pxl-service-carousel7 .pxl-swiper-container {
  padding-top: 60px;
}
.pxl-service-carousel7 .pxl-swiper-dots {
  margin-top: -5px;
}
.pxl-service-carousel7 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-service-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel7 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translatey(20px);
  z-index: 10;
}
.pxl-service-carousel7 .pxl-swiper-slide {
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 0px 16px 70px 16px !important;
  filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.1));
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover) {
  overflow: hidden;
}
.pxl-service-carousel7 .pxl-swiper-slide .item--icon {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -25px;
  font-size: 55px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #fff;
  width: 117px;
  height: 117px;
  display: block;
  z-index: 2;
  text-align: center;
  border-radius: 500px;
  margin: 0 auto;
  background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .item--icon i {
  line-height: 105px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner {
  position: relative;
  text-align: center;
  clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
  background-color: #fff;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:before {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
  min-height: 390px;
  padding: 95px 45px 30px 45px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
@media (max-width: 991px) {
  .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    padding: 95px 20px 30px 20px;
  }
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: relative;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 22px;
  padding-top: 33px;
  position: relative;
  line-height: 30px;
  font-weight: 700;
  color: var(--secondary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a {
  position: relative;
  margin-top: 34px;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  padding: 6px 27px;
  font-weight: 700;
  display: inline-block;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 48px;
  height: 2px;
  bottom: 20px;
  left: -58px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:after {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 48px;
  height: 2px;
  bottom: 20px;
  right: -58px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  top: 0;
  opacity: 0;
  right: 16px;
  left: 16px;
  transform: scale(0.5);
  clip-path: none;
  background-color: transparent;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:before {
  background-color: #050505;
  clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:after {
  position: absolute;
  content: '';
  background-color: #050505;
  width: 65px;
  height: 100px;
  top: 0;
  right: 43px;
  bottom: auto;
  left: auto;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before {
  width: 100% !important;
  transform: translatex(0%);
  left: 0;
  height: 100% !important;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder {
  padding: 140px 45px 30px 45px;
}
@media (max-width: 991px) {
  .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder {
    padding: 140px 20px 30px 20px;
  }
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt {
  color: #fff;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--content {
  height: 50px;
  overflow: hidden;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a {
  background-color: #fff;
  color: var(--secondary-color);
  padding: 6px 27px 6px 27px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:after {
  display: none;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover {
  color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before {
  width: 100%;
  height: 100%;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon {
  transform: translatey(30px);
  background-color: transparent !important;
}
.pxl-service-carousel7 .pxl-swiper-slide:hover .item--icon {
  top: 40px;
}
.pxl-service-carousel7 .pxl-swiper-slide:hover .inner-hover {
  transform: scale(1);
  opacity: 1;
}
.pxl-service-carousel8 .pxl-swiper-container {
  padding-top: 75px;
}
.pxl-service-carousel8 .pxl-swiper-dots {
  margin-top: -5px;
}
.pxl-service-carousel8 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-service-carousel8 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel8 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-service-carousel8 .pxl-swiper-arrow {
  width: 52px;
  height: 52px;
  line-height: 52px;
}
.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -10px;
}
.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -10px;
}
.pxl-service-carousel8 .pxl-swiper-slide {
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 0px 16px 100px 16px !important;
}
.pxl-service-carousel8 .pxl-swiper-slide .item--icon {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -55px;
  font-size: 50px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #fff;
  width: 103px;
  height: 103px;
  display: block;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  background-color: var(--primary-color);
  clip-path: polygon(50% 0%, 100% 53%, 100% 100%, 0 100%, 0 53%);
}
.pxl-service-carousel8 .pxl-swiper-slide .item--icon i {
  line-height: 122px;
}
.pxl-service-carousel8 .pxl-swiper-slide .item--roof {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -92px;
  font-size: 50px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  color: #fff;
  width: 103px;
  height: 103px;
  display: block;
  z-index: 2;
  text-align: center;
  filter: grayscale(1);
  opacity: 0.7;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner {
  position: relative;
  text-align: center;
  background-color: #fff;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
  max-height: 298px;
  overflow: hidden;
  position: relative;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #010100;
  opacity: 0.2;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
  padding: 20px 45px 34px 45px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: -55px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.06) 5px 0px 24px;
}
@media (max-width: 767px) {
  .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
    padding: 20px 25px 34px 25px !important;
  }
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  position: relative;
  height: 0px;
  overflow: hidden;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 24px;
  position: relative;
  overflow: hidden;
  display: block;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  color: var(--secondary-color);
  margin-bottom: 0;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category {
  font-size: 16px;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: -2px;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore {
  height: 0px;
  overflow: hidden;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a {
  font-size: 15px;
  color: #040404;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  font-weight: 700;
  display: inline-block;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore i {
  transform: translatey(-1px);
  font-size: 9px;
  color: var(--primary-color);
  margin-left: 5px;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .item--roof {
  filter: grayscale(0);
  opacity: 1;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--image:before {
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--holder {
  padding: 20px 45px 23px 45px;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .content-excerpt {
  margin: 16px 0 21px 0;
  height: 70px !important;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-readmore {
  height: 30px;
}
.pxl-service-carousel8.style2 .item--roof {
  display: none;
}
.pxl-service-carousel8.style2 .item--icon {
  clip-path : none !important;
  width: 87px !important;
  height: 87px !important;
  background-color: #0084ff;
  top: -42px !important;
}
.pxl-service-carousel8.style2 .item--icon:before {
  position: absolute;
  content: '';
  background-image: linear-gradient(270deg, #00e8f1 0%, #1b66ff 100%) !important;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel8.style2 .item--icon i {
  line-height: 87px;
  position: relative;
  z-index: 3;
}
.pxl-service-carousel8.style2 .pxl-readmore span {
  border-bottom: 1px solid #bdbdbd;
}
.pxl-service-carousel8.style2 .pxl-readmore i {
  transform: translatey(3px) !important;
  background: -webkit-linear-gradient(1deg, #0054ff, #60eef6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pxl-service-carousel8.style2 .pxl-readmore i:before {
  content: "\f178" !important;
  font-weight: 400;
  font-size: 21px;
}
.pxl-service-carousel8.style2 .pxl-item--category a {
  color: #12ad1a !important;
}
.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon {
  top: -57px !important;
}
.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon:before {
  left: 0;
  width: 100%;
}
.pxl-service-carousel9 .pxl-swiper-container {
  padding: 50px 24px;
  margin: 0 -20px;
}
.pxl-service-carousel9 .pxl-swiper-slide {
  padding: 0 15px !important;
  opacity: 0;
}
.pxl-service-carousel9 .pxl-swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner {
  background-color: #fff;
  text-align: center;
  box-shadow: 0 10px 50px rgba(132, 132, 132, 0.1);
  border-radius: 3px;
  padding: 40px 30px 20px 30px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon {
  height: 90px;
  width: 90px;
  border-radius: 200px;
  background-color: #f4f5fa;
  display: inline-block;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon i {
  color: var(--primary-color);
  line-height: 90px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 45px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title {
  padding-top: 25px;
  margin-bottom: 0;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a {
  height: 30px;
  display: block;
  overflow: hidden;
  font-size: 22px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--content {
  margin: 11px 0 26px 0;
  display: block;
  font-size: 17px;
  color: #444;
  line-height: 28px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore {
  border-top: 1px solid #e5e5e5;
  padding-top: 17px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a i {
  font-size: 12px;
  margin-left: 15px;
  display: inline-block;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover {
  color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover i {
  transform: rotate(45deg);
}
.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon {
  box-shadow: rgba(209, 63, 24, 0.5) 0px 14px 24px;
  background-color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon i {
  color: #fff;
}
.pxl-service-carousel10 .pxl-swiper-arrow {
  width: 61px;
  height: 61px;
  opacity: 0;
}
.pxl-service-carousel10 .pxl-swiper-arrow i {
  font-size: 24px;
  line-height: 61px;
}
.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -94px;
}
.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -94px;
}
.pxl-service-carousel10 .pxl-swiper-slide {
  padding: 0 15px !important;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner {
  position: relative;
  background-color: #fff;
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.05) 0px 8px 24px;
  border-radius: 3px;
  margin: 0 30px;
  margin-top: -40px;
}
@media (max-width: 575px) {
  .pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner {
    margin: 0 !important;
  }
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon {
  margin-top: -40px;
  height: 80px;
  width: 80px;
  border-radius: 200px;
  background-color: #fff;
  display: inline-block;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 14px 24px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon i {
  color: var(--primary-color);
  line-height: 80px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 40px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title {
  padding: 0px 30px 0px 30px;
  padding-top: 25px;
  margin-bottom: 0;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a {
  height: 30px;
  display: block;
  overflow: hidden;
  font-size: 22px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--content {
  padding: 0px 30px 0px 30px;
  margin: 11px 0 26px 0;
  height: 80px;
  display: block;
  overflow: hidden;
  font-size: 17px;
  color: #444;
  line-height: 28px;
  padding-bottom: 17px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore {
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  border-radius: 0 0 3px 3px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a {
  width: 100%;
  font-size: 16px;
  line-height: 60px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a i {
  font-size: 12px;
  margin-left: 15px;
  display: inline-block;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover i {
  transform: rotate(45deg);
}
.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon {
  box-shadow: rgba(209, 63, 24, 0.5) 0px 14px 24px;
  background-color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon i {
  color: #fff;
}
.pxl-service-carousel10:hover .pxl-swiper-arrow-next {
  right: -74px;
  opacity: 1;
}
.pxl-service-carousel10:hover .pxl-swiper-arrow-prev {
  left: -74px;
  opacity: 1;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  border: 2px solid #d9d9d9;
  background-color: transparent !important;
  box-shadow: none;
  font-size: 11px;
  right: -123px !important;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  border: 2px solid #d9d9d9;
  background-color: transparent !important;
  box-shadow: none;
  font-size: 11px;
  left: -123px !important;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-grid-item, .pxl-service-grid-layout6 .pxl-grid-item {
  margin-bottom: 55px;
}
.pxl-service-carousel3 .pxl-grid-item .pxl-item--holder, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--holder {
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}
.pxl-service-carousel3 .pxl-swiper-slide, .pxl-service-grid-layout6 .pxl-swiper-slide, .pxl-service-carousel3 .pxl-grid-item, .pxl-service-grid-layout6 .pxl-grid-item {
  padding: 0 15px !important;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner {
  background-color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .wrap-feature:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .wrap-feature:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: '';
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  opacity: 0;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  padding: 42px 30px;
  position: relative;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  right: 18px;
  top: -40px;
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 200px;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before {
  position: absolute;
  content: '';
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  border-radius: 200px;
  background-color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i {
  position: relative;
  font-size: 45px;
  color: #dc3e3e;
  width: 100%;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  line-height: 80px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  font-size: 22px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  display: block;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
  color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt {
  color: #444;
  line-height: 24px;
  font-size: 16px;
  line-height: 30px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon i {
  color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 60px;
  background-color: #ededed;
  overflow: hidden;
  position: relative;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a span, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a span, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a span, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a span {
  z-index: 2;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:before, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:before {
  position: absolute;
  width: 200%;
  height: 200%;
  z-index: 0;
  content: "";
  top: 110%;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  border-radius: 50%;
  z-index: 0;
  background: var(--primary-color);
  -webkit-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:after, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:after, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:after {
  position: absolute;
  width: 200%;
  height: 200%;
  z-index: 0;
  content: "";
  top: 110%;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  border-radius: 50%;
  z-index: 1;
  background: #000;
  -webkit-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a i, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a i {
  z-index: 2;
  padding-left: 13px;
  line-height: 60px;
  font-size: 10px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:hover:after, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:hover:after, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:hover:after, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:hover:after {
  top: -40%;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .wrap-feature:before, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .wrap-feature:before, .pxl-service-carousel3 .pxl-grid-item:hover .wrap-feature:before, .pxl-service-grid-layout6 .pxl-grid-item:hover .wrap-feature:before {
  opacity: 0.1;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon, .pxl-service-carousel3 .pxl-grid-item:hover .item--icon, .pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon {
  background-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon i, .pxl-service-carousel3 .pxl-grid-item:hover .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon i {
  color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a {
  color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a:before {
  top : -40%;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap, .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap {
  position: absolute !important;
  top: -107px;
  right: 0;
  display: flex;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  position: relative !important;
  transform: translate(0) !important;
  box-shadow: none;
  font-size: 15px;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2), .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
  margin-left: 17px;
}
.pxl-service-carousel4 .pxl-grid-item, .pxl-service-grid-layout4 .pxl-grid-item {
  margin-bottom: 40px;
}
.pxl-service-carousel4 .pxl-grid-item .pxl-item--title a, .pxl-service-grid-layout4 .pxl-grid-item .pxl-item--title a {
  display: block;
  height: 30px;
  overflow: hidden;
  padding: 0 15px;
}
.pxl-service-carousel4 .pxl-item--inner, .pxl-service-grid-layout4 .pxl-item--inner {
  background-color: #1b1b1b;
  text-align: center;
  padding: 32px 20px 54px 20px;
  position: relative;
}
.pxl-service-carousel4 .pxl-item--inner .item--icon i, .pxl-service-grid-layout4 .pxl-item--inner .item--icon i {
  color: var(--primary-color);
  font-size: 54px;
  line-height: 54px;
}
.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 5px;
}
.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a:hover {
  text-decoration: underline;
}
.pxl-service-carousel4 .pxl-item--inner .content-excerpt, .pxl-service-grid-layout4 .pxl-item--inner .content-excerpt {
  font-size: 16px;
  line-height: 24px;
  color: #b9b9b9;
  max-height: 75px;
  overflow: hidden;
  margin: 20px 0 26px 0;
}
.pxl-service-carousel4 .pxl-item--inner .hover, .pxl-service-grid-layout4 .pxl-item--inner .hover {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scaley(0);
  transform-origin: top center;
  -webkit-transition: 200ms all linear 100ms;
  -khtml-transition: 200ms all linear 100ms;
  -moz-transition: 200ms all linear 100ms;
  -ms-transition: 200ms all linear 100ms;
  -o-transition: 200ms all linear 100ms;
  transition: 200ms all linear 100ms;
}
.pxl-service-carousel4 .pxl-item--inner .hover .pxl-item--holder, .pxl-service-grid-layout4 .pxl-item--inner .hover .pxl-item--holder {
  position: relative;
  padding-top: 109px;
}
.pxl-service-carousel4 .pxl-item--inner .hover:before, .pxl-service-grid-layout4 .pxl-item--inner .hover:before {
  background-color: #000;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
}
.pxl-service-carousel4 .pxl-readmore, .pxl-service-grid-layout4 .pxl-readmore {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 4px solid var(--primary-color);
  width: 100%;
  text-align: right;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore span, .pxl-service-grid-layout4 .pxl-readmore span {
  position: relative;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover, .pxl-service-grid-layout4 .pxl-readmore.bt-hover {
  text-align: center;
  padding-right: 0;
  transform: scaley(0);
  transform-origin: bottom center;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover i, .pxl-service-grid-layout4 .pxl-readmore.bt-hover i {
  position: relative;
  width: 20px;
  background-color: transparent;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a {
  padding-right: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a:before, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a:before {
  position: absolute;
  clip-path: polygon(50% 40%, 100% 0, 100% 100%, 0 100%, 0 0);
  height: 110px;
  width: 100%;
  background-color: var(--primary-color);
  bottom: -1px;
  left: 0;
  content: '';
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a:hover:before, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a:hover:before {
  background-color: #070707;
}
.pxl-service-carousel4 .pxl-readmore a, .pxl-service-grid-layout4 .pxl-readmore a {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 49px;
  padding-right: 72px;
}
.pxl-service-carousel4 .pxl-readmore a i, .pxl-service-grid-layout4 .pxl-readmore a i {
  font-size: 18px;
  position: absolute;
  height: 100%;
  width: 53px;
  text-align: center;
  line-height: 49px;
  background-color: var(--primary-color);
  top: 0;
  right: 0;
}
.pxl-service-carousel4 .pxl-swiper-slide, .pxl-service-grid-layout4 .pxl-swiper-slide {
  padding: 0 0 0 30px !important;
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore {
  opacity: 0;
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover {
  opacity: 1;
  transform: scaley(1);
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .hover, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .hover {
  transform: scaley(1) !important;
}
@media (max-width: 767px) {
  .pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap {
    display: none;
  }
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  top: 130px;
  opacity: 0;
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -73px;
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -106px;
  left: auto;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  opacity: 1;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -53px;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -86px;
}
.pxl-service-carousel5 .pxl-swiper-container {
  padding-top: 200px;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap {
  position: absolute !important;
  top: -107px;
  right: 0;
  display: flex;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  position: relative !important;
  transform: translate(0) !important;
  box-shadow: none;
  font-size: 15px;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2) {
  margin-left: 17px;
}
.pxl-service-carousel5 .pxl-swiper-slide {
  padding: 0 10px !important;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner {
  padding: 4px;
  position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:before {
  position: absolute;
  content: '';
  width: 139px;
  height: 110px;
  background-color: var(--primary-color);
  top: 0;
  left: 0;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:after {
  position: absolute;
  content: '';
  width: 139px;
  height: 110px;
  background-color: var(--primary-color);
  bottom: 0;
  right: 0;
  z-index: -1;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
  background-position: center;
  background-size: cover;
  padding: 28px 35px;
  position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:before {
  z-index: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  top: 0;
  left: 0;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top {
  position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon {
  position: relative;
  z-index: 2;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon i {
  font-size: 50px;
  color: #fff;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title {
  position: relative;
  z-index: 2;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title a {
  display: block;
  min-height: 57px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover {
  position: absolute;
  transform: scalex(0);
  transform-origin: center;
  left: 0;
  background-color: var(--primary-color);
  bottom: 0;
  padding: 30px;
  z-index: 3;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  text-align: center;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon {
  position: relative;
  z-index: 2;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon i {
  font-size: 50px;
  color: #fff;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-item--title {
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .content-excerpt {
  font-size: 16px;
  color: #ffe8e7;
  line-height: 24px;
  padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore {
  padding-top: 44px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a {
  font-size: 15px;
  color: #ffe8e7;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a:hover {
  text-decoration: underline;
}
.pxl-service-carousel5 .pxl-swiper-slide:hover .hover {
  transform: scalex(1);
}
.pxl-service-carousel6 {
  text-align: center;
}
.pxl-service-carousel6 .pxl-swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: #4d4d4d;
  margin: 0 7px;
  border: 2px solid #4d4d4d;
}
.pxl-service-carousel6 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel6 .pxl-swiper-pagination-bullet:hover {
  background-color: transparent;
  border: 2px solid var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide {
  padding: 0 15px !important;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--image {
  position: relative;
  padding: 0 1px;
}
.pxl-service-carousel6 .pxl-swiper-slide .item--icon {
  z-index: 3;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translatex(-50%);
  width: 80px;
  height: 80px;
  border-radius: 100px;
  background-color: #fff;
  display: inline-block;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pxl-service-carousel6 .pxl-swiper-slide .item--icon i {
  font-size: 50px;
  color: var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder {
  margin-top: -67px;
  background-color: #2a2a2a;
  padding: 83px 25px 35px 25px;
  clip-path: polygon(50% 25%, 100% 0, 100% 100%, 0 100%, 0 0);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .pxl-item--title {
  margin-top: 18px;
  color: #fff;
  font-size: 22px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .content-excerpt {
  color: #b0b0b0;
  font-size: 16px;
  line-height: 24px;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore {
  position: relative;
  overflow: hidden;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar1 {
  position: absolute;
  top: 0;
  left: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar2 {
  position: absolute;
  top: 0;
  left: -154px;
  -webkit-transition: 500ms all ease 0ms;
  -khtml-transition: 500ms all ease 0ms;
  -moz-transition: 500ms all ease 0ms;
  -ms-transition: 500ms all ease 0ms;
  -o-transition: 500ms all ease 0ms;
  transition: 500ms all ease 0ms;
  opacity: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a {
  background-color: #505050;
  line-height: 59px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 178px;
  text-align: left;
  -webkit-transition: 350ms all ease 0ms;
  -khtml-transition: 350ms all ease 0ms;
  -moz-transition: 350ms all ease 0ms;
  -ms-transition: 350ms all ease 0ms;
  -o-transition: 350ms all ease 0ms;
  transition: 350ms all ease 0ms;
}
@media (max-width: 575px) {
  .pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a {
    padding-left: 130px;
  }
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a i {
  color: #fff;
  transform: translate(3px);
  margin-left: -15px;
  font-size: 12px;
  transition: 250ms all ease 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a span {
  z-index: 2px;
  position: relative;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot {
  margin-left: 7px;
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  margin-bottom: 2px;
  opacity: 0;
  -webkit-transition: 250ms all ease 0ms;
  -khtml-transition: 250ms all ease 0ms;
  -moz-transition: 250ms all ease 0ms;
  -ms-transition: 250ms all ease 0ms;
  -o-transition: 250ms all ease 0ms;
  transition: 250ms all ease 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 7px;
  top: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 14px;
  top: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover i {
  margin-left: 11px;
  color: var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover .dot {
  opacity: 1;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder {
  background-color: #fff;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .pxl-item--title {
  color: #000;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .content-excerpt {
  color: #444;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a {
  background-color: #000;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a .ar2 {
  left: 0;
  opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-container, .pxl-portfolio-grid-layout5 .pxl-swiper-container {
  margin: 0;
  padding: 50px 0;
}
.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-portfolio-carousel1 .pxl-swiper-wrapper, .pxl-portfolio-grid-layout5 .pxl-swiper-wrapper {
  align-items: center;
}
.pxl-portfolio-carousel1 .pxl-swiper-arrow, .pxl-portfolio-grid-layout5 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translatey(20px);
  z-index: 10;
}
@media (min-width: 575px) {
  .pxl-portfolio-carousel1 .pxl-grid-item:hover, .pxl-portfolio-grid-layout5 .pxl-grid-item:hover {
    transform: scale(1.07);
  }
}
.pxl-portfolio-carousel1 .pxl-swiper-slide, .pxl-portfolio-grid-layout5 .pxl-swiper-slide, .pxl-portfolio-carousel1 .pxl-grid-item, .pxl-portfolio-grid-layout5 .pxl-grid-item {
  position: relative;
  padding: 20px !important;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner {
  position: relative;
  overflow: hidden;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image {
  max-height: 520px;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image img, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image img {
  -webkit-transition: 2000ms all linear 0ms;
  -khtml-transition: 2000ms all linear 0ms;
  -moz-transition: 2000ms all linear 0ms;
  -ms-transition: 2000ms all linear 0ms;
  -o-transition: 2000ms all linear 0ms;
  transition: 2000ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:before, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #4c4c4c 0%, #4c4c4c 80%, transparent 100%);
  pointer-events: none;
  opacity: 0.7;
  z-index: 1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:after, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, var(--primary-color) 0%, var(--primary-color) 80%, transparent 100%);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 35px 30px 35px;
  z-index: 2;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
@media (max-width: 1024px) {
  .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
    padding: 0 20px 20px 20px;
  }
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
  font-size: 40px;
  color: #fff;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  opacity: 0;
  display: inline-block;
  transform: rotatey(90deg) translatey(-30px);
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
@media (max-width: 1024px) {
  .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
    line-height: 20px;
  }
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder {
  transform: scale(1.05);
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon {
  transform: rotatey(0deg) translatey(0px);
  opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover:after, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover:after {
  opacity: 0.7;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active {
  padding: 0px !important;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category {
  margin-top: -3px;
  padding-bottom: 6px;
}
@media (max-width: 1024px) {
  .pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category {
    padding-bottom: 0;
  }
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
  padding: 0 35px 40px 35px;
}
@media (max-width: 1024px) {
  .pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
    padding: 0 20px 20px 20px;
  }
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon {
  transform: rotatey(0deg) translatey(0px);
  opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after {
  opacity: 0.7;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before {
  opacity: 0;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper {
  position: relative;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 50px;
  background-color: #fff;
  top: -1px;
  right: -100%;
  z-index: 1;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide {
  position: relative;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow {
  width: 89px;
  height: 81px;
  border-radius: 0 !important;
  background-color: rgba(0, 0, 0, .7);
}
@media (max-width: 767px) {
  .pxl-portfolio-carousel3 .pxl-swiper-arrow {
    display: none;
  }
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow i {
  font-size: 35px;
  line-height: 81px;
  color: #fff;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: 7%;
  opacity: 0;
  -webkit-transition: 350ms all linear 0ms;
  -khtml-transition: 350ms all linear 0ms;
  -moz-transition: 350ms all linear 0ms;
  -ms-transition: 350ms all linear 0ms;
  -o-transition: 350ms all linear 0ms;
  transition: 350ms all linear 0ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: 7%;
  opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow:hover {
  background-color: rgba(213, 58, 22, .7);
}
.pxl-portfolio-carousel3 .pxl-item--holder {
  position: absolute;
  bottom: 23px;
  left: 35px;
  padding-left: 40px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel3 .pxl-item--holder {
    left: 0px;
  }
}
.pxl-portfolio-carousel3 .pxl-item--holder:before {
  position: absolute;
  content: '';
  background-color: #676767;
  width: 0px;
  height: 1px;
  bottom: 38px;
  left: 2px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel3 .pxl-item--holder:before {
    display: none;
  }
}
.pxl-portfolio-carousel3 .pxl-item--holder:after {
  position: absolute;
  content: '';
  background-color: #676767;
  height: 0px;
  width: 1px;
  bottom: 18px;
  left: 19px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel3 .pxl-item--holder:after {
    display: none;
  }
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category {
  transform: translatex(30px);
  margin-bottom: 4px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category a {
  font-size: 12px;
  color: #ddd;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title {
  transform: translatex(30px);
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title a {
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  font-size: 24px;
  color: #fff;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore {
  transform: translatex(30px);
  margin-top: 36px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  opacity: 0;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore {
    margin-top: 10px;
  }
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore a {
  font-size: 15px;
  color: #fff;
  font-weight: 700;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore i {
  color: var(--primary-color);
  transform: translate(3px);
  width: 28px;
  margin-left: -15px;
  font-size: 12px;
  transition: 250ms all ease 0ms;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot {
  margin-left: 7px;
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  margin-bottom: 2px;
  opacity: 0;
  -webkit-transition: 250ms all ease 0ms;
  -khtml-transition: 250ms all ease 0ms;
  -moz-transition: 250ms all ease 0ms;
  -ms-transition: 250ms all ease 0ms;
  -o-transition: 250ms all ease 0ms;
  transition: 250ms all ease 0ms;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 7px;
  top: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--primary-color);
  left: 14px;
  top: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover .dot {
  opacity: 1;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover i {
  margin-left: 11px;
}
.pxl-portfolio-carousel3 .pxl-item--image {
  position: relative;
  overflow: hidden;
}
.pxl-portfolio-carousel3 .pxl-item--image img {
  transform: scale(1.05);
  transition: 500ms;
}
.pxl-portfolio-carousel3 .pxl-item--image:before {
  position: absolute;
  z-index: 2;
  content: '';
  background-color: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 400ms all linear 0ms;
  -khtml-transition: 400ms all linear 0ms;
  -moz-transition: 400ms all linear 0ms;
  -ms-transition: 400ms all linear 0ms;
  -o-transition: 400ms all linear 0ms;
  transition: 400ms all linear 0ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide {
  padding: 0 14px !important;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover img {
  transform: scale(1);
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--readmore {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 400ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--title {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 300ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--category {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 200ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before {
  opacity: 0.7;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder {
  z-index: 3;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:before {
  width: 280px;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:after {
  height: 280px;
}
.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-next {
  right: 10%;
  opacity: 1;
}
.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-prev {
  left: 10%;
  opacity: 1;
}
.pxl-portfolio-carousel3.style2 .pxl-item--category a {
  color: #12ad1a;
}
.pxl-portfolio-carousel3.style2 .dot {
  background-color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .dot:before, .pxl-portfolio-carousel3.style2 .dot:after {
  background-color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .pxl-item--readmore i {
  color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .pxl-swiper-arrow:hover {
  background-color: rgba(5, 108, 206, .7);
}
.pxl-portfolio-carousel4 .pxl-swiper-dots {
  margin-top: 70px;
}
.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  background-color: #e3e3e3;
  margin: 0 10px;
}
.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow {
  width: 89px;
  height: 81px;
  border-radius: 0 !important;
  background-color: rgba(0, 0, 0, .7);
}
@media (max-width: 767px) {
  .pxl-portfolio-carousel4 .pxl-swiper-arrow {
    display: none;
  }
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow i {
  font-size: 35px;
  line-height: 81px;
  color: #fff;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: 7%;
  opacity: 0;
  -webkit-transition: 350ms all linear 0ms;
  -khtml-transition: 350ms all linear 0ms;
  -moz-transition: 350ms all linear 0ms;
  -ms-transition: 350ms all linear 0ms;
  -o-transition: 350ms all linear 0ms;
  transition: 350ms all linear 0ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: 7%;
  opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow:hover {
  background-color: rgba(213, 58, 22, .7);
}
.pxl-portfolio-carousel4 .pxl-item--holder {
  position: absolute;
  bottom: 40px;
  left: 50px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel4 .pxl-item--holder {
    left: 30px;
  }
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category {
  transform: translatex(30px);
  margin-bottom: 4px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category a {
  font-size: 12px;
  color: #ddd;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title {
  transform: translatex(30px);
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  margin-bottom: 8px;
  opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title a {
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  font-size: 24px;
  color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore {
  transform: translatex(30px);
  margin-top: 29px;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
  opacity: 0;
}
@media (max-width: 575px) {
  .pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore {
    margin-top: 10px;
  }
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a {
  font-size: 24px;
  width: 45px;
  height: 45px;
  background-color: var(--primary-color);
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a:hover {
  color: var(--primary-color);
  background-color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--image {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.pxl-portfolio-carousel4 .pxl-item--image img {
  transform: scale(1.05);
  transition: 500ms;
}
.pxl-portfolio-carousel4 .pxl-item--image:before {
  position: absolute;
  z-index: 2;
  content: '';
  background-image: linear-gradient(#000, transparent);
  transform: rotate(180deg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 400ms all linear 0ms;
  -khtml-transition: 400ms all linear 0ms;
  -moz-transition: 400ms all linear 0ms;
  -ms-transition: 400ms all linear 0ms;
  -o-transition: 400ms all linear 0ms;
  transition: 400ms all linear 0ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide {
  padding: 0 14px !important;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover img {
  transform: scale(1);
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--readmore {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 400ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--title {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 300ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--category {
  opacity: 1;
  transform: translatex(0);
  transition-delay: 200ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--image:before {
  opacity: 0.7;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder {
  z-index: 3;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:before {
  width: 280px;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:after {
  height: 280px;
}
.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-next {
  right: 10%;
  opacity: 1;
}
.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-prev {
  left: 10%;
  opacity: 1;
}
.pxl-service-carousel11 .pxl-swiper-slide {
  padding: 0 15px !important;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image {
  position: relative;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(55deg, rgba(0, 0, 0, 0.8), transparent 80%);
  top: 0;
  left: -40px;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner {
  position: absolute;
  bottom: 4px;
  left: 25px;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title {
  height: 52px;
  overflow: hidden;
  max-width: 130px;
  font-size: 20px;
  color: #fff;
  line-height: 26px;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title:hover {
  text-decoration: underline;
}
.pxl-service-carousel11 .pxl-swiper-slide:hover .pxl-item--image:before {
  left: 0px;
}
.pxl-image-box1 {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.pxl-image-box1 .pxl-item--image img {
  width: 100%;
}
.pxl-image-box1 .wrap-content {
  width: 100%;
  padding: 30px 30px 36px 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f5f5f5;
  overflow: hidden;
  text-align: right;
}
@media (max-width: 575px) {
  .pxl-image-box1 .wrap-content {
    padding: 20px 20px 26px 20px;
  }
}
@media (max-width: 480px) {
  .pxl-image-box1 .wrap-content {
    padding: 10px 20px 16px 20px;
  }
}
.pxl-image-box1 .wrap-content .pxl-item--title {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 575px) {
  .pxl-image-box1 .wrap-content .pxl-item--title {
    font-size: 18px;
    line-height: 28px;
  }
}
.pxl-image-box1 .wrap-content .pxl-item--button a {
  margin-top: 5px;
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  border-radius: 10px;
  background-color: #000;
  line-height: 56px;
  padding: 0 12px;
  color: #fff;
}
@media (max-width: 575px) {
  .pxl-image-box1 .wrap-content .pxl-item--button a {
    font-size: 25px;
    padding: 0 7px;
  }
}
.pxl-image-box1 .wrap-content .pxl-item--button a:hover {
  text-decoration: underline;
}
.pxl-image-box1.style2 {
  border-radius: 0;
}
.pxl-image-box1.style2 .wrap-content {
  width: 100%;
  padding: 25px;
}
@media (max-width: 575px) {
  .pxl-image-box1.style2 .wrap-content {
    padding: 20px 20px 26px 20px;
  }
}
@media (max-width: 480px) {
  .pxl-image-box1.style2 .wrap-content {
    padding: 10px 20px 16px 20px;
  }
}
.pxl-image-box1.style2 .pxl-item--title {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .pxl-image-box1.style2 .pxl-item--title {
    font-size: 16px;
    line-height: 25px;
  }
}
.pxl-image-box1.style2 .pxl-item--button a {
  font-size: 24px;
  font-weight: 700;
  border-radius: 0px;
  padding: 0 30px;
  line-height: 46px;
  color: #fff;
}
@media (max-width: 575px) {
  .pxl-image-box1.style2 .pxl-item--button a {
    font-size: 20px;
    padding: 0 10px;
  }
}
.pxl-image-box1.style2 .pxl-item--button a:hover {
  text-decoration: underline;
}
.pxl-image-box2 .pxl-item--inner {
  display: flex;
  align-items: center;
}
.pxl-image-box2 .pxl-item--inner .pxl-item-image {
  width: 85px;
  height: 85px;
  min-width: 85px;
  border-radius: 200px;
  overflow: hidden;
}
.pxl-image-box2 .pxl-item--inner .pxl-item--holder {
  padding-left: 15px;
}
.pxl-image-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  margin-bottom: 0;
}
.pxl-image-box4 .pxl-item--inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pxl-image-box4 .pxl-item--inner .pxl-item--holder {
  padding-left: 23px;
}
.pxl-image-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title {
  margin-bottom: 0;
}
.pxl-image-box3 .pxl-item--inner {
  position: relative;
}
.pxl-image-box3 .pxl-item--inner .pxl-item--title {
  position: absolute;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 29px;
  z-index: 2;
  bottom: 20px;
  max-width: 150px;
  left: 50%;
  transform: translateX(-50%);
}
.pxl-image-box5 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.pxl-image-box5:before {
  z-index: 1;
  position: absolute;
  content: '';
  border: 1px solid #f5f5f5;
  top: 0px;
  left: 0px;
  bottom: 0px;
  border-radius: 8px;
  right: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-image-box5 .pxl-item--inner {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-image-box5 .pxl-item--inner .wrap-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--image {
  width: 76px;
  height: 69px;
  overflow: hidden;
}
.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--title {
  z-index: 3;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 17px;
  color: #1e1e2a;
  margin-bottom: 0;
  padding-left: 20px;
}
.pxl-image-box5 .pxl-item--inner .pxl-item--button {
  z-index: 3;
}
.pxl-image-box5 .pxl-item--inner .pxl-item--button i {
  z-index: 3;
  margin-right: 20px;
  font-size: 22px;
  color: #1e1e2a;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-image-box5:hover:before {
  border-color: var(--primary-color);
}
.pxl-image-box5:hover .pxl-item--title a, .pxl-image-box5:hover .pxl-item--button i {
  color: var(--primary-color) !important;
}
.pxl-image-box5 .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.pxl-image-box5 {
  position: relative;
}
.pxl-accordion .pxl-item-accordion {
  margin-bottom: 0;
  cursor: pointer;
}
.pxl-accordion .pxl-item--content-acc {
  display: none;
}
.pxl-accordion .fa-chevron-double-right {
  font-style: normal;
}
.pxl-accordion1.style1 .pxl-item-accordion {
  font-size: 18px;
  color: var(--secondary-color);
  position: relative;
  background-color: #f2f2f2;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 25px 80px 25px 25px;
  width: 100%;
}
.pxl-accordion1.style1 .fa-chevron-double-right {
  background-color: var(--secondary-color);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  width: 70px;
  font-size: 13px;
  justify-content: center;
  color: #fff;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  align-items: center;
  background-image: url(../img/bg-icon-acc2.png);
  background-position: center;
  background-size: cover;
}
.pxl-accordion1.style1 .pxl-item--content-acc {
  color: var(--secondary-color);
  line-height: 1.75;
  margin-bottom: 27px;
  padding: 0 80px 0 25px;
}
@media screen and (max-width: 1199px) {
  .pxl-accordion1.style1 .pxl-item--content-acc {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pxl-accordion1.style1 .pxl--item {
  margin-bottom: 12px;
}
.pxl-accordion1.style1 .pxl--item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right:before {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right {
  background-image: url(../img/bg-icon-acc.png);
}
.pxl-accordion2.style1 .pxl-item-accordion {
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  font-size: 18px;
  color: var(--secondary-color);
  position: relative;
  font-weight: 700;
  line-height: 1.3;
  padding: 20px 80px 19px 45px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .pxl-accordion2.style1 .pxl-item-accordion {
    padding: 20px 80px 10px 10px !important;
  }
}
.pxl-accordion2.style1 i {
  position: absolute;
  top: 0;
  right: 8px;
  height: 100%;
  display: flex;
  width: 70px;
  font-size: 20px;
  justify-content: center;
  color: var(--primary-color);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  align-items: center;
}
.pxl-accordion2.style1 .pxl-item--content-acc {
  color: var(--secondary-color);
  line-height: 1.75;
  margin-bottom: 27px;
  padding: 0 80px 0 45px;
}
@media screen and (max-width: 1199px) {
  .pxl-accordion2.style1 .pxl-item--content-acc {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pxl-accordion2.style1 .pxl--item {
  margin-bottom: 18px;
  border: 1px solid #efefef;
}
.pxl-accordion2.style1 .pxl--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.pxl-accordion2.style1 .pxl--item.active i {
  -webkit-transform: rotatex(180deg);
  -khtml-transform: rotatex(180deg);
  -moz-transform: rotatex(180deg);
  -ms-transform: rotatex(180deg);
  -o-transform: rotatex(180deg);
  transform: rotatex(180deg);
}
.pxl-accordion2.style1 .pxl--item.active {
  background-color: #f9fafc;
}
.pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion {
  padding: 23px 80px 8px 45px;
}
@media screen and (max-width: 1199px) {
  .pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion {
    padding: 20px 80px 10px 10px !important;
  }
}
.pxl-tabs .pxl-item--title {
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-tabs .pxl-item--content {
  display: none;
}
.pxl-tabs .elementor-section.elementor-section-stretched {
  width: auto !important;
  left: 0 !important;
}
.pxl-tabs .pxl-tabs--elementor {
  margin: 0 -15px;
}
.pxl-tabs.tab-effect-fade .pxl-item--content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100% !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-tabs.tab-effect-fade .pxl-item--content.active {
  position: static;
  opacity: 1 !important;
  visibility: visible;
}
.pxl-tabs.tab-effect-fade .pxl-tabs--content {
  position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0px;
  top: 0;
  text-align: center;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
  width: 100%;
  max-width: 835px;
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
    max-width: 100%;
  }
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
  position: absolute;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content:first-child {
  position: static;
  transform: translatey(15px);
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title {
    display: inline-block;
    position: relative;
  }
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
    display: block;
    position: relative;
  }
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
  position: absolute;
  display: inline-flex;
  justify-content: space-between;
  min-width: 350px;
  max-width: 350px;
  background-color: #fff;
  padding: 30px 20px 30px 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  align-items: center;
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    display: block;
    position: relative;
  }
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    display: inline-block;
    position: relative;
    min-width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
  margin-left: 20px;
}
@media (max-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
  font-size: 17px;
  font-weight: 700;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #444;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
  position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
  content: '';
  min-width: 95px;
  width: 95px;
  height: 37px;
  background-image: url(../img/bg-mask-tab.png);
  position: absolute;
  top: -6px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 0;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab {
  min-width: 95px;
  width: 95px;
  height: 93px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  mask-image: url(../img/mask-tab.png);
  -webkit-mask-image: url(../img/mask-tab.png);
  -ms-mask-image: url(../img/mask-tab.png);
  -o-mask-image: url(../img/mask-tab.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: -100%;
  background-color: var(--primary-color);
  z-index: -1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i {
  margin-top: 12px;
  font-size: 49px;
  color: #000;
  width: 100%;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (min-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(1) {
    top: 85px;
    left: 0;
  }
}
@media (min-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
    top: 85px;
    right: 80px;
  }
}
@media (max-width: 1100px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
    right: 0;
  }
}
@media (min-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
    bottom: 70px;
    left: 30px;
  }
}
@media (max-width: 1100px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
    left: 0px;
  }
}
@media (min-width: 991px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
    bottom: 70px;
    right: 50px;
  }
}
@media (max-width: 1100px) {
  .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
    right: 0;
  }
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i {
  margin-top: 6px;
  color: #fff;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab:before {
  top: 0;
}
.pxl-tabs3 .pxl-tabs--inner {
  position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0px;
  top: 0;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content {
    top: 0% !important;
    right: 0% !important;
    position: relative !important;
    height: 100% !important;
    text-align: center;
  }
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
  z-index: 0;
  text-align: right;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
    position: absolute;
    height: 100%;
    display: inline-block !important;
  }
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
  position: absolute;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
    position: static;
    height: 100%;
  }
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
  float: right;
  margin: 0;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
    max-width: 100%;
  }
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
  position: relative;
  display: flex;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
    position: relative;
    display: block;
    text-align: center;
  }
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
  max-width: 140px;
  min-width: 140px;
  text-align: center;
}
@media (max-width: 1024px) {
  .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    margin-top: 20px;
    position: relative;
    display: inline-block;
    max-width: 141px;
    min-width: 141px;
  }
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
  font-size: 17px;
  font-weight: 700;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #444;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
  position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
  content: '';
  min-width: 95px;
  width: 95px;
  height: 37px;
  background-image: url(../img/bg-mask-tab.png);
  position: absolute;
  top: 1px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  left: 22px;
}
@-moz-document url-prefix() {
  .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
    left: 23px;
  }
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab {
  min-width: 95px;
  width: 95px;
  height: 93px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  mask-image: url(../img/mask-tab.png);
  -webkit-mask-image: url(../img/mask-tab.png);
  -ms-mask-image: url(../img/mask-tab.png);
  -o-mask-image: url(../img/mask-tab.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: -100%;
  background-color: var(--primary-color);
  z-index: -1;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i {
  margin-top: 12px;
  font-size: 49px;
  color: #000;
  width: 100%;
  text-align: center;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .bf-mask-tab {
  top: -6px !important;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .bf-mask-tab {
  top: -6px;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i {
  margin-top: 6px;
}
.pxl-tabs1.style-round-box .wrap-title {
  display: flex;
  justify-content: end;
  padding-top: 11px;
}
.pxl-tabs1.style-round-box .wrap-title i {
  display: none;
}
.pxl-tabs1.style-round-box .pxl-tabs--title {
  padding: 5px 0;
  border-radius: 100px;
  font-size: 0;
}
.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title {
  background-color: #f2f2f2;
  padding: 5px;
  border-radius: 100px;
  color: var(--secondary-color);
}
.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title.active, .pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.pxl-tabs1.style-round-box .pxl-item-accordion {
  margin-bottom: 20px;
  display: inline-flex;
}
.pxl-tabs1.style-round-box .pxl-item--title {
  cursor: pointer;
  display: inline-block;
  line-height: 38px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-right: 14px;
  margin-top: 14px;
  position: relative;
  z-index: 1;
}
.pxl-tabs1.style-round-box .pxl-item--title.active, .pxl-tabs1.style-round-box .pxl-item--title:hover {
  color: #fff;
}
.pxl-tabs1.style-round-box .pxl-item--title:last-child {
  margin-right: 0px !important;
}
.pxl-tabs1.style-round-box .pxl-item--content {
  font-size: 17px;
  color: #7b7b7b;
  line-height: 1.647;
}
.pxl-tabs1 .pxl-tabs--title {
  padding: 25px;
  border-radius: 10px;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title {
  background-color: #fff;
  padding: 11px 35px;
  border-radius: 3px;
  color: var(--secondary-color);
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title span {
  display: flex;
  align-items: center;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title span i {
  padding-left: 10px;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title.active, .pxl-tabs1 .pxl-tabs--title .pxl-item--title:hover {
  color: #fff;
  background-color: #fab319;
}
.pxl-tabs1 .pxl-item-accordion {
  margin-bottom: 20px;
  display: inline-flex;
}
.pxl-tabs1 .pxl-item--title {
  cursor: pointer;
  display: inline-block;
  line-height: 38px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-right: 14px;
  position: relative;
  z-index: 1;
}
.pxl-tabs1 .pxl-item--title.active, .pxl-tabs1 .pxl-item--title:hover {
  color: #fff;
}
.pxl-tabs1 .pxl-item--title:last-child {
  margin-right: 0px !important;
}
.pxl-tabs1 .pxl-item--content {
  font-size: 17px;
  color: #7b7b7b;
  line-height: 1.647;
}
.over-hd {
  overflow: hidden;
}
.tt_navigation_cell {
  width: 100%;
  display: flex;
  justify-content: center;
  background-image: url(../img/bg-timetable.png);
  background-position: center;
  background-size: cover;
  padding: 77px 20px;
  margin: 0 !important;
}
@media (max-width: 1250px) {
  .tt_navigation_cell {
    background-image: none;
    background-color: #000;
    padding: 50px 20px;
  }
}
@media (max-width: 991px) {
  .tt_navigation_cell {
    padding: 30px 20px;
  }
}
@media (max-width: 480px) {
  .tt_navigation_cell {
    padding: 30px 15px;
  }
}
.tt_navigation_cell .tt_tabs_navigation li {
  margin: 10px !important;
}
.tt_navigation_cell .tt_tabs_navigation li a {
  border-radius: 5px;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-size: 20px !important;
  padding: 12px 30px !important;
  transition: 0.3s !important;
}
.tt_navigation_cell .tt_tabs_navigation li a:hover {
  background-color: var(--primary-color);
}
@media (max-width: 575px) {
  .tt_navigation_cell .tt_tabs_navigation li a {
    padding: 8px 20px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 480px) {
  .tt_navigation_cell .tt_tabs_navigation li a {
    padding: 8px 18px !important;
    font-size: 15px !important;
  }
}
.tt_tabs > .ui-tabs-panel {
  margin-top: -73px;
  background-color: #fcf9f4;
  padding: 115px !important;
}
@media (max-width: 1200px) {
  .tt_tabs > .ui-tabs-panel {
    padding: 115px 70px !important;
  }
}
@media (max-width: 991px) {
  .tt_tabs > .ui-tabs-panel {
    padding: 115px 10px !important;
  }
}
@media (max-width: 767px) {
  .tt_tabs > .ui-tabs-panel {
    padding: 75px 10px 55px 10px !important;
  }
}
.pxl-tabs4.style-round-box .pxl-tabs--title {
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .pxl-tabs4.style-round-box .pxl-tabs--title {
    display: block;
  }
}
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
  font-size: 18px;
  font-weight: 700;
  line-height: 39px;
  padding: 0 30px;
  text-transform: uppercase;
  color: #000;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  margin: 0;
}
@media (max-width: 767px) {
  .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
    font-size: 16px;
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
    line-height: 30px;
    display: block;
    margin-bottom: 10px;
  }
}
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title.active, .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.pxl-tabs4.style-button-set .pxl-tabs--title {
  display: block;
}
@media (max-width: 575px) {
  .pxl-tabs4.style-button-set .pxl-tabs--title {
    display: block;
  }
}
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  line-height: 69px;
  padding: 0 30px;
  margin: 0 15px;
  text-transform: capitalize;
  color: #000;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (max-width: 767px) {
  .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
    font-size: 16px;
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
    line-height: 30px;
    display: block;
    margin-bottom: 10px;
  }
}
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title.active, .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.pxl-tabs5 .pxl-tabs--inner {
  display: flex;
}
@media (max-width: 991px) {
  .pxl-tabs5 .pxl-tabs--inner {
    display: block;
  }
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title {
  width: 50%;
}
@media (max-width: 991px) {
  .pxl-tabs5 .pxl-tabs--inner .wrap-title {
    width: 100%;
  }
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
  display: flex;
  flex-wrap: wrap;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
  padding: 0 15px;
  width: 50%;
  margin-bottom: 85px;
}
@media (max-width: 575px) {
  .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
    width: 100%;
  }
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
  background-color: #fff;
  border-radius: 5px;
  padding: 0 30px 23px 30px;
  position: relative;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:before {
  position: absolute;
  content: '';
  width: 98px;
  height: 5px;
  background-color: var(--primary-color);
  transform: skew(-45deg);
  top: -5px;
  right: 0;
  opacity: 0;
  -webkit-transition: 200ms linear 0ms;
  -khtml-transition: 200ms linear 0ms;
  -moz-transition: 200ms linear 0ms;
  -ms-transition: 200ms linear 0ms;
  -o-transition: 200ms linear 0ms;
  transition: 200ms linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:after {
  position: absolute;
  content: '';
  width: 98px;
  height: 5px;
  background-color: var(--primary-color);
  transform: skew(-45deg);
  bottom: -5px;
  left: 0;
  opacity: 0;
  -webkit-transition: 200ms linear 0ms;
  -khtml-transition: 200ms linear 0ms;
  -moz-transition: 200ms linear 0ms;
  -ms-transition: 200ms linear 0ms;
  -o-transition: 200ms linear 0ms;
  transition: 200ms linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .icon-tab i {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 3px;
  border: 1px solid #efefef;
  background-color: #fff;
  text-align: center;
  transform: translatey(-35px);
  line-height: 70px;
  font-size: 40px;
  color: var(--primary-color);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab {
  margin-top: -15px;
  font-size: 22px;
  font-weight: 700;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .title-tab, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .title-tab {
  color: var(--primary-color);
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:before, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:before {
  right: 20px;
  opacity: 1;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:after, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:after {
  left: 20px;
  opacity: 1;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .icon-tab i {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content {
  width: 50%;
}
@media (max-width: 991px) {
  .pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content {
    width: 100%;
  }
}
.pxl-tabs6 .pxl-item--content {
  display: block;
  opacity: 0;
}
.pxl-tabs6 .wrap-title {
  margin-bottom: 50px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title {
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 575px) {
  .pxl-tabs6 .wrap-title .pxl-tabs--title {
    display: grid;
    justify-content: stretch;
  }
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title {
  position: relative;
  padding-bottom: 14px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:before {
  position: absolute;
  content: '';
  background-color: #e3e3e3;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:after {
  position: absolute;
  content: '';
  background-color: var(--primary-color);
  width: 0%;
  height: 3px;
  bottom: 0;
  border-radius: 100px;
  left: 0;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab {
  padding-right: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab:before {
  opacity: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child:before {
  border-radius: 0 100px 100px 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title.active:after {
  width: 100%;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab {
  padding-left: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab img {
  margin-left: -3px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child:before {
  border-radius: 100px 0 0 100px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab {
  position: relative;
  padding: 0 30px;
  align-items: center;
  display: flex;
}
@media (max-width: 575px) {
  .pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab {
    padding: 0px;
    padding-top: 10px;
  }
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
  position: absolute;
  content: '';
  background-color: #c7c7c7;
  height: 19px;
  width: 2px;
  top: 50%;
  right: -1px;
  transform: translatey(-50%);
}
@media (max-width: 575px) {
  .pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
    display: none;
  }
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab span {
  font-size: 19px;
  font-weight: 700;
  line-height: 31px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab img {
  width: 31px;
  margin-right: 8px;
}
.pxl-progressbar-1 .pxl--progressbar {
  height: 10px;
  position: relative;
  width: 0;
  -webkit-transition: width 1.4s ease;
  -khtml-transition: width 1.4s ease;
  -moz-transition: width 1.4s ease;
  -ms-transition: width 1.4s ease;
  -o-transition: width 1.4s ease;
  transition: width 1.4s ease;
  background-color: var(--gradient-color-from);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  top: 5px;
}
.pxl-progressbar-1 .pxl--holder {
  background-color: #f4f4f4;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
}
.pxl-progressbar-1 .pxl--percentage {
  font-size: 15px;
  font-weight: 500;
  color: #382c4d;
}
.pxl-progressbar-1 .pxl--title {
  font-weight: 500;
  font-size: 16px;
  color: #382c4d;
  flex-grow: 1;
  margin-right: 20px;
  margin-bottom: 0;
}
.pxl-progressbar-1 .pxl--meta {
  margin-bottom: 7px;
}
.pxl-progressbar-1 .pxl--item + .pxl--item {
  margin-top: 28px;
}
.pxl-progressbar-2 .pxl-item--icon {
  width: 46px;
  height: 46px;
  -webkit-border-radius: 46px;
  -khtml-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
  border-radius: 46px;
  background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
  font-size: 20px;
  color: #fff;
  min-width: 46px;
  margin-top: 3px;
  margin-right: 10px;
}
.pxl-progressbar-2 .pxl--progressbar {
  height: 13px;
  position: relative;
  width: 0;
  -webkit-transition: width 1.4s ease;
  -khtml-transition: width 1.4s ease;
  -moz-transition: width 1.4s ease;
  -ms-transition: width 1.4s ease;
  -o-transition: width 1.4s ease;
  transition: width 1.4s ease;
  background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.pxl-progressbar-2 .pxl--holder {
  background-color: rgba(0, 0, 0, 0.13);
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 13px;
}
.pxl-progressbar-2 .pxl--percentage {
  font-size: 18px;
  font-weight: 500;
  color: #382c4d;
}
.pxl-progressbar-2 .pxl--title {
  font-weight: 500;
  font-size: 18px;
  color: #382c4d;
  flex-grow: 1;
  margin-right: 20px;
  margin-bottom: 0;
}
.pxl-progressbar-2 .pxl--meta {
  margin-bottom: 7px;
}
.pxl-progressbar-2 .pxl--item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.pxl-progressbar-2 .pxl--item .pxl--bottom {
  flex-grow: 1;
}
.pxl-progressbar-2 .pxl--item + .pxl--item {
  margin-top: 25px;
}
.pxl-team-carousel1 .pxl-swiper-pagination-bullet, .pxl-team-grid1 .pxl-swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d3d3d3;
}
.pxl-team-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-team-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-team-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-team-grid1 .pxl-swiper-pagination-bullet:hover {
  background-color: var(--primary-color);
}
.pxl-team-carousel1 .pxl-swiper-dots, .pxl-team-grid1 .pxl-swiper-dots {
  margin-top: -20px;
}
.pxl-team-carousel1 .pxl-swiper-arrow, .pxl-team-grid1 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translateY(0px);
}
.pxl-team-carousel1 .pxl-swiper-wrapper, .pxl-team-grid1 .pxl-swiper-wrapper {
  padding: 50px 0;
}
.pxl-team-carousel1 .pxl-grid-item, .pxl-team-grid1 .pxl-grid-item {
  margin-bottom: 55px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner {
  position: relative;
  padding: 27px 25px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:before {
  position: absolute;
  content: '';
  top: -3px;
  left: 0;
  background-color: #ededed;
  width: 120px;
  height: 135px;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 2;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:after, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:after {
  position: absolute;
  content: '';
  bottom: -3px;
  right: 0;
  background-color: #e4e4e4;
  width: 70px;
  height: 80px;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  z-index: 2;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image {
  position: relative;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image {
  overflow: hidden;
  position: relative;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before {
  position: absolute;
  content: '';
  background: linear-gradient(to left, var(--secondary-color) 0%, transparent 100%);
  opacity: 0.9;
  right: -125px;
  top: 0;
  width: 125px;
  z-index: 2;
  height: 100%;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social {
  z-index: 3;
  position: absolute;
  bottom: -26px;
  right: 20px;
  display: grid;
  text-align: center;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a {
  margin-bottom: 4px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  opacity: 0;
  transform: translatey(10px);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i {
  color: #fff;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i {
  color: var(--primary-color);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn {
  margin-top: 9px;
  display: block;
  width: 52px;
  height: 52px;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i {
  line-height: 52px;
  font-size: 20px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--title, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--title {
  font-size: 22px;
  color: var(--secondary-color);
  font-weight: 700;
  margin-bottom: 0;
  padding: 17px 0 1px 0;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--position, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--position {
  font-size: 16px;
  color: #666;
  font-weight: 400;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a {
  opacity: 1;
  transform: translatey(0);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1) {
  transition-delay: 100ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2) {
  transition-delay: 200ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3) {
  transition-delay: 300ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4) {
  transition-delay: 400ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5) {
  transition-delay: 500ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before {
  right: 0;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover img, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover img, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover img, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover img {
  transform: scale(1.03);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:before {
  background-color: var(--primary-color);
  top: 0px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:after, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:after {
  bottom: 0px;
  background-color: var(--primary-color);
}
.pxl-team-carousel2 .pxl-swiper-arrow, .pxl-team-grid2 .pxl-swiper-arrow {
  opacity: 0;
  height: 100%;
  top: 0;
  transform: translateY(0px);
}
.pxl-team-carousel2 .pxl-swiper-arrow-prev, .pxl-team-grid2 .pxl-swiper-arrow-prev {
  left: -50px !important;
}
.pxl-team-carousel2 .pxl-swiper-arrow-next, .pxl-team-grid2 .pxl-swiper-arrow-next {
  right: -50px !important;
}
.pxl-team-carousel2 .pxl-swiper-wrapper, .pxl-team-grid2 .pxl-swiper-wrapper {
  padding: 50px 0;
}
.pxl-team-carousel2 .pxl-swiper-slide.pxl-grid-item, .pxl-team-grid2 .pxl-swiper-slide.pxl-grid-item, .pxl-team-carousel2 .pxl-grid-item.pxl-grid-item, .pxl-team-grid2 .pxl-grid-item.pxl-grid-item {
  margin-bottom: 72px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner {
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 40px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image {
  display: inline-flex;
  width: 240px;
  height: 240px;
  border-radius: 200px;
  overflow: hidden;
  padding: 10px;
  margin: 0 auto;
  position: relative;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image a, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image a {
  width: 100%;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image img, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image img {
  border-radius: 300px;
  height: 100%;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 200px;
  border: 2px dashed #a6a6a6;
  content: '';
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  margin-top: 62px;
  padding: 40px 0 30px 0;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 20px;
  position: relative;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb {
  position: absolute;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  border: 2px solid #e9e9e9;
  top: -27px;
  width: max-content;
  left: 50%;
  transform: translatex(-50%);
  background-color: #fff;
  padding: 7px 50px 10px 35px;
  font-size: 17px;
  font-weight: 700;
  color: #000;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i {
  color: var(--primary-color);
  font-size: 17px;
  padding-right: 10px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social {
  overflow: hidden;
  height: 0px;
  transition: 300ms !important;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a {
  display: inline-block;
  padding: 0 17px;
  color: #7c7d94;
  -webkit-transition: 300ms all linaer;
  -khtml-transition: 300ms all linaer;
  -moz-transition: 300ms all linaer;
  -ms-transition: 300ms all linaer;
  -o-transition: 300ms all linaer;
  transition: 300ms all linaer;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover {
  color: var(--primary-color);
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position {
  font-size: 16px;
  color: #999;
  font-weight: 700;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 6px;
}
.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-grid2 .pxl-grid-item:hover .pxl-item--image:before {
  border-color: var(--primary-color);
  animation: pxl_spin 8s linear infinite;
}
.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--social, .pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--social, .pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--social, .pxl-team-grid2 .pxl-grid-item:hover .pxl-item--social {
  height: 23px !important;
  margin-bottom: 20px !important;
}
.pxl-team-grid3 .pxl-grid-item {
  margin-bottom: 44px;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social {
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social {
  padding-top: 20px;
  z-index: 3;
  position: absolute;
  bottom: 0;
  right: 0px;
  display: grid;
  text-align: center;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 80%, transparent 100%);
  z-index: 0;
  width: 100%;
  height: 0%;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a {
  margin-bottom: 4px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  opacity: 0;
  transform: translatey(10px);
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i {
  color: #fff;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
  color: var(--primary-color);
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  z-index: 2;
  margin-top: 9px;
  display: block;
  width: 48px;
  height: 48px;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn i {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  line-height: 48px;
  font-size: 20px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom {
  text-align: center;
  padding-left: 30px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder {
  background-color: #e4e4e4;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 17px 10px 20px 10px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title a {
  transition: 200ms;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb {
  padding-top: 12px;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb i {
  color: var(--primary-color);
  padding-right: 10px;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder {
  background-color: var(--primary-color);
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title a {
  color: #fff !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--position {
  color: #fff !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .item--social-btn {
  background-color: #fff !important;
  color: var(--primary-color) !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a {
  opacity: 1 !important;
  transform: translatey(0) !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social:before {
  height: 100% !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(1) {
  transition-delay: 100ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(2) {
  transition-delay: 200ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(3) {
  transition-delay: 300ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(4) {
  transition-delay: 400ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(5) {
  transition-delay: 500ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--image:before {
  right: 0;
}
.pxl-team-grid3 .pxl-grid-item:hover:before {
  background-color: var(--primary-color);
  top: 0px;
}
.pxl-team-grid3 .pxl-grid-item:hover:after {
  bottom: 0px;
  background-color: var(--primary-color);
}
.pxl-team-grid4 .pxl-swiper-arrow, .pxl-team-carousel3 .pxl-swiper-arrow {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 44px !important;
  height: 44px !important;
  border: none;
  top: 127px !important;
}
.pxl-team-grid4 .pxl-swiper-arrow i, .pxl-team-carousel3 .pxl-swiper-arrow i {
  font-size: 11px;
}
.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next {
  right: -22px !important;
}
.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
  left: -22px !important;
}
.pxl-team-grid4 .pxl-grid-item, .pxl-team-carousel3 .pxl-grid-item, .pxl-team-grid4 .pxl-swiper-slide, .pxl-team-carousel3 .pxl-swiper-slide {
  margin-bottom: 44px;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
  position: relative;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before {
  position: absolute;
  content: '';
  top: 40px;
  bottom: 40px;
  right: 40px;
  left: 40px;
  background-color: #000;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  opacity: 0;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social {
  position: relative;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social {
  z-index: 3;
  position: absolute;
  bottom: 40%;
  left: 50%;
  display: flex;
  text-align: center;
  transform: translate(-50%);
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a {
  width: 52px;
  margin: 0 5px;
  height: 52px;
  margin-bottom: 4px;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  opacity: 0;
  transform: translatey(10px);
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i {
  background-color: #fff;
  width: 100%;
  color: #737879;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  line-height: 52px;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover {
  transition-delay: 0ms !important;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
  transition-delay: 0ms !important;
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom {
  text-align: center;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  padding: 17px 10px 38px 10px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.pxl-team-grid4 .pxl-grid-item .wrap-content-bottom, .pxl-team-carousel3 .pxl-grid-item .wrap-content-bottom, .pxl-team-grid4 .pxl-swiper-slide .wrap-content-bottom, .pxl-team-carousel3 .pxl-swiper-slide .wrap-content-bottom {
  position: relative;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover {
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
  background-color: var(--primary-color);
  text-align: center;
  padding: 17px 10px 20px 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: scaley(0);
  transform-origin: top;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title a, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title a, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a, .pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--position, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--position, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding-bottom: 15px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: underline;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover {
  opacity: 0.9;
}
.pxl-team-grid4 .pxl-grid-item .content-bottom, .pxl-team-carousel3 .pxl-grid-item .content-bottom, .pxl-team-grid4 .pxl-swiper-slide .content-bottom, .pxl-team-carousel3 .pxl-swiper-slide .content-bottom {
  position: relative;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-meta-hover, .pxl-team-carousel3 .pxl-grid-item:hover .wrap-meta-hover, .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-meta-hover, .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-meta-hover {
  transform: scaley(1);
}
.pxl-team-grid4 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-carousel3 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-grid4 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.61;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a, .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a {
  opacity: 1 !important;
  transform: translatey(0) !important;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1) {
  transition-delay: 200ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2) {
  transition-delay: 300ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3) {
  transition-delay: 400ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4) {
  transition-delay: 500ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5) {
  transition-delay: 600ms;
}
.pxl-team-carousel4 .pxl-swiper-slide {
  padding: 0;
}
.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--title {
  font-size: 22px;
  margin: 20px 0 5px 0;
}
.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--position {
  font-size: 16px;
  color: #666;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image {
  position: relative;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social {
  position: absolute;
  display: grid;
  bottom: 20px;
  border-radius: 5px;
  overflow: hidden;
  right: -10px;
  background-color: var(--primary-color);
  transform: rotatey(90deg);
  opacity: 0;
  transform-origin: right;
  transition: 300ms all linear 0ms;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a {
  background-color: var(--primary-color);
  color: #fff;
  line-height: 31px;
  text-align: center;
  padding: 0 10px;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:first-child, .pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:last-child {
  padding: 4px 10px;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:hover {
  color: var(--primary-color);
  background-color: #fff;
}
.pxl-team-carousel4 .pxl-swiper-slide:hover .pxl-item--social {
  transform: rotatey(0deg);
  right: 20px;
  opacity: 1;
}
.pxl-team-carousel5 .pxl-swiper-container {
  padding: 50px 24px;
  margin: 0 -20px;
}
.pxl-team-carousel5 .pxl-swiper-slide {
  opacity: 0;
  padding: 0 15px;
}
.pxl-team-carousel5 .pxl-swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.pxl-team-carousel5 .pxl-swiper-slide .pxl-item--inner {
  filter: drop-shadow(3px 5px 25px rgba(0, 0, 0, 0.1));
  display: flex;
  justify-content: center;
}
.pxl-team-carousel5 .pxl-swiper-slide:nth-child(even) .wrap-item-inner {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow: hidden;
  min-height: 543px;
  max-width: 272px;
  mask-image: url(../img/mt2.png);
  -webkit-mask-image: url(../img/mt2.png);
  -ms-mask-image: url(../img/mt2.png);
  -o-mask-image: url(../img/mt2.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
}
.pxl-team-carousel5 .pxl-swiper-slide:nth-child(odd) .wrap-item-inner {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow: hidden;
  min-height: 543px;
  max-width: 272px;
  mask-image: url(../img/mt1.png);
  -webkit-mask-image: url(../img/mt1.png);
  -ms-mask-image: url(../img/mt1.png);
  -o-mask-image: url(../img/mt1.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner {
  border-radius: 3px;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--title {
  font-size: 30px;
  line-height: 32px;
  margin: 20px 0 5px 0;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--position {
  font-size: 15px;
  color: var(--primary-color);
  margin: 8px 0 20px 0;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta {
  padding: 6px 48px 30px 48px;
  overflow: hidden;
  position: relative;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta:before {
  position: absolute;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
  content: '';
  width: 100%;
  height: 0px;
  bottom: 0;
  left: 0;
  background-color: var(--primary-color);
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social {
  border-radius: 5px;
  overflow: hidden;
  transition: 300ms all linear 0ms;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a {
  color: #fff;
  display: inline-block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  color: #1c1c1c;
  border-radius: 100px;
  border: 1px solid #1c1c1c;
  text-align: center;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a i {
  line-height: 43px;
  font-size: 18px;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a:hover {
  color: var(--primary-color);
  background-color: #fff;
  border-color: var(--primary-color);
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--image {
  position: relative;
  min-height: 327px;
  max-height: 327px;
  overflow: hidden;
}
.pxl-team-carousel5 .pxl-swiper-slide:hover .pxl-item--meta:before {
  height: 6px;
}
.pxl-team-grid5 .pxl-grid-item {
  margin-bottom: 57px;
}
.pxl-team-grid5 .pxl-grid-item:last-child() {
  margin-bottom: 0 !important;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pxl-team-grid5 .pxl-grid-item .pxl-item--inner {
    display: block;
  }
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  min-width: 205px;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social:before {
  position: absolute;
  content: '';
  background-image: linear-gradient(90deg, #0054ff 0%, #00e8f1 100%);
  opacity: 0.9;
  width: 101%;
  height: 0px;
  bottom: -1px;
  left: 0;
  z-index: 1;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
  -webkit-transition: 300ms ease 0ms;
  -khtml-transition: 300ms ease 0ms;
  -moz-transition: 300ms ease 0ms;
  -ms-transition: 300ms ease 0ms;
  -o-transition: 300ms ease 0ms;
  transition: 300ms ease 0ms;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 62px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a {
  transform: scale(0);
  -webkit-transition: 300ms ease 0ms;
  -khtml-transition: 300ms ease 0ms;
  -moz-transition: 300ms ease 0ms;
  -ms-transition: 300ms ease 0ms;
  -o-transition: 300ms ease 0ms;
  transition: 300ms ease 0ms;
  margin: 0 6px;
  display: block;
  text-align: center;
  height: 36px;
  width: 36px;
  border-radius: 100px;
  background-color: #fff;
  line-height: 36px;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i {
  color: #050505;
  -webkit-transition: 300ms ease 0ms;
  -khtml-transition: 300ms ease 0ms;
  -moz-transition: 300ms ease 0ms;
  -ms-transition: 300ms ease 0ms;
  -o-transition: 300ms ease 0ms;
  transition: 300ms ease 0ms;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i {
  color: #aff006;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .pxl-team-grid5 .pxl-grid-item .wrap-content-bottom {
    padding-left: 0px;
    padding-top: 20px;
  }
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--title {
  font-size: 22px;
  color: #050505;
  margin-bottom: 0;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position {
  font-size: 16px;
  color: #444;
  position: relative;
  padding: 2px 0 10px 0;
  margin-bottom: 15px;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position:before {
  position: absolute;
  content: '';
  background-image: linear-gradient(90deg, #12ad1a 0%, #aff006 100%);
  bottom: 0;
  left: 0;
  width: 33px;
  height: 3px;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--description {
  font-size: 16px;
  color: #444;
  line-height: 24px;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a {
  transform: scale(1) !important;
  transition-delay: 100ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(2) {
  transition-delay: 150ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(3) {
  transition-delay: 250ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social:before {
  height: 100px;
}
.pxl-team-grid5.style2 .wrap-image-social {
  order: 2;
}
.pxl-team-grid5.style2 .wrap-content-bottom {
  padding-left: 0px;
  padding-right: 15px;
}
.pxl-pricing1 {
  padding: 48px 45px;
  position: relative;
}
@media (max-width: 480px) {
  .pxl-pricing1 {
    padding: 25px;
  }
}
.pxl-pricing1 .item--star {
  position: absolute;
  padding: 5px 10px;
  background-color: #fff;
  top: -10px;
  border-radius: 5px;
  right: 20px;
}
.pxl-pricing1 .item--star i {
  color: #fab319;
}
.pxl-pricing1:before {
  z-index: -1;
  position: absolute;
  content: '';
  width: 100%;
  background-color: var(--regular-color);
  height: 50%;
  top: 0;
  left: 0;
  display: inline-block;
  mask-image: url(../img/mask-pricing.png);
  -webkit-mask-image: url(../img/mask-pricing.png);
  -ms-mask-image: url(../img/mask-pricing.png);
  -o-mask-image: url(../img/mask-pricing.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 1024px) {
  .pxl-pricing1:before {
    -webkit-mask-image: none;
  }
}
.pxl-pricing1:after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 100%;
  height: 80%;
  background-color: var(--regular-color);
  bottom: 0;
  left: 0;
  display: inline-block;
  mask-image: url(../img/mask-pricing.png);
  -webkit-mask-image: url(../img/mask-pricing.png);
  -ms-mask-image: url(../img/mask-pricing.png);
  -o-mask-image: url(../img/mask-pricing.png);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -ms-mask-position: center bottom;
  -o-mask-position: center bottom;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
@media (max-width: 1024px) {
  .pxl-pricing1:after {
    -webkit-mask-image: none;
  }
}
.pxl-pricing1 .pxl-item--title {
  font-size: 24px;
  position: relative;
  margin-top: -2px;
  margin-bottom: 12px;
}
.pxl-pricing1 .pxl-item--title span {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--title {
    font-size: 20px;
  }
}
.pxl-pricing1 .pxl-item--subtitle {
  font-family: 'Mulish';
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 23px;
  position: relative;
  -webkit-transition: 300ms all linear 0ms;
  -khtml-transition: 300ms all linear 0ms;
  -moz-transition: 300ms all linear 0ms;
  -ms-transition: 300ms all linear 0ms;
  -o-transition: 300ms all linear 0ms;
  transition: 300ms all linear 0ms;
}
.pxl-pricing1 .pxl-item--feature {
  position: relative;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}
.pxl-pricing1 .pxl-item--feature li {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: 'Mulish';
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 480px) {
  .pxl-pricing1 .pxl-item--feature li {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--feature {
    font-size: 15px;
  }
}
.pxl-pricing1 .pxl-item--feature i {
  line-height: 1;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-right: 15px;
  margin-bottom: -4px;
}
.pxl-pricing1 .pxl-item--feature li + li {
  margin-top: 19px;
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--feature li + li {
    margin-top: 20px;
  }
}
.pxl-pricing1 .pxl-item--feature .non-active i {
  color: #ec2a00;
  font-size: 11px;
}
.pxl-pricing1 .pxl-item--feature .non-active i:before {
  content: "\f126";
}
.pxl-pricing1 .pxl-item--price {
  position: relative;
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--price {
    font-size: 24px;
  }
}
.pxl-pricing1 .pxl-item--price small {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--price small {
    font-size: 14px;
  }
}
.pxl-pricing1 .pxl-item--meta {
  position: relative;
  background-color: #fff;
  padding: 34px 20px 30px;
  -webkit-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
  -khtml-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 991px) {
  .pxl-pricing1 .pxl-item--meta {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pxl-pricing1 .pxl-item--readmore {
  margin-bottom: 12px;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore {
  position: relative;
  border-radius: 3px;
  border: 2px solid #fff;
  background-color: transparent;
  overflow: hidden;
  color: #fff;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  padding: 13px 30px;
}
@media (max-width: 480px) {
  .pxl-pricing1 .pxl-item--readmore .btn-readmore {
    padding: 10px 20px;
    font-size: 16px;
  }
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:after {
  transform: skewX(0deg);
  right: 0;
  left: auto;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover {
  background-color: #fab319;
  border-color: #fab319;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover:after {
  transition: 250ms all linear 350ms;
  width: 100%;
  left: 0;
  right: auto;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore i {
  padding-left: 10px;
  font-size: 22px;
}
.pxl-pricing-carousel1 .pxl-swiper-dots {
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -41px;
  margin-top: 0;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  margin: 5px 0;
  background-color: #f2f2f2;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.pxl-pricing-carousel1 .swiper-container-vertical {
  height: 440px;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper {
  flex-direction: column;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pxl-pricing-carousel1 .pxl-swiper-slide {
  padding-bottom: 30px;
  overflow: hidden;
  -webkit-transition: 250ms all linear 0ms;
  -khtml-transition: 250ms all linear 0ms;
  -moz-transition: 250ms all linear 0ms;
  -ms-transition: 250ms all linear 0ms;
  -o-transition: 250ms all linear 0ms;
  transition: 250ms all linear 0ms;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content {
  background-color: #f2f2f2;
  text-align: center;
  padding: 39px 0 36px 0;
  position: relative;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content:before {
  position: absolute;
  content: '';
  width: 0;
  height: 5px;
  background-color: var(--primary-color);
  left: 50%;
  right: 50%;
  bottom: 0;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title {
  font-size: 20px;
  font-weight: 700;
  color: #050505;
  margin-bottom: -5px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price {
  margin-bottom: -2px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit {
  font-size: 24px;
  font-weight: 700;
  color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing {
  font-size: 48px;
  font-weight: 700;
  color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc {
  font-size: 16px;
  font-weight: 700;
  color: #878787;
}
.pxl-pricing-carousel1 .pxl-swiper-slide:hover {
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide:hover .wrap-inner-content:before {
  width: 100%;
  left: 0;
  right: 0;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content {
  background-color: rgba(255, 255, 255, 0.12);
}
.pxl-pricing-carousel1.style1 .wrap-inner-content:before {
  top: 0;
  bottom: auto;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--title {
  color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--unit {
  color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--pricing {
  color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--desc {
  color: #878787;
}
body.rtl .pxl-pricing2 .pxl-item--feature li i {
  margin-right: 0;
  margin-left: 20px;
}
body.rtl .pxl-pricing2 .pxl-item--button {
  margin-left: 0;
  margin-right: -30px;
}
body.rtl .pxl-pricing2 .pxl-item--button a {
  -webkit-border-radius: 69px 0 0 69px;
  -khtml-border-radius: 69px 0 0 69px;
  -moz-border-radius: 69px 0 0 69px;
  -ms-border-radius: 69px 0 0 69px;
  -o-border-radius: 69px 0 0 69px;
  border-radius: 69px 0 0 69px;
}
body.rtl .pxl-pricing2 .pxl-item--video {
  margin-right: 0;
  margin-left: -30px;
}
body.rtl .pxl-pricing2 .pxl-item--price {
  -webkit-border-radius: 0 85px 85px 0;
  -khtml-border-radius: 0 85px 85px 0;
  -moz-border-radius: 0 85px 85px 0;
  -ms-border-radius: 0 85px 85px 0;
  -o-border-radius: 0 85px 85px 0;
  border-radius: 0 85px 85px 0;
}
.pxl-hidden-button {
  cursor: pointer;
  -webkit-transition: 200ms all linear 0ms;
  -khtml-transition: 200ms all linear 0ms;
  -moz-transition: 200ms all linear 0ms;
  -ms-transition: 200ms all linear 0ms;
  -o-transition: 200ms all linear 0ms;
  transition: 200ms all linear 0ms;
}
@media (max-width: 1500px) {
  .hide-1500 {
    display: none;
  }
}
.pxl-hidden-sidebar.active .pxl-item--overlay {
  -webkit-transform: scaleX(1);
  -khtml-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.pxl-hidden-sidebar.active .pxl-item--conent {
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.pxl-hidden-sidebar .pxl-item--overlay {
  background-color: rgba(27, 35, 54, 0.8);
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 1026;
  -webkit-transform: scaleX(0);
  -khtml-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.pxl-hidden-sidebar .pxl-item--conent {
  overflow-y: scroll;
  position: fixed;
  z-index: 1029;
  top: 0;
  right: 0;
  bottom: 0;
  width: 450px;
  font-size: 15px;
  line-height: 26px;
  color: #383838;
  overflow: hidden;
  -webkit-transform: translateX(460px);
  -khtml-transform: translateX(460px);
  -moz-transform: translateX(460px);
  -ms-transform: translateX(460px);
  -o-transform: translateX(460px);
  transform: translateX(460px);
  -webkit-transition: transform 0.8s ease 0s;
  -khtml-transition: transform 0.8s ease 0s;
  -moz-transition: transform 0.8s ease 0s;
  -ms-transition: transform 0.8s ease 0s;
  -o-transition: transform 0.8s ease 0s;
  transition: transform 0.8s ease 0s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.pxl-hidden-sidebar .pxl-item--conent:hover .pxl-close {
  top: 40px;
  opacity: 1;
}
.pxl-widget-cart-wrap:hover .pxl-close {
  background-color: var(--secondary-color) !important;
  top: 10px;
  opacity: 1;
}
.pxl-widget-cart-wrap:hover .pxl-close:before, .pxl-widget-cart-wrap:hover .pxl-close:after {
  background-color: #fff !important;
}
.far {
	font-family: "Font Awesome 5 Pro" !important;
}