@font-face {
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 400; }
@font-face {
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 700; }
@font-face {
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 900; }
@font-face {
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 100; }
@font-face {
  src: url("../fonts/BRANDON_REG.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 400; }
@font-face {
  src: url("../fonts/BRANDON_THIN.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 100; }
@font-face {
  src: url("../fonts/BRANDON_BLD.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 900; }
#content-header {
  display: none; }
  @media screen and (min-width: 1023px) {
    #content-header {
      background-color: #E6E7E8;
      padding-top: 30px;
      display: block; }
      #content-header .heading {
        width: 70%;
        margin-left: 6.2%;
        font-size: 14px;
        font-weight: 600; }
        #content-header .heading span:nth-of-type(1) {
          color: #BEC0C2;
          display: inline-block;
          padding-right: 8px; } }

body.non-scrollable {
  overflow: hidden; }

.dark-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none; }
  .dark-overlay.show {
    display: block; }
  .dark-overlay .close-overlay-button {
    margin-left: auto;
    margin-top: 50px;
    margin-right: 50px;
    width: 15px; }
    .dark-overlay .close-overlay-button svg {
      width: 100%;
      height: 100%;
      fill: white; }
  .dark-overlay figure {
    width: 50%;
    margin: 30px auto;
    display: block; }
    .dark-overlay figure img {
      width: 100%;
      height: 100%; }

.mobile-screen-action-buttons {
  position: fixed;
  display: flex;
  bottom: 0;
  width: 100%;
  left: 0; }
  @media screen and (min-width: 1023px) {
    .mobile-screen-action-buttons {
      display: none; } }
  .mobile-screen-action-buttons button {
    padding: 14px 18px;
    width: 50%; }
    .mobile-screen-action-buttons button.full-width {
      width: 100%; }

#page-header .brand-holder {
  display: flex;
  align-items: center; }
  #page-header .brand-holder .back-button {
    display: flex;
    margin-left: 20px;
    align-items: center; }
    #page-header .brand-holder .back-button .icon {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
      #page-header .brand-holder .back-button .icon svg {
        width: 100%;
        height: 100%;
        fill: #6a696b; }
    #page-header .brand-holder .back-button .icon-label {
      color: #6a696b; }
    @media screen and (min-width: 1023px) {
      #page-header .brand-holder .back-button {
        display: none; } }
  #page-header .brand-holder .brand-logo {
    display: none; }
    @media screen and (min-width: 1023px) {
      #page-header .brand-holder .brand-logo {
        display: flex; } }

#mobile-navigation {
  display: none; }

