@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap);
@charset "UTF-8";
.mx-auto, .content,
.content-medium,
.content-small {
  margin: 0 auto;
}

.content {
  max-width: 75rem;
}

.content-medium {
  max-width: 56.25rem;
}

.content-small {
  max-width: 37.5rem;
  line-height: 1.4;
}

p a {
  text-decoration: underline;
  font-weight: 500;
}

.font-default {
  font-family: "Open Sans", sans-serif;
}

.text, #blog p,
#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text.extra-large, #blog p.extra-large,
#blog h2.extra-large,
#blog h3.extra-large,
#blog h4.extra-large,
#blog h5.extra-large,
#blog h6.extra-large, .text .extra-large, #blog p .extra-large,
#blog h2 .extra-large,
#blog h3 .extra-large,
#blog h4 .extra-large,
#blog h5 .extra-large,
#blog h6 .extra-large {
  font-size: 2.25rem;
  line-height: 2.625rem;
}
.text.large, #blog p.large,
#blog h2,
#blog h3.large,
#blog h4.large,
#blog h5.large,
#blog h6.large, .text .large, #blog p .large,
#blog h2 .large,
#blog h3 .large,
#blog h4 .large,
#blog h5 .large,
#blog h6 .large {
  font-size: 2rem;
  line-height: 2.375rem;
}
.text.medium, #blog p.medium,
#blog h2.medium,
#blog h3.medium,
#blog h4.medium,
#blog h5.medium,
#blog h6.medium, .text .medium, #blog p .medium,
#blog h2 .medium,
#blog h3 .medium,
#blog h4 .medium,
#blog h5 .medium,
#blog h6 .medium {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text.small, #blog p,
#blog h2.small,
#blog h3.small,
#blog h4.small,
#blog h5.small,
#blog h6.small, .text .small, #blog p .small,
#blog h2 .small,
#blog h3 .small,
#blog h4 .small,
#blog h5 .small,
#blog h6 .small {
  font-size: 1rem;
  line-height: 1.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bold {
  font-weight: 500;
}

