* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

nav.primary.desktop {
  height: 111px !important; }

.cardSlider.content {
  display: none; }

.content.active {
  display: block; }

.tab.active {
  color: black !important;
  border-bottom: 2px solid red !important; }

section.main-video {
  margin: 50px 5.3vw; }
  section.main-video .main-video-inner iframe {
    width: 100%;
    height: unset !important;
    aspect-ratio: 16 / 9;
    border-radius: 15px; }
  section.main-video .main-video-description-inner {
    display: flex;
    align-items: center;
    gap: 5px; }
    section.main-video .main-video-description-inner .main-video-description-user-icon {
      margin-right: 10px; }
      section.main-video .main-video-description-inner .main-video-description-user-icon img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: contain; }
      section.main-video .main-video-description-inner .main-video-description-user-icon.user-no-logo h4 {
        max-width: 80px; }
    section.main-video .main-video-description-inner .main-video-description-title {
      flex: 1;
      margin: 10px 0px; }
      section.main-video .main-video-description-inner .main-video-description-title .main-video-description-total-time {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        section.main-video .main-video-description-inner .main-video-description-title .main-video-description-total-time h1, section.main-video .main-video-description-inner .main-video-description-title .main-video-description-total-time .ext-h2 {
          margin: unset;
          font-size: 24px;
          line-height: 29px; }
        section.main-video .main-video-description-inner .main-video-description-title .main-video-description-total-time strong {
          font-weight: bold;
          color: black;
          font-size: 22px; }
      section.main-video .main-video-description-inner .main-video-description-title span {
        color: #aeaeae;
        font-size: 16px;
        line-height: 24px; }
      section.main-video .main-video-description-inner .main-video-description-title p {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 0;
        max-width: 80% !important; }
        section.main-video .main-video-description-inner .main-video-description-title p span {
          font-size: 22px !important;
          line-height: 29px !important;
          color: #000000 !important; }

.listing-video-section {
  background-color: #f6f6f6;
  padding: 30px 0px; }
  .listing-video-section .listing-main-top-header {
    margin: 0px 5.3vw;
    position: relative; }
    .listing-video-section .listing-main-top-header .listing-main-top-title h2 {
      text-align: center;
      font-size: 28px;
      text-transform: uppercase;
      letter-spacing: -0.005rem;
      margin-bottom: 34px; }

.listing-main-top-title h2 {
  text-align: center;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: -0.005rem;
  margin-bottom: 34px; }

.listing-mian-top-filter {
  position: absolute;
  right: 46px;
  top: 0;
  display: flex;
  align-items: center; }
  .listing-mian-top-filter label {
    font-weight: bold;
    color: #4d4d4d;
    margin-right: 20px; }
  .listing-mian-top-filter select {
    width: auto;
    border-radius: 25px;
    padding: 7px 30px 7px 12px;
    border-color: #d4d4d4; }

.instructional-videos-quantity {
  margin-bottom: 0px !important;
  font-weight: 900;
  font-size: 17px; }

.instructional-videos-header .instructional-videos-filters {
  display: flex;
  align-items: self-start;
  gap: 2rem; }
  .instructional-videos-header .instructional-videos-filters label {
    font-weight: 800;
    color: black;
    width: auto; }
  .instructional-videos-header .instructional-videos-filters select {
    border: 0;
    border-radius: 0;
    width: fit-content;
    background-color: transparent !important;
    margin-top: 0px;
    padding-top: 4px; }
  .instructional-videos-header .instructional-videos-filters a {
    color: #000;
    border-bottom: 1px solid #000; }

.all-video-listing-main {
  margin: 25px 5.3vw;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  gap: 30px; }
  .all-video-listing-main .all-video-listing-main-innner {
    flex: 1 1 calc(33% - 30px);
    max-width: calc(33% - 30px); }
    .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail {
      position: relative;
      overflow: hidden;
      transition: 0.5s;
      border-radius: 15px;
      line-height: 0;
      display: block;
      border: unset; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail:hover .user-play-icon {
        opacity: 1;
        bottom: 50%;
        z-index: 999999999;
        transform: translate(-50%, 50%) scale(1); }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail:hover > img {
        transform: scale(1.3) !important;
        transition: 0.5s;
        border-radius: 15px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail img {
        border-radius: 15px;
        width: 100%;
        height: unset;
        object-fit: cover;
        overflow: hidden;
        aspect-ratio: 16/9; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .badges-on-thumbnail {
        position: absolute;
        top: 0px;
        background: white;
        border-bottom-right-radius: 7px;
        font-weight: bold;
        border-top-left-radius: 15px; }
        .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .badges-on-thumbnail span {
          padding: 0px 20px;
          color: #767676;
          font-size: 18px;
          line-height: 1.7; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-icon-badge {
        padding: 0px; }
        .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-icon-badge img {
          width: 50px;
          height: 50px;
          object-fit: contain; }
        .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-icon-badge h4 {
          color: #fff;
          font-size: 1.5rem;
          margin-bottom: .5rem;
          line-height: 1; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-chasing-scratch img {
        width: 140px;
        height: 36px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-the-golfers-journal img {
        width: 50px;
        height: 50px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-no-lying-up img {
        width: 60px;
        height: 60px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-play-icon {
        position: absolute;
        background: white;
        padding: 0px;
        font-weight: bold;
        border-radius: 3px;
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        opacity: 0;
        transition: 0.5s;
        transform: translate(-50%, 0%) scale(0.5); }
        .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .user-play-icon img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          cursor: pointer; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .total-time-badge {
        position: absolute;
        bottom: 20px;
        background: white;
        padding: 0px;
        font-weight: bold;
        right: 10px;
        border-radius: 3px; }
        .all-video-listing-main .all-video-listing-main-innner .listing-video-thumbnail .total-time-badge span {
          padding: 0px 20px;
          color: #767676;
          font-size: 18px;
          line-height: 1.7; }
    .all-video-listing-main .all-video-listing-main-innner .listing-video-desp {
      margin: 10px 0px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-desp h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0;
        text-transform: capitalize;
        line-height: 1.3;
        letter-spacing: .02em; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-desp p {
        font-size: 18px; }
      .all-video-listing-main .all-video-listing-main-innner .listing-video-desp .videos-category-tags a {
        color: #000;
        border: 0;
        background: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600; }

.load-more-btn {
  text-align: center; }
  .load-more-btn button {
    text-transform: uppercase; }

.you-may-also-like-main {
  background-color: black !important;
  padding: 40px 0px; }
  .you-may-also-like-main .you-may-also-like-inner-main .you-may-also-like-heading h2 {
    font-size: 72px;
    line-height: 1.1;
    letter-spacing: -0.005rem;
    text-align: center;
    text-transform: uppercase;
    color: white; }
    .you-may-also-like-main .you-may-also-like-inner-main .you-may-also-like-heading h2.condensed-font {
      line-height: 0.9; }

.category-featured-and-mostviewed.you-may-also-like-main:not(.transparent-bg) {
  background-color: black !important; }

.you-may-also-like-main.featured-and-mostviewed.text-white .cardSlider .number-count span {
  color: white !important; }

.you-may-also-like-main.featured-and-mostviewed.text-white .you___may__ .progressBar .progressBar__bar,
.you-may-also-like-main.featured-and-mostviewed.text-white .cardSlider .progressBar .progressBar__bar {
  background-color: #494949; }

.common-on-hover .slick-slide:hover .slider-product-content-main {
  background-color: #d3d3d3;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px; }

.card {
  color: black;
  background-color: white;
  text-align: center;
  border-radius: 15px; }

.progressBar {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 15px;
  margin: 15px 1.2vw; }
  .progressBar .progressBar__bar {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 3px;
    overflow: hidden;
    background-image: linear-gradient(to right, #e62238, #e62238);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.5s ease-in-out;
    border-radius: 50px;
    background-color: #d3d3d3; }
    .progressBar .progressBar__bar[aria-valuenow="0"] {
      background-size: 5% 100% !important; }
    .progressBar .progressBar__bar[aria-valuenow] {
      height: 5px; }
    .progressBar .progressBar__bar:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0%, -50%);
      width: 100%;
      background-color: white; }
  .progressBar .number-count span {
    color: white !important; }

.slick-slide {
  margin: 0px 10px;
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none !important; }
  .slick-slide.slick-loading {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-slide img {
    width: 100%;
    display: block;
    border-radius: 15px;
    object-fit: cover;
    aspect-ratio: 16/9; }
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%; }
  .slick-track:before, .slick-track:after {
    display: table;
    content: ''; }
  .slick-track:after {
    clear: both; }
.slick-initialized .slick-slide {
  display: block !important; }

.slick-prev,
.slick-next {
  top: 100% !important;
  margin-top: 28px;
  z-index: 999;
  display: block !important; }

.slick-next {
  left: 290px !important; }

.slick-prev {
  left: 248px !important; }

.slick-prev:before,
.slick-next:before {
  color: #e62238 !important; }

.slick-next::before {
  content: "\f0da" !important;
  font-family: fontawesome !important; }

.slick-prev::before {
  content: "\f0d9" !important;
  font-family: fontawesome !important; }

.video-categories {
  padding: 50px 0px; }
  .video-categories .video-category-inner {
    margin: 0px 5.3vw; }
    .video-categories .video-category-inner .listing-main-top-title.common-heading {
      text-align: center;
      margin-bottom: 35px; }
    .video-categories .video-category-inner .main-categories .category-item {
      position: relative;
      transition: 1s; }
      .video-categories .video-category-inner .main-categories .category-item .category-img {
        position: relative;
        overflow: hidden;
        transition: .5s;
        border-radius: 10px;
        min-width: 100%;
        height: auto; }
        .video-categories .video-category-inner .main-categories .category-item .category-img img {
          width: 100%;
          height: 100%;
          border-radius: 10px;
          object-fit: cover;
          overflow: hidden;
          aspect-ratio: auto; }
        .video-categories .video-category-inner .main-categories .category-item .category-img .category-img-hover {
          position: absolute;
          background-color: #e62238;
          bottom: 0;
          right: 0;
          width: 0px;
          height: 24px;
          border-radius: 5px;
          opacity: 0;
          transition: .5s;
          cursor: pointer;
          display: flex;
          justify-content: end;
          align-items: center;
          padding-right: 20px; }
          .video-categories .video-category-inner .main-categories .category-item .category-img .category-img-hover a {
            color: #fff;
            border-bottom: 0;
            line-height: 16px; }
            .video-categories .video-category-inner .main-categories .category-item .category-img .category-img-hover a i {
              opacity: 0;
              transition: 2s;
              font-size: 20px; }
        .video-categories .video-category-inner .main-categories .category-item .category-img:hover img {
          transform: scale(1.3) !important;
          transition: .5s;
          border-radius: 10px; }
        .video-categories .video-category-inner .main-categories .category-item .category-img:hover:hover i {
          opacity: 1; }
        .video-categories .video-category-inner .main-categories .category-item .category-img:hover .category-img-hover {
          opacity: 1;
          right: -2px;
          width: 120px; }
      .video-categories .video-category-inner .main-categories .category-item .category-link h3 {
        text-align: center;
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 5px;
        line-height: 1.5;
        letter-spacing: .02em; }
        .video-categories .video-category-inner .main-categories .category-item .category-link h3 a {
          color: #000;
          border-bottom: unset;
          text-transform: capitalize; }
      .video-categories .video-category-inner .main-categories .category-item .category-link:nth-of-type(1) h4 a,
      .video-categories .video-category-inner .main-categories .category-item .category-link:nth-of-type(3) h4 a {
        text-transform: uppercase; }
    .video-categories .video-category-inner .main-categories button.slick-next::after {
      content: unset; }

.tb_button {
  padding: 1px;
  cursor: pointer;
  border-right: 1px solid #8b8b8b;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #fff; }

.tb_button.hover {
  border: 2px outset #def;
  background-color: #f8f8f8 !important; }

.ws_toolbar {
  z-index: 100000; }

.ws_toolbar .ws_tb_btn {
  cursor: pointer;
  border: 1px solid #555;
  padding: 3px; }

.tb_highlight {
  background-color: yellow; }

.tb_hide {
  visibility: hidden; }

.ws_toolbar img {
  padding: 2px;
  margin: 0px; }

.cardSlider-video-categories .progressBar.display-none {
  display: none; }

.you-may-also-like-main.featured-and-mostviewed.text-white .pagingInfo-slider-_you_may_alo_like {
  color: #d3d3d3 !important; }

@media (min-width: 1500px) {
  .progressBar {
    gap: 48px; } }
@media (min-width: 1600px) {
  .progressBar {
    gap: 46px; } }
@media (min-width: 1800px) {
  .progressBar {
    gap: 44px; } }
@media (min-width: 2000px) {
  .progressBar {
    gap: 42px; } }
@media (min-width: 2200px) {
  .progressBar {
    gap: 38px; } }
@media (min-width: 2400px) {
  .progressBar {
    gap: 36px; } }
@media (min-width: 2600px) {
  .progressBar {
    gap: 33px; } }
@media (max-width: 1280px) {
  .video-categories .video-category-inner .main-categories {
    flex-wrap: wrap; }
    .video-categories .video-category-inner .main-categories .category-link h3 {
      font-size: 16px !important; }
    .video-categories .video-category-inner .main-categories .category-item {
      flex: none; }

  .listing-video-section .listing-main-top-header .listing-main-top-title h2 {
    font-size: 24px; }

  .listing-video-section .all-video-listing-main .all-video-listing-main-innner {
    flex: 1 1 calc(50% - 30px);
    max-width: calc(50% - 30px); }

  .listing-mian-top-filter {
    right: 30px; } }
@media (max-width: 1080px) {
  .main-video .main-video-description .main-video-description-inner .main-video-description-title .main-video-description-total-time h1, .main-video .main-video-description .main-video-description-inner .main-video-description-title .main-video-description-total-time .ext-h2 {
    font-size: 23px;
    max-width: 80% !important;
    margin-bottom: 6px; }
  .main-video .main-video-description .main-video-description-inner .main-video-description-title .main-video-description-total-time strong {
    font-size: 16px;
    text-wrap: nowrap; }
  .main-video .main-video-description .main-video-description-inner .main-video-description-title span {
    font-size: 19px; }
  .main-video .main-video-description .main-video-description-inner .main-video-description-title p {
    font-size: 16px;
    max-width: 80%; }

  .listing-video-section .listing-mian-top-filter {
    flex-direction: column;
    align-items: start;
    gap: 0px;
    position: unset;
    margin-bottom: 20px !important; }
    .listing-video-section .listing-mian-top-filter select {
      margin-top: 0px !important; }
  .listing-video-section .all-video-listing-main .listing-video-desp h3 {
    font-size: 18px; }
  .listing-video-section .all-video-listing-main .listing-video-desp p {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 18px; }
  .listing-video-section .all-video-listing-main .total-time-badge span {
    font-size: 14px !important; }
  .listing-video-section .all-video-listing-main .badges-on-thumbnail span {
    font-size: 14px !important; }

  .you-may-also-like-main .you-may-also-like-inner-main .you-may-also-like-heading h2 {
    font-size: 48px !important; }

  .instructional-videos-header .instructional-videos-filters {
    gap: 5px !important; } }
@media (max-width: 799px) {
  .instructional-videos-quantity {
    margin-bottom: 10px !important; }

  .cardSlider-video-categories .progressBar.display-none {
    display: flex; }
  .cardSlider-video-categories .slick-next {
    left: 290px !important; }
  .cardSlider-video-categories .slick-prev {
    left: 248px !important; }
  .cardSlider-video-categories .progressBar__bar:before {
    background-color: grey !important; }

  .listing-video-section .all-video-listing-main {
    gap: 15px;
    margin-top: 0px; }
    .listing-video-section .all-video-listing-main .all-video-listing-main-innner {
      flex: auto !important;
      max-width: 100% !important; }
  .listing-video-section .listing-mian-top-filter {
    align-items: start;
    gap: 8px; }

  .video-categories .video-category-inner .main-categories .category-item {
    flex: auto; }

  .main-video-description .main-video-description-user-icon {
    display: none; }

  .main-video-description-title .main-video-description-total-time h1, .main-video-description-title .main-video-description-total-time .ext-h2 {
    font-size: 20px !important;
    line-height: 24px !important; }
  .main-video-description-title .main-video-description-total-time strong {
    font-size: 16px; }
  .main-video-description-title span {
    font-size: 16px !important; }
  .main-video-description-title p {
    font-size: 19px !important;
    max-width: 90% !important; }

  .instructional-videos-filters {
    flex-direction: column;
    margin-bottom: 1rem; }

  .instructional-videos-header .instructional-videos-filters select {
    padding-left: 0; }

  nav.primary.mobile {
    height: 70px !important; }

  nav.mobile-overlay {
    z-index: 999999999; }

  .video-categories .video-category-inner #slider-video-categories .category-link h4 {
    font-size: 14px !important; } }

/*# sourceMappingURL=categories.css.map */