.product-content {
  background-color: #E6E7E8; }
  .product-content .image-banner {
    width: 100%;
    background-color: #F1F1F1;
    height: 52vh;
    display: flex;
    align-items: flex-end; }
    @media screen and (min-width: 1023px) {
      .product-content .image-banner {
        height: 63vh; } }
    .product-content .image-banner img {
      width: 80%;
      display: block;
      margin: 0 auto; }
  .product-content .image-choices {
    background-color: #F1F1F1;
    padding: 14px 0;
    border-top: 1px solid #d1d3d4;
    display: flex;
    justify-content: space-around; }
    .product-content .image-choices figure {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      cursor: pointer;
      border: 2px solid #BEC0C2; }
      .product-content .image-choices figure.active {
        border: 2px solid #414042; }
      .product-content .image-choices figure img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .product-content .price-note {
    font-size: 16px; }
  .product-content .content {
    width: 90%;
    margin: 0 auto;
    padding: 14px 0; }
    @media screen and (max-width: 1023px) {
      .product-content .content {
        width: calc(100% - 15px); } }
    .product-content .content .product-name {
      font-size: 27px;
      font-weight: bold;
      font-family: Brandon;
      color: #414042; }
      @media screen and (max-width: 1023px) {
        .product-content .content .product-name {
          margin-left: 10px; } }
    .product-content .content .product-manufacturer {
      color: #414042;
      font-size: 13px;
      font-weight: bold;
      padding: 10px 0; }
      @media screen and (max-width: 1023px) {
        .product-content .content .product-manufacturer {
          margin-left: 10px; } }
    .product-content .content p {
      font-size: 16px;
      font-weight: 400;
      color: #808285;
      padding: 10px 0;
      letter-spacing: 0.2px;
      line-height: 1.5; }
      @media screen and (max-width: 1023px) {
        .product-content .content p {
          margin-left: 10px; } }
    .product-content .content .ratings {
      display: flex;
      justify-content: space-between;
      width: 140px;
      margin: 10px 0; }
      @media screen and (max-width: 1023px) {
        .product-content .content .ratings {
          margin-left: 10px; } }
      .product-content .content .ratings .fa-star {
        font-size: 20px; }
        .product-content .content .ratings .fa-star.checked {
          color: #F7C452; }
    .product-content .content .discount {
      display: flex;
      justify-content: space-between;
      margin: 20px 0; }
      .product-content .content .discount p {
        width: 70%;
        font-size: 13px;
        padding: 0; }
      .product-content .content .discount .view-discount {
        font-size: 14px;
        cursor: pointer; }
    .product-content .content .size {
      display: flex;
      justify-content: space-between;
      color: #414042; }
      @media screen and (max-width: 1023px) {
        .product-content .content .size {
          margin-left: 10px; } }
      .product-content .content .size .size-container {
        width: 100%; }
        .product-content .content .size .size-container .label {
          font-size: 16px;
          font-family: Brandon; }
        .product-content .content .size .size-container ul {
          display: flex;
          padding: 10px 0 0;
          flex-wrap: wrap; }
          .product-content .content .size .size-container ul a {
            margin-right: 15px;
            margin-bottom: 15px; }
          .product-content .content .size .size-container ul li {
            border: 2px solid #414042;
            padding: 6px 12px;
            border-radius: 30px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 16px;
            font-family: Brandon;
            color: #414042;
            cursor: pointer;
            opacity: 0.5;
            text-align: center;
            flex-wrap: wrap; }
            .product-content .content .size .size-container ul li.active {
              opacity: 1; }
      .product-content .content .size .chart {
        font-size: 16px;
        font-weight: 400;
        font-family: Brandon;
        cursor: pointer;
        color: #414042; }
  .product-content .color {
    margin: 0;
    color: #414042; }
    @media screen and (max-width: 1023px) {
      .product-content .color {
        margin-left: 10px; } }
    .product-content .color .label {
      font-size: 16px;
      font-weight: 400;
      font-family: Brandon; }
    .product-content .color .color-pallete {
      margin: 10px 0 10px 15px; }
      .product-content .color .color-pallete:nth-of-type(1) {
        margin-left: 0; }
      .product-content .color .color-pallete li {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;
        margin: 0 5px; }
        .product-content .color .color-pallete li:nth-of-type(1) {
          margin-left: 0; }
        .product-content .color .color-pallete li.active {
          border: 2px solid gray; }
  .product-content .cost {
    font-size: 25px;
    font-weight: bold;
    font-family: Brandon;
    color: #414042; }
    @media screen and (max-width: 1023px) {
      .product-content .cost {
        margin-left: 10px; } }
  .product-content .desktop-button {
    margin-top: 20px; }
    .product-content .desktop-button.hide {
      display: none; }
    .product-content .desktop-button:nth-of-type(1) {
      margin-right: -4px; }
  .product-content .product-feature-lists {
    margin-top: 20px; }
    .product-content .product-feature-lists li {
      list-style: none;
      margin: 10px 0; }
      .product-content .product-feature-lists li.active .label {
        border-bottom: 8px solid #BEC0C2; }
        .product-content .product-feature-lists li.active .label:after {
          transform: translateY(-50%) rotate(180deg); }
      .product-content .product-feature-lists li.active .details {
        overflow: auto;
        height: 55vh;
        width: 95%;
        margin: 0 auto; }
      .product-content .product-feature-lists li .details {
        height: 0;
        overflow: hidden;
        transition: height 500ms ease; }
      .product-content .product-feature-lists li .label {
        width: 100%;
        padding: 30px 0 30px 20px;
        background-color: #F1F1F1;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
        position: relative; }
        .product-content .product-feature-lists li .label:after {
          content: '';
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #BEC0C2;
          position: absolute;
          right: 20px;
          top: 50%;
          transform: translateY(-50%);
          transition: transform 500ms ease; }
  .product-content .heading {
    font-size: 20px;
    text-align: center;
    position: relative;
    margin: 20px auto;
    color: #414042;
    padding: 20px 0; }
    .product-content .heading:before {
      content: '';
      width: 197px;
      display: inline-block;
      height: 3px;
      background-color: #414042;
      position: absolute;
      top: 8px; }

.details h6 {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #414042; }
.details p {
  color: #97989a;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 14px; }
.details .material,
.details .washable {
  padding-bottom: 10px;
  color: #97989a;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 14px;
  color: #414042; }

.desktop-product-contents {
  display: none; }
  @media screen and (min-width: 1023px) {
    .desktop-product-contents {
      display: block;
      width: 70%;
      margin: 0 auto; }
      .desktop-product-contents .details {
        width: 85%;
        margin: 0 auto;
        display: none; }
        .desktop-product-contents .details.active {
          display: block; }
      .desktop-product-contents ul {
        display: flex;
        width: 85%;
        margin: 0 auto; }
      .desktop-product-contents li {
        width: 35%;
        text-align: center;
        list-style: none;
        border-bottom: 1px solid #414042;
        padding-bottom: 10px;
        font-weight: bold;
        cursor: pointer;
        color: #414042; }
        .desktop-product-contents li.active {
          border-bottom: 2px solid #414042; } }

.product-collection {
  margin: 0 auto; }
  .product-collection .dark-button {
    background-color: #414042; }
  .product-collection .product .product-name {
    margin: 9px auto 9px;
    width: 85%; }
  @media screen and (min-width: 1023px) {
    .product-collection {
      padding-bottom: 20px; } }

.flex-container {
  display: block;
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 1023px) {
    .flex-container {
      display: flex;
      width: 87%;
      margin: 0 auto;
      padding: 30px 0; }
      .flex-container .image-container {
        width: 45%; }
        .flex-container .image-container img {
          width: 350px;
          height: 60vh;
          object-fit: cover; }
      .flex-container .content {
        width: 50%; }
      .flex-container .product-feature-lists {
        display: none; } }

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