:root {
    --color-text: #3a3a3a;
    --color-text-rgb: 58, 58, 58;
    --color-body-text: #333333;
    --color-sale-text: #ea0606;
    --color-small-button-text-border: #3a3a3a;
    --color-text-field: #ffffff;
    --color-text-field-text: #000000;
    --color-text-field-text-rgb: 0, 0, 0;
    --color-btn-primary: #4f4f4c;
    --color-btn-primary-darker: #353533;
    --color-btn-primary-text: #ffffff;
    --color-blankstate: rgba(51, 51, 51, 0.35);
    --color-blankstate-border: rgba(51, 51, 51, 0.2);
    --color-blankstate-background: rgba(51, 51, 51, 0.1);
    --color-text-focus:#606060;
    --color-overlay-text-focus:#e6e6e6;
    --color-btn-primary-focus:#353533;
    --color-btn-social-focus:#d2d2d2;
    --color-small-button-text-border-focus:#606060;
    --predictive-search-focus:#f2f2f2;
    --color-body: #ffffff;
    --color-bg: #ffffff;
    --color-bg-rgb: 255, 255, 255;
    --color-bg-alt: rgba(51, 51, 51, 0.05);
    --color-bg-currency-selector: rgba(51, 51, 51, 0.2);
    --color-overlay-title-text: #ffffff;
    --color-image-overlay: #381b21;
    --color-image-overlay-rgb: 56, 27, 33;--opacity-image-overlay: 0.25;--hover-overlay-opacity: 0.65;
    --color-border: #ebebeb;
    --color-border-form: #cccccc;
    --color-border-form-darker: #b3b3b3;
    --svg-select-icon: url("../source/ico-select_v-2900367270910467858-49f87098b4f7.svg");
    --slick-img-url: url("../source/ajax-loader_v-4135686330247201572-d5aaa689674d.gif");
    --font-weight-body--bold: 700;
    --font-weight-body--bolder: 700;
    --font-stack-header: "Verdana Pro", sans-serif;
    --font-style-header: normal;
    --font-weight-header: 600;
    --font-stack-body: "Verdana Pro", sans-serif;
    --font-style-body: normal;
    --font-weight-body: 400;
    --font-size-header: 30;
    --font-size-base: 20;
    --font-h1-desktop: 40;
    --font-h1-mobile: 37;
    --font-h2-desktop: 23;
    --font-h2-mobile: 21;
    --font-h3-mobile: 23;
    --font-h4-desktop: 20;
    --font-h4-mobile: 18;
    --font-h5-desktop: 17;
    --font-h5-mobile: 15;
    --font-h6-desktop: 16;
    --font-h6-mobile: 14;
    --font-mega-title-large-desktop: 75;
    --font-rich-text-large: 23;
    --font-rich-text-small: 17;
--color-video-bg: #f2f2f2;
    --global-color-image-loader-primary: rgba(58, 58, 58, 0.06);
    --global-color-image-loader-secondary: rgba(58, 58, 58, 0.12);
  }


.so-tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
  }
  .so-tab label {
    position: relative;
    display: block;
    padding: 0 25px 0 0;
    margin-bottom: 15px;
    line-height: normal;
    cursor: pointer;
  }
  .so-tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .so-tab-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s;
  }
  /* :checked */
  .so-tab input:checked ~ .so-tab-content {
    max-height: none;
  }
  /* Icon */
  .so-tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .so-tab input[type=checkbox] + label::after {
    content: "+";
  }
  .so-tab input[type=radio] + label::after {
    content: "\25BC";
  }
  .so-tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
  }
  .so-tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
  }