.text-bolder {
  font-weight: 700;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

.none {
  display: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.f-row {
  flex-direction: row;
}

.f-column {
  flex-direction: column;
}

.f-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.m-auto {
  margin: 0 autopx;
}

.m-10 {
  margin: 0 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10, .mx-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10, .mx-10 {
  margin-left: 10px;
}

.m-20 {
  margin: 0 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.m-26 {
  margin: 0 26px;
}

.mt-26 {
  margin-top: 26px;
}

.mr-26 {
  margin-right: 26px;
}

.mb-26 {
  margin-bottom: 26px;
}

.ml-26 {
  margin-left: 26px;
}

.m-30 {
  margin: 0 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.m-40 {
  margin: 0 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.m-50 {
  margin: 0 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.m-65 {
  margin: 0 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.p-10 {
  padding: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.p-20 {
  padding: 20px;
}

.pt-26 {
  padding-top: 26px;
}

.pb-26 {
  padding-bottom: 26px;
}

.p-26 {
  padding: 26px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.p-30 {
  padding: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.p-40 {
  padding: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.p-50 {
  padding: 50px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.p-65 {
  padding: 65px;
}

.bg--black {
  background-color: #000;
}

.hover-bg--black:hover {
  background-color: #000;
}

.text--black {
  color: #000;
}

.hover-text--black:hover {
  color: #000;
}

.bg--text-black {
  background-color: #090909;
}

.hover-bg--text-black:hover {
  background-color: #090909;
}

.text--text-black {
  color: #090909;
}

.hover-text--text-black:hover {
  color: #090909;
}

.bg--white {
  background-color: #fff;
}

.hover-bg--white:hover {
  background-color: #fff;
}

.text--white {
  color: #fff;
}

.hover-text--white:hover {
  color: #fff;
}

.bg--button {
  background-color: #1f94a6;
}

.hover-bg--button:hover {
  background-color: #1f94a6;
}

.text--button {
  color: #1f94a6;
}

.hover-text--button:hover {
  color: #1f94a6;
}

.bg--text {
  background-color: #222e44;
}

.hover-bg--text:hover {
  background-color: #222e44;
}

.text--text {
  color: #222e44;
}

.hover-text--text:hover {
  color: #222e44;
}

.bg--secondary-menu {
  background-color: #e5eaf3;
}

.hover-bg--secondary-menu:hover {
  background-color: #e5eaf3;
}

.text--secondary-menu {
  color: #e5eaf3;
}

.hover-text--secondary-menu:hover {
  color: #e5eaf3;
}

.bg--orange {
  background-color: #ffa000;
}

.hover-bg--orange:hover {
  background-color: #ffa000;
}

.text--orange {
  color: #ffa000;
}

.hover-text--orange:hover {
  color: #ffa000;
}

.bg--red {
  background-color: #d84315;
}

.hover-bg--red:hover {
  background-color: #d84315;
}

.text--red {
  color: #d84315;
}

.hover-text--red:hover {
  color: #d84315;
}

.bg--green {
  background-color: #9ccc65;
}

.hover-bg--green:hover {
  background-color: #9ccc65;
}

.text--green {
  color: #9ccc65;
}

.hover-text--green:hover {
  color: #9ccc65;
}

.bg--dark-green {
  background-color: #4db6ac;
}

.hover-bg--dark-green:hover {
  background-color: #4db6ac;
}

.text--dark-green {
  color: #4db6ac;
}

.hover-text--dark-green:hover {
  color: #4db6ac;
}

.bg--purple {
  background-color: #57328A;
}

.hover-bg--purple:hover {
  background-color: #57328A;
}

.text--purple {
  color: #57328A;
}

.hover-text--purple:hover {
  color: #57328A;
}

.bg--pink {
  background-color: #941580;
}

.hover-bg--pink:hover {
  background-color: #941580;
}

.text--pink {
  color: #941580;
}

.hover-text--pink:hover {
  color: #941580;
}

.bg--light-blue {
  background-color: #42a5f5;
}

.hover-bg--light-blue:hover {
  background-color: #42a5f5;
}

.text--light-blue {
  color: #42a5f5;
}

.hover-text--light-blue:hover {
  color: #42a5f5;
}

.bg--dark-blue {
  background-color: #1565c0;
}

.hover-bg--dark-blue:hover {
  background-color: #1565c0;
}

.text--dark-blue {
  color: #1565c0;
}

.hover-text--dark-blue:hover {
  color: #1565c0;
}

.bg--dark-gray {
  background-color: #575757;
}

.hover-bg--dark-gray:hover {
  background-color: #575757;
}

.text--dark-gray {
  color: #575757;
}

.hover-text--dark-gray:hover {
  color: #575757;
}

.bg--gray-1 {
  background-color: #6f7785;
}

.hover-bg--gray-1:hover {
  background-color: #6f7785;
}

.text--gray-1 {
  color: #6f7785;
}

.hover-text--gray-1:hover {
  color: #6f7785;
}

.bg--gray-2 {
  background-color: #9a9a9a;
}

.hover-bg--gray-2:hover {
  background-color: #9a9a9a;
}

.text--gray-2 {
  color: #9a9a9a;
}

.hover-text--gray-2:hover {
  color: #9a9a9a;
}

.bg--gray-3 {
  background-color: #DADADA;
}

.hover-bg--gray-3:hover {
  background-color: #DADADA;
}

.text--gray-3 {
  color: #DADADA;
}

.hover-text--gray-3:hover {
  color: #DADADA;
}

.bg--gray-4 {
  background-color: #f6f6f6;
}

.hover-bg--gray-4:hover {
  background-color: #f6f6f6;
}

.text--gray-4 {
  color: #f6f6f6;
}

.hover-text--gray-4:hover {
  color: #f6f6f6;
}

.bg--gray-5 {
  background-color: #f3f6fa;
}

.hover-bg--gray-5:hover {
  background-color: #f3f6fa;
}

.text--gray-5 {
  color: #f3f6fa;
}

.hover-text--gray-5:hover {
  color: #f3f6fa;
}

.bg--line {
  background-color: #d2d5d9;
}

.hover-bg--line:hover {
  background-color: #d2d5d9;
}

.text--line {
  color: #d2d5d9;
}

.hover-text--line:hover {
  color: #d2d5d9;
}

.bg--linkedin {
  background-color: #0e76a8;
}

.hover-bg--linkedin:hover {
  background-color: #0e76a8;
}

.text--linkedin {
  color: #0e76a8;
}

.hover-text--linkedin:hover {
  color: #0e76a8;
}

.bg--darkest-gray {
  background-color: #3d3e3f;
}

.hover-bg--darkest-gray:hover {
  background-color: #3d3e3f;
}

.text--darkest-gray {
  color: #3d3e3f;
}

.hover-text--darkest-gray:hover {
  color: #3d3e3f;
}

.bg--light-gray {
  background-color: #F2F2F2;
}

.hover-bg--light-gray:hover {
  background-color: #F2F2F2;
}

.text--light-gray {
  color: #F2F2F2;
}

.hover-text--light-gray:hover {
  color: #F2F2F2;
}

.b-1 {
  border-width: 1px;
}

.b-2 {
  border-width: 2px;
}

.b-3 {
  border-width: 3px;
}

.b-4 {
  border-width: 4px;
}

.br-4 {
  border-radius: 4px;
}

.br-5 {
  border-radius: 5px;
}

.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: none;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  border-radius: 0.3125rem;
  padding: 0.75rem 1.25rem;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.btn.btn-thick {
  padding: 0;
  width: 16.25rem;
  height: 6.25rem;
}

#blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#blog p,
#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
  margin-bottom: 1.25rem;
}
#blog iframe {
  height: 33.125rem;
}
#blog ul {
  margin-bottom: 1.25rem;
  padding-left: 1.5625rem;
}
#blog ul li {
  line-height: 1.4;
  list-style-type: disc;
}
#blog [class^=blog-] {
  margin: 0 0.625rem 3.125rem;
  width: 100%;
  max-width: 39.375rem;
}
#blog .blog-title {
  font-size: 2rem;
  line-height: 2.3333rem;
  font-weight: 700;
}
@media (max-width: 540px) {
  #blog .blog-title {
    padding: 0 2rem;
  }
}
#blog .blog-testimonial {
  padding: 2.5rem 0.9375rem;
  text-align: center;
  color: #57328A;
  line-height: 1.4;
  border-bottom: 0.0625rem solid #57328A;
  position: relative;
}
#blog .blog-testimonial:before {
  content: "”";
  display: block;
  font-size: 5rem;
  width: 3.75rem;
  height: 2.5rem;
  background: #fff;
  font-family: "PT Sans", sans-serif;
  top: -2.3125rem;
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  z-index: 2;
}
#blog .blog-testimonial:after {
  display: block;
  content: "";
  background: #57328A;
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
}
#blog .blog-productSlider {
  max-width: unset;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#blog .blog-productSlider .product-slider-wrapper-inner {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
}
#blog .blog-twoColumnsContent {
  max-width: 62.5rem;
}
@media (max-width: 923px) {
  #blog {
    max-width: 100%;
  }
}
@media (max-width: 540px) {
  #blog .home-testimonials {
    padding: 2.5rem 1.25rem;
  }
  #blog .home-testimonials .p-50 {
    padding: 0;
  }
}
@media (max-width: 540px) {
  #blog .home-testimonials .icon-prev {
    display: none;
  }
}
@media (max-width: 540px) {
  #blog .home-testimonials .icon-next {
    display: none;
  }
}

@media (max-width: 923px) {
  .post-content {
    flex-direction: column;
  }
}

.two-column-content {
  display: flex;
  gap: 3rem;
}
.two-column-content .column {
  width: 50%;
}
@media (max-width: 600px) {
  .two-column-content .column {
    width: 100%;
  }
}
@media (max-width: 540px) {
  .two-column-content {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .two-column-content {
    padding: 0 2rem;
  }
}
@media (max-width: 923px) {
  .two-column-content {
    padding: 0 2rem;
  }
}
.two-column-content.image-right {
  flex-direction: row-reverse;
}
@media (max-width: 600px) {
  .two-column-content.image-right {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .two-column-content {
    flex-direction: column;
  }
}

#sidebar .related {
  padding: 0.625rem;
}
#sidebar .related .thumbnail-wrapper {
  max-width: 16.25rem;
  width: 100%;
  margin-left: 0;
  flex-shrink: 0;
}
@media (max-width: 923px) {
  #sidebar .related .thumbnail-wrapper {
    max-width: 100%;
  }
}
#sidebar.hide {
  display: none;
}

.home-bestsellers .home-bestsellers-inner {
  max-width: 100rem;
  margin: 0 auto;
}
.home-bestsellers .home-bestsellers-inner .icon-prev {
  position: absolute;
  top: 50%;
}
@media (max-width: 540px) {
  .home-bestsellers .home-bestsellers-inner .icon-prev, .home-bestsellers .home-bestsellers-inner .icon-next {
    display: none !important;
  }
}
@media (max-width: 540px) {
  .home-bestsellers .swiper-button-prev {
    display: none;
  }
  .home-bestsellers .swiper-button-next {
    display: none;
  }
}

@media (max-width: 540px) {
  .blog-text {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .blog-text {
    padding: 0 2rem;
  }
}
@media (max-width: 923px) {
  .blog-text {
    padding: 0 2rem;
  }
}

@media (max-width: 540px) {
  .blog-image {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .blog-image {
    padding: 0 2rem;
  }
}
@media (max-width: 923px) {
  .blog-image {
    padding: 0 2rem;
  }
}

@media (max-width: 540px) {
  .blog-video {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .blog-video {
    padding: 0 2rem;
  }
}
@media (max-width: 923px) {
  .blog-video {
    padding: 0 2rem;
  }
}

.blog-testimonialSlider {
  max-width: unset !important;
}